commit 7470750413c3950e0db6d9d2b2c945f8907a4386
Author: CHIEFSOFT\ameye <ameye@chiefsfot.com>
Date:   Tue Sep 26 13:50:01 2023 -0400

    first commit

diff --git a/.env b/.env
new file mode 100644
index 0000000..d8a83e9
--- /dev/null
+++ b/.env
@@ -0,0 +1,19 @@
+ESLINT_NO_DEV_ERRORS=true
+
+REACT_APP_AUX_ENDPOINT="https://apigate.lotus.g1.automedsys.com/en/wrench/api/v1"
+REACT_APP_USERS_ENDPOINT="https://apigate.lotus.g1.automedsys.com/en/wrench/api/v1"
+
+REACT_APP_SITE_NAME='automedsys'
+REACT_APP_DASH_URL='https://dev-users.automedsys.com'
+REACT_APP_DASH_URL_LOGIN="https://dev-users.automedsys.com/login"
+REACT_APP_DASH_URL_SIGNUP="https://dev-users.automedsys.com/signup"
+REACT_APP_ANDROID_APP='https://play.google.com/store/apps/details?id=com.automedsys.users'
+REACT_APP_APPLE_APP='https://itunes.apple.com/us/app/automedsys/id1435718367?ls=1&mt=8'
+REACT_APP_FACEBOOK_LINK='https://www.facebook.com/automedsys'
+REACT_APP_TWITTER_LINK='https://twitter.com/automedsys/'
+REACT_APP_LINKEDIN_LINK="https://www.linkedin.com/company/automedsys/"
+REACT_APP_SUPPORT_EMAIL='support@automedsys.com'
+REACT_APP_SUPPORT_PHONE='404 855-7966'
+REACT_APP_SUPPORT_PHONE_NG='(+420) 336 476 328'
+REACT_APP_SUPPORT_US_ADDRESS='Cumberland Pkwy, Atlanta GA 30339'
+REACT_APP_SUPPORT_NG_ADDRESS='Saka Tinubu Street, Victoria Island Lagos, Nigeria'
diff --git a/components/elements/BackToTop.js b/components/elements/BackToTop.js
new file mode 100644
index 0000000..438dfa1
--- /dev/null
+++ b/components/elements/BackToTop.js
@@ -0,0 +1,31 @@
+import { useEffect, useState } from "react"
+
+import Link from "next/link"
+export default function BackToTop() {
+    const [hasScrolled, setHasScrolled] = useState("false")
+
+    useEffect(() => {
+        window.addEventListener("scroll", onScroll)
+        return () => {
+            window.removeEventListener("scroll", onScroll)
+        }
+    })
+
+    const onScroll = () => {
+        if (window.scrollY > 100 && !hasScrolled) {
+            setHasScrolled(true)
+        } else if (window.scrollY < 100 && hasScrolled) {
+            setHasScrolled(false)
+        }
+    }
+
+    return (
+        <>
+            {hasScrolled && (
+                <Link className="scroll__top scroll-to-target open" href="#top" style={{ position: 'fixed', zIndex: 2147483647 }}>
+                    <i className="fas fa-angle-up"></i>
+                </Link>
+            )}
+        </>
+    )
+}
\ No newline at end of file
diff --git a/components/elements/Counter.js b/components/elements/Counter.js
new file mode 100644
index 0000000..35ea3ac
--- /dev/null
+++ b/components/elements/Counter.js
@@ -0,0 +1,56 @@
+import { useEffect, useRef, useState } from 'react'
+
+
+export default function Counter({ end, duration }) {
+    const [count, setCount] = useState(0)
+    const countRef = useRef(null)
+    const increment = end / duration
+
+    useEffect(() => {
+        const observer = new IntersectionObserver(
+            ([entry]) => {
+                if (entry.isIntersecting) {
+                    startCount()
+                    observer.disconnect()
+                }
+            },
+            { threshold: 0 }
+        )
+
+        if (countRef.current) {
+            observer.observe(countRef.current)
+        }
+
+        return () => {
+            observer.disconnect()
+        }
+    }, [])
+
+    useEffect(() => {
+        const interval = setInterval(() => {
+            setCount((prevCount) => {
+                const newCount = prevCount + increment
+                if (newCount >= end) {
+                    clearInterval(interval)
+                    return end
+                } else {
+                    return newCount
+                }
+            })
+        }, 1000 / duration)
+
+        return () => {
+            clearInterval(interval)
+        }
+    }, [end, increment])
+
+    const startCount = () => {
+        setCount(0)
+    }
+
+    return (
+        <span ref={countRef}>
+            <span>{Math.round(count)}</span>
+        </span>
+    )
+}
\ No newline at end of file
diff --git a/components/elements/CounterUp.js b/components/elements/CounterUp.js
new file mode 100644
index 0000000..311bc1b
--- /dev/null
+++ b/components/elements/CounterUp.js
@@ -0,0 +1,30 @@
+import { useEffect, useState } from 'react'
+import Counter from './Counter'
+
+export default function CounterUp({ end }) {
+    const [inViewport, setInViewport] = useState(false)
+
+    const handleScroll = () => {
+        const elements = document.getElementsByClassName('count-element')
+        if (elements.length > 0) {
+            const element = elements[0]
+            const rect = element.getBoundingClientRect()
+            const isInViewport = rect.top >= 0 && rect.bottom <= window.innerHeight
+            if (isInViewport && !inViewport) {
+                setInViewport(true)
+            }
+        }
+    }
+
+    useEffect(() => {
+        window.addEventListener('scroll', handleScroll)
+        return () => {
+            window.removeEventListener('scroll', handleScroll)
+        }
+    }, [])
+    return (
+        <>
+            <span className="count-element">{inViewport && <Counter end={end} duration={20} />}</span>
+        </>
+    )
+}
diff --git a/components/elements/Preloader.js b/components/elements/Preloader.js
new file mode 100644
index 0000000..083b2c1
--- /dev/null
+++ b/components/elements/Preloader.js
@@ -0,0 +1,9 @@
+export default function Preloader() {
+    return (
+        <>
+            <div id="loading" className="loading--theme">
+                <div id="loading-center"><span className="loader" /></div>
+            </div>
+        </>
+    )
+}
diff --git a/components/elements/SmoothScroll.js b/components/elements/SmoothScroll.js
new file mode 100644
index 0000000..1d3fa42
--- /dev/null
+++ b/components/elements/SmoothScroll.js
@@ -0,0 +1,36 @@
+import { useEffect } from 'react'
+
+const SmoothScroll = () => {
+    useEffect(() => {
+        // Function to handle the smooth scroll behavior
+        const handleClick = (e) => {
+            e.preventDefault()
+
+            // Extract the href value from the clicked anchor
+            const href = e.currentTarget.getAttribute('href')
+
+            // Find the element with the corresponding id and scroll into view
+            const targetElement = document.querySelector(href)
+            if (targetElement) {
+                targetElement.scrollIntoView({
+                    behavior: 'smooth'
+                })
+            }
+        }
+
+        // Attach the click event listener to all anchor elements
+        const anchors = document.querySelectorAll('a[href^="#"]')
+        anchors.forEach((anchor) => {
+            anchor.addEventListener('click', handleClick)
+        })
+
+        // Cleanup: remove event listener on component unmount
+        return () => {
+            anchors.forEach((anchor) => {
+                anchor.removeEventListener('click', handleClick)
+            })
+        }
+    }, [])
+}
+
+export default SmoothScroll
\ No newline at end of file
diff --git a/components/elements/ThemeSwitch.js b/components/elements/ThemeSwitch.js
new file mode 100644
index 0000000..cf2d235
--- /dev/null
+++ b/components/elements/ThemeSwitch.js
@@ -0,0 +1,27 @@
+import { useEffect, useState } from "react"
+
+export default function ThemeSwitch() {
+    const [togglETHeme, setTogglETHeme] = useState(
+        () => JSON.parse(localStorage.getItem("togglETHeme")) || "light-theme"
+    )
+    useEffect(() => {
+        localStorage.setItem("togglETHeme", JSON.stringify(togglETHeme))
+        document.body.classList.add(togglETHeme)
+        return () => {
+            document.body.classList.remove(togglETHeme)
+        }
+    }, [togglETHeme])
+
+    return (
+        <>
+            <nav className="switcher__tab"
+                onClick={() => togglETHeme === "light-theme" ? setTogglETHeme("dark-theme") : setTogglETHeme("light-theme")
+                }
+            >
+                <span className="switcher__btn light-mode"><i className="flaticon-sun" /></span>
+                <span className="switcher__mode" />
+                <span className="switcher__btn dark-mode"><i className="flaticon-moon" /></span>
+            </nav>
+        </>
+    )
+}
diff --git a/components/elements/VidepPopup.js b/components/elements/VidepPopup.js
new file mode 100644
index 0000000..f2184df
--- /dev/null
+++ b/components/elements/VidepPopup.js
@@ -0,0 +1,54 @@
+import { useState } from 'react'
+import ModalVideo from 'react-modal-video'
+import "../../node_modules/react-modal-video/css/modal-video.css"
+
+
+export default function VideoPopup({ style }) {
+    const [isOpen, setOpen] = useState(false)
+    return (
+        <>
+
+            {style === 1 &&
+                // <a className="video-popup1" onClick={() => setOpen(true)}>
+                //     <div className="video-btn play-icon-tra">
+                //         <div className="video-block-wrapper">
+                //             <i className="fas fa-play" />
+                //         </div>
+                //     </div>
+                // </a>
+                <a className="video-popup1" onClick={() => setOpen(true)}>
+                    <div className="video-btn video-btn-xl bg--theme">
+                        <div className="video-block-wrapper"><span className="flaticon-play-button" /></div>
+                    </div>
+                </a>
+            }
+            {style === 2 &&
+                <a className="video-popup2" onClick={() => setOpen(true)}>
+                    <div className="video-btn video-btn-xl bg--theme">
+                        <div className="video-block-wrapper"><span className="flaticon-play-button" /></div>
+                    </div>
+                </a>
+            }
+            {style === 3 &&
+
+                <a onClick={() => setOpen(true)} className="video-popup2 btn r-04 btn--tra-black hover--violet-100">See how it works
+                </a>
+            }
+            {style === 4 &&
+                <a onClick={() => setOpen(true)} className="video-popup2 btn r-04 btn--theme hover--tra-black ico-20 ico-right">See how it works <span className="flaticon-play" />
+                </a>
+            }
+            {style === 5 &&
+                <a onClick={() => setOpen(true)} className="video-popup2 btn r-04 btn--tra-black hover--theme ico-20 ico-right">
+                    See how it works <span className="flaticon-play" />
+                </a>
+            }
+
+
+
+
+
+            <ModalVideo channel='youtube' autoplay isOpen={isOpen} videoId="vfhzo499OeA" onClose={() => setOpen(false)} />
+        </>
+    )
+}
\ No newline at end of file
diff --git a/components/layout/AutoMedSysMenu.js b/components/layout/AutoMedSysMenu.js
new file mode 100644
index 0000000..c9a1fa2
--- /dev/null
+++ b/components/layout/AutoMedSysMenu.js
@@ -0,0 +1,77 @@
+import Link from "next/link"
+import { useRouter } from "next/router"
+
+export default function AutoMedSysMenu() {
+    const router = useRouter()
+
+    return (
+        <>
+
+            <ul className="wsmenu-list nav-theme">
+                {/* DROPDOWN SUB MENU */}
+                <li aria-haspopup="true">
+                    <Link href="#" className="h-link">About <span className="wsarrow" /></Link>
+                    <ul className="sub-menu">
+                        <li aria-haspopup="true"><Link href="#lnk-1">autoMedSys</Link></li>
+                    </ul>
+                </li>
+                {/* SIMPLE NAVIGATION LINK */}
+                <li className="nl-simple" aria-haspopup="true"><Link href="#features-6" className="h-link">Features</Link></li>
+                {/* MEGAMENU */}
+                <li aria-haspopup="true" className="mg_link"><Link href="#" className="h-link">Solutions <span className="wsarrow" /></Link>
+                    <div className="wsmegamenu w-75 clearfix">
+                        <div className="container">
+                            <div className="row">
+                                {/* MEGAMENU LINKS */}
+                                <ul className="col-md-12 col-lg-4 link-list">
+                                    <li className="fst-li"><Link href="#">Electronic Medical Records</Link></li>
+                                    {/*<li><Link href="/team">Our Team</Link></li>*/}
+                                    {/*<li><Link href="/careers">Careers <span className="sm-info">4</span></Link></li>*/}
+                                    {/*<li><Link href="/career-role">Career Details</Link></li>*/}
+                                    {/*<li><Link href="/contacts">Contact Us</Link></li>*/}
+                                </ul>
+                                {/* MEGAMENU LINKS */}
+                                <ul className="col-md-12 col-lg-4 link-list">
+                                    <li><Link href="#">e-Prescribing</Link></li>
+                                    {/*<li className="fst-li"><Link href="/projects">Our Projects</Link></li>*/}
+                                    {/*<li><Link href="/project-details">Project Details</Link></li>*/}
+                                    {/*<li><Link href="/reviews">Testimonials</Link></li>*/}
+                                    {/*<li><Link href="/download">Download Page</Link></li>*/}
+                                </ul>
+                                {/* MEGAMENU LINKS */}
+                                <ul className="col-md-12 col-lg-4 link-list">
+                                    <li className="fst-li"><Link href="#">Telehealth</Link></li>
+                                    {/*<li><Link href="/pricing-2">Pricing Page #2</Link></li>*/}
+                                    {/*<li><Link href="/faqs">FAQs Page</Link></li>*/}
+                                    {/*<li><Link href="/help-center">Help Center</Link></li>*/}
+                                    {/*<li><Link href="/404">404 Page</Link></li>*/}
+                                </ul>
+                                {/* MEGAMENU LINKS */}
+                                {/*<ul className="col-md-12 col-lg-3 link-list">*/}
+                                {/*    <li className="fst-li"><Link href="/blog-listing">Blog Listing</Link></li>*/}
+                                {/*    /!*<li><Link href="/single-post">Single Blog Post</Link></li>*!/*/}
+                                {/*    /!*<li><Link href="/login-2">Login Page</Link></li>*!/*/}
+                                {/*    /!*<li><Link href="/signup-2">Signup Page</Link></li>*!/*/}
+                                {/*    /!*<li><Link href="/reset-password">Reset Password</Link></li>*!/*/}
+                                {/*</ul>*/}
+                            </div> {/* End row */}
+                        </div> {/* End container */}
+                    </div> {/* End wsmegamenu */}
+                </li> {/* END MEGAMENU */}
+                {/* SIMPLE NAVIGATION LINK */}
+                <li className="nl-simple" aria-haspopup="true"><Link href="/pricing-1" className="h-link">Pricing</Link></li>
+                {/* SIMPLE NAVIGATION LINK */}
+                <li className="nl-simple" aria-haspopup="true"><Link href="#faqs-3" className="h-link">FAQs</Link>
+                </li>
+                {/* SIGN IN LINK */}
+                <li className="nl-simple reg-fst-link mobile-last-link" aria-haspopup="true">
+                    <Link href="https://epcs.automedsys.net/" className="h-link">Sign in</Link>
+                </li>
+                {/* SIGN UP BUTTON */}
+                <li className="nl-simple" aria-haspopup="true">
+                    <Link href="https://signup.automedsys.net/" className="btn r-04 btn--theme hover--tra-white last-link">Get Started</Link>
+                </li>
+            </ul>
+        </>
+    )
+}
diff --git a/components/layout/Breadcrumb.js b/components/layout/Breadcrumb.js
new file mode 100644
index 0000000..362c4f3
--- /dev/null
+++ b/components/layout/Breadcrumb.js
@@ -0,0 +1,8 @@
+
+export default function Breadcrumb({ breadcrumbTitle }) {
+    return (
+        <>
+
+        </>
+    )
+}
diff --git a/components/layout/Layout.js b/components/layout/Layout.js
new file mode 100644
index 0000000..5c6f2cf
--- /dev/null
+++ b/components/layout/Layout.js
@@ -0,0 +1,58 @@
+import { useEffect, useState } from "react"
+import BackToTop from '../elements/BackToTop'
+import Breadcrumb from './Breadcrumb'
+import PageHead from './PageHead'
+import Footer1 from './footer/Footer1'
+import Footer2 from './footer/Footer2'
+import Footer3 from "./footer/Footer3"
+import Header1 from "./header/Header1"
+import Header2 from './header/Header2'
+
+export default function Layout({ headerStyle, footerStyle, headTitle, breadcrumbTitle, children, headerCls }) {
+    const [scroll, setScroll] = useState(0)
+    // Moblile Menu
+    const [isMobileMenu, setMobileMenu] = useState(false)
+    const handleMobileMenu = () => {
+        setMobileMenu(!isMobileMenu)
+        !isMobileMenu ? document.body.classList.add("wsactive") : document.body.classList.remove("wsactive")
+    }
+
+    useEffect(() => {
+        const WOW = require('wowjs')
+        window.wow = new WOW.WOW({
+            live: false
+        })
+        window.wow.init()
+
+        document.addEventListener("scroll", () => {
+            const scrollCheck = window.scrollY > 100
+            if (scrollCheck !== scroll) {
+                setScroll(scrollCheck)
+            }
+        })
+    }, [])
+    return (
+        <>
+            <PageHead headTitle={headTitle} />
+            <div id="page" className="page font--jakarta">
+                {!headerStyle && <Header1 scroll={scroll} isMobileMenu={isMobileMenu} handleMobileMenu={handleMobileMenu} headerCls={headerCls} />}
+                {headerStyle == 1 ? <Header1 scroll={scroll} isMobileMenu={isMobileMenu} handleMobileMenu={handleMobileMenu} headerCls={headerCls} /> : null}
+                {headerStyle == 2 ? <Header2 scroll={scroll} isMobileMenu={isMobileMenu} handleMobileMenu={handleMobileMenu} headerCls={headerCls} /> : null}
+
+
+                <main className="main">
+                    {breadcrumbTitle && <Breadcrumb breadcrumbTitle={breadcrumbTitle} />}
+
+                    {children}
+                </main>
+
+                {!footerStyle && < Footer1 />}
+                {footerStyle == 1 ? < Footer1 /> : null}
+                {footerStyle == 2 ? < Footer2 /> : null}
+                {footerStyle == 3 ? < Footer3 /> : null}
+
+                <BackToTop />
+            </div>
+        </>
+    )
+}
diff --git a/components/layout/Menu.js b/components/layout/Menu.js
new file mode 100644
index 0000000..a91ed48
--- /dev/null
+++ b/components/layout/Menu.js
@@ -0,0 +1,82 @@
+import Link from "next/link"
+import { useRouter } from "next/router"
+
+export default function Menu() {
+    const router = useRouter()
+
+    return (
+        <>
+
+            <ul className="wsmenu-list nav-theme">
+                {/* DROPDOWN SUB MENU */}
+                <li aria-haspopup="true">
+                    <Link href="#" className="h-link">About <span className="wsarrow" /></Link>
+                    <ul className="sub-menu">
+                        <li aria-haspopup="true"><Link href="#lnk-1">Why Martex?</Link></li>
+                        <li aria-haspopup="true"><Link href="#lnk-2">Integrations</Link></li>
+                        <li aria-haspopup="true"><Link href="#lnk-3">How It Works</Link></li>
+                        <li aria-haspopup="true"><Link href="#features-2">Best Solutions</Link></li>
+                        <li aria-haspopup="true"><Link href="#reviews-1">Testimonials</Link></li>
+                    </ul>
+                </li>
+                {/* SIMPLE NAVIGATION LINK */}
+                <li className="nl-simple" aria-haspopup="true"><Link href="#features-6" className="h-link">Features</Link></li>
+                {/* MEGAMENU */}
+                <li aria-haspopup="true" className="mg_link"><Link href="#" className="h-link">Pages <span className="wsarrow" /></Link>
+                    <div className="wsmegamenu w-75 clearfix">
+                        <div className="container">
+                            <div className="row">
+                                {/* MEGAMENU LINKS */}
+                                <ul className="col-md-12 col-lg-3 link-list">
+                                    <li className="fst-li"><Link href="/about">About Us</Link></li>
+                                    <li><Link href="/team">Our Team</Link></li>
+                                    <li><Link href="/careers">Careers <span className="sm-info">4</span></Link></li>
+                                    <li><Link href="/career-role">Career Details</Link></li>
+                                    <li><Link href="/contacts">Contact Us</Link></li>
+                                </ul>
+                                {/* MEGAMENU LINKS */}
+                                <ul className="col-md-12 col-lg-3 link-list">
+                                    <li><Link href="/features">Core Features</Link></li>
+                                    <li className="fst-li"><Link href="/projects">Our Projects</Link></li>
+                                    <li><Link href="/project-details">Project Details</Link></li>
+                                    <li><Link href="/reviews">Testimonials</Link></li>
+                                    <li><Link href="/download">Download Page</Link></li>
+                                </ul>
+                                {/* MEGAMENU LINKS */}
+                                <ul className="col-md-12 col-lg-3 link-list">
+                                    <li className="fst-li"><Link href="/pricing-1">Pricing Page #1</Link></li>
+                                    <li><Link href="/pricing-2">Pricing Page #2</Link></li>
+                                    <li><Link href="/faqs">FAQs Page</Link></li>
+                                    <li><Link href="/help-center">Help Center</Link></li>
+                                    <li><Link href="/404">404 Page</Link></li>
+                                </ul>
+                                {/* MEGAMENU LINKS */}
+                                <ul className="col-md-12 col-lg-3 link-list">
+                                    <li className="fst-li"><Link href="/blog-listing">Blog Listing</Link></li>
+                                    <li><Link href="/single-post">Single Blog Post</Link></li>
+                                    <li><Link href="/login-2">Login Page</Link></li>
+                                    <li><Link href="/signup-2">Signup Page</Link></li>
+                                    <li><Link href="/reset-password">Reset Password</Link></li>
+                                </ul>
+                            </div> {/* End row */}
+                        </div> {/* End container */}
+                    </div> {/* End wsmegamenu */}
+                </li> {/* END MEGAMENU */}
+                {/* SIMPLE NAVIGATION LINK */}
+                <li className="nl-simple" aria-haspopup="true"><Link href="/pricing-1" className="h-link">Pricing</Link></li>
+                {/* SIMPLE NAVIGATION LINK */}
+                <li className="nl-simple" aria-haspopup="true"><Link href="#faqs-3" className="h-link">FAQs</Link>
+                </li>
+                {/* SIGN IN LINK */}
+                <li className="nl-simple reg-fst-link mobile-last-link" aria-haspopup="true">
+                    <Link href="/login-2" className="h-link">Sign in</Link>
+                </li>
+                {/* SIGN UP BUTTON */}
+                <li className="nl-simple" aria-haspopup="true">
+                    <Link href="/signup-2" className="btn r-04 btn--theme hover--tra-white last-link">Sign
+                        up</Link>
+                </li>
+            </ul>
+        </>
+    )
+}
diff --git a/components/layout/MobileMenu.js b/components/layout/MobileMenu.js
new file mode 100644
index 0000000..c56a157
--- /dev/null
+++ b/components/layout/MobileMenu.js
@@ -0,0 +1,98 @@
+import Link from 'next/link'
+import { useState } from 'react'
+export default function MobileMenu() {
+    const [isActive, setIsActive] = useState({
+        status: false,
+        key: "",
+    })
+
+    const handleToggle = (key) => {
+        if (isActive.key === key) {
+            setIsActive({
+                status: false,
+            })
+        } else {
+            setIsActive({
+                status: true,
+                key,
+            })
+        }
+    }
+    return (
+        <>
+            <ul className="wsmenu-list nav-theme">
+                {/* DROPDOWN SUB MENU */}
+                <li aria-haspopup="true">
+                    <span className={isActive.key == 1 ? "wsmenu-click ws-activearrow" : "wsmenu-click"} onClick={() => handleToggle(1)}><i className="wsmenu-arrow" /></span>
+                    <Link href="#" className="h-link">About <span className="wsarrow" /></Link>
+                    <ul className="sub-menu" style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}>
+                        <li aria-haspopup="true"><Link href="#lnk-1">Why Martex?</Link></li>
+                        <li aria-haspopup="true"><Link href="#lnk-2">Integrations</Link></li>
+                        <li aria-haspopup="true"><Link href="#lnk-3">How It Works</Link></li>
+                        <li aria-haspopup="true"><Link href="#features-2">Best Solutions</Link></li>
+                        <li aria-haspopup="true"><Link href="#reviews-1">Testimonials</Link></li>
+                    </ul>
+                </li>
+                {/* SIMPLE NAVIGATION LINK */}
+                <li className="nl-simple" aria-haspopup="true"><Link href="#features-6" className="h-link">Features</Link></li>
+                {/* MEGAMENU */}
+                <li aria-haspopup="true" className="mg_link">
+                    <span className={isActive.key == 2 ? "wsmenu-click ws-activearrow" : "wsmenu-click"} onClick={() => handleToggle(2)}><i className="wsmenu-arrow" /></span>
+                    <Link href="#" className="h-link">Pages <span className="wsarrow" /></Link>
+                    <div className="wsmegamenu w-75 clearfix" style={{ display: `${isActive.key == 2 ? "block" : "none"}` }}>
+                        <div className="container">
+                            <div className="row">
+                                {/* MEGAMENU LINKS */}
+                                <ul className="col-md-12 col-lg-3 link-list">
+                                    <li className="fst-li"><Link href="/about">About Us</Link></li>
+                                    <li><Link href="/team">Our Team</Link></li>
+                                    <li><Link href="/careers">Careers <span className="sm-info">4</span></Link></li>
+                                    <li><Link href="/career-role">Career Details</Link></li>
+                                    <li><Link href="/contacts">Contact Us</Link></li>
+                                </ul>
+                                {/* MEGAMENU LINKS */}
+                                <ul className="col-md-12 col-lg-3 link-list">
+                                    <li><Link href="/features">Core Features</Link></li>
+                                    <li className="fst-li"><Link href="/projects">Our Projects</Link></li>
+                                    <li><Link href="/project-details">Project Details</Link></li>
+                                    <li><Link href="/reviews">Testimonials</Link></li>
+                                    <li><Link href="/download">Download Page</Link></li>
+                                </ul>
+                                {/* MEGAMENU LINKS */}
+                                <ul className="col-md-12 col-lg-3 link-list">
+                                    <li className="fst-li"><Link href="/pricing-1">Pricing Page #1</Link></li>
+                                    <li><Link href="/pricing-2">Pricing Page #2</Link></li>
+                                    <li><Link href="/faqs">FAQs Page</Link></li>
+                                    <li><Link href="/help-center">Help Center</Link></li>
+                                    <li><Link href="/404">404 Page</Link></li>
+                                </ul>
+                                {/* MEGAMENU LINKS */}
+                                <ul className="col-md-12 col-lg-3 link-list">
+                                    <li className="fst-li"><Link href="/blog-listing">Blog Listing</Link></li>
+                                    <li><Link href="/single-post">Single Blog Post</Link></li>
+                                    <li><Link href="/login-2">Login Page</Link></li>
+                                    <li><Link href="/signup-2">Signup Page</Link></li>
+                                    <li><Link href="/reset-password">Reset Password</Link></li>
+                                </ul>
+                            </div> {/* End row */}
+                        </div> {/* End container */}
+                    </div> {/* End wsmegamenu */}
+                </li> {/* END MEGAMENU */}
+                {/* SIMPLE NAVIGATION LINK */}
+                <li className="nl-simple" aria-haspopup="true"><Link href="/pricing-1" className="h-link">Pricing</Link></li>
+                {/* SIMPLE NAVIGATION LINK */}
+                <li className="nl-simple" aria-haspopup="true"><Link href="#faqs-3" className="h-link">FAQs</Link>
+                </li>
+                {/* SIGN IN LINK */}
+                <li className="nl-simple reg-fst-link mobile-last-link" aria-haspopup="true">
+                    <Link href="/login-2" className="h-link">Sign in</Link>
+                </li>
+                {/* SIGN UP BUTTON */}
+                <li className="nl-simple" aria-haspopup="true">
+                    <Link href="/signup-2" className="btn r-04 btn--theme hover--tra-white last-link">Sign
+                        up</Link>
+                </li>
+            </ul>
+        </>
+    )
+}
diff --git a/components/layout/PageHead.js b/components/layout/PageHead.js
new file mode 100644
index 0000000..e3b8e59
--- /dev/null
+++ b/components/layout/PageHead.js
@@ -0,0 +1,15 @@
+import Head from 'next/head'
+
+const PageHead = ({ headTitle }) => {
+    return (
+        <>
+            <Head>
+                <>
+                    {headTitle ? headTitle : "Home | autoMedSys"}
+                </>
+            </Head>
+        </>
+    )
+}
+
+export default PageHead
\ No newline at end of file
diff --git a/components/layout/footer/Footer1.js b/components/layout/footer/Footer1.js
new file mode 100644
index 0000000..c473368
--- /dev/null
+++ b/components/layout/footer/Footer1.js
@@ -0,0 +1,37 @@
+
+export default function Footer1() {
+    return (
+        <>
+            <footer id="footer-10" className="pt-50 footer">
+                <div className="container text-center">
+                    <div className="row justify-content-center">
+                        <div className="col-xl-10">
+                            {/* FOOTER LOGO */}
+                            <div className="footer-info">
+                                <img className="footer-logo" src="images/logo-black.png" alt="footer-logo" />
+                                <img className="footer-logo-dark" src="images/logo-white.png" alt="footer-logo" />
+                            </div>
+                            {/* FOOTER LINKS */}
+                            <div className="footer-links">
+                                <ul className="foo-links clearfix">
+                                    <li><p><a href="about.html">About</a></p></li>
+                                    <li><p><a href="blog-listing.html">Blog</a></p></li>
+                                    <li><p><a href="privacy.html">Privacy Policy</a></p></li>
+                                    <li><p><a href="cookies.html">Cookie Policy</a></p></li>
+                                    <li><p><a href="contacts.html">Contact Us</a></p></li>
+                                </ul>
+                            </div>
+                            {/* FOOTER SOCIALS */}
+                            <ul className="bottom-footer-socials ico-25">
+                                <li><a href="#"><span className="flaticon-facebook" /></a></li>
+                                <li><a href="#"><span className="flaticon-twitter" /></a></li>
+                                <li><a href="#"><span className="flaticon-instagram" /></a></li>
+                            </ul>
+                        </div>
+                    </div>    {/* End row */}
+                </div>     {/* End container */}
+            </footer>
+
+        </>
+    )
+}
diff --git a/components/layout/footer/Footer2.js b/components/layout/footer/Footer2.js
new file mode 100644
index 0000000..8819c1c
--- /dev/null
+++ b/components/layout/footer/Footer2.js
@@ -0,0 +1,29 @@
+
+export default function Footer2() {
+    return (
+        <>
+            <footer id="footer-11" className="bg--white-300 pt-50 footer">
+                <div className="container">
+                    {/* BOTTOM FOOTER */}
+                    <div className="bottom-footer">
+                        <div className="row row-cols-1 row-cols-md-2 d-flex align-items-center">
+                            {/* FOOTER COPYRIGHT */}
+                            <div className="col">
+                                <div className="footer-copyright"><p className="p-sm">© 2014-2023 Martex Labs, Inc.</p></div>
+                            </div>
+                            {/* FOOTER LINKS */}
+                            <div className="col">
+                                <ul className="bottom-footer-list ico-15 text-end">
+                                    <li><p className="p-sm"><a href="privacy.html">Privacy Policy</a></p></li>
+                                    <li className="footer-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                    <li><p className="p-sm"><a href="terms.html">Terms &amp; Conditions</a></p></li>
+                                </ul>
+                            </div>
+                        </div>  {/* End row */}
+                    </div>	{/* END BOTTOM FOOTER */}
+                </div>     {/* End container */}
+            </footer>
+
+        </>
+    )
+}
diff --git a/components/layout/footer/Footer3.js b/components/layout/footer/Footer3.js
new file mode 100644
index 0000000..095158d
--- /dev/null
+++ b/components/layout/footer/Footer3.js
@@ -0,0 +1,129 @@
+
+import Link from "next/link"
+export default function Footer3() {
+    return (
+        <>
+            <footer id="footer-3" className="pt-100 footer ft-3-ntr">
+                <div className="container">
+                    {/* FOOTER CONTENT */}
+                    <div className="row">
+                        {/* FOOTER LOGO */}
+                        <div className="col-xl-3">
+                            <div className="footer-info">
+                                <img className="footer-logo" src="/images/automedsys-logo.svg" alt="footer-logo" />
+                                <img className="footer-logo-dark" src="/images/automedsys-logo.svg" alt="footer-logo" />
+                            </div>
+                        </div>
+                        {/* FOOTER LINKS */}
+                        <div className="col-sm-4 col-lg-3 col-xl-2">
+                            <div className="footer-links fl-1">
+                                {/* Title */}
+                                <h6 className="s-17 w-700">Company</h6>
+                                {/* Links */}
+                                <ul className="foo-links clearfix">
+                                    <li>
+                                        <p><Link href="/about">About Us</Link></p>
+                                    </li>
+                                    <li>
+                                        <p><Link href="/blog-listing">Our Blog</Link></p>
+                                    </li>
+                                    <li>
+                                        <p><Link href="/testimonials">Customers</Link></p>
+                                    </li>
+                                    <li>
+                                        <p><Link href="#">Community</Link></p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div> {/* END FOOTER LINKS */}
+                        {/* FOOTER LINKS */}
+                        <div className="col-sm-4 col-lg-3">
+                            <div className="footer-links fl-2">
+                                {/* Title */}
+                                <h6 className="s-17 w-700">Product</h6>
+                                {/* Links */}
+                                <ul className="foo-links clearfix">
+                                    <li>
+                                        <p><Link href="/features">Integration</Link></p>
+                                    </li>
+                                    <li>
+                                        <p><Link href="/download">What's New</Link></p>
+                                    </li>
+                                    <li>
+                                        <p><Link href="/pricing-1">Pricing</Link></p>
+                                    </li>
+                                    <li>
+                                        <p><Link href="/help-center">Help Center</Link></p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div> {/* END FOOTER LINKS */}
+                        {/* FOOTER LINKS */}
+                        <div className="col-sm-4 col-lg-3 col-xl-2">
+                            <div className="footer-links fl-3">
+                                {/* Title */}
+                                <h6 className="s-17 w-700">Legal</h6>
+                                {/* Links */}
+                                <ul className="foo-links clearfix">
+                                    <li>
+                                        <p><Link href="/terms">Terms of Use</Link></p>
+                                    </li>
+                                    <li>
+                                        <p><Link href="/privacy">Privacy Policy</Link></p>
+                                    </li>
+                                    <li>
+                                        <p><Link href="/cookies">Cookie Policy</Link></p>
+                                    </li>
+                                    <li>
+                                        <p><Link href="#">Site Map</Link></p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div> {/* END FOOTER LINKS */}
+                        {/* FOOTER NEWSLETTER FORM */}
+                        {/*<div className="col-sm-10 col-md-8 col-lg-4 col-xl-3">*/}
+                        {/*    <div className="footer-form">*/}
+                        {/*        /!* Title *!/*/}
+                        {/*        <h6 className="s-17 w-700">Follow the Best</h6>*/}
+                        {/*        /!* Newsletter Form Input *!/*/}
+                        {/*        <form className="newsletter-form">*/}
+                        {/*            <div className="input-group r-06">*/}
+                        {/*                <input type="email" className="form-control" placeholder="Email Address" required id="s-email" />*/}
+                        {/*                <span className="input-group-btn ico-15">*/}
+                        {/*                    <button type="submit" className="btn color--theme">*/}
+                        {/*                        <span className="flaticon-right-arrow-1" />*/}
+                        {/*                    </button>*/}
+                        {/*                </span>*/}
+                        {/*            </div>*/}
+                        {/*            /!* Newsletter Form Notification *!/*/}
+                        {/*            <label htmlFor="s-email" className="form-notification" />*/}
+                        {/*        </form>*/}
+                        {/*    </div>*/}
+                        {/*</div> /!* END FOOTER NEWSLETTER FORM *!/*/}
+                    </div> {/* END FOOTER CONTENT */}
+                    <hr /> {/* FOOTER DIVIDER LINE */}
+                    {/* BOTTOM FOOTER */}
+                    <div className="bottom-footer">
+                        <div className="row row-cols-1 row-cols-md-2 d-flex align-items-center">
+                            {/* FOOTER COPYRIGHT */}
+                            <div className="col">
+                                <div className="footer-copyright">
+                                    <p className="p-sm">© 2023 autoMedSys. <span>All Rights Reserved</span></p>
+                                </div>
+                            </div>
+                            {/* FOOTER SOCIALS */}
+                            <div className="col">
+                                <ul className="bottom-footer-socials ico-20 text-end">
+                                    <li><Link href="https://www.facebook.com/profile.php?id=100064689647332"><span className="flaticon-facebook" /></Link></li>
+                                    <li><Link href="https://twitter.com/automedsys"><span className="flaticon-twitter" /></Link></li>
+                                    {/*<li><Link href="#"><span className="flaticon-youtube" /></Link></li>*/}
+                                </ul>
+                            </div>
+                        </div> {/* End row */}
+                    </div> {/* END BOTTOM FOOTER */}
+                </div> {/* End container */}
+            </footer>
+
+        </>
+    )
+}
diff --git a/components/layout/header/Header1.js b/components/layout/header/Header1.js
new file mode 100644
index 0000000..d5dcaa4
--- /dev/null
+++ b/components/layout/header/Header1.js
@@ -0,0 +1,40 @@
+import Link from "next/link"
+import MobileMenu from "../MobileMenu"
+//import Menu from "../Menu"
+import AutoMedSysMenu from "../AutoMedSysMenu";
+export default function Header1({ scroll, isMobileMenu, handleMobileMenu, headerCls }) {
+    return (
+        <>
+            <header id="header" className={`tra-menu3 white-scroll ${headerCls ? headerCls : ""}`}>
+                <div className="header-wrapper">
+                    {/* MOBILE HEADER */}
+                    <div className="wsmobileheader clearfix">
+                        <span className="smllogo"><img src="/images/automedsys-logo.png" alt="mobile-logo" /></span>
+                        <a id="wsnavtoggle" className="wsanimated-arrow" onClick={handleMobileMenu}><span /></a>
+                    </div>
+                    {/* NAVIGATION MENU */}
+                    <div className={`wsmainfull menu clearfix ${scroll ? "scroll" : ""}`}>
+                        <div className="wsmainwp clearfix">
+                            {/* HEADER BLACK LOGO */}
+                            <div className="desktoplogo">
+                                <Link href="/" className="logo-black">
+                                    <img className="light-theme-img" src="/images/automedsys-logo.svg" alt="logo" />
+                                    <img className="dark-theme-img" src="/images/automedsys-logo.svg" alt="logo" />
+                                </Link>
+                            </div>
+                            {/* HEADER WHITE LOGO */}
+                            <div className="desktoplogo">
+                                <Link href="/" className="logo-white"><img src="/images/automedsys-logo.svg" alt="logo" /></Link>
+                            </div>
+                            {/* MAIN MENU */}
+                            <nav className="wsmenu clearfix" style={{height:"100vh"}}>
+                            {isMobileMenu ? <MobileMenu /> : <AutoMedSysMenu />}
+                            </nav> {/* END MAIN MENU */}
+                        </div>
+                    </div> {/* END NAVIGATION MENU */}
+                </div> {/* End header-wrapper */}
+            </header>
+
+        </>
+    )
+}
diff --git a/components/layout/header/Header2.js b/components/layout/header/Header2.js
new file mode 100644
index 0000000..3f831d8
--- /dev/null
+++ b/components/layout/header/Header2.js
@@ -0,0 +1,7 @@
+export default function Header2({ scroll, isMobileMenu, handleMobileMenu }) {
+    return (
+        <>
+            Header2
+        </>
+    )
+}
diff --git a/components/sections/Banner1.js b/components/sections/Banner1.js
new file mode 100644
index 0000000..457f37f
--- /dev/null
+++ b/components/sections/Banner1.js
@@ -0,0 +1,36 @@
+
+
+import Link from "next/link"
+export default function Banner1() {
+    return (
+        <>
+            <section id="banner-1" className="pt-100 banner-section">
+                <div className="container">
+                    {/* BANNER-1 WRAPPER */}
+                    <div className="banner-1-wrapper r-16">
+                        <div className="banner-overlay bg--05 bg--scroll">
+                            <div className="row">
+                                {/* BANNER-1 TEXT */}
+                                <div className="col">
+                                    <div className="banner-1-txt color--white">
+                                        {/* Title */}
+                                        <h2 className="s-45 w-700">Ready to Get Started?</h2>
+                                        {/* Text */}
+                                        <p className="p-xl">It only takes a few clicks to get started</p>
+                                        {/* Button */}
+                                        <Link href="#" className="btn r-04 btn--theme hover--tra-white" data-bs-toggle="modal" data-bs-target="#modal-3">Get srarted - it's free
+                                        </Link>
+                                        {/* Button Text */}
+                                        <p className="p-sm btn-txt ico-15 o-85">
+                                            <span className="flaticon-check" /> Free for 14 days, no credit card required.
+                                        </p>
+                                    </div>
+                                </div>	{/* END BANNER-1 TEXT */}
+                            </div>   {/* End row */}
+                        </div>   {/* End banner overlay */}
+                    </div>    {/* END BANNER-1 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Banner13_1.js b/components/sections/Banner13_1.js
new file mode 100644
index 0000000..561f355
--- /dev/null
+++ b/components/sections/Banner13_1.js
@@ -0,0 +1,39 @@
+
+
+import Link from "next/link"
+export default function Banner13_1() {
+    return (
+        <>
+            <section id="banner-13" className="pt-100 banner-section">
+                <div className="container">
+                    {/* BANNER-13 WRAPPER */}
+                    <div className="banner-13-wrapper bg--03 bg--scroll r-16 block-shadow">
+                        <div className="banner-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* BANNER-5 TEXT */}
+                                <div className="col-md-7">
+                                    <div className="banner-13-txt color--white">
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Getting started with Martex today!</h2>
+                                        {/* Text */}
+                                        <p className="p-lg">Congue laoreet turpis neque auctor turpis vitae dolor a luctus
+                                            placerat and magna ligula cursus
+                                        </p>
+                                        {/* Button */}
+                                        <Link href="/download" className="btn r-04 btn--theme hover--tra-white">Get srarted - it's free</Link>
+                                    </div>
+                                </div>	{/* END BANNER-13 TEXT */}
+                                {/* BANNER-13 IMAGE */}
+                                <div className="col-md-5">
+                                    <div className="banner-13-img text-center">
+                                        <img className="img-fluid" src="/images/img-04.png" alt="banner-image" />
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>   {/* End banner overlay */}
+                    </div>    {/* END BANNER-13 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Banner13_10.js b/components/sections/Banner13_10.js
new file mode 100644
index 0000000..c23693c
--- /dev/null
+++ b/components/sections/Banner13_10.js
@@ -0,0 +1,39 @@
+
+
+import Link from "next/link"
+export default function Banner13_10() {
+    return (
+        <>
+            <section id="banner-13" className="pt-100 banner-section">
+                <div className="container">
+                    {/* BANNER-13 WRAPPER */}
+                    <div className="banner-13-wrapper bg--04 bg--scroll r-16 block-shadow">
+                        <div className="banner-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* BANNER-13 TEXT */}
+                                <div className="col-md-7">
+                                    <div className="banner-13-txt">
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Getting started with Martex today!</h2>
+                                        {/* Text */}
+                                        <p className="p-lg">Congue laoreet turpis neque auctor turpis vitae dolor a luctus
+                                            placerat and magna ligula cursus
+                                        </p>
+                                        {/* Button */}
+                                        <Link href="#hero-22" className="btn r-04 btn--theme hover--theme">Get srarted - it's free</Link>
+                                    </div>
+                                </div>	{/* END BANNER-13 TEXT */}
+                                {/* BANNER-13 IMAGE */}
+                                <div className="col-md-5">
+                                    <div className="banner-13-img text-center">
+                                        <img className="img-fluid" src="/images/img-04.png" alt="banner-image" />
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>   {/* End banner overlay */}
+                    </div>    {/* END BANNER-13 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Banner13_11.js b/components/sections/Banner13_11.js
new file mode 100644
index 0000000..aff234f
--- /dev/null
+++ b/components/sections/Banner13_11.js
@@ -0,0 +1,41 @@
+
+
+import Link from "next/link"
+export default function Banner13_11() {
+    return (
+        <>
+            <section id="banner-13" className="pt-100 banner-section">
+                <div className="container">
+                    {/* BANNER-13 WRAPPER */}
+                    <div className="banner-13-wrapper bg--01 r-16 block-shadow">
+                        <div className="banner-overlay bg--fixed">
+                            <div className="row d-flex align-items-center">
+                                {/* BANNER-13 TEXT */}
+                                <div className="col-md-7">
+                                    <div className="banner-13-txt color--white">
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Getting started with Martex today!</h2>
+                                        {/* Text */}
+                                        <p className="p-lg">Congue laoreet turpis neque auctor turpis vitae dolor a luctus
+                                            placerat and magna ligula cursus
+                                        </p>
+                                        {/* Button */}
+                                        <Link href="#hero-24" className="btn r-04 btn--theme hover--tra-white">
+                                            Get srarted - it's free
+                                        </Link>
+                                    </div>
+                                </div>	{/* END BANNER-13 TEXT */}
+                                {/* BANNER-13 IMAGE */}
+                                <div className="col-md-5">
+                                    <div className="banner-13-img text-center">
+                                        <img className="img-fluid" src="/images/img-04.png" alt="banner-image" />
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>   {/* End banner overlay */}
+                    </div>    {/* END BANNER-13 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Banner13_12.js b/components/sections/Banner13_12.js
new file mode 100644
index 0000000..cb1abf3
--- /dev/null
+++ b/components/sections/Banner13_12.js
@@ -0,0 +1,41 @@
+
+
+import Link from "next/link"
+export default function Banner13_12() {
+    return (
+        <>
+            <section id="banner-13" className="pt-100 banner-section">
+                <div className="container">
+                    {/* BANNER-13 WRAPPER */}
+                    <div className="banner-13-wrapper bg--03 bg--scroll r-16 block-shadow">
+                        <div className="banner-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* BANNER-13 TEXT */}
+                                <div className="col-md-7">
+                                    <div className="banner-13-txt color--white">
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Getting started with Martex today!</h2>
+                                        {/* Text */}
+                                        <p className="p-lg">Congue laoreet turpis neque auctor turpis vitae dolor a luctus
+                                            placerat and magna ligula cursus
+                                        </p>
+                                        {/* Button */}
+                                        <Link href="#hero-26" className="btn r-04 btn--theme hover--tra-white">
+                                            Get srarted - it's free
+                                        </Link>
+                                    </div>
+                                </div>	{/* END BANNER-13 TEXT */}
+                                {/* BANNER-13 IMAGE */}
+                                <div className="col-md-5">
+                                    <div className="banner-13-img text-center">
+                                        <img className="img-fluid" src="/images/img-04.png" alt="banner-image" />
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>   {/* End banner overlay */}
+                    </div>    {/* END BANNER-13 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Banner13_13.js b/components/sections/Banner13_13.js
new file mode 100644
index 0000000..c08e3c2
--- /dev/null
+++ b/components/sections/Banner13_13.js
@@ -0,0 +1,39 @@
+
+
+import Link from "next/link"
+export default function Banner13_13() {
+    return (
+        <>
+            <section id="banner-13" className="pt-100 banner-section">
+                <div className="container">
+                    {/* BANNER-13 WRAPPER */}
+                    <div className="banner-13-wrapper bg--05 bg--scroll r-16 block-shadow">
+                        <div className="banner-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* BANNER-5 TEXT */}
+                                <div className="col-md-7">
+                                    <div className="banner-13-txt color--white">
+                                        {/* Title */}
+                                        <h2 className="s-45 w-700">Getting started with Martex today!</h2>
+                                        {/* Text */}
+                                        <p className="p-lg">Congue laoreet turpis neque auctor turpis vitae dolor a luctus
+                                            placerat and magna ligula cursus
+                                        </p>
+                                        {/* Button */}
+                                        <Link href="#" className="btn r-04 btn--theme hover--tra-white" data-bs-toggle="modal" data-bs-target="#modal-3">Get srarted - it's free</Link>
+                                    </div>
+                                </div>	{/* END BANNER-13 TEXT */}
+                                {/* BANNER-13 IMAGE */}
+                                <div className="col-md-5">
+                                    <div className="banner-13-img text-center">
+                                        <img className="img-fluid" src="/images/img-04.png" alt="banner-image" />
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>   {/* End banner overlay */}
+                    </div>    {/* END BANNER-13 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Banner13_2.js b/components/sections/Banner13_2.js
new file mode 100644
index 0000000..e603b78
--- /dev/null
+++ b/components/sections/Banner13_2.js
@@ -0,0 +1,39 @@
+
+
+import Link from "next/link"
+export default function Banner13_2() {
+    return (
+        <>
+            <section id="banner-13" className="pt-100 banner-section">
+                <div className="container">
+                    {/* BANNER-13 WRAPPER */}
+                    <div className="banner-13-wrapper bg--01 bg--scroll r-16 block-shadow">
+                        <div className="banner-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* BANNER-5 TEXT */}
+                                <div className="col-md-7">
+                                    <div className="banner-13-txt color--white">
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Getting started with Martex today!</h2>
+                                        {/* Text */}
+                                        <p className="p-lg">Congue laoreet turpis neque auctor turpis vitae dolor a luctus
+                                            placerat and magna ligula cursus
+                                        </p>
+                                        {/* Button */}
+                                        <Link href="#hero-8" className="btn r-04 btn--theme hover--tra-white">Get srarted - it's free</Link>
+                                    </div>
+                                </div>	{/* END BANNER-13 TEXT */}
+                                {/* BANNER-13 IMAGE */}
+                                <div className="col-md-5">
+                                    <div className="banner-13-img text-center">
+                                        <img className="img-fluid" src="/images/img-04.png" alt="banner-image" />
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>   {/* End banner overlay */}
+                    </div>    {/* END BANNER-13 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Banner13_3.js b/components/sections/Banner13_3.js
new file mode 100644
index 0000000..bddfaaf
--- /dev/null
+++ b/components/sections/Banner13_3.js
@@ -0,0 +1,39 @@
+
+
+import Link from "next/link"
+export default function Banner13_3() {
+    return (
+        <>
+            <section id="banner-13" className="pt-100 banner-section">
+                <div className="container">
+                    {/* BANNER-13 WRAPPER */}
+                    <div className="banner-13-wrapper bg--03 bg--scroll r-16 block-shadow">
+                        <div className="banner-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* BANNER-5 TEXT */}
+                                <div className="col-md-7">
+                                    <div className="banner-13-txt color--white">
+                                        {/* Title */}
+                                        <h2 className="s-45 w-700">Getting started with Martex today!</h2>
+                                        {/* Text */}
+                                        <p className="p-lg">Congue laoreet turpis neque auctor turpis vitae dolor a luctus
+                                            placerat and magna ligula cursus
+                                        </p>
+                                        {/* Button */}
+                                        <Link href="/download" className="btn r-04 btn--theme hover--tra-white">Get srarted - it's free</Link>
+                                    </div>
+                                </div>	{/* END BANNER-13 TEXT */}
+                                {/* BANNER-13 IMAGE */}
+                                <div className="col-md-5">
+                                    <div className="banner-13-img text-center">
+                                        <img className="img-fluid" src="/images/img-04.png" alt="banner-image" />
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>   {/* End banner overlay */}
+                    </div>    {/* END BANNER-13 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Banner13_4.js b/components/sections/Banner13_4.js
new file mode 100644
index 0000000..5c2f29d
--- /dev/null
+++ b/components/sections/Banner13_4.js
@@ -0,0 +1,39 @@
+
+
+import Link from "next/link"
+export default function Banner13_4() {
+    return (
+        <>
+            <section id="banner-13" className="pt-100 banner-section">
+                <div className="container">
+                    {/* BANNER-13 WRAPPER */}
+                    <div className="banner-13-wrapper bg--03 bg--scroll r-16 block-shadow">
+                        <div className="banner-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* BANNER-5 TEXT */}
+                                <div className="col-md-7">
+                                    <div className="banner-13-txt color--white">
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Getting started with Martex today!</h2>
+                                        {/* Text */}
+                                        <p className="p-lg">Congue laoreet turpis neque auctor turpis vitae dolor a luctus
+                                            placerat and magna ligula cursus
+                                        </p>
+                                        {/* Button */}
+                                        <Link href="#" className="btn r-04 btn--theme hover--tra-white" data-bs-toggle="modal" data-bs-target="#modal-3">Get srarted - it's free</Link>
+                                    </div>
+                                </div>	{/* END BANNER-13 TEXT */}
+                                {/* BANNER-13 IMAGE */}
+                                <div className="col-md-5">
+                                    <div className="banner-13-img text-center">
+                                        <img className="img-fluid" src="/images/img-04.png" alt="banner-image" />
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>   {/* End banner overlay */}
+                    </div>    {/* END BANNER-13 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Banner13_5.js b/components/sections/Banner13_5.js
new file mode 100644
index 0000000..f861194
--- /dev/null
+++ b/components/sections/Banner13_5.js
@@ -0,0 +1,39 @@
+
+
+import Link from "next/link"
+export default function Banner13_5() {
+    return (
+        <>
+            <section id="banner-13" className="pt-100 banner-section">
+                <div className="container">
+                    {/* BANNER-13 WRAPPER */}
+                    <div className="banner-13-wrapper bg--03 bg--scroll r-16 block-shadow">
+                        <div className="banner-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* BANNER-5 TEXT */}
+                                <div className="col-md-7">
+                                    <div className="banner-13-txt color--white">
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Getting started with Martex today!</h2>
+                                        {/* Text */}
+                                        <p className="p-lg">Congue laoreet turpis neque auctor turpis vitae dolor a luctus
+                                            placerat and magna ligula cursus
+                                        </p>
+                                        {/* Button */}
+                                        <Link href="#" className="btn r-04 btn--theme hover--tra-white" data-bs-toggle="modal" data-bs-target="#modal-3">Get srarted - it's free</Link>
+                                    </div>
+                                </div>	{/* END BANNER-13 TEXT */}
+                                {/* BANNER-13 IMAGE */}
+                                <div className="col-md-5">
+                                    <div className="banner-13-img text-center">
+                                        <img className="img-fluid" src="/images/img-04.png" alt="banner-image" />
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>   {/* End banner overlay */}
+                    </div>    {/* END BANNER-13 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Banner13_6.js b/components/sections/Banner13_6.js
new file mode 100644
index 0000000..bddaf6f
--- /dev/null
+++ b/components/sections/Banner13_6.js
@@ -0,0 +1,39 @@
+
+
+import Link from "next/link"
+export default function Banner13_6() {
+    return (
+        <>
+            <section id="banner-13" className="pt-100 banner-section">
+                <div className="container">
+                    {/* BANNER-13 WRAPPER */}
+                    <div className="banner-13-wrapper bg--04 bg--fixed r-16 block-shadow">
+                        <div className="banner-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* BANNER-5 TEXT */}
+                                <div className="col-md-7">
+                                    <div className="banner-13-txt">
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Getting started with Martex today!</h2>
+                                        {/* Text */}
+                                        <p className="p-lg">Congue laoreet turpis neque auctor turpis vitae dolor a luctus
+                                            placerat and magna ligula cursus
+                                        </p>
+                                        {/* Button */}
+                                        <Link href="#" className="btn r-04 btn--theme hover--tra-black" data-bs-toggle="modal" data-bs-target="#modal-3">Get srarted - it's free</Link>
+                                    </div>
+                                </div>	{/* END BANNER-13 TEXT */}
+                                {/* BANNER-13 IMAGE */}
+                                <div className="col-md-5">
+                                    <div className="banner-13-img text-center">
+                                        <img className="img-fluid" src="/images/img-04.png" alt="banner-image" />
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>   {/* End banner overlay */}
+                    </div>    {/* END BANNER-13 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Banner13_7.js b/components/sections/Banner13_7.js
new file mode 100644
index 0000000..16bde60
--- /dev/null
+++ b/components/sections/Banner13_7.js
@@ -0,0 +1,41 @@
+
+
+import Link from "next/link"
+export default function Banner13_7() {
+    return (
+        <>
+            <section id="banner-13" className="pt-100 banner-section">
+                <div className="container">
+                    {/* BANNER-13 WRAPPER */}
+                    <div className="banner-13-wrapper bg--03 bg--scroll r-16 block-shadow">
+                        <div className="banner-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* BANNER-13 TEXT */}
+                                <div className="col-md-7">
+                                    <div className="banner-13-txt color--white">
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Getting started with Martex today!</h2>
+                                        {/* Text */}
+                                        <p className="p-lg">Congue laoreet turpis neque auctor turpis vitae dolor a luctus
+                                            placerat and magna ligula cursus
+                                        </p>
+                                        {/* Button */}
+                                        <Link href="#hero-17" className="btn r-04 btn--theme hover--tra-white">
+                                            Get srarted - it's free
+                                        </Link>
+                                    </div>
+                                </div>	{/* END BANNER-13 TEXT */}
+                                {/* BANNER-13 IMAGE */}
+                                <div className="col-md-5">
+                                    <div className="banner-13-img text-center">
+                                        <img className="img-fluid" src="/images/img-04.png" alt="banner-image" />
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>   {/* End banner overlay */}
+                    </div>    {/* END BANNER-13 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Banner13_8.js b/components/sections/Banner13_8.js
new file mode 100644
index 0000000..9e83567
--- /dev/null
+++ b/components/sections/Banner13_8.js
@@ -0,0 +1,39 @@
+
+
+import Link from "next/link"
+export default function Banner13_8() {
+    return (
+        <>
+            <section id="banner-13" className="pt-100 banner-section">
+                <div className="container">
+                    {/* BANNER-13 WRAPPER */}
+                    <div className="banner-13-wrapper bg--04 bg--scroll r-16 block-shadow">
+                        <div className="banner-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* BANNER-5 TEXT */}
+                                <div className="col-md-7">
+                                    <div className="banner-13-txt">
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Getting started with Martex today!</h2>
+                                        {/* Text */}
+                                        <p className="p-lg">Congue laoreet turpis neque auctor turpis vitae dolor a luctus
+                                            placerat and magna ligula cursus
+                                        </p>
+                                        {/* Button */}
+                                        <Link href="#hero-18" className="btn r-04 btn--theme hover--theme">Get srarted - it's free</Link>
+                                    </div>
+                                </div>	{/* END BANNER-13 TEXT */}
+                                {/* BANNER-13 IMAGE */}
+                                <div className="col-md-5">
+                                    <div className="banner-13-img text-center">
+                                        <img className="img-fluid" src="/images/img-04.png" alt="banner-image" />
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>   {/* End banner overlay */}
+                    </div>    {/* END BANNER-13 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Banner13_9.js b/components/sections/Banner13_9.js
new file mode 100644
index 0000000..270ba5a
--- /dev/null
+++ b/components/sections/Banner13_9.js
@@ -0,0 +1,39 @@
+
+
+import Link from "next/link"
+export default function Banner13_9() {
+    return (
+        <>
+            <section id="banner-13" className="pt-100 banner-section">
+                <div className="container">
+                    {/* BANNER-13 WRAPPER */}
+                    <div className="banner-13-wrapper bg--05 bg--scroll r-16 block-shadow">
+                        <div className="banner-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* BANNER-13 TEXT */}
+                                <div className="col-md-7">
+                                    <div className="banner-13-txt color--white">
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Getting started with Martex today!</h2>
+                                        {/* Text */}
+                                        <p className="p-lg">Congue laoreet turpis neque auctor turpis vitae dolor a luctus
+                                            placerat and magna ligula cursus
+                                        </p>
+                                        {/* Button */}
+                                        <Link href="/download" className="btn r-04 btn--theme hover--tra-white">Get srarted - it's free</Link>
+                                    </div>
+                                </div>	{/* END BANNER-13 TEXT */}
+                                {/* BANNER-13 IMAGE */}
+                                <div className="col-md-5">
+                                    <div className="banner-13-img text-center">
+                                        <img className="img-fluid" src="/images/img-04.png" alt="banner-image" />
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>   {/* End banner overlay */}
+                    </div>    {/* END BANNER-13 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Banner16_1.js b/components/sections/Banner16_1.js
new file mode 100644
index 0000000..d577500
--- /dev/null
+++ b/components/sections/Banner16_1.js
@@ -0,0 +1,37 @@
+
+
+import Link from "next/link"
+export default function Banner16_1() {
+    return (
+        <>
+            <section id="banner-16" className="banner-section">
+                <div className="container">
+                    {/* BANNER-16 WRAPPER */}
+                    <div className="banner-16-wrapper bg--white-100 block-border r-16">
+                        <div className="banner-overlay bg--fixed">
+                            <div className="row">
+                                {/* BANNER-1 TEXT */}
+                                <div className="col">
+                                    <div className="banner-16-txt text-center">
+                                        {/* Title */}
+                                        <h4 className="s-24 w-700">Advanced features available for all</h4>
+                                        {/* Text */}
+                                        <p className="p-md mb-0">Sodales tempor sapien quaerat ipsum undo congue laoreet
+                                            turpis neque auctor turpis vitae dolor luctus placerat magna cursus
+                                        </p>
+                                        {/* Link */}
+                                        <div className="txt-block-tra-link mt-15">
+                                            <Link href="/pricing-1" className="tra-link ico-20 color--theme">
+                                                View all plan features <span className="flaticon-next" />
+                                            </Link>
+                                        </div>
+                                    </div>
+                                </div>	{/* END BANNER-16 TEXT */}
+                            </div>   {/* End row */}
+                        </div>   {/* End banner overlay */}
+                    </div>    {/* END BANNER-16 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Banner16_2.js b/components/sections/Banner16_2.js
new file mode 100644
index 0000000..33e92d4
--- /dev/null
+++ b/components/sections/Banner16_2.js
@@ -0,0 +1,37 @@
+
+
+import Link from "next/link"
+export default function Banner16_2() {
+    return (
+        <>
+            <section id="banner-16" className="banner-section">
+                <div className="container">
+                    {/* BANNER-16 WRAPPER */}
+                    <div className="banner-16-wrapper bg--white-100 block-border r-16">
+                        <div className="banner-overlay bg--fixed">
+                            <div className="row">
+                                {/* BANNER-1 TEXT */}
+                                <div className="col">
+                                    <div className="banner-16-txt text-center">
+                                        {/* Title */}
+                                        <h4 className="s-24 w-700">Choose a plan when you are ready</h4>
+                                        {/* Text */}
+                                        <p className="p-md mb-0">Sodales tempor sapien quaerat ipsum undo congue laoreet
+                                            turpis neque auctor turpis vitae dolor luctus placerat magna cursus
+                                        </p>
+                                        {/* Link */}
+                                        <div className="txt-block-tra-link mt-15">
+                                            <Link href="/pricing-1" className="tra-link ico-20 color--theme">
+                                                Discover our pricing <span className="flaticon-next" />
+                                            </Link>
+                                        </div>
+                                    </div>
+                                </div>	{/* END BANNER-16 TEXT */}
+                            </div>   {/* End row */}
+                        </div>   {/* End banner overlay */}
+                    </div>    {/* END BANNER-16 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Banner3_1.js b/components/sections/Banner3_1.js
new file mode 100644
index 0000000..0451d04
--- /dev/null
+++ b/components/sections/Banner3_1.js
@@ -0,0 +1,36 @@
+
+
+import Link from "next/link"
+export default function Banner3_1() {
+    return (
+        <>
+            <section id="banner-3" className="pt-100 banner-section">
+                <div className="container">
+                    {/* BANNER-3 WRAPPER */}
+                    <div className="banner-3-wrapper bg--03 bg--scroll r-16">
+                        <div className="banner-overlay">
+                            <div className="row">
+                                {/* BANNER-3 TEXT */}
+                                <div className="col">
+                                    <div className="banner-3-txt color--white">
+                                        {/* Title */}
+                                        <h2 className="s-48 w-700">Starting with Martex is easy, fast and free</h2>
+                                        {/* Text */}
+                                        <p className="p-xl">It only takes a few clicks to get started</p>
+                                        {/* Button */}
+                                        <Link href="/signup-1" className="btn r-04 btn--theme hover--tra-white">Get srarted -
+                                            it's free</Link>
+                                        {/* Button Text */}
+                                        <p className="p-sm btn-txt ico-15">
+                                            <span className="flaticon-check" /> Free for 14 days, no credit card required.
+                                        </p>
+                                    </div>
+                                </div> {/* END BANNER-3 TEXT */}
+                            </div> {/* End row */}
+                        </div> {/* End banner overlay */}
+                    </div> {/* END BANNER-3 WRAPPER */}
+                </div> {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Banner3_2.js b/components/sections/Banner3_2.js
new file mode 100644
index 0000000..46975cc
--- /dev/null
+++ b/components/sections/Banner3_2.js
@@ -0,0 +1,35 @@
+
+
+import Link from "next/link"
+export default function Banner3_2() {
+    return (
+        <>
+            <section id="banner-3" className="pt-100 banner-section">
+                <div className="container">
+                    {/* BANNER-3 WRAPPER */}
+                    <div className="banner-3-wrapper bg--03 bg--scroll r-16">
+                        <div className="banner-overlay">
+                            <div className="row">
+                                {/* BANNER-3 TEXT */}
+                                {/*<div className="col">*/}
+                                {/*    <div className="banner-3-txt color--white">*/}
+                                {/*        /!* Title *!/*/}
+                                {/*        <h2 className="s-48 w-700">Starting with Martex is easy, fast and free</h2>*/}
+                                {/*        /!* Text *!/*/}
+                                {/*        <p className="p-xl">It only takes a few clicks to get started</p>*/}
+                                {/*        /!* Button *!/*/}
+                                {/*        <Link href="/signup-1" className="btn r-04 btn--theme hover--tra-white">Get srarted - it's free</Link>*/}
+                                {/*        /!* Button Text *!/*/}
+                                {/*        <p className="p-sm btn-txt ico-15">*/}
+                                {/*            <span className="flaticon-check" /> Free for 14 days, no credit card required.*/}
+                                {/*        </p>*/}
+                                {/*    </div>*/}
+                                {/*</div>	/!* END BANNER-3 TEXT *!/*/}
+                            </div>   {/* End row */}
+                        </div>   {/* End banner overlay */}
+                    </div>    {/* END BANNER-3 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Banner3_3.js b/components/sections/Banner3_3.js
new file mode 100644
index 0000000..b8e65f4
--- /dev/null
+++ b/components/sections/Banner3_3.js
@@ -0,0 +1,35 @@
+
+
+import Link from "next/link"
+export default function Banner3_3() {
+    return (
+        <>
+            <section id="banner-3" className="pt-100 banner-section">
+                <div className="container">
+                    {/* BANNER-3 WRAPPER */}
+                    <div className="banner-3-wrapper bg--03 bg--fixed r-16">
+                        <div className="banner-overlay">
+                            <div className="row">
+                                {/* BANNER-3 TEXT */}
+                                <div className="col">
+                                    <div className="banner-3-txt color--white">
+                                        {/* Title */}
+                                        <h2 className="s-48 w-700">Starting with Martex is easy, fast and free</h2>
+                                        {/* Text */}
+                                        <p className="p-xl">It only takes a few clicks to get started</p>
+                                        {/* Button */}
+                                        <Link href="/signup-1" className="btn r-04 btn--theme hover--tra-white">Get srarted - it's free</Link>
+                                        {/* Button Text */}
+                                        <p className="p-sm btn-txt ico-15">
+                                            <span className="flaticon-check" /> Free for 14 days, no credit card required.
+                                        </p>
+                                    </div>
+                                </div>	{/* END BANNER-3 TEXT */}
+                            </div>   {/* End row */}
+                        </div>   {/* End banner overlay */}
+                    </div>    {/* END BANNER-3 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Banner3_4.js b/components/sections/Banner3_4.js
new file mode 100644
index 0000000..e5a5e5c
--- /dev/null
+++ b/components/sections/Banner3_4.js
@@ -0,0 +1,35 @@
+
+
+import Link from "next/link"
+export default function Banner3_4() {
+    return (
+        <>
+            <section id="banner-3" className="pt-100 banner-section">
+                <div className="container">
+                    {/* BANNER-3 WRAPPER */}
+                    <div className="banner-3-wrapper bg--03 bg--scroll r-16">
+                        <div className="banner-overlay">
+                            <div className="row">
+                                {/* BANNER-3 TEXT */}
+                                <div className="col">
+                                    <div className="banner-3-txt color--white">
+                                        {/* Title */}
+                                        <h2 className="s-48 w-700">Starting with Martex is easy, fast and free</h2>
+                                        {/* Text */}
+                                        <p className="p-xl">It only takes a few clicks to get started</p>
+                                        {/* Button */}
+                                        <Link href="/signup-1" className="btn r-04 btn--theme hover--tra-white">Get srarted - it's free</Link>
+                                        {/* Button Text */}
+                                        <p className="p-sm btn-txt ico-15">
+                                            <span className="flaticon-check" /> Free for 14 days, no credit card required.
+                                        </p>
+                                    </div>
+                                </div>	{/* END BANNER-3 TEXT */}
+                            </div>   {/* End row */}
+                        </div>   {/* End banner overlay */}
+                    </div>    {/* END BANNER-3 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Banner3_5.js b/components/sections/Banner3_5.js
new file mode 100644
index 0000000..a4caa46
--- /dev/null
+++ b/components/sections/Banner3_5.js
@@ -0,0 +1,35 @@
+
+
+import Link from "next/link"
+export default function Banner3_5() {
+    return (
+        <>
+            <section id="banner-3" className="pt-100 banner-section">
+                <div className="container">
+                    {/* BANNER-3 WRAPPER */}
+                    <div className="banner-3-wrapper bg--03 bg--fixed r-16">
+                        <div className="banner-overlay">
+                            <div className="row">
+                                {/* BANNER-3 TEXT */}
+                                <div className="col">
+                                    <div className="banner-3-txt color--white">
+                                        {/* Title */}
+                                        <h2 className="s-48 w-700">Starting with Martex is easy, fast and free</h2>
+                                        {/* Text */}
+                                        <p className="p-xl">It only takes a few clicks to get started</p>
+                                        {/* Button */}
+                                        <Link href="#" className="btn r-04 btn--theme hover--tra-white" data-bs-toggle="modal" data-bs-target="#modal-3">Get srarted - it's free</Link>
+                                        {/* Button Text */}
+                                        <p className="p-sm btn-txt ico-15">
+                                            <span className="flaticon-check" /> Free for 14 days - no credit card required.
+                                        </p>
+                                    </div>
+                                </div>	{/* END BANNER-3 TEXT */}
+                            </div>   {/* End row */}
+                        </div>   {/* End banner overlay */}
+                    </div>    {/* END BANNER-3 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Banner3_6.js b/components/sections/Banner3_6.js
new file mode 100644
index 0000000..631cc2b
--- /dev/null
+++ b/components/sections/Banner3_6.js
@@ -0,0 +1,35 @@
+
+
+import Link from "next/link"
+export default function Banner3_6() {
+    return (
+        <>
+            <section id="banner-3" className="pt-100 banner-section">
+                <div className="container">
+                    {/* BANNER-3 WRAPPER */}
+                    <div className="banner-3-wrapper bg--05 bg--scroll r-16">
+                        <div className="banner-overlay">
+                            <div className="row">
+                                {/* BANNER-3 TEXT */}
+                                <div className="col">
+                                    <div className="banner-3-txt color--white">
+                                        {/* Title */}
+                                        <h2 className="s-48 w-700">Starting with Martex is easy, fast and free</h2>
+                                        {/* Text */}
+                                        <p className="p-xl">It only takes a few clicks to get started</p>
+                                        {/* Button */}
+                                        <Link href="/signup-1" className="btn r-04 btn--theme hover--tra-white">Get srarted - it's free</Link>
+                                        {/* Button Text */}
+                                        <p className="p-sm btn-txt ico-15">
+                                            <span className="flaticon-check" /> Free for 14 days, no credit card required.
+                                        </p>
+                                    </div>
+                                </div>	{/* END BANNER-3 TEXT */}
+                            </div>   {/* End row */}
+                        </div>   {/* End banner overlay */}
+                    </div>    {/* END BANNER-3 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Banner7_1.js b/components/sections/Banner7_1.js
new file mode 100644
index 0000000..7ae2182
--- /dev/null
+++ b/components/sections/Banner7_1.js
@@ -0,0 +1,35 @@
+
+
+import Link from "next/link"
+export default function Banner7_1() {
+    return (
+        <>
+            <section id="banner-7" className="banner-section">
+                <div className="banner-overlay py-100">
+                    <div className="container">
+                        {/* BANNER-7 WRAPPER */}
+                        <div className="banner-7-wrapper">
+                            <div className="row justify-content-center">
+                                {/* BANNER-7 TEXT */}
+                                <div className="col-md-8">
+                                    <div className="banner-7-txt text-center">
+                                        {/* Title */}
+                                        <h2 className="s-50 w-700">Starting with Martex is easy, fast and free</h2>
+                                        {/* Buttons */}
+                                        <div className="btns-group">
+                                            <Link href="/signup-1" className="btn r-04 btn--theme hover--theme">Get srarted - it's free
+                                            </Link>
+                                            <Link href="/faqs" className="btn r-04 btn--tra-black hover--theme">Read the FAQs</Link>
+                                        </div>
+                                        {/* Button Text */}
+                                        <p className="btn-txt ico-15">Free for 14 days - no credit card required.</p>
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>    {/* END BANNER-7 WRAPPER */}
+                    </div>    {/* End container */}
+                </div>     {/* End banner overlay */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Banner7_2.js b/components/sections/Banner7_2.js
new file mode 100644
index 0000000..b8f71b9
--- /dev/null
+++ b/components/sections/Banner7_2.js
@@ -0,0 +1,35 @@
+
+
+import Link from "next/link"
+export default function Banner7_2() {
+    return (
+        <>
+            <section id="banner-7" className="banner-section">
+                <div className="banner-overlay py-100">
+                    <div className="container">
+                        {/* BANNER-7 WRAPPER */}
+                        <div className="banner-7-wrapper">
+                            <div className="row justify-content-center">
+                                {/* BANNER-7 TEXT */}
+                                <div className="col-md-8">
+                                    <div className="banner-7-txt text-center">
+                                        {/* Title */}
+                                        <h2 className="s-48 w-700">Grow your business with integrated marketing tools</h2>
+                                        {/* Buttons */}
+                                        <div className="btns-group">
+                                            <Link href="#hero-7" className="btn r-04 btn--theme hover--theme">Get srarted - it's free
+                                            </Link>
+                                            <Link href="/pricing-1" className="btn r-04 btn--tra-black hover--theme">Discover pricing</Link>
+                                        </div>
+                                        {/* Button Text */}
+                                        <p className="btn-txt ico-15">Free for 14 days - no credit card required.</p>
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>    {/* END BANNER-7 WRAPPER */}
+                    </div>    {/* End container */}
+                </div>     {/* End banner overlay */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Banner7_3.js b/components/sections/Banner7_3.js
new file mode 100644
index 0000000..3d48887
--- /dev/null
+++ b/components/sections/Banner7_3.js
@@ -0,0 +1,35 @@
+
+
+import Link from "next/link"
+export default function Banner7_3() {
+    return (
+        <>
+            <section id="banner-7" className="banner-section">
+                <div className="banner-overlay py-100">
+                    <div className="container">
+                        {/* BANNER-7 WRAPPER */}
+                        <div className="banner-7-wrapper">
+                            <div className="row justify-content-center">
+                                {/* BANNER-7 TEXT */}
+                                <div className="col-md-8">
+                                    <div className="banner-7-txt text-center">
+                                        {/* Title */}
+                                        <h2 className="s-48 w-700">Grow your business with integrated marketing tools</h2>
+                                        {/* Buttons */}
+                                        <div className="btns-group">
+                                            <Link href="#hero-9" className="btn r-04 btn--theme hover--theme">Get srarted - it's free
+                                            </Link>
+                                            <Link href="#faqs-3" className="btn r-04 btn--tra-black hover--theme">Read the FAQs</Link>
+                                        </div>
+                                        {/* Button Text */}
+                                        <p className="btn-txt ico-15">Free for 14 days - no credit card required.</p>
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>    {/* END BANNER-7 WRAPPER */}
+                    </div>    {/* End container */}
+                </div>     {/* End banner overlay */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Banner7_4.js b/components/sections/Banner7_4.js
new file mode 100644
index 0000000..6c9a21c
--- /dev/null
+++ b/components/sections/Banner7_4.js
@@ -0,0 +1,33 @@
+
+
+import Link from "next/link"
+export default function Banner7_4() {
+    return (
+        <>
+            <section id="banner-7" className="mt-100 bg--05 bg--scroll banner-section">
+                <div className="banner-overlay py-100">
+                    <div className="container">
+                        {/* BANNER-7 WRAPPER */}
+                        <div className="banner-7-wrapper">
+                            <div className="row justify-content-center">
+                                {/* BANNER-7 TEXT */}
+                                <div className="col-md-8">
+                                    <div className="banner-7-txt color--white text-center">
+                                        {/* Title */}
+                                        <h2 className="s-50 w-700">Starting with Martex is easy, fast and free</h2>
+                                        {/* Button */}
+                                        <Link href="#hero-14" className="btn r-04 btn--theme hover--tra-white">Get srarted - it's free</Link>
+                                        {/* Button Text */}
+                                        <p className="p-sm btn-txt ico-15">
+                                            <span className="flaticon-check" /> Free for 14 days, no credit card required.
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>    {/* END BANNER-7 WRAPPER */}
+                    </div>    {/* End container */}
+                </div>     {/* End banner overlay */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Banner7_5.js b/components/sections/Banner7_5.js
new file mode 100644
index 0000000..0aedc0a
--- /dev/null
+++ b/components/sections/Banner7_5.js
@@ -0,0 +1,34 @@
+
+
+import Link from "next/link"
+export default function Banner7_5() {
+    return (
+        <>
+            <section id="banner-7" className="banner-section">
+                <div className="banner-overlay py-100">
+                    <div className="container">
+                        {/* BANNER-7 WRAPPER */}
+                        <div className="banner-7-wrapper">
+                            <div className="row justify-content-center">
+                                {/* BANNER-7 TEXT */}
+                                <div className="col-md-8">
+                                    <div className="banner-7-txt text-center">
+                                        {/* Title */}
+                                        <h2 className="s-50 w-700">Starting with Martex is easy, fast and free</h2>
+                                        {/* Button */}
+                                        <Link href="/signup-1" className="btn r-04 btn--theme hover--tra-black">Get srarted - it's free
+                                        </Link>
+                                        {/* Button Text */}
+                                        <p className="p-sm btn-txt ico-15 o-85">
+                                            <span className="flaticon-check" /> Free for 14 days, no credit card required.
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>    {/* END BANNER-7 WRAPPER */}
+                    </div>    {/* End container */}
+                </div>     {/* End banner overlay */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Banner7_6.js b/components/sections/Banner7_6.js
new file mode 100644
index 0000000..a36da04
--- /dev/null
+++ b/components/sections/Banner7_6.js
@@ -0,0 +1,37 @@
+
+
+import Link from "next/link"
+export default function Banner7_6() {
+    return (
+        <>
+            <section id="banner-7" className="banner-section">
+                <div className="banner-overlay py-100">
+                    <div className="container">
+                        {/* BANNER-7 WRAPPER */}
+                        <div className="banner-7-wrapper">
+                            <div className="row justify-content-center">
+                                {/* BANNER-7 TEXT */}
+                                <div className="col-md-8">
+                                    <div className="banner-7-txt text-center">
+                                        {/* Section ID */}
+                                        <span className="section-id">Get Started Now</span>
+                                        {/* Title */}
+                                        <h2 className="s-48 w-700">Grow your business with integrated marketing tools</h2>
+                                        {/* Buttons */}
+                                        <div className="btns-group">
+                                            <Link href="/signup-1" className="btn r-04 btn--theme hover--theme">Get srarted - it's free
+                                            </Link>
+                                            <Link href="/pricing-1" className="btn r-04 btn--tra-black hover--theme">Discover pricing</Link>
+                                        </div>
+                                        {/* Button Text */}
+                                        <p className="btn-txt ico-15">Free for 14 days - no credit card required.</p>
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>    {/* END BANNER-7 WRAPPER */}
+                    </div>    {/* End container */}
+                </div>     {/* End banner overlay */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Banner7_7.js b/components/sections/Banner7_7.js
new file mode 100644
index 0000000..09bf7f9
--- /dev/null
+++ b/components/sections/Banner7_7.js
@@ -0,0 +1,35 @@
+
+
+import Link from "next/link"
+export default function Banner7_7() {
+    return (
+        <>
+            <section id="banner-7" className="banner-section">
+                <div className="banner-overlay py-100">
+                    <div className="container">
+                        {/* BANNER-7 WRAPPER */}
+                        <div className="banner-7-wrapper">
+                            <div className="row justify-content-center">
+                                {/* BANNER-7 TEXT */}
+                                <div className="col-md-8">
+                                    <div className="banner-7-txt text-center">
+                                        {/* Title */}
+                                        <h2 className="s-50 w-700">Starting with Martex is easy, fast and free</h2>
+                                        {/* Buttons */}
+                                        <div className="btns-group">
+                                            <Link href="/signup-1" className="btn r-04 btn--theme hover--theme">Get srarted - it's free
+                                            </Link>
+                                            <Link href="/pricing-1" className="btn r-04 btn--tra-black hover--theme">Discover pricing</Link>
+                                        </div>
+                                        {/* Button Text */}
+                                        <p className="btn-txt ico-15">Free for 14 days - no credit card required.</p>
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>    {/* END BANNER-7 WRAPPER */}
+                    </div>    {/* End container */}
+                </div>     {/* End banner overlay */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Blog1_1.js b/components/sections/Blog1_1.js
new file mode 100644
index 0000000..2041a80
--- /dev/null
+++ b/components/sections/Blog1_1.js
@@ -0,0 +1,116 @@
+
+
+import Link from "next/link"
+export default function Blog1_1() {
+    return (
+        <>
+            <section id="blog-1" className="py-100 blog-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Articles &amp; Resources</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div className="row">
+                        {/* BLOG POST #1 */}
+                        <div className="col-md-6 col-lg-4">
+                            <div id="bp-1-1" className="blog-post wow fadeInUp">
+                                {/* BLOG POST IMAGE */}
+                                <div className="blog-post-img mb-35">
+                                    <img className="img-fluid r-16" src="/images/blog/post-8-img.jpg" alt="blog-post-image" />
+                                </div>
+                                {/* BLOG POST TEXT */}
+                                <div className="blog-post-txt">
+                                    {/* Post Tag */}
+                                    <span className="post-tag color--theme">Product News</span>
+                                    {/* Post Link */}
+                                    <h6 className="s-20 w-700">
+                                        <Link href="/single-post">Aliqum mullam porta blandit: tempor sapien and gravida</Link>
+                                    </h6>
+                                    {/* Text */}
+                                    <p>Egestas luctus vitae augue and ipsum ultrice quisque in cursus lacus feugiat congue
+                                        diam ultrice laoreet sagittis
+                                    </p>
+                                    {/* Post Meta */}
+                                    <div className="blog-post-meta mt-20">
+                                        <ul className="post-meta-list ico-10">
+                                            <li><p className="p-sm w-500">By Helen J.</p></li>
+                                            <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                            <li><p className="p-sm">Apr 28, 2023</p></li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END BLOG POST TEXT */}
+                            </div>
+                        </div>	{/* END BLOG POST #1 */}
+                        {/* BLOG POST #2 */}
+                        <div className="col-md-6 col-lg-4">
+                            <div id="bp-1-2" className="blog-post wow fadeInUp">
+                                {/* BLOG POST IMAGE */}
+                                <div className="blog-post-img mb-35">
+                                    <img className="img-fluid r-16" src="/images/blog/post-2-img.jpg" alt="blog-post-image" />
+                                </div>
+                                {/* BLOG POST TEXT */}
+                                <div className="blog-post-txt">
+                                    {/* Post Tag */}
+                                    <span className="post-tag color--green-400">Community</span>
+                                    {/* Post Link */}
+                                    <h6 className="s-20 w-700">
+                                        <Link href="/single-post">Porttitor cursus fusce egestas CEO cursus at magna sapien
+                                            suscipit and egestas ipsum
+                                        </Link>
+                                    </h6>
+                                    {/* Text */}
+                                    <p>Aliqum mullam ipsum vitae and blandit vitae tempor sapien and donec lipsum</p>
+                                    {/* Post Meta */}
+                                    <div className="blog-post-meta mt-20">
+                                        <ul className="post-meta-list ico-10">
+                                            <li><p className="p-sm w-500">By Martex Team</p></li>
+                                            <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                            <li><p className="p-sm">Apr 14, 2023</p></li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END BLOG POST TEXT */}
+                            </div>
+                        </div>	{/* END BLOG POST #2 */}
+                        {/* BLOG POST #3 */}
+                        <div className="col-md-12 col-lg-4">
+                            <div id="bp-1-3" className="blog-post wow fadeInUp">
+                                {/* BLOG POST IMAGE */}
+                                <div className="blog-post-img mb-35">
+                                    <img className="img-fluid r-16" src="/images/blog/post-5-img.jpg" alt="blog-post-image" />
+                                </div>
+                                {/* BLOG POST TEXT */}
+                                <div className="blog-post-txt">
+                                    {/* Post Tag */}
+                                    <span className="post-tag color--purple-400">Freelancer Tips</span>
+                                    {/* Post Link */}
+                                    <h6 className="s-20 w-700">
+                                        <Link href="/single-post">Cubilia laoreet augue egestas and Martex magna impedit</Link>
+                                    </h6>
+                                    {/* Text */}
+                                    <p>Luctus vitae egestas augue and ipsum ultrice quisque in cursus lacus feugiat egets
+                                        congue ultrice sagittis laoreet
+                                    </p>
+                                    {/* Post Meta */}
+                                    <div className="blog-post-meta mt-20">
+                                        <ul className="post-meta-list ico-10">
+                                            <li><p className="p-sm w-500">By Miranda Green</p></li>
+                                            <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                            <li><p className="p-sm">Mar 27, 2023</p></li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END BLOG POST TEXT */}
+                            </div>
+                        </div>	{/* END BLOG POST #3 */}
+                    </div>    {/* End row */}
+                </div>    {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Blog1_2.js b/components/sections/Blog1_2.js
new file mode 100644
index 0000000..8c44e7e
--- /dev/null
+++ b/components/sections/Blog1_2.js
@@ -0,0 +1,116 @@
+
+
+import Link from "next/link"
+export default function Blog1_2() {
+    return (
+        <>
+            <section id="blog-1" className="py-100 blog-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-48 w-700">Articles &amp; Resources</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div className="row">
+                        {/* BLOG POST #1 */}
+                        <div className="col-md-6 col-lg-4">
+                            <div id="bp-1-1" className="blog-post wow fadeInUp">
+                                {/* BLOG POST IMAGE */}
+                                <div className="blog-post-img mb-35">
+                                    <img className="img-fluid r-16" src="/images/blog/post-8-img.jpg" alt="blog-post-image" />
+                                </div>
+                                {/* BLOG POST TEXT */}
+                                <div className="blog-post-txt">
+                                    {/* Post Tag */}
+                                    <span className="post-tag color--pink-400">Product News</span>
+                                    {/* Post Link */}
+                                    <h6 className="s-20 w-700">
+                                        <Link href="/single-post">Aliqum mullam porta blandit: tempor sapien and gravida</Link>
+                                    </h6>
+                                    {/* Text */}
+                                    <p>Egestas luctus vitae augue and ipsum ultrice quisque in cursus lacus feugiat congue
+                                        diam ultrice laoreet sagittis
+                                    </p>
+                                    {/* Post Meta */}
+                                    <div className="blog-post-meta mt-20">
+                                        <ul className="post-meta-list ico-10">
+                                            <li><p className="p-sm w-500">By Helen J.</p></li>
+                                            <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                            <li><p className="p-sm">Apr 28, 2023</p></li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END BLOG POST TEXT */}
+                            </div>
+                        </div>	{/* END BLOG POST #1 */}
+                        {/* BLOG POST #2 */}
+                        <div className="col-md-6 col-lg-4">
+                            <div id="bp-1-2" className="blog-post wow fadeInUp">
+                                {/* BLOG POST IMAGE */}
+                                <div className="blog-post-img mb-35">
+                                    <img className="img-fluid r-16" src="/images/blog/post-2-img.jpg" alt="blog-post-image" />
+                                </div>
+                                {/* BLOG POST TEXT */}
+                                <div className="blog-post-txt">
+                                    {/* Post Tag */}
+                                    <span className="post-tag color--green-400">Community</span>
+                                    {/* Post Link */}
+                                    <h6 className="s-20 w-700">
+                                        <Link href="/single-post">Porttitor cursus fusce egestas CEO cursus at magna sapien
+                                            suscipit and egestas ipsum
+                                        </Link>
+                                    </h6>
+                                    {/* Text */}
+                                    <p>Aliqum mullam ipsum vitae and blandit vitae tempor sapien and donec lipsum</p>
+                                    {/* Post Meta */}
+                                    <div className="blog-post-meta mt-20">
+                                        <ul className="post-meta-list ico-10">
+                                            <li><p className="p-sm w-500">By Martex Team</p></li>
+                                            <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                            <li><p className="p-sm">Apr 14, 2023</p></li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END BLOG POST TEXT */}
+                            </div>
+                        </div>	{/* END BLOG POST #2 */}
+                        {/* BLOG POST #3 */}
+                        <div className="col-md-12 col-lg-4">
+                            <div id="bp-1-3" className="blog-post wow fadeInUp">
+                                {/* BLOG POST IMAGE */}
+                                <div className="blog-post-img mb-35">
+                                    <img className="img-fluid r-16" src="/images/blog/post-5-img.jpg" alt="blog-post-image" />
+                                </div>
+                                {/* BLOG POST TEXT */}
+                                <div className="blog-post-txt">
+                                    {/* Post Tag */}
+                                    <span className="post-tag color--purple-400">Freelancer Tips</span>
+                                    {/* Post Link */}
+                                    <h6 className="s-20 w-700">
+                                        <Link href="/single-post">Cubilia laoreet augue egestas and Martex magna impedit</Link>
+                                    </h6>
+                                    {/* Text */}
+                                    <p>Luctus vitae egestas augue and ipsum ultrice quisque in cursus lacus feugiat egets
+                                        congue ultrice sagittis laoreet
+                                    </p>
+                                    {/* Post Meta */}
+                                    <div className="blog-post-meta mt-20">
+                                        <ul className="post-meta-list ico-10">
+                                            <li><p className="p-sm w-500">By Miranda Green</p></li>
+                                            <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                            <li><p className="p-sm">Mar 27, 2023</p></li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END BLOG POST TEXT */}
+                            </div>
+                        </div>	{/* END BLOG POST #3 */}
+                    </div>    {/* End row */}
+                </div>    {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Blog1_3.js b/components/sections/Blog1_3.js
new file mode 100644
index 0000000..8eadfb4
--- /dev/null
+++ b/components/sections/Blog1_3.js
@@ -0,0 +1,116 @@
+
+
+import Link from "next/link"
+export default function Blog1_3() {
+    return (
+        <>
+            <section id="blog-1" className="py-100 blog-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Articles &amp; Resources</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div className="row">
+                        {/* BLOG POST #1 */}
+                        <div className="col-md-6 col-lg-4">
+                            <div id="bp-1-1" className="blog-post wow fadeInUp">
+                                {/* BLOG POST IMAGE */}
+                                <div className="blog-post-img mb-35">
+                                    <img className="img-fluid r-16" src="/images/blog/post-8-img.jpg" alt="blog-post-image" />
+                                </div>
+                                {/* BLOG POST TEXT */}
+                                <div className="blog-post-txt">
+                                    {/* Post Tag */}
+                                    <span className="post-tag color--pink-400">Product News</span>
+                                    {/* Post Link */}
+                                    <h6 className="s-20 w-700">
+                                        <Link href="/single-post">Aliqum mullam porta blandit: tempor sapien and gravida</Link>
+                                    </h6>
+                                    {/* Text */}
+                                    <p>Egestas luctus vitae augue and ipsum ultrice quisque in cursus lacus feugiat congue
+                                        diam ultrice laoreet sagittis
+                                    </p>
+                                    {/* Post Meta */}
+                                    <div className="blog-post-meta mt-20">
+                                        <ul className="post-meta-list ico-10">
+                                            <li><p className="p-sm w-500">By Helen J.</p></li>
+                                            <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                            <li><p className="p-sm">Apr 28, 2023</p></li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END BLOG POST TEXT */}
+                            </div>
+                        </div>	{/* END BLOG POST #1 */}
+                        {/* BLOG POST #2 */}
+                        <div className="col-md-6 col-lg-4">
+                            <div id="bp-1-2" className="blog-post wow fadeInUp">
+                                {/* BLOG POST IMAGE */}
+                                <div className="blog-post-img mb-35">
+                                    <img className="img-fluid r-16" src="/images/blog/post-2-img.jpg" alt="blog-post-image" />
+                                </div>
+                                {/* BLOG POST TEXT */}
+                                <div className="blog-post-txt">
+                                    {/* Post Tag */}
+                                    <span className="post-tag color--green-400">Community</span>
+                                    {/* Post Link */}
+                                    <h6 className="s-20 w-700">
+                                        <Link href="/single-post">Porttitor cursus fusce egestas CEO cursus at magna sapien
+                                            suscipit and egestas ipsum
+                                        </Link>
+                                    </h6>
+                                    {/* Text */}
+                                    <p>Aliqum mullam ipsum vitae and blandit vitae tempor sapien and donec lipsum</p>
+                                    {/* Post Meta */}
+                                    <div className="blog-post-meta mt-20">
+                                        <ul className="post-meta-list ico-10">
+                                            <li><p className="p-sm w-500">By Martex Team</p></li>
+                                            <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                            <li><p className="p-sm">Apr 14, 2023</p></li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END BLOG POST TEXT */}
+                            </div>
+                        </div>	{/* END BLOG POST #2 */}
+                        {/* BLOG POST #3 */}
+                        <div className="col-md-12 col-lg-4">
+                            <div id="bp-1-3" className="blog-post wow fadeInUp">
+                                {/* BLOG POST IMAGE */}
+                                <div className="blog-post-img mb-35">
+                                    <img className="img-fluid r-16" src="/images/blog/post-5-img.jpg" alt="blog-post-image" />
+                                </div>
+                                {/* BLOG POST TEXT */}
+                                <div className="blog-post-txt">
+                                    {/* Post Tag */}
+                                    <span className="post-tag color--purple-400">Freelancer Tips</span>
+                                    {/* Post Link */}
+                                    <h6 className="s-20 w-700">
+                                        <Link href="/single-post">Cubilia laoreet augue egestas and Martex magna impedit</Link>
+                                    </h6>
+                                    {/* Text */}
+                                    <p>Luctus vitae egestas augue and ipsum ultrice quisque in cursus lacus feugiat egets
+                                        congue ultrice sagittis laoreet
+                                    </p>
+                                    {/* Post Meta */}
+                                    <div className="blog-post-meta mt-20">
+                                        <ul className="post-meta-list ico-10">
+                                            <li><p className="p-sm w-500">By Miranda Green</p></li>
+                                            <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                            <li><p className="p-sm">Mar 27, 2023</p></li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END BLOG POST TEXT */}
+                            </div>
+                        </div>	{/* END BLOG POST #3 */}
+                    </div>    {/* End row */}
+                </div>    {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Blog1_4.js b/components/sections/Blog1_4.js
new file mode 100644
index 0000000..520b617
--- /dev/null
+++ b/components/sections/Blog1_4.js
@@ -0,0 +1,116 @@
+
+
+import Link from "next/link"
+export default function Blog1_4() {
+    return (
+        <>
+            <section id="blog-1" className="py-100 blog-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Articles &amp; Resources</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div className="row">
+                        {/* BLOG POST #1 */}
+                        <div className="col-md-6 col-lg-4">
+                            <div id="bp-1-1" className="blog-post wow fadeInUp">
+                                {/* BLOG POST IMAGE */}
+                                <div className="blog-post-img mb-35">
+                                    <img className="img-fluid r-16" src="/images/blog/post-8-img.jpg" alt="blog-post-image" />
+                                </div>
+                                {/* BLOG POST TEXT */}
+                                <div className="blog-post-txt">
+                                    {/* Post Tag */}
+                                    <span className="post-tag color--theme">Product News</span>
+                                    {/* Post Link */}
+                                    <h6 className="s-20 w-700">
+                                        <Link href="/single-post">Aliqum mullam porta blandit: tempor sapien and gravida</Link>
+                                    </h6>
+                                    {/* Text */}
+                                    <p>Egestas luctus vitae augue and ipsum ultrice quisque in cursus lacus feugiat congue
+                                        diam ultrice laoreet sagittis
+                                    </p>
+                                    {/* Post Meta */}
+                                    <div className="blog-post-meta mt-20">
+                                        <ul className="post-meta-list ico-10">
+                                            <li><p className="p-sm w-500">By Helen J.</p></li>
+                                            <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                            <li><p className="p-sm">Apr 28, 2023</p></li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END BLOG POST TEXT */}
+                            </div>
+                        </div>	{/* END BLOG POST #1 */}
+                        {/* BLOG POST #2 */}
+                        <div className="col-md-6 col-lg-4">
+                            <div id="bp-1-2" className="blog-post wow fadeInUp">
+                                {/* BLOG POST IMAGE */}
+                                <div className="blog-post-img mb-35">
+                                    <img className="img-fluid r-16" src="/images/blog/post-2-img.jpg" alt="blog-post-image" />
+                                </div>
+                                {/* BLOG POST TEXT */}
+                                <div className="blog-post-txt">
+                                    {/* Post Tag */}
+                                    <span className="post-tag color--green-400">Community</span>
+                                    {/* Post Link */}
+                                    <h6 className="s-20 w-700">
+                                        <Link href="/single-post">Porttitor cursus fusce egestas CEO cursus at magna sapien
+                                            suscipit and egestas ipsum
+                                        </Link>
+                                    </h6>
+                                    {/* Text */}
+                                    <p>Aliqum mullam ipsum vitae and blandit vitae tempor sapien and donec lipsum</p>
+                                    {/* Post Meta */}
+                                    <div className="blog-post-meta mt-20">
+                                        <ul className="post-meta-list ico-10">
+                                            <li><p className="p-sm w-500">By Martex Team</p></li>
+                                            <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                            <li><p className="p-sm">Apr 14, 2023</p></li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END BLOG POST TEXT */}
+                            </div>
+                        </div>	{/* END BLOG POST #2 */}
+                        {/* BLOG POST #3 */}
+                        <div className="col-md-12 col-lg-4">
+                            <div id="bp-1-3" className="blog-post wow fadeInUp">
+                                {/* BLOG POST IMAGE */}
+                                <div className="blog-post-img mb-35">
+                                    <img className="img-fluid r-16" src="/images/blog/post-5-img.jpg" alt="blog-post-image" />
+                                </div>
+                                {/* BLOG POST TEXT */}
+                                <div className="blog-post-txt">
+                                    {/* Post Tag */}
+                                    <span className="post-tag color--purple-400">Freelancer Tips</span>
+                                    {/* Post Link */}
+                                    <h6 className="s-20 w-700">
+                                        <Link href="/single-post">Cubilia laoreet augue egestas and Martex magna impedit</Link>
+                                    </h6>
+                                    {/* Text */}
+                                    <p>Luctus vitae egestas augue and ipsum ultrice quisque in cursus lacus feugiat egets
+                                        congue ultrice sagittis laoreet
+                                    </p>
+                                    {/* Post Meta */}
+                                    <div className="blog-post-meta mt-20">
+                                        <ul className="post-meta-list ico-10">
+                                            <li><p className="p-sm w-500">By Miranda Green</p></li>
+                                            <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                            <li><p className="p-sm">Mar 27, 2023</p></li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END BLOG POST TEXT */}
+                            </div>
+                        </div>	{/* END BLOG POST #3 */}
+                    </div>    {/* End row */}
+                </div>    {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Blog1_5.js b/components/sections/Blog1_5.js
new file mode 100644
index 0000000..2789be6
--- /dev/null
+++ b/components/sections/Blog1_5.js
@@ -0,0 +1,116 @@
+
+
+import Link from "next/link"
+export default function Blog1_5() {
+    return (
+        <>
+            <section id="blog-1" className="py-100 blog-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Articles &amp; Resources</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div className="row">
+                        {/* BLOG POST #1 */}
+                        <div className="col-md-6 col-lg-4">
+                            <div id="bp-1-1" className="blog-post wow fadeInUp">
+                                {/* BLOG POST IMAGE */}
+                                <div className="blog-post-img mb-35">
+                                    <img className="img-fluid r-16" src="/images/blog/post-8-img.jpg" alt="blog-post-image" />
+                                </div>
+                                {/* BLOG POST TEXT */}
+                                <div className="blog-post-txt">
+                                    {/* Post Tag */}
+                                    <span className="post-tag color--pink-400">Product News</span>
+                                    {/* Post Link */}
+                                    <h6 className="s-20 w-700">
+                                        <Link href="/single-post">Aliqum mullam porta blandit: tempor sapien and gravida</Link>
+                                    </h6>
+                                    {/* Text */}
+                                    <p>Egestas luctus vitae augue and ipsum ultrice quisque in cursus lacus feugiat congue
+                                        diam ultrice laoreet sagittis
+                                    </p>
+                                    {/* Post Meta */}
+                                    <div className="blog-post-meta mt-20">
+                                        <ul className="post-meta-list ico-10">
+                                            <li><p className="p-sm w-500">By Helen J.</p></li>
+                                            <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                            <li><p className="p-sm">Apr 28, 2023</p></li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END BLOG POST TEXT */}
+                            </div>
+                        </div>	{/* END BLOG POST #1 */}
+                        {/* BLOG POST #2 */}
+                        <div className="col-md-6 col-lg-4">
+                            <div id="bp-1-2" className="blog-post wow fadeInUp">
+                                {/* BLOG POST IMAGE */}
+                                <div className="blog-post-img mb-35">
+                                    <img className="img-fluid r-16" src="/images/blog/post-2-img.jpg" alt="blog-post-image" />
+                                </div>
+                                {/* BLOG POST TEXT */}
+                                <div className="blog-post-txt">
+                                    {/* Post Tag */}
+                                    <span className="post-tag color--green-400">Community</span>
+                                    {/* Post Link */}
+                                    <h6 className="s-20 w-700">
+                                        <Link href="/single-post">Porttitor cursus fusce egestas CEO cursus at magna sapien
+                                            suscipit and egestas ipsum
+                                        </Link>
+                                    </h6>
+                                    {/* Text */}
+                                    <p>Aliqum mullam ipsum vitae and blandit vitae tempor sapien and donec lipsum</p>
+                                    {/* Post Meta */}
+                                    <div className="blog-post-meta mt-20">
+                                        <ul className="post-meta-list ico-10">
+                                            <li><p className="p-sm w-500">By Martex Team</p></li>
+                                            <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                            <li><p className="p-sm">Apr 14, 2023</p></li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END BLOG POST TEXT */}
+                            </div>
+                        </div>	{/* END BLOG POST #2 */}
+                        {/* BLOG POST #3 */}
+                        <div className="col-md-12 col-lg-4">
+                            <div id="bp-1-3" className="blog-post wow fadeInUp">
+                                {/* BLOG POST IMAGE */}
+                                <div className="blog-post-img mb-35">
+                                    <img className="img-fluid r-16" src="/images/blog/post-5-img.jpg" alt="blog-post-image" />
+                                </div>
+                                {/* BLOG POST TEXT */}
+                                <div className="blog-post-txt">
+                                    {/* Post Tag */}
+                                    <span className="post-tag color--purple-400">Freelancer Tips</span>
+                                    {/* Post Link */}
+                                    <h6 className="s-20 w-700">
+                                        <Link href="/single-post">Cubilia laoreet augue egestas and Martex magna impedit</Link>
+                                    </h6>
+                                    {/* Text */}
+                                    <p>Luctus vitae egestas augue and ipsum ultrice quisque in cursus lacus feugiat egets
+                                        congue ultrice sagittis laoreet
+                                    </p>
+                                    {/* Post Meta */}
+                                    <div className="blog-post-meta mt-20">
+                                        <ul className="post-meta-list ico-10">
+                                            <li><p className="p-sm w-500">By Miranda Green</p></li>
+                                            <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                            <li><p className="p-sm">Mar 27, 2023</p></li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END BLOG POST TEXT */}
+                            </div>
+                        </div>	{/* END BLOG POST #3 */}
+                    </div>    {/* End row */}
+                </div>    {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Blog1_6.js b/components/sections/Blog1_6.js
new file mode 100644
index 0000000..4d633af
--- /dev/null
+++ b/components/sections/Blog1_6.js
@@ -0,0 +1,116 @@
+
+
+import Link from "next/link"
+export default function Blog1_6() {
+    return (
+        <>
+            <section id="blog-1" className="py-100 blog-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-52 w-700">Articles &amp; Resources</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div className="row">
+                        {/* BLOG POST #1 */}
+                        <div className="col-md-6 col-lg-4">
+                            <div id="bp-1-1" className="blog-post wow fadeInUp">
+                                {/* BLOG POST IMAGE */}
+                                <div className="blog-post-img mb-35">
+                                    <img className="img-fluid r-16" src="/images/blog/post-8-img.jpg" alt="blog-post-image" />
+                                </div>
+                                {/* BLOG POST TEXT */}
+                                <div className="blog-post-txt">
+                                    {/* Post Tag */}
+                                    <span className="post-tag color--pink-400">Product News</span>
+                                    {/* Post Link */}
+                                    <h6 className="s-20 w-700">
+                                        <Link href="/single-post">Aliqum mullam porta blandit: tempor sapien and gravida</Link>
+                                    </h6>
+                                    {/* Text */}
+                                    <p>Egestas luctus vitae augue and ipsum ultrice quisque in cursus lacus feugiat congue
+                                        diam ultrice laoreet sagittis
+                                    </p>
+                                    {/* Post Meta */}
+                                    <div className="blog-post-meta mt-20">
+                                        <ul className="post-meta-list ico-10">
+                                            <li><p className="p-sm w-500">By Helen J.</p></li>
+                                            <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                            <li><p className="p-sm">Apr 28, 2023</p></li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END BLOG POST TEXT */}
+                            </div>
+                        </div>	{/* END BLOG POST #1 */}
+                        {/* BLOG POST #2 */}
+                        <div className="col-md-6 col-lg-4">
+                            <div id="bp-1-2" className="blog-post wow fadeInUp">
+                                {/* BLOG POST IMAGE */}
+                                <div className="blog-post-img mb-35">
+                                    <img className="img-fluid r-16" src="/images/blog/post-2-img.jpg" alt="blog-post-image" />
+                                </div>
+                                {/* BLOG POST TEXT */}
+                                <div className="blog-post-txt">
+                                    {/* Post Tag */}
+                                    <span className="post-tag color--green-400">Community</span>
+                                    {/* Post Link */}
+                                    <h6 className="s-20 w-700">
+                                        <Link href="/single-post">Porttitor cursus fusce egestas CEO cursus at magna sapien
+                                            suscipit and egestas ipsum
+                                        </Link>
+                                    </h6>
+                                    {/* Text */}
+                                    <p>Aliqum mullam ipsum vitae and blandit vitae tempor sapien and donec lipsum</p>
+                                    {/* Post Meta */}
+                                    <div className="blog-post-meta mt-20">
+                                        <ul className="post-meta-list ico-10">
+                                            <li><p className="p-sm w-500">By Martex Team</p></li>
+                                            <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                            <li><p className="p-sm">Apr 14, 2023</p></li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END BLOG POST TEXT */}
+                            </div>
+                        </div>	{/* END BLOG POST #2 */}
+                        {/* BLOG POST #3 */}
+                        <div className="col-md-12 col-lg-4">
+                            <div id="bp-1-3" className="blog-post wow fadeInUp">
+                                {/* BLOG POST IMAGE */}
+                                <div className="blog-post-img mb-35">
+                                    <img className="img-fluid r-16" src="/images/blog/post-5-img.jpg" alt="blog-post-image" />
+                                </div>
+                                {/* BLOG POST TEXT */}
+                                <div className="blog-post-txt">
+                                    {/* Post Tag */}
+                                    <span className="post-tag color--purple-400">Freelancer Tips</span>
+                                    {/* Post Link */}
+                                    <h6 className="s-20 w-700">
+                                        <Link href="/single-post">Cubilia laoreet augue egestas and Martex magna impedit</Link>
+                                    </h6>
+                                    {/* Text */}
+                                    <p>Luctus vitae egestas augue and ipsum ultrice quisque in cursus lacus feugiat egets
+                                        congue ultrice sagittis laoreet
+                                    </p>
+                                    {/* Post Meta */}
+                                    <div className="blog-post-meta mt-20">
+                                        <ul className="post-meta-list ico-10">
+                                            <li><p className="p-sm w-500">By Miranda Green</p></li>
+                                            <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                            <li><p className="p-sm">Mar 27, 2023</p></li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END BLOG POST TEXT */}
+                            </div>
+                        </div>	{/* END BLOG POST #3 */}
+                    </div>    {/* End row */}
+                </div>    {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Blog1_7.js b/components/sections/Blog1_7.js
new file mode 100644
index 0000000..1c2d24f
--- /dev/null
+++ b/components/sections/Blog1_7.js
@@ -0,0 +1,116 @@
+
+
+import Link from "next/link"
+export default function Blog1_7() {
+    return (
+        <>
+            <section id="blog-1" className="pt-100 blog-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-48 w-700">Articles &amp; Resources</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div className="row">
+                        {/* BLOG POST #1 */}
+                        <div className="col-md-6 col-lg-4">
+                            <div id="bp-1-1" className="blog-post wow fadeInUp">
+                                {/* BLOG POST IMAGE */}
+                                <div className="blog-post-img mb-35">
+                                    <img className="img-fluid r-16" src="/images/blog/post-8-img.jpg" alt="blog-post-image" />
+                                </div>
+                                {/* BLOG POST TEXT */}
+                                <div className="blog-post-txt">
+                                    {/* Post Tag */}
+                                    <span className="post-tag color--pink-400">Product News</span>
+                                    {/* Post Link */}
+                                    <h6 className="s-20 w-700">
+                                        <Link href="/single-post">Aliqum mullam porta blandit: tempor sapien and gravida</Link>
+                                    </h6>
+                                    {/* Text */}
+                                    <p>Egestas luctus vitae augue and ipsum ultrice quisque in cursus lacus feugiat congue
+                                        diam ultrice laoreet sagittis
+                                    </p>
+                                    {/* Post Meta */}
+                                    <div className="blog-post-meta mt-20">
+                                        <ul className="post-meta-list ico-10">
+                                            <li><p className="p-sm w-500">By Helen J.</p></li>
+                                            <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                            <li><p className="p-sm">Apr 28, 2023</p></li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END BLOG POST TEXT */}
+                            </div>
+                        </div>	{/* END BLOG POST #1 */}
+                        {/* BLOG POST #2 */}
+                        <div className="col-md-6 col-lg-4">
+                            <div id="bp-1-2" className="blog-post wow fadeInUp">
+                                {/* BLOG POST IMAGE */}
+                                <div className="blog-post-img mb-35">
+                                    <img className="img-fluid r-16" src="/images/blog/post-2-img.jpg" alt="blog-post-image" />
+                                </div>
+                                {/* BLOG POST TEXT */}
+                                <div className="blog-post-txt">
+                                    {/* Post Tag */}
+                                    <span className="post-tag color--green-400">Community</span>
+                                    {/* Post Link */}
+                                    <h6 className="s-20 w-700">
+                                        <Link href="/single-post">Porttitor cursus fusce egestas CEO cursus at magna sapien
+                                            suscipit and egestas ipsum
+                                        </Link>
+                                    </h6>
+                                    {/* Text */}
+                                    <p>Aliqum mullam ipsum vitae and blandit vitae tempor sapien and donec lipsum</p>
+                                    {/* Post Meta */}
+                                    <div className="blog-post-meta mt-20">
+                                        <ul className="post-meta-list ico-10">
+                                            <li><p className="p-sm w-500">By Martex Team</p></li>
+                                            <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                            <li><p className="p-sm">Apr 14, 2023</p></li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END BLOG POST TEXT */}
+                            </div>
+                        </div>	{/* END BLOG POST #2 */}
+                        {/* BLOG POST #3 */}
+                        <div className="col-md-12 col-lg-4">
+                            <div id="bp-1-3" className="blog-post wow fadeInUp">
+                                {/* BLOG POST IMAGE */}
+                                <div className="blog-post-img mb-35">
+                                    <img className="img-fluid r-16" src="/images/blog/post-5-img.jpg" alt="blog-post-image" />
+                                </div>
+                                {/* BLOG POST TEXT */}
+                                <div className="blog-post-txt">
+                                    {/* Post Tag */}
+                                    <span className="post-tag color--purple-400">Freelancer Tips</span>
+                                    {/* Post Link */}
+                                    <h6 className="s-20 w-700">
+                                        <Link href="/single-post">Cubilia laoreet augue egestas and Martex magna impedit</Link>
+                                    </h6>
+                                    {/* Text */}
+                                    <p>Luctus vitae egestas augue and ipsum ultrice quisque in cursus lacus feugiat egets
+                                        congue ultrice sagittis laoreet
+                                    </p>
+                                    {/* Post Meta */}
+                                    <div className="blog-post-meta mt-20">
+                                        <ul className="post-meta-list ico-10">
+                                            <li><p className="p-sm w-500">By Miranda Green</p></li>
+                                            <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                            <li><p className="p-sm">Mar 27, 2023</p></li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END BLOG POST TEXT */}
+                            </div>
+                        </div>	{/* END BLOG POST #3 */}
+                    </div>    {/* End row */}
+                </div>    {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Blog1_8.js b/components/sections/Blog1_8.js
new file mode 100644
index 0000000..7b1b531
--- /dev/null
+++ b/components/sections/Blog1_8.js
@@ -0,0 +1,116 @@
+
+
+import Link from "next/link"
+export default function Blog1_8() {
+    return (
+        <>
+            <section id="blog-1" className="py-100 blog-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Articles &amp; Resources</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div className="row">
+                        {/* BLOG POST #1 */}
+                        <div className="col-md-6 col-lg-4">
+                            <div id="bp-1-1" className="blog-post wow fadeInUp">
+                                {/* BLOG POST IMAGE */}
+                                <div className="blog-post-img mb-35">
+                                    <img className="img-fluid r-16" src="/images/blog/post-8-img.jpg" alt="blog-post-image" />
+                                </div>
+                                {/* BLOG POST TEXT */}
+                                <div className="blog-post-txt">
+                                    {/* Post Tag */}
+                                    <span className="post-tag color--pink-400">Product News</span>
+                                    {/* Post Link */}
+                                    <h6 className="s-20 w-700">
+                                        <Link href="/single-post">Aliqum mullam porta blandit: tempor sapien and gravida</Link>
+                                    </h6>
+                                    {/* Text */}
+                                    <p>Egestas luctus vitae augue and ipsum ultrice quisque in cursus lacus feugiat congue
+                                        diam ultrice laoreet sagittis
+                                    </p>
+                                    {/* Post Meta */}
+                                    <div className="blog-post-meta mt-20">
+                                        <ul className="post-meta-list ico-10">
+                                            <li><p className="p-sm w-500">By Helen J.</p></li>
+                                            <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                            <li><p className="p-sm">Apr 28, 2023</p></li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END BLOG POST TEXT */}
+                            </div>
+                        </div>	{/* END BLOG POST #1 */}
+                        {/* BLOG POST #2 */}
+                        <div className="col-md-6 col-lg-4">
+                            <div id="bp-1-2" className="blog-post wow fadeInUp">
+                                {/* BLOG POST IMAGE */}
+                                <div className="blog-post-img mb-35">
+                                    <img className="img-fluid r-16" src="/images/blog/post-2-img.jpg" alt="blog-post-image" />
+                                </div>
+                                {/* BLOG POST TEXT */}
+                                <div className="blog-post-txt">
+                                    {/* Post Tag */}
+                                    <span className="post-tag color--green-400">Community</span>
+                                    {/* Post Link */}
+                                    <h6 className="s-20 w-700">
+                                        <Link href="/single-post">Porttitor cursus fusce egestas CEO cursus at magna sapien
+                                            suscipit and egestas ipsum
+                                        </Link>
+                                    </h6>
+                                    {/* Text */}
+                                    <p>Aliqum mullam ipsum vitae and blandit vitae tempor sapien and donec lipsum</p>
+                                    {/* Post Meta */}
+                                    <div className="blog-post-meta mt-20">
+                                        <ul className="post-meta-list ico-10">
+                                            <li><p className="p-sm w-500">By Martex Team</p></li>
+                                            <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                            <li><p className="p-sm">Apr 14, 2023</p></li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END BLOG POST TEXT */}
+                            </div>
+                        </div>	{/* END BLOG POST #2 */}
+                        {/* BLOG POST #3 */}
+                        <div className="col-md-12 col-lg-4">
+                            <div id="bp-1-3" className="blog-post wow fadeInUp">
+                                {/* BLOG POST IMAGE */}
+                                <div className="blog-post-img mb-35">
+                                    <img className="img-fluid r-16" src="/images/blog/post-5-img.jpg" alt="blog-post-image" />
+                                </div>
+                                {/* BLOG POST TEXT */}
+                                <div className="blog-post-txt">
+                                    {/* Post Tag */}
+                                    <span className="post-tag color--purple-400">Freelancer Tips</span>
+                                    {/* Post Link */}
+                                    <h6 className="s-20 w-700">
+                                        <Link href="/single-post">Cubilia laoreet augue egestas and Martex magna impedit</Link>
+                                    </h6>
+                                    {/* Text */}
+                                    <p>Luctus vitae egestas augue and ipsum ultrice quisque in cursus lacus feugiat egets
+                                        congue ultrice sagittis laoreet
+                                    </p>
+                                    {/* Post Meta */}
+                                    <div className="blog-post-meta mt-20">
+                                        <ul className="post-meta-list ico-10">
+                                            <li><p className="p-sm w-500">By Miranda Green</p></li>
+                                            <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                            <li><p className="p-sm">Mar 27, 2023</p></li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END BLOG POST TEXT */}
+                            </div>
+                        </div>	{/* END BLOG POST #3 */}
+                    </div>    {/* End row */}
+                </div>    {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Blog1_9.js b/components/sections/Blog1_9.js
new file mode 100644
index 0000000..268cf30
--- /dev/null
+++ b/components/sections/Blog1_9.js
@@ -0,0 +1,116 @@
+
+
+import Link from "next/link"
+export default function Blog1_9() {
+    return (
+        <>
+            <section id="blog-1" className="py-100 blog-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-52 w-700">Articles &amp; Resources</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div className="row">
+                        {/* BLOG POST #1 */}
+                        <div className="col-md-6 col-lg-4">
+                            <div id="bp-1-1" className="blog-post wow fadeInUp">
+                                {/* BLOG POST IMAGE */}
+                                <div className="blog-post-img mb-35">
+                                    <img className="img-fluid r-16" src="/images/blog/post-8-img.jpg" alt="blog-post-image" />
+                                </div>
+                                {/* BLOG POST TEXT */}
+                                <div className="blog-post-txt">
+                                    {/* Post Tag */}
+                                    <span className="post-tag color--theme">Product News</span>
+                                    {/* Post Link */}
+                                    <h6 className="s-20 w-700">
+                                        <Link href="/single-post">Aliqum mullam porta blandit: tempor sapien and gravida</Link>
+                                    </h6>
+                                    {/* Text */}
+                                    <p>Egestas luctus vitae augue and ipsum ultrice quisque in cursus lacus feugiat congue
+                                        diam ultrice laoreet sagittis
+                                    </p>
+                                    {/* Post Meta */}
+                                    <div className="blog-post-meta mt-20">
+                                        <ul className="post-meta-list ico-10">
+                                            <li><p className="p-sm w-500">By Helen J.</p></li>
+                                            <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                            <li><p className="p-sm">Apr 28, 2023</p></li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END BLOG POST TEXT */}
+                            </div>
+                        </div>	{/* END BLOG POST #1 */}
+                        {/* BLOG POST #2 */}
+                        <div className="col-md-6 col-lg-4">
+                            <div id="bp-1-2" className="blog-post wow fadeInUp">
+                                {/* BLOG POST IMAGE */}
+                                <div className="blog-post-img mb-35">
+                                    <img className="img-fluid r-16" src="/images/blog/post-2-img.jpg" alt="blog-post-image" />
+                                </div>
+                                {/* BLOG POST TEXT */}
+                                <div className="blog-post-txt">
+                                    {/* Post Tag */}
+                                    <span className="post-tag color--green-400">Community</span>
+                                    {/* Post Link */}
+                                    <h6 className="s-20 w-700">
+                                        <Link href="/single-post">Porttitor cursus fusce egestas CEO cursus at magna sapien
+                                            suscipit and egestas ipsum
+                                        </Link>
+                                    </h6>
+                                    {/* Text */}
+                                    <p>Aliqum mullam ipsum vitae and blandit vitae tempor sapien and donec lipsum</p>
+                                    {/* Post Meta */}
+                                    <div className="blog-post-meta mt-20">
+                                        <ul className="post-meta-list ico-10">
+                                            <li><p className="p-sm w-500">By Martex Team</p></li>
+                                            <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                            <li><p className="p-sm">Apr 14, 2023</p></li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END BLOG POST TEXT */}
+                            </div>
+                        </div>	{/* END BLOG POST #2 */}
+                        {/* BLOG POST #3 */}
+                        <div className="col-md-12 col-lg-4">
+                            <div id="bp-1-3" className="blog-post wow fadeInUp">
+                                {/* BLOG POST IMAGE */}
+                                <div className="blog-post-img mb-35">
+                                    <img className="img-fluid r-16" src="/images/blog/post-5-img.jpg" alt="blog-post-image" />
+                                </div>
+                                {/* BLOG POST TEXT */}
+                                <div className="blog-post-txt">
+                                    {/* Post Tag */}
+                                    <span className="post-tag color--purple-400">Freelancer Tips</span>
+                                    {/* Post Link */}
+                                    <h6 className="s-20 w-700">
+                                        <Link href="/single-post">Cubilia laoreet augue egestas and Martex magna impedit</Link>
+                                    </h6>
+                                    {/* Text */}
+                                    <p>Luctus vitae egestas augue and ipsum ultrice quisque in cursus lacus feugiat egets
+                                        congue ultrice sagittis laoreet
+                                    </p>
+                                    {/* Post Meta */}
+                                    <div className="blog-post-meta mt-20">
+                                        <ul className="post-meta-list ico-10">
+                                            <li><p className="p-sm w-500">By Miranda Green</p></li>
+                                            <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                            <li><p className="p-sm">Mar 27, 2023</p></li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END BLOG POST TEXT */}
+                            </div>
+                        </div>	{/* END BLOG POST #3 */}
+                    </div>    {/* End row */}
+                </div>    {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Brands1_1.js b/components/sections/Brands1_1.js
new file mode 100644
index 0000000..aeda811
--- /dev/null
+++ b/components/sections/Brands1_1.js
@@ -0,0 +1,27 @@
+
+
+import BrandSlider1 from "../slider/BrandSlider1"
+export default function Brands1_1() {
+    return (
+        <>
+            <div id="brands-1" className="pt-80 pb-100 brands-section">
+                <div className="container">
+                    {/* BRANDS TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="brands-title mb-50">
+                                <h5 className="s-18">Martex is loved and trusted by thousands:</h5>
+                            </div>
+                        </div>
+                    </div>
+                    {/* BRANDS CAROUSEL */}
+                    <div className="row">
+                        <div className="col text-center">
+                            <BrandSlider1 />
+                        </div>
+                    </div> {/* END BRANDS CAROUSEL */}
+                </div> {/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Brands1_10.js b/components/sections/Brands1_10.js
new file mode 100644
index 0000000..f2bc625
--- /dev/null
+++ b/components/sections/Brands1_10.js
@@ -0,0 +1,27 @@
+
+
+import BrandSlider1 from "../slider/BrandSlider1"
+export default function Brands1_10() {
+    return (
+        <>
+            <div id="brands-1" className="pt-100 brands-section">
+                <div className="container">
+                    {/* BRANDS TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="brands-title mb-50">
+                                <h5 className="s-20 w-700">Trusted and used by over 3,400 companies</h5>
+                            </div>
+                        </div>
+                    </div>
+                    {/* BRANDS CAROUSEL */}
+                    <div className="row">
+                        <div className="col text-center">
+                        <BrandSlider1 />
+                        </div>
+                    </div>  {/* END BRANDS CAROUSEL */}
+                </div>	{/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Brands1_11.js b/components/sections/Brands1_11.js
new file mode 100644
index 0000000..a7932b2
--- /dev/null
+++ b/components/sections/Brands1_11.js
@@ -0,0 +1,26 @@
+
+import BrandSlider2 from "../slider/BrandSlider2"
+export default function Brands1_11() {
+    return (
+        <>
+            <div id="brands-1" className="py-100 brands-section">
+                <div className="container">
+                    {/* BRANDS TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="brands-title mb-50">
+                                <h5 className="s-20 w-700">Trusted and used by over 3,400 companies</h5>
+                            </div>
+                        </div>
+                    </div>
+                    {/* BRANDS CAROUSEL */}
+                    <div className="row">
+                        <div className="col text-center">
+                            <BrandSlider2 />
+                        </div>
+                    </div>  {/* END BRANDS CAROUSEL */}
+                </div>	{/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Brands1_12.js b/components/sections/Brands1_12.js
new file mode 100644
index 0000000..e2d3bfc
--- /dev/null
+++ b/components/sections/Brands1_12.js
@@ -0,0 +1,26 @@
+
+import BrandSlider2 from "../slider/BrandSlider2"
+export default function Brands1_12() {
+    return (
+        <>
+            <div id="brands-1" className="py-100 brands-section">
+                <div className="container">
+                    {/* BRANDS TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="brands-title mb-50">
+                                <h5 className="s-18">Trusted and used by over 3,400 companies</h5>
+                            </div>
+                        </div>
+                    </div>
+                    {/* BRANDS CAROUSEL */}
+                    <div className="row">
+                        <div className="col text-center">
+                            <BrandSlider2 />
+                        </div>
+                    </div>  {/* END BRANDS CAROUSEL */}
+                </div>	{/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Brands1_13.js b/components/sections/Brands1_13.js
new file mode 100644
index 0000000..8897270
--- /dev/null
+++ b/components/sections/Brands1_13.js
@@ -0,0 +1,26 @@
+
+import BrandSlider2 from "../slider/BrandSlider2"
+export default function Brands1_13() {
+    return (
+        <>
+            <div id="brands-1" className="py-100 brands-section">
+                <div className="container">
+                    {/* BRANDS TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="brands-title mb-50">
+                                <h5 className="s-20 w-700">Trusted and used by over 3,400 companies</h5>
+                            </div>
+                        </div>
+                    </div>
+                    {/* BRANDS CAROUSEL */}
+                    <div className="row">
+                        <div className="col text-center">
+                            <BrandSlider2 />
+                        </div>
+                    </div>  {/* END BRANDS CAROUSEL */}
+                </div>	{/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Brands1_14.js b/components/sections/Brands1_14.js
new file mode 100644
index 0000000..f2a2e99
--- /dev/null
+++ b/components/sections/Brands1_14.js
@@ -0,0 +1,27 @@
+
+
+import BrandSlider1 from "../slider/BrandSlider1"
+export default function Brands1_14() {
+    return (
+        <>
+            <div id="brands-1" className="py-100 brands-section">
+                <div className="container">
+                    {/* BRANDS TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="brands-title mb-50">
+                                <h5 className="s-18">Martex is loved and trusted by thousands</h5>
+                            </div>
+                        </div>
+                    </div>
+                    {/* BRANDS CAROUSEL */}
+                    <div className="row">
+                        <div className="col text-center">
+                        <BrandSlider1 />
+                        </div>
+                    </div>  {/* END BRANDS CAROUSEL */}
+                </div>	{/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Brands1_15.js b/components/sections/Brands1_15.js
new file mode 100644
index 0000000..a588568
--- /dev/null
+++ b/components/sections/Brands1_15.js
@@ -0,0 +1,18 @@
+
+import BrandSlider2 from "../slider/BrandSlider2"
+export default function Brands1_15() {
+    return (
+        <>
+            <div id="brands-1" className="py-100 brands-section">
+                <div className="container">
+                    {/* BRANDS CAROUSEL */}
+                    <div className="row">
+                        <div className="col text-center">
+                            <BrandSlider2 />
+                        </div>
+                    </div>  {/* END BRANDS CAROUSEL */}
+                </div>	{/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Brands1_16.js b/components/sections/Brands1_16.js
new file mode 100644
index 0000000..90314c4
--- /dev/null
+++ b/components/sections/Brands1_16.js
@@ -0,0 +1,18 @@
+
+import BrandSlider2 from "../slider/BrandSlider2"
+export default function Brands1_16() {
+    return (
+        <>
+            <div id="brands-1" className="py-100 brands-section">
+                <div className="container">
+                    {/* BRANDS CAROUSEL */}
+                    <div className="row">
+                        <div className="col text-center">
+                            <BrandSlider2 />
+                        </div>
+                    </div>  {/* END BRANDS CAROUSEL */}
+                </div>	{/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Brands1_17.js b/components/sections/Brands1_17.js
new file mode 100644
index 0000000..9a3afc4
--- /dev/null
+++ b/components/sections/Brands1_17.js
@@ -0,0 +1,26 @@
+
+import BrandSlider2 from "../slider/BrandSlider2"
+export default function Brands1_17() {
+    return (
+        <>
+            <div id="brands-1" className="py-100 brands-section">
+                <div className="container">
+                    {/* BRANDS TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="brands-title mb-50">
+                                <h5 className="s-19 w-700">Over 100 companies sign up Martex every day!</h5>
+                            </div>
+                        </div>
+                    </div>
+                    {/* BRANDS CAROUSEL */}
+                    <div className="row">
+                        <div className="col text-center">
+                            <BrandSlider2 />
+                        </div>
+                    </div>  {/* END BRANDS CAROUSEL */}
+                </div>	{/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Brands1_18.js b/components/sections/Brands1_18.js
new file mode 100644
index 0000000..c0e05f1
--- /dev/null
+++ b/components/sections/Brands1_18.js
@@ -0,0 +1,18 @@
+import BrandSlider2 from "../slider/BrandSlider2"
+
+export default function Brands1_18() {
+    return (
+        <>
+            <div id="brands-1" className="py-100 brands-section">
+                <div className="container">
+                    <div className="row">
+                        <div className="col text-center">
+                            {/* BRANDS CAROUSEL */}
+                            <BrandSlider2 />	{/* END BRANDS CAROUSEL */}
+                        </div>
+                    </div>  {/* End row */}
+                </div>	{/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Brands1_19.js b/components/sections/Brands1_19.js
new file mode 100644
index 0000000..1a13566
--- /dev/null
+++ b/components/sections/Brands1_19.js
@@ -0,0 +1,19 @@
+
+
+import BrandSlider1 from "../slider/BrandSlider1"
+export default function Brands1_19() {
+    return (
+        <>
+            <div id="brands-1" className="pt-100 brands-section">
+                <div className="container">
+                    {/* BRANDS CAROUSEL */}
+                    <div className="row">
+                        <div className="col text-center">
+                        <BrandSlider1 />
+                        </div>
+                    </div>  {/* END BRANDS CAROUSEL */}
+                </div>	{/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Brands1_2.js b/components/sections/Brands1_2.js
new file mode 100644
index 0000000..dce6f01
--- /dev/null
+++ b/components/sections/Brands1_2.js
@@ -0,0 +1,19 @@
+
+
+import BrandSlider2 from "../slider/BrandSlider2"
+export default function Brands1_2() {
+    return (
+        <>
+            <div id="brands-1" className="py-100 brands-section">
+                <div className="container">
+                    {/* BRANDS CAROUSEL */}
+                    <div className="row">
+                        <div className="col text-center">
+                            <BrandSlider2 />
+                        </div>
+                    </div>  {/* END BRANDS CAROUSEL */}
+                </div>	{/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Brands1_20.js b/components/sections/Brands1_20.js
new file mode 100644
index 0000000..6f0fcf8
--- /dev/null
+++ b/components/sections/Brands1_20.js
@@ -0,0 +1,27 @@
+
+
+import BrandSlider1 from "../slider/BrandSlider1"
+export default function Brands1_20() {
+    return (
+        <>
+            <div id="brands-1" className="py-100 brands-section">
+                <div className="container">
+                    {/* BRANDS TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="brands-title mb-50">
+                                <h5 className="s-19">Martex is loved and trusted by thousands</h5>
+                            </div>
+                        </div>
+                    </div>
+                    {/* BRANDS CAROUSEL */}
+                    <div className="row">
+                        <div className="col text-center">
+                        <BrandSlider1 />
+                        </div>
+                    </div>  {/* END BRANDS CAROUSEL */}
+                </div>	{/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Brands1_21.js b/components/sections/Brands1_21.js
new file mode 100644
index 0000000..e0eff1b
--- /dev/null
+++ b/components/sections/Brands1_21.js
@@ -0,0 +1,27 @@
+
+
+import BrandSlider1 from "../slider/BrandSlider1"
+export default function Brands1_21() {
+    return (
+        <>
+            <div id="brands-1" className="py-100 brands-section">
+                <div className="container">
+                    {/* BRANDS TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="brands-title mb-50">
+                                <h5 className="s-19">Martex is loved and trusted by thousands</h5>
+                            </div>
+                        </div>
+                    </div>
+                    {/* BRANDS CAROUSEL */}
+                    <div className="row">
+                        <div className="col text-center">
+                        <BrandSlider1 />
+                        </div>
+                    </div>  {/* END BRANDS CAROUSEL */}
+                </div>	{/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Brands1_22.js b/components/sections/Brands1_22.js
new file mode 100644
index 0000000..dddf6ad
--- /dev/null
+++ b/components/sections/Brands1_22.js
@@ -0,0 +1,26 @@
+
+import BrandSlider2 from "../slider/BrandSlider2"
+export default function Brands1_22() {
+    return (
+        <>
+            <div id="brands-1" className="pt-90 pb-100 brands-section">
+                <div className="container">
+                    {/* BRANDS TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="brands-title mb-50">
+                                <h5 className="s-19 w-700">Over 100 companies sign up Martex every day!</h5>
+                            </div>
+                        </div>
+                    </div>
+                    {/* BRANDS CAROUSEL */}
+                    <div className="row">
+                        <div className="col text-center">
+                            <BrandSlider2 />
+                        </div>
+                    </div>  {/* END BRANDS CAROUSEL */}
+                </div>	{/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Brands1_23.js b/components/sections/Brands1_23.js
new file mode 100644
index 0000000..f030341
--- /dev/null
+++ b/components/sections/Brands1_23.js
@@ -0,0 +1,27 @@
+
+import BrandSlider2 from "../slider/BrandSlider2"
+export default function Brands1_23() {
+    return (
+        <>
+            <div id="brands-1" className="pt-80 brands-section">
+                <div className="container">
+                    {/* BRANDS TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="brands-title mb-50">
+                                <h5 className="s-19">Martex is loved and trusted by thousands</h5>
+                            </div>
+                        </div>
+                    </div>
+                    {/* BRANDS CAROUSEL */}
+                    <div className="row">
+                        <div className="col text-center">
+                            <BrandSlider2 />
+                        </div>
+                    </div>  {/* END BRANDS CAROUSEL */}
+                </div>	{/* End container */}
+            </div>
+
+        </>
+    )
+}
diff --git a/components/sections/Brands1_3.js b/components/sections/Brands1_3.js
new file mode 100644
index 0000000..a00185f
--- /dev/null
+++ b/components/sections/Brands1_3.js
@@ -0,0 +1,19 @@
+
+
+import BrandSlider1 from "../slider/BrandSlider1"
+export default function Brands1_3() {
+    return (
+        <>
+            <div id="brands-1" className="py-100 brands-section">
+                <div className="container">
+                    {/* BRANDS CAROUSEL */}
+                    <div className="row">
+                        <div className="col text-center">
+                        <BrandSlider1 />
+                        </div>
+                    </div>  {/* END BRANDS CAROUSEL */}
+                </div>	{/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Brands1_4.js b/components/sections/Brands1_4.js
new file mode 100644
index 0000000..9fb6c9d
--- /dev/null
+++ b/components/sections/Brands1_4.js
@@ -0,0 +1,18 @@
+
+import BrandSlider2 from "../slider/BrandSlider2"
+export default function Brands1_4() {
+    return (
+        <>
+            <div id="brands-1" className="py-100 brands-section">
+                <div className="container">
+                    {/* BRANDS CAROUSEL */}
+                    <div className="row">
+                        <div className="col text-center">
+                            <BrandSlider2 />
+                        </div>
+                    </div>  {/* END BRANDS CAROUSEL */}
+                </div>	{/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Brands1_5.js b/components/sections/Brands1_5.js
new file mode 100644
index 0000000..1e9ec7d
--- /dev/null
+++ b/components/sections/Brands1_5.js
@@ -0,0 +1,26 @@
+
+import BrandSlider2 from "../slider/BrandSlider2"
+export default function Brands1_5() {
+    return (
+        <>
+            <div id="brands-1" className="py-100 brands-section">
+                <div className="container">
+                    {/* BRANDS TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="brands-title mb-50">
+                                <h5 className="s-20 w-700">Trusted and used by over 3,400 companies</h5>
+                            </div>
+                        </div>
+                    </div>
+                    {/* BRANDS CAROUSEL */}
+                    <div className="row">
+                        <div className="col text-center">
+                            <BrandSlider2 />
+                        </div>
+                    </div>  {/* END BRANDS CAROUSEL */}
+                </div>	{/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Brands1_6.js b/components/sections/Brands1_6.js
new file mode 100644
index 0000000..3f697c5
--- /dev/null
+++ b/components/sections/Brands1_6.js
@@ -0,0 +1,18 @@
+
+import BrandSlider2 from "../slider/BrandSlider2"
+export default function Brands1_6() {
+    return (
+        <>
+            <div id="brands-1" className="pt-80 pb-90 bottom-border brands-section">
+                <div className="container">
+                    {/* BRANDS CAROUSEL */}
+                    <div className="row">
+                        <div className="col text-center">
+                            <BrandSlider2 />
+                        </div>
+                    </div>  {/* END BRANDS CAROUSEL */}
+                </div>	{/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Brands1_7.js b/components/sections/Brands1_7.js
new file mode 100644
index 0000000..3cfafd0
--- /dev/null
+++ b/components/sections/Brands1_7.js
@@ -0,0 +1,27 @@
+
+
+import BrandSlider1 from "../slider/BrandSlider1"
+export default function Brands1_7() {
+    return (
+        <>
+            <div id="brands-1" className="pt-90 pb-100 brands-section">
+                <div className="container">
+                    {/* BRANDS TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="brands-title mb-50">
+                                <h5 className="s-20 w-700">Trusted and used by over 3,400 companies</h5>
+                            </div>
+                        </div>
+                    </div>
+                    {/* BRANDS CAROUSEL */}
+                    <div className="row">
+                        <div className="col text-center">
+                        <BrandSlider1 />
+                        </div>
+                    </div>  {/* END BRANDS CAROUSEL */}
+                </div>	{/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Brands1_8.js b/components/sections/Brands1_8.js
new file mode 100644
index 0000000..3020d61
--- /dev/null
+++ b/components/sections/Brands1_8.js
@@ -0,0 +1,26 @@
+
+import BrandSlider2 from "../slider/BrandSlider2"
+export default function Brands1_8() {
+    return (
+        <>
+            <div id="brands-1" className="py-90 brands-section">
+                <div className="container">
+                    {/* BRANDS TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="brands-title mb-50">
+                                <h5 className="s-20 w-700">Trusted and used by over 3,400 companies</h5>
+                            </div>
+                        </div>
+                    </div>
+                    {/* BRANDS CAROUSEL */}
+                    <div className="row">
+                        <div className="col text-center">
+                            <BrandSlider2 />
+                        </div>
+                    </div>  {/* END BRANDS CAROUSEL */}
+                </div>	{/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Brands1_9.js b/components/sections/Brands1_9.js
new file mode 100644
index 0000000..94bbe5a
--- /dev/null
+++ b/components/sections/Brands1_9.js
@@ -0,0 +1,18 @@
+
+import BrandSlider2 from "../slider/BrandSlider2"
+export default function Brands1_9() {
+    return (
+        <>
+            <div id="brands-1" className="py-100 brands-section">
+                <div className="container">
+                    {/* BRANDS CAROUSEL */}
+                    <div className="row">
+                        <div className="col text-center">
+                            <BrandSlider2 />
+                        </div>
+                    </div>  {/* END BRANDS CAROUSEL */}
+                </div>	{/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_1.js b/components/sections/Ct01_1.js
new file mode 100644
index 0000000..afd0282
--- /dev/null
+++ b/components/sections/Ct01_1.js
@@ -0,0 +1,60 @@
+
+
+export default function Ct01_1() {
+    return (
+        <>
+            <section className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* TEXT BOX */}
+                                <div className="txt-box">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Solution that grows with you</h5>
+                                    {/* Text */}
+                                    <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum
+                                        suscipit
+                                    </p>
+                                </div> {/* END TEXT BOX */}
+                                {/* TEXT BOX */}
+                                <div className="txt-box mb-0">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Connect your data sources</h5>
+                                    {/* Text */}
+                                    <p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
+                                        purus
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice
+                                                ipsum
+                                                aliquam undo congue dolor cursus
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                sapien turpis ultrice auctor congue magna placerat
+                                            </p>
+                                        </li>
+                                    </ul>
+                                </div> {/* END TEXT BOX */}
+                            </div>
+                        </div> {/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-06.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div> {/* END SECTION CONTENT (ROW) */}
+                </div> {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_10.js b/components/sections/Ct01_10.js
new file mode 100644
index 0000000..2a85ae2
--- /dev/null
+++ b/components/sections/Ct01_10.js
@@ -0,0 +1,44 @@
+
+
+export default function Ct01_10() {
+    return (
+        <>
+            <section className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">Easy Integration</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Plug your essential tools in few clicks</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
+                                            sodales magna undo aoreet primis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
+                                            ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus sapien
+                                            a blandit
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-02.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_11.js b/components/sections/Ct01_11.js
new file mode 100644
index 0000000..57c9f96
--- /dev/null
+++ b/components/sections/Ct01_11.js
@@ -0,0 +1,51 @@
+
+
+import Link from "next/link"
+export default function Ct01_11() {
+    return (
+        <>
+            <section className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">Easy Integration</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Plug your essential tools in few clicks</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
+                                            sodales magna undo aoreet primis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
+                                            ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus sapien
+                                            a blandit
+                                        </p>
+                                    </li>
+                                </ul>
+                                {/* Link */}
+                                <div className="txt-block-tra-link mt-25">
+                                    <Link href="#integrations-2" className="tra-link ico-20 color--theme">
+                                        View all integrations <span className="flaticon-next" />
+                                    </Link>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-02.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_12.js b/components/sections/Ct01_12.js
new file mode 100644
index 0000000..f4c679a
--- /dev/null
+++ b/components/sections/Ct01_12.js
@@ -0,0 +1,48 @@
+
+
+export default function Ct01_12() {
+    return (
+        <>
+            <section className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">Built for Speed</span>
+                                {/* Title */}
+                                <h2 className="s-44 w-700">Achieve more with better workflows</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
+                                            sodales magna undo aoreet primis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
+                                            ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus
+                                            sapien a blandit
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-03.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_13.js b/components/sections/Ct01_13.js
new file mode 100644
index 0000000..6f66468
--- /dev/null
+++ b/components/sections/Ct01_13.js
@@ -0,0 +1,48 @@
+
+
+export default function Ct01_13() {
+    return (
+        <>
+            <section className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">Built for Speed</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Achieve more with better workflows</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
+                                            sodales magna undo aoreet primis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
+                                            ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus
+                                            sapien a blandit
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-03.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_14.js b/components/sections/Ct01_14.js
new file mode 100644
index 0000000..5a75ae2
--- /dev/null
+++ b/components/sections/Ct01_14.js
@@ -0,0 +1,49 @@
+
+
+export default function Ct01_14() {
+    return (
+        <>
+            <section className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">Brand New Design</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Bring your ideas to life with Martex</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Small Title */}
+                                <h5 className="s-24 w-700">Creative and practical</h5>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Sapien quaerat tempor an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                            aliquam undo congue cursus dolor
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Purus suscipit cursus vitae cubilia magnis volute egestas vitae
+                                            sapien turpis ultrice auctor congue magna placerat
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-11.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_15.js b/components/sections/Ct01_15.js
new file mode 100644
index 0000000..f11740a
--- /dev/null
+++ b/components/sections/Ct01_15.js
@@ -0,0 +1,58 @@
+
+
+export default function Ct01_15() {
+    return (
+        <>
+            <section className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* TEXT BOX */}
+                                <div className="txt-box">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Solution that grows with you</h5>
+                                    {/* Text */}
+                                    <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                    </p>
+                                </div>	{/* END TEXT BOX */}
+                                {/* TEXT BOX */}
+                                <div className="txt-box mb-0">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Connect your data sources</h5>
+                                    {/* Text */}
+                                    <p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
+                                        purus
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                                aliquam undo congue dolor cursus
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                sapien turpis ultrice auctor congue magna placerat
+                                            </p>
+                                        </li>
+                                    </ul>
+                                </div>	{/* END TEXT BOX */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-05.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_16.js b/components/sections/Ct01_16.js
new file mode 100644
index 0000000..7385c18
--- /dev/null
+++ b/components/sections/Ct01_16.js
@@ -0,0 +1,71 @@
+
+
+export default function Ct01_16() {
+    return (
+        <>
+            <section className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-paper-sizes color--theme" />
+                                        <h5 className="s-24 w-700">Built-in automation</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet augue
+                                            luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #1 */}
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-layers-1 color--theme" />
+                                        <h5 className="s-24 w-700">Automatic workflows</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet augue
+                                            luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #2 */}
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-pie-chart color--theme" />
+                                        <h5 className="s-24 w-700">Real-time analytics</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p className="mb-0">Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet
+                                            augue luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #3 */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-08.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_17.js b/components/sections/Ct01_17.js
new file mode 100644
index 0000000..5685525
--- /dev/null
+++ b/components/sections/Ct01_17.js
@@ -0,0 +1,65 @@
+
+
+export default function Ct01_17() {
+    return (
+        <>
+            <section className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">Strategies That Work</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Right strategies &amp; implementations</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Small Title */}
+                                <h5 className="s-24 w-700">Optimize your presence</h5>
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Magna dolor luctus at egestas sapien</p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                            turpis ultrice auctor congue varius magnis
+                                        </p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p className="mb-0">Volute turpis dolores and sagittis congue</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-06.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_18.js b/components/sections/Ct01_18.js
new file mode 100644
index 0000000..40a8a43
--- /dev/null
+++ b/components/sections/Ct01_18.js
@@ -0,0 +1,48 @@
+
+
+export default function Ct01_18() {
+    return (
+        <>
+            <section className="py-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">Productivity Focused</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Achieve more with better workflows</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
+                                            sodales magna undo aoreet primis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
+                                            ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus
+                                            sapien a blandit
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-10.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_19.js b/components/sections/Ct01_19.js
new file mode 100644
index 0000000..be42e26
--- /dev/null
+++ b/components/sections/Ct01_19.js
@@ -0,0 +1,58 @@
+
+
+export default function Ct01_19() {
+    return (
+        <>
+            <section className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* TEXT BOX */}
+                                <div className="txt-box">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Advanced Analytics Review</h5>
+                                    {/* Text */}
+                                    <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                    </p>
+                                </div>	{/* END TEXT BOX */}
+                                {/* TEXT BOX */}
+                                <div className="txt-box mb-0">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Email Marketing Campaigns</h5>
+                                    {/* Text */}
+                                    <p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
+                                        purus
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                                aliquam undo congue dolor cursus
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                sapien turpis ultrice auctor congue magna placerat
+                                            </p>
+                                        </li>
+                                    </ul>
+                                </div>	{/* END TEXT BOX */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-03.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_2.js b/components/sections/Ct01_2.js
new file mode 100644
index 0000000..8edd0ac
--- /dev/null
+++ b/components/sections/Ct01_2.js
@@ -0,0 +1,63 @@
+
+
+export default function Ct01_2() {
+    return (
+        <>
+            <section className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">Productivity Focused</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Achieve more with better workflows</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Magna dolor luctus at egestas sapien</p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                            turpis ultrice auctor congue varius magnis
+                                        </p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p className="mb-0">Volute turpis dolores and sagittis congue</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div> {/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-13.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div> {/* END SECTION CONTENT (ROW) */}
+                </div> {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_20.js b/components/sections/Ct01_20.js
new file mode 100644
index 0000000..a6ec300
--- /dev/null
+++ b/components/sections/Ct01_20.js
@@ -0,0 +1,58 @@
+
+
+export default function Ct01_20() {
+    return (
+        <>
+            <section className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* TEXT BOX */}
+                                <div className="txt-box">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Creative alternative solutions</h5>
+                                    {/* Text */}
+                                    <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                    </p>
+                                </div>	{/* END TEXT BOX */}
+                                {/* TEXT BOX */}
+                                <div className="txt-box mb-0">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Editing tools and exports</h5>
+                                    {/* Text */}
+                                    <p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
+                                        purus
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                                aliquam undo congue dolor cursus
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                sapien turpis ultrice auctor congue magna placerat
+                                            </p>
+                                        </li>
+                                    </ul>
+                                </div>	{/* END TEXT BOX */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-12.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_21.js b/components/sections/Ct01_21.js
new file mode 100644
index 0000000..ce9b850
--- /dev/null
+++ b/components/sections/Ct01_21.js
@@ -0,0 +1,37 @@
+
+
+import Link from "next/link"
+export default function Ct01_21() {
+    return (
+        <>
+            <section className="bg--white-300 py-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Plug your essential tools in few clicks</h2>
+                                {/* Text */}
+                                <p className="mb-0">Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor
+                                    turpis vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Button */}
+                                <Link href="#integrations-1" className="btn btn-sm r-04 btn--tra-black hover--theme">
+                                    Explore all integrations
+                                </Link>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-02.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_22.js b/components/sections/Ct01_22.js
new file mode 100644
index 0000000..c947fc8
--- /dev/null
+++ b/components/sections/Ct01_22.js
@@ -0,0 +1,54 @@
+
+
+import Link from "next/link"
+export default function Ct01_22() {
+    return (
+        <>
+            <section className="py-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">Productivity Focused</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Achieve more with better workflows</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Sapien quaerat tempor an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                            aliquam undo congue cursus dolor
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Purus suscipit cursus vitae cubilia magnis volute egestas vitae
+                                            sapien turpis ultrice auctor congue magna placerat
+                                        </p>
+                                    </li>
+                                </ul>
+                                {/* Link */}
+                                <div className="txt-block-tra-link mt-25">
+                                    <Link href="#lnk-2" className="tra-link ico-20 color--theme">
+                                        Get insights faster <span className="flaticon-next" />
+                                    </Link>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-05.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_23.js b/components/sections/Ct01_23.js
new file mode 100644
index 0000000..3da20fa
--- /dev/null
+++ b/components/sections/Ct01_23.js
@@ -0,0 +1,58 @@
+
+
+export default function Ct01_23() {
+    return (
+        <>
+            <section className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* TEXT BOX */}
+                                <div className="txt-box">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Solution that grows with you</h5>
+                                    {/* Text */}
+                                    <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                    </p>
+                                </div>	{/* END TEXT BOX */}
+                                {/* TEXT BOX */}
+                                <div className="txt-box mb-0">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Connect your data sources</h5>
+                                    {/* Text */}
+                                    <p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
+                                        purus
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                                aliquam undo congue dolor cursus
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                sapien turpis ultrice auctor congue magna placerat
+                                            </p>
+                                        </li>
+                                    </ul>
+                                </div>	{/* END TEXT BOX */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-08.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_24.js b/components/sections/Ct01_24.js
new file mode 100644
index 0000000..8d36ae6
--- /dev/null
+++ b/components/sections/Ct01_24.js
@@ -0,0 +1,44 @@
+
+
+export default function Ct01_24() {
+    return (
+        <>
+            <section className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">Quick Integration</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Digital marketing that drives results</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
+                                            sodales magna undo aoreet primis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
+                                            ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus sapien
+                                            a blandit
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-02.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_25.js b/components/sections/Ct01_25.js
new file mode 100644
index 0000000..6cc2809
--- /dev/null
+++ b/components/sections/Ct01_25.js
@@ -0,0 +1,46 @@
+
+
+import Link from "next/link"
+export default function Ct01_25() {
+    return (
+        <>
+            <section className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id color--black">Strategies That Work</span>
+                                {/* Title */}
+                                <h2 className="s-44 w-700">Right strategies &amp; implementations</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Text */}
+                                <p className="mb-0">Nemo ipsam egestas volute turpis egestas ipsum and purus sapien ultrice
+                                    an aliquam quaerat ipsum augue turpis sapien cursus congue magna purus quaerat at ligula
+                                    purus egestas magna cursus undo varius purus magnis sapien quaerat
+                                </p>
+                                {/* Link */}
+                                <div className="txt-block-tra-link mt-25">
+                                    <Link href="#features-7" className="tra-link ico-20 color--theme">
+                                        Friendly with others <span className="flaticon-next" />
+                                    </Link>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-07.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_26.js b/components/sections/Ct01_26.js
new file mode 100644
index 0000000..b599179
--- /dev/null
+++ b/components/sections/Ct01_26.js
@@ -0,0 +1,51 @@
+
+
+import Link from "next/link"
+export default function Ct01_26() {
+    return (
+        <>
+            <section className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id color--black">Quick Integration</span>
+                                {/* Title */}
+                                <h2 className="s-44 w-700">Easy integrations with your existing tools</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
+                                            sodales magna undo aoreet primis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
+                                            ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus sapien
+                                            a blandit
+                                        </p>
+                                    </li>
+                                </ul>
+                                {/* Link */}
+                                <div className="txt-block-tra-link mt-25">
+                                    <Link href="#integrations-1" className="tra-link ico-20 color--theme">
+                                        Explore all integrations <span className="flaticon-next" />
+                                    </Link>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-02.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_27.js b/components/sections/Ct01_27.js
new file mode 100644
index 0000000..5cf146a
--- /dev/null
+++ b/components/sections/Ct01_27.js
@@ -0,0 +1,49 @@
+
+
+import Link from "next/link"
+export default function Ct01_27() {
+    return (
+        <>
+            <section className="bg--white-400 py-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Plug your essential tools in few clicks</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
+                                            sodales magna undo aoreet primis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
+                                            ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus sapien
+                                            a blandit
+                                        </p>
+                                    </li>
+                                </ul>
+                                {/* Link */}
+                                <div className="txt-block-tra-link mt-25">
+                                    <Link href="#integrations-2" className="tra-link ico-20 color--theme">
+                                        Explore all integrations <span className="flaticon-next" />
+                                    </Link>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-02.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_28.js b/components/sections/Ct01_28.js
new file mode 100644
index 0000000..b8f9e40
--- /dev/null
+++ b/components/sections/Ct01_28.js
@@ -0,0 +1,46 @@
+
+
+import Link from "next/link"
+export default function Ct01_28() {
+    return (
+        <>
+            <section className="bg--white-400 py-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id color--grey">One-Stop Solution</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Smart solutions, real-time results</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Text */}
+                                <p className="mb-0">Nemo ipsam egestas volute turpis egestas ipsum and purus sapien ultrice
+                                    an aliquam quaerat ipsum augue turpis sapien cursus congue magna purus quaerat at ligula
+                                    purus egestas magna cursus undo varius purus magnis sapien quaerat
+                                </p>
+                                {/* Link */}
+                                <div className="txt-block-tra-link mt-25">
+                                    <Link href="#features-5" className="tra-link ico-20 color--theme">
+                                        Friendly with others <span className="flaticon-next" />
+                                    </Link>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-09.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_29.js b/components/sections/Ct01_29.js
new file mode 100644
index 0000000..19e2189
--- /dev/null
+++ b/components/sections/Ct01_29.js
@@ -0,0 +1,44 @@
+
+
+export default function Ct01_29() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-02.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Easy Integration</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Plug your essential tools in few clicks</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
+                                            sodales magna undo aoreet primis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
+                                            ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus sapien
+                                            a blandit
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_3.js b/components/sections/Ct01_3.js
new file mode 100644
index 0000000..7c5d985
--- /dev/null
+++ b/components/sections/Ct01_3.js
@@ -0,0 +1,44 @@
+
+
+export default function Ct01_3() {
+    return (
+        <>
+            <section className="py-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">Easy Integration</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Plug your essential tools in few clicks</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
+                                            sodales magna undo aoreet primis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
+                                            ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus sapien
+                                            a blandit
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-02.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_30.js b/components/sections/Ct01_30.js
new file mode 100644
index 0000000..a648213
--- /dev/null
+++ b/components/sections/Ct01_30.js
@@ -0,0 +1,71 @@
+
+
+export default function Ct01_30() {
+    return (
+        <>
+            <section className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-click color--theme" />
+                                        <h5 className="s-24">Quick Integration</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet
+                                            augue luctus and magna dolor luctus egestas an ipsum sapien primis vitae
+                                            volute and magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #1 */}
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-workflow-2 color--theme" />
+                                        <h5 className="s-24">Extensions &amp; Addons</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet
+                                            augue luctus and magna dolor luctus egestas an ipsum sapien primis vitae
+                                            volute and magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #2 */}
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-shield-1 color--theme" />
+                                        <h5 className="s-24">Advanced Security</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p className="mb-0">Quaerat sodales sapien blandit purus primis purus ipsum cubilia
+                                            laoreet augue luctus and magna dolor luctus egestas an ipsum sapien primis
+                                            vitae volute and magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #3 */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-06.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_31.js b/components/sections/Ct01_31.js
new file mode 100644
index 0000000..b8713d1
--- /dev/null
+++ b/components/sections/Ct01_31.js
@@ -0,0 +1,46 @@
+
+
+import Link from "next/link"
+export default function Ct01_31() {
+    return (
+        <>
+            <section className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">Strategies That Work</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Right strategies &amp; implementations</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Text */}
+                                <p className="mb-0">Nemo ipsam egestas volute turpis egestas ipsum and purus sapien ultrice
+                                    an aliquam quaerat ipsum augue turpis sapien cursus congue magna purus quaerat at ligula
+                                    purus egestas magna cursus undo varius purus magnis sapien quaerat
+                                </p>
+                                {/* Link */}
+                                <div className="txt-block-tra-link mt-25">
+                                    <Link href="#features-5" className="tra-link ico-20 color--theme">
+                                        Friendly with others <span className="flaticon-next" />
+                                    </Link>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-13.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_32.js b/components/sections/Ct01_32.js
new file mode 100644
index 0000000..6a8c96d
--- /dev/null
+++ b/components/sections/Ct01_32.js
@@ -0,0 +1,54 @@
+
+
+import Link from "next/link"
+export default function Ct01_32() {
+    return (
+        <>
+            <section className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">Productivity Focused</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Achieve more with better workflows</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Sapien quaerat tempor an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                            aliquam undo congue cursus dolor
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Purus suscipit cursus vitae cubilia magnis volute egestas vitae
+                                            sapien turpis ultrice auctor congue magna placerat
+                                        </p>
+                                    </li>
+                                </ul>
+                                {/* Link */}
+                                <div className="txt-block-tra-link mt-25">
+                                    <Link href="#features-2" className="tra-link ico-20 color--theme">
+                                        All-in-one platform <span className="flaticon-next" />
+                                    </Link>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-05.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_33.js b/components/sections/Ct01_33.js
new file mode 100644
index 0000000..6bdb5ef
--- /dev/null
+++ b/components/sections/Ct01_33.js
@@ -0,0 +1,71 @@
+
+
+export default function Ct01_33() {
+    return (
+        <>
+            <section className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-paper-sizes color--theme" />
+                                        <h5 className="s-24 w-700">Built-in automation</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet augue
+                                            luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #1 */}
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-layers-1 color--theme" />
+                                        <h5 className="s-24 w-700">Automatic workflows</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet augue
+                                            luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #2 */}
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-pie-chart color--theme" />
+                                        <h5 className="s-24 w-700">Real-time analytics</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p className="mb-0">Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet
+                                            augue luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #3 */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-09.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_34.js b/components/sections/Ct01_34.js
new file mode 100644
index 0000000..0e439f1
--- /dev/null
+++ b/components/sections/Ct01_34.js
@@ -0,0 +1,58 @@
+
+
+export default function Ct01_34() {
+    return (
+        <>
+            <section className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* TEXT BOX */}
+                                <div className="txt-box">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Creative alternative solutions</h5>
+                                    {/* Text */}
+                                    <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                    </p>
+                                </div>	{/* END TEXT BOX */}
+                                {/* TEXT BOX */}
+                                <div className="txt-box mb-0">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Editing tools and exports</h5>
+                                    {/* Text */}
+                                    <p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
+                                        purus
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                                aliquam undo congue dolor cursus
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                sapien turpis ultrice auctor congue magna placerat
+                                            </p>
+                                        </li>
+                                    </ul>
+                                </div>	{/* END TEXT BOX */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-12.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_35.js b/components/sections/Ct01_35.js
new file mode 100644
index 0000000..1b0ba68
--- /dev/null
+++ b/components/sections/Ct01_35.js
@@ -0,0 +1,68 @@
+
+
+import Link from "next/link"
+export default function Ct01_35() {
+    return (
+        <>
+            <section className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id color--theme">Productivity Focused</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Achieve more with better workflows</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Magna dolor luctus at egestas sapien</p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                            turpis ultrice auctor congue varius magnis
+                                        </p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p className="mb-0">Volute turpis dolores and sagittis congue</p>
+                                    </div>
+                                </div>
+                                {/* Button */}
+                                <Link href="#projects-1" className="btn btn-sm r-04 btn--tra-black hover--theme">
+                                    Explore our designs
+                                </Link>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-08.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_36.js b/components/sections/Ct01_36.js
new file mode 100644
index 0000000..c7a0b4a
--- /dev/null
+++ b/components/sections/Ct01_36.js
@@ -0,0 +1,58 @@
+
+
+export default function Ct01_36() {
+    return (
+        <>
+            <section className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* TEXT BOX */}
+                                <div className="txt-box">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Solution that grows with you</h5>
+                                    {/* Text */}
+                                    <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                    </p>
+                                </div>	{/* END TEXT BOX */}
+                                {/* TEXT BOX */}
+                                <div className="txt-box mb-0">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Connect your data sources</h5>
+                                    {/* Text */}
+                                    <p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
+                                        purus
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                                aliquam undo congue dolor cursus
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                sapien turpis ultrice auctor congue magna placerat
+                                            </p>
+                                        </li>
+                                    </ul>
+                                </div>	{/* END TEXT BOX */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-10.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_37.js b/components/sections/Ct01_37.js
new file mode 100644
index 0000000..cc6daab
--- /dev/null
+++ b/components/sections/Ct01_37.js
@@ -0,0 +1,71 @@
+
+
+export default function Ct01_37() {
+    return (
+        <>
+            <section className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-paper-sizes color--theme" />
+                                        <h5 className="s-24 w-700">Built-in automation</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet augue
+                                            luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #1 */}
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-layers-1 color--theme" />
+                                        <h5 className="s-24 w-700">Automatic workflows</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet augue
+                                            luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #2 */}
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-pie-chart color--theme" />
+                                        <h5 className="s-24 w-700">Real-time analytics</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p className="mb-0">Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet
+                                            augue luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #3 */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-05.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_4.js b/components/sections/Ct01_4.js
new file mode 100644
index 0000000..6d0693b
--- /dev/null
+++ b/components/sections/Ct01_4.js
@@ -0,0 +1,50 @@
+
+
+export default function Ct01_4() {
+    return (
+        <>
+            <section className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">Easy Onboarding</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Achieve more with better workflows</h2>
+                                {/* Text */}
+                                <p>Nemo ipsam egestas volute turpis egestas ipsum and purus sapien ultrice an aliquam quaerat
+                                    ipsum augue turpis sapien cursus congue magna purus quaerat at ligula purus egestas magna
+                                    cursus undo varius purus magnis sapien quaerat
+                                </p>
+                                {/* Small Title */}
+                                <h5 className="s-24 w-700">Get more done in less time</h5>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Sapien quaerat tempor an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                            aliquam undo congue cursus dolor
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Purus suscipit cursus vitae cubilia magnis volute egestas vitae
+                                            sapien turpis ultrice auctor congue magna placerat
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-05.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_5.js b/components/sections/Ct01_5.js
new file mode 100644
index 0000000..b331fbb
--- /dev/null
+++ b/components/sections/Ct01_5.js
@@ -0,0 +1,47 @@
+
+
+export default function Ct01_5() {
+    return (
+        <>
+            <section className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Make it simpler with Quick Commands</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Small Title */}
+                                <h5 className="s-24 w-700">Improved Productivity</h5>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Sapien quaerat tempor an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                            aliquam undo congue cursus dolor
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Purus suscipit cursus vitae cubilia magnis volute egestas vitae
+                                            sapien turpis ultrice auctor congue magna placerat
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-10.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_6.js b/components/sections/Ct01_6.js
new file mode 100644
index 0000000..911b728
--- /dev/null
+++ b/components/sections/Ct01_6.js
@@ -0,0 +1,58 @@
+
+
+export default function Ct01_6() {
+    return (
+        <>
+            <section className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* TEXT BOX */}
+                                <div className="txt-box">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Creative alternative solutions</h5>
+                                    {/* Text */}
+                                    <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                    </p>
+                                </div>	{/* END TEXT BOX */}
+                                {/* TEXT BOX */}
+                                <div className="txt-box mb-0">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Editing tools and exports</h5>
+                                    {/* Text */}
+                                    <p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
+                                        purus
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                                aliquam undo congue dolor cursus
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                sapien turpis ultrice auctor congue magna placerat
+                                            </p>
+                                        </li>
+                                    </ul>
+                                </div>	{/* END TEXT BOX */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-12.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_7.js b/components/sections/Ct01_7.js
new file mode 100644
index 0000000..9f01670
--- /dev/null
+++ b/components/sections/Ct01_7.js
@@ -0,0 +1,58 @@
+
+
+export default function Ct01_7() {
+    return (
+        <>
+            <section className="py-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* TEXT BOX */}
+                                <div className="txt-box">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Solution that grows with you</h5>
+                                    {/* Text */}
+                                    <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                    </p>
+                                </div>	{/* END TEXT BOX */}
+                                {/* TEXT BOX */}
+                                <div className="txt-box mb-0">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Connect your data sources</h5>
+                                    {/* Text */}
+                                    <p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
+                                        purus
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                                aliquam undo congue dolor cursus
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                sapien turpis ultrice auctor congue magna placerat
+                                            </p>
+                                        </li>
+                                    </ul>
+                                </div>	{/* END TEXT BOX */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-06.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_8.js b/components/sections/Ct01_8.js
new file mode 100644
index 0000000..f6cfec9
--- /dev/null
+++ b/components/sections/Ct01_8.js
@@ -0,0 +1,54 @@
+
+
+import Link from "next/link"
+export default function Ct01_8() {
+    return (
+        <>
+            <section className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id color--grey">Productivity Focused</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Achieve more with better workflows</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Sapien quaerat tempor an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                            aliquam undo congue cursus dolor
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Purus suscipit cursus vitae cubilia magnis volute egestas vitae
+                                            sapien turpis ultrice auctor congue magna placerat
+                                        </p>
+                                    </li>
+                                </ul>
+                                {/* Link */}
+                                <div className="txt-block-tra-link mt-25">
+                                    <Link href="#features-5" className="tra-link ico-20 color--theme">
+                                        All-in-one platform <span className="flaticon-next" />
+                                    </Link>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-05.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct01_9.js b/components/sections/Ct01_9.js
new file mode 100644
index 0000000..23a4c15
--- /dev/null
+++ b/components/sections/Ct01_9.js
@@ -0,0 +1,49 @@
+
+
+export default function Ct01_9() {
+    return (
+        <>
+            <section className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">Enhance Engagement</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Engage your most valuable visitors</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Small Title */}
+                                <h5 className="s-24 w-700">Digits that define growth</h5>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Sapien quaerat tempor an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                            aliquam undo congue cursus dolor
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Purus suscipit cursus vitae cubilia magnis volute egestas vitae
+                                            sapien turpis ultrice auctor congue magna placerat
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-10.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_1.js b/components/sections/Ct02_1.js
new file mode 100644
index 0000000..b73f176
--- /dev/null
+++ b/components/sections/Ct02_1.js
@@ -0,0 +1,45 @@
+
+
+export default function Ct02_1() {
+    return (
+        <>
+            <section className="py-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-02.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Easy Integration</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Plug your essential tools in few clicks</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
+                                            sodales magna undo aoreet primis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
+                                            ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus
+                                            sapien
+                                            a blandit
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div> {/* END TEXT BLOCK */}
+                    </div> {/* END SECTION CONTENT (ROW) */}
+                </div> {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_10.js b/components/sections/Ct02_10.js
new file mode 100644
index 0000000..e2656cc
--- /dev/null
+++ b/components/sections/Ct02_10.js
@@ -0,0 +1,44 @@
+
+
+export default function Ct02_10() {
+    return (
+        <>
+            <section className="bg--white-300 py-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-02.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id color--grey">Easy Integration</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Plug your essential tools in few clicks</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
+                                            sodales magna undo aoreet primis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
+                                            ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus sapien
+                                            a blandit
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_11.js b/components/sections/Ct02_11.js
new file mode 100644
index 0000000..3776150
--- /dev/null
+++ b/components/sections/Ct02_11.js
@@ -0,0 +1,82 @@
+
+
+export default function Ct02_11() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">The Complete Solutions</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-03.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-paper-sizes color--theme" />
+                                        <h5 className="s-22 w-700">Built-in automation</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet augue
+                                            luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #1 */}
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-layers-1 color--theme" />
+                                        <h5 className="s-22 w-700">Automatic workflows</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet augue
+                                            luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #2 */}
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-pie-chart color--theme" />
+                                        <h5 className="s-22 w-700">Real-time analytics</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p className="mb-0">Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet
+                                            augue luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #3 */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_12.js b/components/sections/Ct02_12.js
new file mode 100644
index 0000000..7c8a738
--- /dev/null
+++ b/components/sections/Ct02_12.js
@@ -0,0 +1,49 @@
+
+
+export default function Ct02_12() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-07.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Strategies That Work</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Right strategies &amp; implementations</h2>
+                                {/* Text */}
+                                <p>Nemo ipsam egestas volute turpis egestas ipsum and purus sapien ultrice an aliquam quaerat
+                                    ipsum augue turpis sapien cursus congue magna purus quaerat at ligula purus egestas magna
+                                    cursus undo varius purus magnis sapien quaerat
+                                </p>
+                                {/* Small Title */}
+                                <h5 className="s-24 w-700">Get more done in less time</h5>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Sapien quaerat tempor an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                            aliquam undo congue cursus dolor
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Purus suscipit cursus vitae cubilia magnis volute egestas vitae
+                                            sapien turpis ultrice auctor congue magna placerat
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_13.js b/components/sections/Ct02_13.js
new file mode 100644
index 0000000..6984873
--- /dev/null
+++ b/components/sections/Ct02_13.js
@@ -0,0 +1,48 @@
+
+
+export default function Ct02_13() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-05.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Automatic Workflows</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Achieve more with better workflows</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
+                                            sodales magna undo aoreet primis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
+                                            ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus
+                                            sapien a blandit
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_14.js b/components/sections/Ct02_14.js
new file mode 100644
index 0000000..94f1ca2
--- /dev/null
+++ b/components/sections/Ct02_14.js
@@ -0,0 +1,57 @@
+
+
+export default function Ct02_14() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-03.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* TEXT BOX */}
+                                <div className="txt-box">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Advanced Analytics Review</h5>
+                                    {/* Text */}
+                                    <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                    </p>
+                                </div>	{/* END TEXT BOX */}
+                                {/* TEXT BOX */}
+                                <div className="txt-box mb-0">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Email Marketing Campaigns</h5>
+                                    {/* Text */}
+                                    <p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
+                                        purus
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                                aliquam undo congue dolor cursus
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                sapien turpis ultrice auctor congue magna placerat
+                                            </p>
+                                        </li>
+                                    </ul>
+                                </div>	{/* END TEXT BOX */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_15.js b/components/sections/Ct02_15.js
new file mode 100644
index 0000000..b378d71
--- /dev/null
+++ b/components/sections/Ct02_15.js
@@ -0,0 +1,57 @@
+
+
+export default function Ct02_15() {
+    return (
+        <>
+            <section className="py-100 ct-02 content-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-05.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* TEXT BOX */}
+                                <div className="txt-box">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Solution that grows with you</h5>
+                                    {/* Text */}
+                                    <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                    </p>
+                                </div>	{/* END TEXT BOX */}
+                                {/* TEXT BOX */}
+                                <div className="txt-box mb-0">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Connect your data sources</h5>
+                                    {/* Text */}
+                                    <p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
+                                        purus
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                                aliquam undo congue dolor cursus
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                sapien turpis ultrice auctor congue magna placerat
+                                            </p>
+                                        </li>
+                                    </ul>
+                                </div>	{/* END TEXT BOX */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_16.js b/components/sections/Ct02_16.js
new file mode 100644
index 0000000..00f0e74
--- /dev/null
+++ b/components/sections/Ct02_16.js
@@ -0,0 +1,44 @@
+
+
+export default function Ct02_16() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-02.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Easy Integration</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Plug your essential tools in few clicks</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
+                                            sodales magna undo aoreet primis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
+                                            ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus sapien
+                                            a blandit
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_17.js b/components/sections/Ct02_17.js
new file mode 100644
index 0000000..0c6c7df
--- /dev/null
+++ b/components/sections/Ct02_17.js
@@ -0,0 +1,70 @@
+
+
+export default function Ct02_17() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-08.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-paper-sizes color--theme" />
+                                        <h5 className="s-22 w-700">Built-in automation</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet augue
+                                            luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #1 */}
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-layers-1 color--theme" />
+                                        <h5 className="s-22 w-700">Automatic workflows</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet augue
+                                            luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #2 */}
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-pie-chart color--theme" />
+                                        <h5 className="s-22 w-700">Real-time analytics</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p className="mb-0">Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet
+                                            augue luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #3 */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_18.js b/components/sections/Ct02_18.js
new file mode 100644
index 0000000..a289698
--- /dev/null
+++ b/components/sections/Ct02_18.js
@@ -0,0 +1,63 @@
+
+
+export default function Ct02_18() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-03.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Simplify your work, amplify productivity</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Small Title */}
+                                <h5 className="s-24 w-700">Get more done in less time</h5>
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Magna dolor luctus at egestas sapien</p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                            turpis ultrice auctor congue varius magnis
+                                        </p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p className="mb-0">Volute turpis dolores and sagittis congue</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_19.js b/components/sections/Ct02_19.js
new file mode 100644
index 0000000..914d861
--- /dev/null
+++ b/components/sections/Ct02_19.js
@@ -0,0 +1,69 @@
+
+
+export default function Ct02_19() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-8">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-48 w-700">Efficiently create, manage and publish your content</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-11.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* TEXT BOX */}
+                                <div className="txt-box">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Easy, 2-click integration</h5>
+                                    {/* Text */}
+                                    <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                    </p>
+                                </div>	{/* END TEXT BOX */}
+                                {/* TEXT BOX */}
+                                <div className="txt-box mb-0">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Full access to all features</h5>
+                                    {/* Text */}
+                                    <p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
+                                        purus
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                                aliquam undo congue dolor cursus
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                sapien turpis ultrice auctor congue magna placerat
+                                            </p>
+                                        </li>
+                                    </ul>
+                                </div>	{/* END TEXT BOX */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_2.js b/components/sections/Ct02_2.js
new file mode 100644
index 0000000..c094baa
--- /dev/null
+++ b/components/sections/Ct02_2.js
@@ -0,0 +1,73 @@
+
+
+export default function Ct02_2() {
+    return (
+        <>
+            <section className="py-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-09.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">1</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Register in 30 seconds</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
+                                            sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
+                                            quaerat
+                                        </p>
+                                    </div>
+                                </div> {/* END CONTENT BOX #1 */}
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">2</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Customizable Dashboards</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
+                                            sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
+                                            quaerat
+                                        </p>
+                                    </div>
+                                </div> {/* END CONTENT BOX #2 */}
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">3</div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Improved Productivity</h5>
+                                        <p className="mb-0">Ligula risus auctor tempus feugiat dolor lacinia nemo purus in
+                                            lipsum purus sapien quaerat a primis viverra tellus vitae luctus dolor ipsum n
+                                            eque ligula quaerat
+                                        </p>
+                                    </div>
+                                </div> {/* END CONTENT BOX #3 */}
+                            </div>
+                        </div> {/* END TEXT BLOCK */}
+                    </div> {/* END SECTION CONTENT (ROW) */}
+                </div> {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_20.js b/components/sections/Ct02_20.js
new file mode 100644
index 0000000..32d4e4a
--- /dev/null
+++ b/components/sections/Ct02_20.js
@@ -0,0 +1,44 @@
+import Link from "next/link"
+export default function Ct02_20() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-05.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Productivity Focused</span>
+                                {/* Title */}
+                                <h2 className="s-44 w-700">Work smarter with powerful features</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Text */}
+                                <p className="mb-0">Nemo ipsam egestas volute turpis egestas ipsum and purus sapien ultrice
+                                    an aliquam quaerat ipsum augue turpis sapien cursus congue magna purus quaerat at
+                                    ligula purus egestas magna cursus undo varius purus magnis sapien quaerat
+                                </p>
+                                {/* Link */}
+                                <div className="txt-block-tra-link mt-25">
+                                    <Link href="#features-12" className="tra-link ico-20 color--theme">
+                                        All-in-one platform <span className="flaticon-next" />
+                                    </Link>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_21.js b/components/sections/Ct02_21.js
new file mode 100644
index 0000000..754ab2a
--- /dev/null
+++ b/components/sections/Ct02_21.js
@@ -0,0 +1,71 @@
+
+
+export default function Ct02_21() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-10.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">1</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Password Protection</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus sapien
+                                            quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #1 */}
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">2</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Multi-Device Syncing</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus sapien
+                                            quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #2 */}
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">3</div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Effortless File Sharing</h5>
+                                        <p className="mb-0">Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum
+                                            purus sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
+                                            quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #3 */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_22.js b/components/sections/Ct02_22.js
new file mode 100644
index 0000000..123f3d3
--- /dev/null
+++ b/components/sections/Ct02_22.js
@@ -0,0 +1,44 @@
+
+
+export default function Ct02_22() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-02.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Quick Integration</span>
+                                {/* Title */}
+                                <h2 className="s-44 w-700">Integrate all your essential tools</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
+                                            sodales magna undo aoreet primis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
+                                            ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus sapien
+                                            a blandit
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_23.js b/components/sections/Ct02_23.js
new file mode 100644
index 0000000..7995213
--- /dev/null
+++ b/components/sections/Ct02_23.js
@@ -0,0 +1,58 @@
+
+
+export default function Ct02_23() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-05.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* TEXT BOX */}
+                                <div className="txt-box">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Creative alternative solutions</h5>
+                                    {/* Text */}
+                                    <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                    </p>
+                                </div>	{/* END TEXT BOX */}
+                                {/* TEXT BOX */}
+                                <div className="txt-box mb-0">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Advanced performance made easy</h5>
+                                    {/* Text */}
+                                    <p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
+                                        purus
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                                aliquam undo congue dolor cursus
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                sapien turpis ultrice auctor congue magna placerat
+                                            </p>
+                                        </li>
+                                    </ul>
+                                </div>	{/* END TEXT BOX */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_24.js b/components/sections/Ct02_24.js
new file mode 100644
index 0000000..1f55f8a
--- /dev/null
+++ b/components/sections/Ct02_24.js
@@ -0,0 +1,44 @@
+
+
+export default function Ct02_24() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-02.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Easy Integration</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Plug your essential tools in few clicks</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
+                                            sodales magna undo aoreet primis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
+                                            ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus sapien
+                                            a blandit
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_25.js b/components/sections/Ct02_25.js
new file mode 100644
index 0000000..ed292f5
--- /dev/null
+++ b/components/sections/Ct02_25.js
@@ -0,0 +1,58 @@
+
+
+export default function Ct02_25() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-12.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* TEXT BOX */}
+                                <div className="txt-box">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Creative alternative solutions</h5>
+                                    {/* Text */}
+                                    <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                    </p>
+                                </div>	{/* END TEXT BOX */}
+                                {/* TEXT BOX */}
+                                <div className="txt-box mb-0">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Advanced performance made easy</h5>
+                                    {/* Text */}
+                                    <p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
+                                        purus
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                                aliquam undo congue dolor cursus
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                sapien turpis ultrice auctor congue magna placerat
+                                            </p>
+                                        </li>
+                                    </ul>
+                                </div>	{/* END TEXT BOX */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_26.js b/components/sections/Ct02_26.js
new file mode 100644
index 0000000..430de1b
--- /dev/null
+++ b/components/sections/Ct02_26.js
@@ -0,0 +1,44 @@
+
+
+export default function Ct02_26() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-02.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Easy Integration</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Plug your essential tools in few clicks</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
+                                            sodales magna undo aoreet primis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
+                                            ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus sapien
+                                            a blandit
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_27.js b/components/sections/Ct02_27.js
new file mode 100644
index 0000000..f969a46
--- /dev/null
+++ b/components/sections/Ct02_27.js
@@ -0,0 +1,44 @@
+
+
+export default function Ct02_27() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-02.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Easy Integration</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Plug your essential tools in few clicks</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
+                                            sodales magna undo aoreet primis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
+                                            ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus sapien
+                                            a blandit
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_28.js b/components/sections/Ct02_28.js
new file mode 100644
index 0000000..c83a4cf
--- /dev/null
+++ b/components/sections/Ct02_28.js
@@ -0,0 +1,58 @@
+
+
+export default function Ct02_28() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-03.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* TEXT BOX */}
+                                <div className="txt-box">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Solution that grows with you</h5>
+                                    {/* Text */}
+                                    <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                    </p>
+                                </div>	{/* END TEXT BOX */}
+                                {/* TEXT BOX */}
+                                <div className="txt-box mb-0">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Connect your data sources</h5>
+                                    {/* Text */}
+                                    <p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
+                                        purus
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                                aliquam undo congue dolor cursus
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                sapien turpis ultrice auctor congue magna placerat
+                                            </p>
+                                        </li>
+                                    </ul>
+                                </div>	{/* END TEXT BOX */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_29.js b/components/sections/Ct02_29.js
new file mode 100644
index 0000000..164208e
--- /dev/null
+++ b/components/sections/Ct02_29.js
@@ -0,0 +1,44 @@
+
+
+export default function Ct02_29() {
+    return (
+        <>
+            <section className="bg--02 py-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-02.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Easy Integration</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Plug your essential tools in few clicks</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
+                                            sodales magna undo aoreet primis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
+                                            ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus sapien
+                                            a blandit
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_3.js b/components/sections/Ct02_3.js
new file mode 100644
index 0000000..414163d
--- /dev/null
+++ b/components/sections/Ct02_3.js
@@ -0,0 +1,58 @@
+
+
+export default function Ct02_3() {
+    return (
+        <>
+            <section className="py-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-13.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* TEXT BOX */}
+                                <div className="txt-box">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Solution that grows with you</h5>
+                                    {/* Text */}
+                                    <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                    </p>
+                                </div>	{/* END TEXT BOX */}
+                                {/* TEXT BOX */}
+                                <div className="txt-box mb-0">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Connect your data sources</h5>
+                                    {/* Text */}
+                                    <p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
+                                        purus
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                                aliquam undo congue dolor cursus
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                sapien turpis ultrice auctor congue magna placerat
+                                            </p>
+                                        </li>
+                                    </ul>
+                                </div>	{/* END TEXT BOX */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_30.js b/components/sections/Ct02_30.js
new file mode 100644
index 0000000..b277834
--- /dev/null
+++ b/components/sections/Ct02_30.js
@@ -0,0 +1,44 @@
+
+
+export default function Ct02_30() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-02.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Quick Integration</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Digital marketing that drives results</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
+                                            sodales magna undo aoreet primis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
+                                            ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus sapien
+                                            a blandit
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_31.js b/components/sections/Ct02_31.js
new file mode 100644
index 0000000..560d077
--- /dev/null
+++ b/components/sections/Ct02_31.js
@@ -0,0 +1,54 @@
+
+
+import Link from "next/link"
+export default function Ct02_31() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-05.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Productivity Focused</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Achieve more with better workflows</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                            turpis sodales magna
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor
+                                            an ultrice ipsum aliquam congue
+                                        </p>
+                                    </li>
+                                </ul>
+                                {/* Link */}
+                                <div className="txt-block-tra-link mt-25">
+                                    <Link href="#lnk-4" className="tra-link ico-20 color--theme">
+                                        Data integrations <span className="flaticon-next" />
+                                    </Link>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_32.js b/components/sections/Ct02_32.js
new file mode 100644
index 0000000..bfd1a6b
--- /dev/null
+++ b/components/sections/Ct02_32.js
@@ -0,0 +1,39 @@
+
+
+export default function Ct02_32() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-10.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Powerful Features</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Make it simpler with Quick Commands</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Text */}
+                                <p>Nemo ipsam egestas volute turpis egestas ipsum and purus sapien ultrice an aliquam
+                                    quaerat ipsum augue turpis sapien cursus congue magna purus quaerat at ligula purus
+                                    egestas magna cursus undo varius purus magnis sapien quaerat
+                                </p>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_33.js b/components/sections/Ct02_33.js
new file mode 100644
index 0000000..98db74d
--- /dev/null
+++ b/components/sections/Ct02_33.js
@@ -0,0 +1,58 @@
+
+
+export default function Ct02_33() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-12.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* TEXT BOX */}
+                                <div className="txt-box">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Everything in one place</h5>
+                                    {/* Text */}
+                                    <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                    </p>
+                                </div>	{/* END TEXT BOX */}
+                                {/* TEXT BOX */}
+                                <div className="txt-box mb-0">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Editing tools and exports</h5>
+                                    {/* Text */}
+                                    <p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
+                                        purus
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                                aliquam undo congue dolor cursus
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                sapien turpis ultrice auctor congue magna placerat
+                                            </p>
+                                        </li>
+                                    </ul>
+                                </div>	{/* END TEXT BOX */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_34.js b/components/sections/Ct02_34.js
new file mode 100644
index 0000000..aa0dd3c
--- /dev/null
+++ b/components/sections/Ct02_34.js
@@ -0,0 +1,47 @@
+
+
+export default function Ct02_34() {
+    return (
+        <>
+            <section className="py-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-11.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Bring your ideas to life with Martex</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Small Title */}
+                                <h5 className="s-24 w-700">Enhance your personality</h5>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Sapien quaerat tempor an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                            aliquam undo congue cursus dolor
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Purus suscipit cursus vitae cubilia magnis volute egestas vitae
+                                            sapien turpis ultrice auctor congue magna placerat
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_35.js b/components/sections/Ct02_35.js
new file mode 100644
index 0000000..841d8ec
--- /dev/null
+++ b/components/sections/Ct02_35.js
@@ -0,0 +1,71 @@
+
+
+export default function Ct02_35() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-09.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-paper-sizes color--theme" />
+                                        <h5 className="s-24 w-700">Built-in automation</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet augue
+                                            luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #1 */}
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-layers-1 color--theme" />
+                                        <h5 className="s-24 w-700">Automatic workflows</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet augue
+                                            luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #2 */}
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-pie-chart color--theme" />
+                                        <h5 className="s-24 w-700">Real-time analytics</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p className="mb-0">Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet
+                                            augue luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #3 */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_36.js b/components/sections/Ct02_36.js
new file mode 100644
index 0000000..e921958
--- /dev/null
+++ b/components/sections/Ct02_36.js
@@ -0,0 +1,65 @@
+
+
+import Link from "next/link"
+export default function Ct02_36() {
+    return (
+        <>
+            <section className="bg--white-400 py-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-08.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* TEXT BOX */}
+                                <div className="txt-box">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Advanced Analytics Review</h5>
+                                    {/* Text */}
+                                    <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                    </p>
+                                </div>	{/* END TEXT BOX */}
+                                {/* TEXT BOX */}
+                                <div className="txt-box mb-0">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Email Marketing Campaigns</h5>
+                                    {/* Text */}
+                                    <p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
+                                        purus
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                                aliquam undo congue dolor cursus
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                sapien turpis ultrice auctor congue magna placerat
+                                            </p>
+                                        </li>
+                                    </ul>
+                                </div>	{/* END TEXT BOX */}
+                                {/* Link */}
+                                <div className="txt-block-tra-link mt-25">
+                                    <Link href="#features-5" className="tra-link ico-20 color--theme">
+                                        Engagement analytics <span className="flaticon-next" />
+                                    </Link>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_37.js b/components/sections/Ct02_37.js
new file mode 100644
index 0000000..74319cd
--- /dev/null
+++ b/components/sections/Ct02_37.js
@@ -0,0 +1,65 @@
+
+
+export default function Ct02_37() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-10.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id color--black">Control Data Access</span>
+                                {/* Title */}
+                                <h2 className="s-44 w-700">All your marketing data in one place</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Small Title */}
+                                <h5 className="s-24 w-700">The smarter way to work</h5>
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Magna dolor luctus at egestas sapien</p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                            turpis ultrice auctor congue varius magnis
+                                        </p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p className="mb-0">Volute turpis dolores and sagittis congue</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_38.js b/components/sections/Ct02_38.js
new file mode 100644
index 0000000..30c5d4c
--- /dev/null
+++ b/components/sections/Ct02_38.js
@@ -0,0 +1,65 @@
+
+
+export default function Ct02_38() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-09.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Control Data Access</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">All your marketing data in one place</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Small Title */}
+                                <h5 className="s-24 w-700">Get more done in less time</h5>
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Magna dolor luctus at egestas sapien</p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                            turpis ultrice auctor congue varius magnis
+                                        </p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p className="mb-0">Volute turpis dolores and sagittis congue</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_39.js b/components/sections/Ct02_39.js
new file mode 100644
index 0000000..5509c50
--- /dev/null
+++ b/components/sections/Ct02_39.js
@@ -0,0 +1,58 @@
+
+
+export default function Ct02_39() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-05.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* TEXT BOX */}
+                                <div className="txt-box">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Connect your data sources</h5>
+                                    {/* Text */}
+                                    <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                    </p>
+                                </div>	{/* END TEXT BOX */}
+                                {/* TEXT BOX */}
+                                <div className="txt-box mb-0">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Create reports in minutes</h5>
+                                    {/* Text */}
+                                    <p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
+                                        purus
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                                aliquam undo congue dolor cursus
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                sapien turpis ultrice auctor congue magna placerat
+                                            </p>
+                                        </li>
+                                    </ul>
+                                </div>	{/* END TEXT BOX */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_4.js b/components/sections/Ct02_4.js
new file mode 100644
index 0000000..f68a637
--- /dev/null
+++ b/components/sections/Ct02_4.js
@@ -0,0 +1,50 @@
+
+
+export default function Ct02_4() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-05.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Easy Onboarding</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Achieve more with better workflows</h2>
+                                {/* Text */}
+                                <p>Nemo ipsam egestas volute turpis egestas ipsum and purus sapien ultrice an aliquam quaerat
+                                    ipsum augue turpis sapien cursus congue magna purus quaerat at ligula purus egestas magna
+                                    cursus undo varius purus magnis sapien quaerat
+                                </p>
+                                {/* Small Title */}
+                                <h5 className="s-24 w-700">Get more done in less time</h5>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Sapien quaerat tempor an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                            aliquam undo congue cursus dolor
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Purus suscipit cursus vitae cubilia magnis volute egestas vitae
+                                            sapien turpis ultrice auctor congue magna placerat
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_40.js b/components/sections/Ct02_40.js
new file mode 100644
index 0000000..0835bbf
--- /dev/null
+++ b/components/sections/Ct02_40.js
@@ -0,0 +1,54 @@
+
+
+import Link from "next/link"
+export default function Ct02_40() {
+    return (
+        <>
+            <section className="py-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-07.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Built-In Automation</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Achieve more with better workflows</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Sapien quaerat tempor an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                            aliquam undo congue cursus dolor
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Purus suscipit cursus vitae cubilia magnis volute egestas vitae
+                                            sapien turpis ultrice auctor congue magna placerat
+                                        </p>
+                                    </li>
+                                </ul>
+                                {/* Link */}
+                                <div className="txt-block-tra-link mt-25">
+                                    <Link href="#integrations-1" className="tra-link ico-20 color--theme">
+                                        All-in-one platform <span className="flaticon-next" />
+                                    </Link>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_41.js b/components/sections/Ct02_41.js
new file mode 100644
index 0000000..b37c8c8
--- /dev/null
+++ b/components/sections/Ct02_41.js
@@ -0,0 +1,70 @@
+
+
+import Link from "next/link"
+export default function Ct02_41() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-05.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Achieve more with better workflows</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Small Title */}
+                                <h5 className="s-24 w-700">Get more done in less time</h5>
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Magna dolor luctus at egestas sapien</p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                            turpis ultrice auctor congue varius magnis
+                                        </p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p className="mb-0">Volute turpis dolores and sagittis congue</p>
+                                    </div>
+                                </div>
+                                {/* Link */}
+                                <div className="txt-block-tra-link mt-25">
+                                    <Link href="#features-12" className="tra-link ico-20 color--theme">
+                                        All-in-one platform <span className="flaticon-next" />
+                                    </Link>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_42.js b/components/sections/Ct02_42.js
new file mode 100644
index 0000000..85d4013
--- /dev/null
+++ b/components/sections/Ct02_42.js
@@ -0,0 +1,58 @@
+
+
+export default function Ct02_42() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-10.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* TEXT BOX */}
+                                <div className="txt-box">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Solution that grows with you</h5>
+                                    {/* Text */}
+                                    <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                    </p>
+                                </div>	{/* END TEXT BOX */}
+                                {/* TEXT BOX */}
+                                <div className="txt-box mb-0">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Connect your data sources</h5>
+                                    {/* Text */}
+                                    <p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
+                                        purus
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                                aliquam undo congue dolor cursus
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                sapien turpis ultrice auctor congue magna placerat
+                                            </p>
+                                        </li>
+                                    </ul>
+                                </div>	{/* END TEXT BOX */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_43.js b/components/sections/Ct02_43.js
new file mode 100644
index 0000000..763e4be
--- /dev/null
+++ b/components/sections/Ct02_43.js
@@ -0,0 +1,63 @@
+
+
+export default function Ct02_43() {
+    return (
+        <>
+            <section className="py-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-07.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Simplify your work, amplify productivity</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Small Title */}
+                                <h5 className="s-24 w-700">The smarter way to work</h5>
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Magna dolor luctus at egestas sapien</p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                            turpis ultrice auctor congue varius magnis
+                                        </p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p className="mb-0">Volute turpis dolores and sagittis congue</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_44.js b/components/sections/Ct02_44.js
new file mode 100644
index 0000000..1405713
--- /dev/null
+++ b/components/sections/Ct02_44.js
@@ -0,0 +1,64 @@
+
+
+import Link from "next/link"
+export default function Ct02_44() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-06.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* TEXT BOX */}
+                                <div className="txt-box">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Solution that grows with you</h5>
+                                    {/* Text */}
+                                    <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                    </p>
+                                </div>	{/* END TEXT BOX */}
+                                {/* TEXT BOX */}
+                                <div className="txt-box mb-0">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Connect your data sources</h5>
+                                    {/* Text */}
+                                    <p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
+                                        purus
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                                aliquam undo congue dolor cursus
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas
+                                            </p>
+                                        </li>
+                                    </ul>
+                                    {/* Link */}
+                                    <div className="txt-block-tra-link mt-25">
+                                        <Link href="#features-11" className="tra-link ico-20 color--theme">
+                                            Automatic workflows <span className="flaticon-next" />
+                                        </Link>
+                                    </div>
+                                </div>	{/* END TEXT BOX */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_45.js b/components/sections/Ct02_45.js
new file mode 100644
index 0000000..a37b727
--- /dev/null
+++ b/components/sections/Ct02_45.js
@@ -0,0 +1,71 @@
+
+
+export default function Ct02_45() {
+    return (
+        <>
+            <section className="py-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-05.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-paper-sizes color--theme" />
+                                        <h5 className="s-24 w-700">Built-in automation</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet augue
+                                            luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #1 */}
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-layers-1 color--theme" />
+                                        <h5 className="s-24 w-700">Automatic workflows</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet augue
+                                            luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #2 */}
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-pie-chart color--theme" />
+                                        <h5 className="s-24 w-700">Real-time analytics</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p className="mb-0">Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet
+                                            augue luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #3 */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_46.js b/components/sections/Ct02_46.js
new file mode 100644
index 0000000..92b3100
--- /dev/null
+++ b/components/sections/Ct02_46.js
@@ -0,0 +1,46 @@
+
+
+import Link from "next/link"
+export default function Ct02_46() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-07.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Strategies That Work</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Right strategies &amp; implementations</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Text */}
+                                <p className="mb-0">Nemo ipsam egestas volute turpis egestas ipsum and purus sapien ultrice
+                                    an aliquam quaerat ipsum augue turpis sapien cursus congue magna purus quaerat at ligula
+                                    purus egestas magna cursus undo varius purus magnis sapien quaerat
+                                </p>
+                                {/* Link */}
+                                <div className="txt-block-tra-link mt-25">
+                                    <Link href="#integrations-1" className="tra-link ico-20 color--theme">
+                                        Quick &amp; simple integrations <span className="flaticon-next" />
+                                    </Link>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_47.js b/components/sections/Ct02_47.js
new file mode 100644
index 0000000..2bbe7c7
--- /dev/null
+++ b/components/sections/Ct02_47.js
@@ -0,0 +1,44 @@
+
+
+export default function Ct02_47() {
+    return (
+        <>
+            <section className="py-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-02.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Quick Integration</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Plug your essential tools in few clicks</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
+                                            sodales magna undo aoreet primis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
+                                            ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus sapien
+                                            a blandit
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_48.js b/components/sections/Ct02_48.js
new file mode 100644
index 0000000..0d88979
--- /dev/null
+++ b/components/sections/Ct02_48.js
@@ -0,0 +1,47 @@
+
+
+export default function Ct02_48() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-09.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">End-to-End Easy</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Achieve more with better workflows</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Sapien quaerat tempor an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                            aliquam undo congue cursus dolor
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Purus suscipit cursus vitae cubilia magnis volute egestas vitae
+                                            sapien turpis ultrice auctor congue magna placerat
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_49.js b/components/sections/Ct02_49.js
new file mode 100644
index 0000000..92b6ff2
--- /dev/null
+++ b/components/sections/Ct02_49.js
@@ -0,0 +1,58 @@
+
+
+export default function Ct02_49() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-05.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* TEXT BOX */}
+                                <div className="txt-box">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Easy to onboard, easy to use</h5>
+                                    {/* Text */}
+                                    <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                    </p>
+                                </div>	{/* END TEXT BOX */}
+                                {/* TEXT BOX */}
+                                <div className="txt-box mb-0">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Multiplatform. Always synced</h5>
+                                    {/* Text */}
+                                    <p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
+                                        purus
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                                aliquam undo congue dolor cursus
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                sapien turpis ultrice auctor congue magna placerat
+                                            </p>
+                                        </li>
+                                    </ul>
+                                </div>	{/* END TEXT BOX */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_5.js b/components/sections/Ct02_5.js
new file mode 100644
index 0000000..5fd1568
--- /dev/null
+++ b/components/sections/Ct02_5.js
@@ -0,0 +1,49 @@
+
+
+export default function Ct02_5() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-09.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Automatic Workflows</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Optimizing your website for success</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Small Title */}
+                                <h5 className="s-24 w-700">Get more done in less time</h5>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Sapien quaerat tempor an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                            aliquam undo congue cursus dolor
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Purus suscipit cursus vitae cubilia magnis volute egestas vitae
+                                            sapien turpis ultrice auctor congue magna placerat
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_50.js b/components/sections/Ct02_50.js
new file mode 100644
index 0000000..c4cc170
--- /dev/null
+++ b/components/sections/Ct02_50.js
@@ -0,0 +1,63 @@
+
+
+export default function Ct02_50() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-03.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Simplify your work, amplify productivity</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Small Title */}
+                                <h5 className="s-24 w-700">Get more done in less time</h5>
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Magna dolor luctus at egestas sapien</p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                            turpis ultrice auctor congue varius magnis
+                                        </p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p className="mb-0">Volute turpis dolores and sagittis congue</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_51.js b/components/sections/Ct02_51.js
new file mode 100644
index 0000000..d3796ab
--- /dev/null
+++ b/components/sections/Ct02_51.js
@@ -0,0 +1,44 @@
+
+
+import Link from "next/link"
+export default function Ct02_51() {
+    return (
+        <>
+            <section className="py-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-07.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Right strategies &amp; implementations</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Text */}
+                                <p className="mb-0">Nemo ipsam egestas volute turpis egestas ipsum and purus sapien ultrice
+                                    an aliquam quaerat ipsum augue turpis sapien cursus congue magna purus quaerat at ligula
+                                    purus egestas magna cursus undo varius purus magnis sapien quaerat
+                                </p>
+                                {/* Link */}
+                                <div className="txt-block-tra-link mt-25">
+                                    <Link href="#integrations-2" className="tra-link ico-20 color--theme">
+                                        Friendly with others <span className="flaticon-next" />
+                                    </Link>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_52.js b/components/sections/Ct02_52.js
new file mode 100644
index 0000000..685f4c3
--- /dev/null
+++ b/components/sections/Ct02_52.js
@@ -0,0 +1,50 @@
+
+
+import Link from "next/link"
+export default function Ct02_52() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-08.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Achieve more with better workflows</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice
+                                            ipsum aliquam undo congue dolor cursus
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                            sapien turpis ultrice auctor congue placerat
+                                        </p>
+                                    </li>
+                                </ul>
+                                {/* Button */}
+                                <Link href="#banner-7" className="btn btn-sm r-04 btn--theme hover--tra-black">
+                                    Get srarted - it's free
+                                </Link>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_53.js b/components/sections/Ct02_53.js
new file mode 100644
index 0000000..b769b68
--- /dev/null
+++ b/components/sections/Ct02_53.js
@@ -0,0 +1,48 @@
+
+
+export default function Ct02_53() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-05.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Built-In Automation</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Achieve more with better workflows</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
+                                            sodales magna undo aoreet primis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
+                                            ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus sapien
+                                            a blandit
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_6.js b/components/sections/Ct02_6.js
new file mode 100644
index 0000000..29e4240
--- /dev/null
+++ b/components/sections/Ct02_6.js
@@ -0,0 +1,54 @@
+
+
+import Link from "next/link"
+export default function Ct02_6() {
+    return (
+        <>
+            <section className="py-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-10.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Enhance Engagement</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Engage your most valuable visitors</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Sapien quaerat tempor an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                            aliquam undo congue cursus dolor
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Purus suscipit cursus vitae cubilia magnis volute egestas vitae
+                                            sapien turpis ultrice auctor congue magna placerat
+                                        </p>
+                                    </li>
+                                </ul>
+                                {/* Link */}
+                                <div className="txt-block-tra-link mt-25">
+                                    <Link href="#integrations-2" className="tra-link ico-20 color--theme">
+                                        All-in-one platform <span className="flaticon-next" />
+                                    </Link>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_7.js b/components/sections/Ct02_7.js
new file mode 100644
index 0000000..6f459e7
--- /dev/null
+++ b/components/sections/Ct02_7.js
@@ -0,0 +1,58 @@
+
+
+export default function Ct02_7() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-08.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* TEXT BOX */}
+                                <div className="txt-box">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Advanced Analytics Review</h5>
+                                    {/* Text */}
+                                    <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                    </p>
+                                </div>	{/* END TEXT BOX */}
+                                {/* TEXT BOX */}
+                                <div className="txt-box mb-0">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Email Marketing Campaigns</h5>
+                                    {/* Text */}
+                                    <p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
+                                        purus
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                                aliquam undo congue dolor cursus
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                sapien turpis ultrice auctor congue magna placerat
+                                            </p>
+                                        </li>
+                                    </ul>
+                                </div>	{/* END TEXT BOX */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_8.js b/components/sections/Ct02_8.js
new file mode 100644
index 0000000..a5b79db
--- /dev/null
+++ b/components/sections/Ct02_8.js
@@ -0,0 +1,43 @@
+
+
+export default function Ct02_8() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-02.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Easy Integration</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Plug your essential tools in few clicks</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
+                                            sodales magna undo aoreet primis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
+                                            ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus sapien
+                                            a blandit
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct02_9.js b/components/sections/Ct02_9.js
new file mode 100644
index 0000000..96a6ff8
--- /dev/null
+++ b/components/sections/Ct02_9.js
@@ -0,0 +1,46 @@
+
+
+export default function Ct02_9() {
+    return (
+        <>
+            <section className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-05.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Achieve more with better workflows</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
+                                            sodales magna undo aoreet primis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
+                                            ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus
+                                            sapien a blandit
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct03_1.js b/components/sections/Ct03_1.js
new file mode 100644
index 0000000..f7b258f
--- /dev/null
+++ b/components/sections/Ct03_1.js
@@ -0,0 +1,42 @@
+
+
+export default function Ct03_1() {
+    return (
+        <>
+            <section className="pt-100 ct-03 content-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 col-lg-7">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-14.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 col-lg-5">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Engagement Analytics</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Data-driven digital marketing</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat undo ipsum laoreet purus and sapien dolor ociis ultrice
+                                            ipsum aliquam undo congue dolor cursus congue varius magnis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit vitae cubilia magnis diam volute egestas
+                                            sapien ultrice auctor
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct03_10.js b/components/sections/Ct03_10.js
new file mode 100644
index 0000000..4a63b4c
--- /dev/null
+++ b/components/sections/Ct03_10.js
@@ -0,0 +1,42 @@
+
+
+export default function Ct03_10() {
+    return (
+        <>
+            <section className="bg--04 py-100 ct-03 content-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 col-lg-7">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-14.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 col-lg-5">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id color--grey">Control Data Access</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Data-driven digital marketing</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat undo ipsum laoreet purus and sapien dolor ociis ultrice
+                                            ipsum aliquam undo congue dolor cursus congue varius magnis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit vitae cubilia magnis diam volute egestas
+                                            sapien ultrice auctor
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct03_11.js b/components/sections/Ct03_11.js
new file mode 100644
index 0000000..22ba9af
--- /dev/null
+++ b/components/sections/Ct03_11.js
@@ -0,0 +1,42 @@
+
+
+export default function Ct03_11() {
+    return (
+        <>
+            <section className="pt-100 ct-03 content-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 col-lg-7">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-14.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 col-lg-5">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Engagement Analytics</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Data-driven digital marketing</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat undo ipsum laoreet purus and sapien dolor ociis ultrice
+                                            ipsum aliquam undo congue dolor cursus congue varius magnis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit vitae cubilia magnis diam volute egestas
+                                            sapien ultrice auctor
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct03_12.js b/components/sections/Ct03_12.js
new file mode 100644
index 0000000..488487c
--- /dev/null
+++ b/components/sections/Ct03_12.js
@@ -0,0 +1,42 @@
+
+
+export default function Ct03_12() {
+    return (
+        <>
+            <section className="bg--03 py-100 ct-03 content-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 col-lg-7">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-14.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 col-lg-5">
+                            <div className="txt-block color--white right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Intuitive Dashboard</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">A single tool for all your needs</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat undo ipsum laoreet purus and sapien dolor ociis ultrice
+                                            ipsum aliquam undo congue dolor cursus congue varius magnis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit vitae cubilia magnis diam volute egestas
+                                            sapien ultrice auctor
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct03_2.js b/components/sections/Ct03_2.js
new file mode 100644
index 0000000..85a219b
--- /dev/null
+++ b/components/sections/Ct03_2.js
@@ -0,0 +1,67 @@
+
+
+export default function Ct03_2() {
+    return (
+        <>
+            <section className="pt-100 ct-03 content-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 col-lg-7">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-14.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 col-lg-5">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">1</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Built-In Automation</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia a purus lipsum purus and auctor</p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #1 */}
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">2</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Powerful Search</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia a purus eget lipsum purus sapien
+                                            quaerat diam primis tellus vitae
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #2 */}
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">3</div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Password Protection</h5>
+                                        <p className="mb-0">Ligula risus auctor tempus feugiat dolor lacinia a purus lipsum purus
+                                            and auctor
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #3 */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct03_3.js b/components/sections/Ct03_3.js
new file mode 100644
index 0000000..00d6abe
--- /dev/null
+++ b/components/sections/Ct03_3.js
@@ -0,0 +1,42 @@
+
+
+export default function Ct03_3() {
+    return (
+        <>
+            <section className="pt-100 ct-03 content-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 col-lg-5 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">Engagement Analytics</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Data-driven digital marketing</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat undo ipsum laoreet purus and sapien dolor ociis ultrice
+                                            ipsum aliquam undo congue dolor cursus congue varius magnis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit vitae cubilia magnis diam volute egestas
+                                            sapien ultrice auctor
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 col-lg-7 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-14.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct03_4.js b/components/sections/Ct03_4.js
new file mode 100644
index 0000000..4df6908
--- /dev/null
+++ b/components/sections/Ct03_4.js
@@ -0,0 +1,42 @@
+
+
+export default function Ct03_4() {
+    return (
+        <>
+            <section className="py-100 ct-03 content-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 col-lg-7">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-14.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 col-lg-5">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">One-Stop Solution</span>
+                                {/* Title */}
+                                <h2 className="s-44 w-700">A single tool for all your needs</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat undo ipsum laoreet purus and sapien dolor ociis ultrice
+                                            ipsum aliquam undo congue dolor cursus congue varius magnis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit  vitae cubilia magnis diam volute egestas
+                                            sapien ultrice auctor
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct03_5.js b/components/sections/Ct03_5.js
new file mode 100644
index 0000000..a2797e5
--- /dev/null
+++ b/components/sections/Ct03_5.js
@@ -0,0 +1,42 @@
+
+
+export default function Ct03_5() {
+    return (
+        <>
+            <section className="bg--02 py-100 ct-03 content-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 col-lg-7">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-14.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 col-lg-5">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">One-Stop Solution</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">A single tool for all your needs</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat undo ipsum laoreet purus and sapien dolor ociis ultrice
+                                            ipsum aliquam undo congue dolor cursus congue varius magnis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit  vitae cubilia magnis diam volute egestas
+                                            sapien ultrice auctor
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct03_6.js b/components/sections/Ct03_6.js
new file mode 100644
index 0000000..67f539d
--- /dev/null
+++ b/components/sections/Ct03_6.js
@@ -0,0 +1,42 @@
+
+
+export default function Ct03_6() {
+    return (
+        <>
+            <section className="pt-100 ct-03 content-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 col-lg-7">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-14.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 col-lg-5">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Control Data Access</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Data-driven digital marketing</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat undo ipsum laoreet purus and sapien dolor ociis ultrice
+                                            ipsum aliquam undo congue dolor cursus congue varius magnis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit vitae cubilia magnis diam volute egestas
+                                            sapien ultrice auctor
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct03_7.js b/components/sections/Ct03_7.js
new file mode 100644
index 0000000..15ab2bd
--- /dev/null
+++ b/components/sections/Ct03_7.js
@@ -0,0 +1,40 @@
+
+
+export default function Ct03_7() {
+    return (
+        <>
+            <section className="bg--03 py-100 ct-03 content-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 col-lg-5 order-last order-md-2">
+                            <div className="txt-block color--white left-column wow fadeInRight">
+                                {/* Title */}
+                                <h2 className="s-46 w-700">A single tool for all your needs</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat undo ipsum laoreet purus and sapien dolor ociis ultrice
+                                            ipsum aliquam undo congue dolor cursus congue varius magnis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit vitae cubilia magnis diam volute egestas
+                                            sapien ultrice auctor
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 col-lg-7 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-14.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct03_8.js b/components/sections/Ct03_8.js
new file mode 100644
index 0000000..068fd27
--- /dev/null
+++ b/components/sections/Ct03_8.js
@@ -0,0 +1,42 @@
+
+
+export default function Ct03_8() {
+    return (
+        <>
+            <section className="bg--03 py-100 ct-03 content-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 col-lg-7">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-14.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 col-lg-5">
+                            <div className="txt-block color--white right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Engagement Analytics</span>
+                                {/* Title */}
+                                <h2 className="s-44 w-700">Engage your most valuable visitors</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat undo ipsum laoreet purus and sapien dolor ociis ultrice
+                                            ipsum aliquam undo congue dolor cursus congue varius magnis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit vitae cubilia magnis diam volute egestas
+                                            sapien ultrice auctor
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct03_9.js b/components/sections/Ct03_9.js
new file mode 100644
index 0000000..4ce418c
--- /dev/null
+++ b/components/sections/Ct03_9.js
@@ -0,0 +1,47 @@
+
+
+import Link from "next/link"
+export default function Ct03_9() {
+    return (
+        <>
+            <section className="pt-100 ct-03 content-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 col-lg-5 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Data-driven digital marketing</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat undo ipsum laoreet purus and sapien dolor ociis ultrice
+                                            ipsum aliquam undo congue dolor cursus congue varius magnis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit  vitae cubilia magnis diam volute egestas
+                                            sapien ultrice auctor
+                                        </p>
+                                    </li>
+                                </ul>
+                                {/* Link */}
+                                <div className="txt-block-tra-link mt-25">
+                                    <Link href="#lnk-4" className="tra-link ico-20 color--theme">
+                                        Marketing Integrations <span className="flaticon-next" />
+                                    </Link>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 col-lg-7 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-14.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct04_1.js b/components/sections/Ct04_1.js
new file mode 100644
index 0000000..1eb9f76
--- /dev/null
+++ b/components/sections/Ct04_1.js
@@ -0,0 +1,73 @@
+
+
+export default function Ct04_1() {
+    return (
+        <>
+            <section className="bg--white-400 py-100 ct-04 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">1</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Enhanced Security Features</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
+                                            sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
+                                            quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #1 */}
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">2</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">No Personal Data Collected</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
+                                            sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
+                                            quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #2 */}
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">3</div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Weekly Email Reports</h5>
+                                        <p className="mb-0">Ligula risus auctor tempus feugiat dolor lacinia nemo purus in
+                                            lipsum purus sapien quaerat a primis viverra tellus vitae luctus dolor ipsum n
+                                            eque ligula quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #3 */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block wow fadeInLeft">
+                                <img className="img-fluid" src="/images/tablet-02.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct04_10.js b/components/sections/Ct04_10.js
new file mode 100644
index 0000000..bfe5045
--- /dev/null
+++ b/components/sections/Ct04_10.js
@@ -0,0 +1,73 @@
+
+
+export default function Ct04_10() {
+    return (
+        <>
+            <section className="pt-100 ct-04 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">1</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Sync Across Accounts</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
+                                            sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
+                                            quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #1 */}
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">2</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Editing Tools and Exports</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
+                                            sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
+                                            quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #2 */}
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">3</div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">No Personal Data Collected</h5>
+                                        <p className="mb-0">Ligula risus auctor tempus feugiat dolor lacinia nemo purus in
+                                            lipsum purus sapien quaerat a primis viverra tellus vitae luctus dolor ipsum n
+                                            eque ligula quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #3 */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block wow fadeInLeft">
+                                <img className="img-fluid" src="/images/tablet-04.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct04_11.js b/components/sections/Ct04_11.js
new file mode 100644
index 0000000..59e67ac
--- /dev/null
+++ b/components/sections/Ct04_11.js
@@ -0,0 +1,73 @@
+
+
+export default function Ct04_11() {
+    return (
+        <>
+            <section className="pt-100 ct-04 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">1</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Sync Across Accounts</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
+                                            sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
+                                            quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #1 */}
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">2</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Editing Tools and Exports</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
+                                            sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
+                                            quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #2 */}
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">3</div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">No Personal Data Collected</h5>
+                                        <p className="mb-0">Ligula risus auctor tempus feugiat dolor lacinia nemo purus in
+                                            lipsum purus sapien quaerat a primis viverra tellus vitae luctus dolor ipsum n
+                                            eque ligula quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #3 */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block wow fadeInLeft">
+                                <img className="img-fluid" src="/images/tablet-04.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct04_12.js b/components/sections/Ct04_12.js
new file mode 100644
index 0000000..93fcf08
--- /dev/null
+++ b/components/sections/Ct04_12.js
@@ -0,0 +1,73 @@
+
+
+export default function Ct04_12() {
+    return (
+        <>
+            <section className="py-100 ct-04 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">1</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Simplify. Optimize. Automate</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
+                                            sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
+                                            quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #1 */}
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">2</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Enhanced Security Features</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
+                                            sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
+                                            quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #2 */}
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">3</div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">No Personal Data Collected</h5>
+                                        <p className="mb-0">Ligula risus auctor tempus feugiat dolor lacinia nemo purus in
+                                            lipsum purus sapien quaerat a primis viverra tellus vitae luctus dolor ipsum n
+                                            eque ligula quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #3 */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block wow fadeInLeft">
+                                <img className="img-fluid" src="/images/tablet-01.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct04_13.js b/components/sections/Ct04_13.js
new file mode 100644
index 0000000..5749d29
--- /dev/null
+++ b/components/sections/Ct04_13.js
@@ -0,0 +1,71 @@
+
+
+export default function Ct04_13() {
+    return (
+        <>
+            <section className="pt-100 ct-04 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-paper-sizes color--theme" />
+                                        <h5 className="s-24 w-700">Built-in automation</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet augue
+                                            luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #1 */}
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-layers-1 color--theme" />
+                                        <h5 className="s-24 w-700">Automatic workflows</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet augue
+                                            luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #2 */}
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-pie-chart color--theme" />
+                                        <h5 className="s-24 w-700">Real-time analytics</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p className="mb-0">Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet
+                                            augue luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #3 */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block wow fadeInLeft">
+                                <img className="img-fluid" src="/images/tablet-01.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct04_14.js b/components/sections/Ct04_14.js
new file mode 100644
index 0000000..86b9f4a
--- /dev/null
+++ b/components/sections/Ct04_14.js
@@ -0,0 +1,73 @@
+
+
+export default function Ct04_14() {
+    return (
+        <>
+            <section className="bg--white-400 py-100 ct-04 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">1</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Simplify. Optimize. Automate</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
+                                            sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
+                                            quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #1 */}
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">2</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Weekly Email Reports</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
+                                            sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
+                                            quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #2 */}
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">3</div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">No Personal Data Collected</h5>
+                                        <p className="mb-0">Ligula risus auctor tempus feugiat dolor lacinia nemo purus in
+                                            lipsum purus sapien quaerat a primis viverra tellus vitae luctus dolor ipsum n
+                                            eque ligula quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #3 */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block wow fadeInLeft">
+                                <img className="img-fluid" src="/images/tablet-01.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct04_15.js b/components/sections/Ct04_15.js
new file mode 100644
index 0000000..de48a1b
--- /dev/null
+++ b/components/sections/Ct04_15.js
@@ -0,0 +1,73 @@
+
+
+export default function Ct04_15() {
+    return (
+        <>
+            <section className="pt-100 ct-04 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">1</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Simplify. Optimize. Automate</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
+                                            sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
+                                            quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #1 */}
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">2</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Weekly Email Reports</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
+                                            sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
+                                            quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #2 */}
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">3</div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">No Personal Data Collected</h5>
+                                        <p className="mb-0">Ligula risus auctor tempus feugiat dolor lacinia nemo purus in
+                                            lipsum purus sapien quaerat a primis viverra tellus vitae luctus dolor ipsum n
+                                            eque ligula quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #3 */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block wow fadeInLeft">
+                                <img className="img-fluid" src="/images/tablet-01.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct04_16.js b/components/sections/Ct04_16.js
new file mode 100644
index 0000000..9b063bd
--- /dev/null
+++ b/components/sections/Ct04_16.js
@@ -0,0 +1,73 @@
+
+
+export default function Ct04_16() {
+    return (
+        <>
+            <section className="pt-100 ct-04 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">1</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Simple, Secure &amp; Intuitive</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
+                                            sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
+                                            quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #1 */}
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">2</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Weekly Email Reports</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
+                                            sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
+                                            quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #2 */}
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">3</div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">No Personal Data Collected</h5>
+                                        <p className="mb-0">Ligula risus auctor tempus feugiat dolor lacinia nemo purus in
+                                            lipsum purus sapien quaerat a primis viverra tellus vitae luctus dolor ipsum n
+                                            eque ligula quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #3 */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block wow fadeInLeft">
+                                <img className="img-fluid" src="/images/tablet-01.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct04_17.js b/components/sections/Ct04_17.js
new file mode 100644
index 0000000..883284f
--- /dev/null
+++ b/components/sections/Ct04_17.js
@@ -0,0 +1,73 @@
+
+
+export default function Ct04_17() {
+    return (
+        <>
+            <section className="bg--white-300 py-100 ct-04 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">1</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Simple, Secure &amp; Intuitive</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
+                                            sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
+                                            quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #1 */}
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">2</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Weekly Email Reports</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
+                                            sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
+                                            quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #2 */}
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-2 process-step mb-0">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">3</div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">No Personal Data Collected</h5>
+                                        <p className="mb-0">Ligula risus auctor tempus feugiat dolor lacinia nemo purus in
+                                            lipsum purus sapien quaerat a primis viverra tellus vitae luctus dolor ipsum n
+                                            eque ligula quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #3 */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block wow fadeInLeft">
+                                <img className="img-fluid" src="/images/tablet-01.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct04_18.js b/components/sections/Ct04_18.js
new file mode 100644
index 0000000..fb8af93
--- /dev/null
+++ b/components/sections/Ct04_18.js
@@ -0,0 +1,73 @@
+
+
+export default function Ct04_18() {
+    return (
+        <>
+            <section className="pt-100 ct-04 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">1</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Simplify. Optimize. Automate</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
+                                            sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
+                                            quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #1 */}
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">2</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Weekly Email Reports</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
+                                            sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
+                                            quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #2 */}
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">3</div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">No Personal Data Collected</h5>
+                                        <p className="mb-0">Ligula risus auctor tempus feugiat dolor lacinia nemo purus in
+                                            lipsum purus sapien quaerat a primis viverra tellus vitae luctus dolor ipsum n
+                                            eque ligula quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #3 */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block wow fadeInLeft">
+                                <img className="img-fluid" src="/images/tablet-01.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct04_2.js b/components/sections/Ct04_2.js
new file mode 100644
index 0000000..727c4c8
--- /dev/null
+++ b/components/sections/Ct04_2.js
@@ -0,0 +1,71 @@
+
+
+export default function Ct04_2() {
+    return (
+        <>
+            <section className="pt-100 ct-04 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">1</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Simplify. Optimize. Automate</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus sapien
+                                            quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #1 */}
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">2</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Weekly Email Reports</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus sapien
+                                            quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #2 */}
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">3</div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">No Personal Data Collected</h5>
+                                        <p className="mb-0">Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum
+                                            purus sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
+                                            quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #3 */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block wow fadeInLeft">
+                                <img className="img-fluid" src="/images/tablet-01.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct04_3.js b/components/sections/Ct04_3.js
new file mode 100644
index 0000000..a0288b9
--- /dev/null
+++ b/components/sections/Ct04_3.js
@@ -0,0 +1,71 @@
+
+
+export default function Ct04_3() {
+    return (
+        <>
+            <section className="pt-100 ct-04 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">1</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Simplify. Optimize. Automate</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus sapien
+                                            quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #1 */}
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">2</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Weekly Email Reports</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus sapien
+                                            quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #2 */}
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">3</div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">No Personal Data Collected</h5>
+                                        <p className="mb-0">Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum
+                                            purus sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
+                                            quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #3 */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block wow fadeInLeft">
+                                <img className="img-fluid" src="/images/tablet-01.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct04_4.js b/components/sections/Ct04_4.js
new file mode 100644
index 0000000..c2b04c9
--- /dev/null
+++ b/components/sections/Ct04_4.js
@@ -0,0 +1,71 @@
+
+
+export default function Ct04_4() {
+    return (
+        <>
+            <section className="py-100 ct-04 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">1</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Simplify. Optimize. Automate</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus sapien
+                                            quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #1 */}
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">2</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Enhanced Security Features</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus sapien
+                                            quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #2 */}
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">3</div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">No Personal Data Collected</h5>
+                                        <p className="mb-0">Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum
+                                            purus sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
+                                            quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #3 */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block wow fadeInLeft">
+                                <img className="img-fluid" src="/images/tablet-01.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct04_5.js b/components/sections/Ct04_5.js
new file mode 100644
index 0000000..498f92b
--- /dev/null
+++ b/components/sections/Ct04_5.js
@@ -0,0 +1,84 @@
+
+
+export default function Ct04_5() {
+    return (
+        <>
+            <section className="pt-100 ct-04 content-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Section ID */}
+                                <span className="section-id">Endless Possibilities</span>
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Transform your workflow, transform your business</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-paper-sizes color--theme" />
+                                        <h5 className="s-24 w-700">Built-in Automation</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet augue
+                                            luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #1 */}
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-layers-1 color--theme" />
+                                        <h5 className="s-24 w-700">Automatic Workflows</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet augue
+                                            luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #2 */}
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-pie-chart color--theme" />
+                                        <h5 className="s-24 w-700">Real-time Analytics</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p className="mb-0">Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet
+                                            augue luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #3 */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block wow fadeInLeft">
+                                <img className="img-fluid" src="/images/tablet-01.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct04_6.js b/components/sections/Ct04_6.js
new file mode 100644
index 0000000..4e3ac87
--- /dev/null
+++ b/components/sections/Ct04_6.js
@@ -0,0 +1,71 @@
+
+
+export default function Ct04_6() {
+    return (
+        <>
+            <section className="pt-100 ct-04 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">1</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Unique Design Elements</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus sapien
+                                            quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #1 */}
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">2</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Custom Integrations</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus sapien
+                                            quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #2 */}
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">3</div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Drag &amp; Drop Editor</h5>
+                                        <p className="mb-0">Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum
+                                            purus sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
+                                            quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #3 */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block wow fadeInLeft">
+                                <img className="img-fluid" src="/images/tablet-04.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct04_7.js b/components/sections/Ct04_7.js
new file mode 100644
index 0000000..4a19fcf
--- /dev/null
+++ b/components/sections/Ct04_7.js
@@ -0,0 +1,71 @@
+
+
+export default function Ct04_7() {
+    return (
+        <>
+            <section className="bg--white-400 py-100 ct-04 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">1</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Simplify. Optimize. Automate</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus sapien
+                                            quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #1 */}
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">2</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Enhanced Security Features</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus sapien
+                                            quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #2 */}
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">3</div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">No Personal Data Collected</h5>
+                                        <p className="mb-0">Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum
+                                            purus sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
+                                            quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #3 */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block wow fadeInLeft">
+                                <img className="img-fluid" src="/images/tablet-01.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct04_8.js b/components/sections/Ct04_8.js
new file mode 100644
index 0000000..f983f9d
--- /dev/null
+++ b/components/sections/Ct04_8.js
@@ -0,0 +1,71 @@
+
+
+export default function Ct04_8() {
+    return (
+        <>
+            <section className="pt-100 ct-04 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">1</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Simplify. Optimize. Automate</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus sapien
+                                            quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #1 */}
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">2</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Enhanced Security Features</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus sapien
+                                            quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #2 */}
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">3</div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">No Personal Data Collected</h5>
+                                        <p className="mb-0">Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum
+                                            purus sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
+                                            quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #3 */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block wow fadeInLeft">
+                                <img className="img-fluid" src="/images/tablet-02.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct04_9.js b/components/sections/Ct04_9.js
new file mode 100644
index 0000000..08533c2
--- /dev/null
+++ b/components/sections/Ct04_9.js
@@ -0,0 +1,71 @@
+
+
+export default function Ct04_9() {
+    return (
+        <>
+            <section className="pt-100 ct-04 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-paper-sizes color--theme" />
+                                        <h5 className="s-24 w-700">Built-in automation</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet augue
+                                            luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #1 */}
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-layers-1 color--theme" />
+                                        <h5 className="s-24 w-700">Automatic workflows</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet augue
+                                            luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #2 */}
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-pie-chart color--theme" />
+                                        <h5 className="s-24 w-700">Real-time analytics</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p className="mb-0">Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet
+                                            augue luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #3 */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block wow fadeInLeft">
+                                <img className="img-fluid" src="/images/tablet-01.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct08_1.js b/components/sections/Ct08_1.js
new file mode 100644
index 0000000..53e0332
--- /dev/null
+++ b/components/sections/Ct08_1.js
@@ -0,0 +1,62 @@
+
+
+import Link from "next/link"
+export default function Ct08_1() {
+    return (
+        <>
+            <section className="pt-100 ct-08 content-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Discover insights across all your data with Martex</h2>
+                                {/* Text */}
+                                <p className="s-21">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* IMAGE BLOCK */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="img-block wow fadeInUp">
+                                <img className="img-fluid" src="/images/img-19.png" alt="video-preview" />
+                            </div>
+                        </div>
+                    </div>
+                    {/* ACTION BUTTON */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="img-block-btn text-center wow fadeInUp">
+                                {/* Button */}
+                                <Link href="#integrations-2" className="btn r-04 btn--tra-black hover--theme">
+                                    Monitor your
+                                    activity
+                                    </Link>
+                                {/* Advantages List */}
+                                <ul className="advantages ico-15 clearfix">
+                                    <li>
+                                        <p>Free 14 days trial</p>
+                                    </li>
+                                    <li className="advantages-links-divider">
+                                        <p><span className="flaticon-minus" /></p>
+                                    </li>
+                                    <li>
+                                        <p>Exclusive Support</p>
+                                    </li>
+                                    <li className="advantages-links-divider">
+                                        <p><span className="flaticon-minus" /></p>
+                                    </li>
+                                    <li>
+                                        <p>No Fees</p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div> {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct08_2.js b/components/sections/Ct08_2.js
new file mode 100644
index 0000000..cd5eab5
--- /dev/null
+++ b/components/sections/Ct08_2.js
@@ -0,0 +1,49 @@
+
+
+import Link from "next/link"
+export default function Ct08_2() {
+    return (
+        <>
+            <section className="pt-100 ct-08 content-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Discover insights across all your data with Martex</h2>
+                                {/* Text */}
+                                <p className="s-21">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* IMAGE BLOCK */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="img-block wow fadeInUp">
+                                <img className="img-fluid" src="/images/img-19.png" alt="video-preview" />
+                            </div>
+                        </div>
+                    </div>
+                    {/* ACTION BUTTON */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="img-block-btn text-center wow fadeInUp">
+                                {/* Button */}
+                                <Link href="#integrations-1" className="btn r-04 btn--tra-black hover--theme">Monitor your activity</Link>
+                                {/* Advantages List */}
+                                <ul className="advantages ico-15 clearfix">
+                                    <li><p>Free 14 days trial</p></li>
+                                    <li className="advantages-links-divider"><p><span className="flaticon-minus" /></p></li>
+                                    <li><p>Exclusive Support</p></li>
+                                    <li className="advantages-links-divider"><p><span className="flaticon-minus" /></p></li>
+                                    <li><p>No Fees</p></li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct08_3.js b/components/sections/Ct08_3.js
new file mode 100644
index 0000000..f24e622
--- /dev/null
+++ b/components/sections/Ct08_3.js
@@ -0,0 +1,49 @@
+
+
+import Link from "next/link"
+export default function Ct08_3() {
+    return (
+        <>
+            <section className="pt-100 ct-08 content-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Discover insights across all your data with Martex</h2>
+                                {/* Text */}
+                                <p className="s-21">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* IMAGE BLOCK */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="img-block wow fadeInUp">
+                                <img className="img-fluid" src="/images/img-19.png" alt="video-preview" />
+                            </div>
+                        </div>
+                    </div>
+                    {/* ACTION BUTTON */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="img-block-btn text-center wow fadeInUp">
+                                {/* Button */}
+                                <Link href="#integrations-2" className="btn r-04 btn--tra-black hover--theme">Monitor your activity</Link>
+                                {/* Advantages List */}
+                                <ul className="advantages ico-15 clearfix">
+                                    <li><p>Free 14 days trial</p></li>
+                                    <li className="advantages-links-divider"><p><span className="flaticon-minus" /></p></li>
+                                    <li><p>Exclusive Support</p></li>
+                                    <li className="advantages-links-divider"><p><span className="flaticon-minus" /></p></li>
+                                    <li><p>No Fees</p></li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct08_4.js b/components/sections/Ct08_4.js
new file mode 100644
index 0000000..125be83
--- /dev/null
+++ b/components/sections/Ct08_4.js
@@ -0,0 +1,49 @@
+
+
+import Link from "next/link"
+export default function Ct08_4() {
+    return (
+        <>
+            <section className="pt-100 ct-08 content-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Discover insights across all your data with Martex</h2>
+                                {/* Text */}
+                                <p className="s-21">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* IMAGE BLOCK */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="img-block wow fadeInUp">
+                                <img className="img-fluid" src="/images/img-19.png" alt="video-preview" />
+                            </div>
+                        </div>
+                    </div>
+                    {/* ACTION BUTTON */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="img-block-btn text-center wow fadeInUp">
+                                {/* Button */}
+                                <Link href="#integrations-1" className="btn r-04 btn--tra-black hover--theme">Monitor your activity</Link>
+                                {/* Advantages List */}
+                                <ul className="advantages ico-15 clearfix">
+                                    <li><p>Free 14 days trial</p></li>
+                                    <li className="advantages-links-divider"><p><span className="flaticon-minus" /></p></li>
+                                    <li><p>Exclusive Support</p></li>
+                                    <li className="advantages-links-divider"><p><span className="flaticon-minus" /></p></li>
+                                    <li><p>No Fees</p></li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct08_5.js b/components/sections/Ct08_5.js
new file mode 100644
index 0000000..cd43100
--- /dev/null
+++ b/components/sections/Ct08_5.js
@@ -0,0 +1,51 @@
+
+
+import Link from "next/link"
+export default function Ct08_5() {
+    return (
+        <>
+            <section className="pt-100 ct-08 content-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Section ID */}
+                                <span className="section-id">Real-time Analytics</span>
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Discover insights across all your data with Martex</h2>
+                                {/* Text */}
+                                <p className="s-21">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* IMAGE BLOCK */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="img-block wow fadeInUp">
+                                <img className="img-fluid" src="/images/img-19.png" alt="video-preview" />
+                            </div>
+                        </div>
+                    </div>
+                    {/* ACTION BUTTON */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="img-block-btn text-center wow fadeInUp">
+                                {/* Button */}
+                                <Link href="#integrations-1" className="btn r-04 btn--theme hover--tra-black">Monitor your activity</Link>
+                                {/* Advantages List */}
+                                <ul className="advantages ico-15 clearfix">
+                                    <li><p>Free 14 days trial</p></li>
+                                    <li className="advantages-links-divider"><p><span className="flaticon-minus" /></p></li>
+                                    <li><p>Exclusive Support</p></li>
+                                    <li className="advantages-links-divider"><p><span className="flaticon-minus" /></p></li>
+                                    <li><p>No Fees</p></li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct08_6.js b/components/sections/Ct08_6.js
new file mode 100644
index 0000000..40e17de
--- /dev/null
+++ b/components/sections/Ct08_6.js
@@ -0,0 +1,49 @@
+
+
+import Link from "next/link"
+export default function Ct08_6() {
+    return (
+        <>
+            <section className="pt-100 ct-08 content-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Discover insights across all your data with Martex</h2>
+                                {/* Text */}
+                                <p className="s-21">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* IMAGE BLOCK */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="img-block wow fadeInUp">
+                                <img className="img-fluid" src="/images/img-19.png" alt="video-preview" />
+                            </div>
+                        </div>
+                    </div>
+                    {/* ACTION BUTTON */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="img-block-btn text-center wow fadeInUp">
+                                {/* Button */}
+                                <Link href="#integrations-2" className="btn r-04 btn--tra-black hover--theme">Monitor your activity</Link>
+                                {/* Advantages List */}
+                                <ul className="advantages ico-15 clearfix">
+                                    <li><p>Free 14 days trial</p></li>
+                                    <li className="advantages-links-divider"><p><span className="flaticon-minus" /></p></li>
+                                    <li><p>Exclusive Support</p></li>
+                                    <li className="advantages-links-divider"><p><span className="flaticon-minus" /></p></li>
+                                    <li><p>No Fees</p></li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Ct13.js b/components/sections/Ct13.js
new file mode 100644
index 0000000..0126d90
--- /dev/null
+++ b/components/sections/Ct13.js
@@ -0,0 +1,72 @@
+
+
+export default function Ct13() {
+    return (
+        <>
+            <section className="pt-100 ct-13 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row mb-60">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-01.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Title */}
+                                <h5 className="s-24 w-700">Automate data collection</h5>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice
+                                            ipsum aliquam undo congue dolor cursus
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                            sapien turpis ultrice auctor congue magna placerat
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Title */}
+                                <h5 className="s-24 w-700">Increase your productivity with workflow automation</h5>
+                                {/* Text */}
+                                <p className="mb-0">Tempor sodales sapien quaerat ipsum undo congue laoreet turpis neque
+                                    auctor turpis vitae dolor luctus placerat magna and ligula cursus purus vitae
+                                    purus an ipsum suscipit
+                                </p>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block ml-block right-column wow fadeInLeft">
+                                {/* Title */}
+                                <h5 className="s-24 w-700">Integrate with popular tools</h5>
+                                {/* Text */}
+                                <p className="mb-0">Nemo ipsam egestas volute turpis egestas ipsum and purus sapien ultrice
+                                    an aliquam quaerat ipsum augue turpis sapien cursus congue magna purus quaerat at
+                                    ligula purus egestas magna cursus undo varius purus magnis sapien quaerat
+                                </p>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Faqs3_1.js b/components/sections/Faqs3_1.js
new file mode 100644
index 0000000..4f57dfa
--- /dev/null
+++ b/components/sections/Faqs3_1.js
@@ -0,0 +1,122 @@
+
+
+import Link from "next/link"
+export default function Faqs3_1() {
+    return (
+        <>
+            <section id="faqs-3" className="pt-100 faqs-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Questions &amp; Answers</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FAQs-3 QUESTIONS */}
+                    <div className="faqs-3-questions">
+                        <div className="row">
+                            {/* QUESTIONS HOLDER */}
+                            <div className="col-lg-6">
+                                <div className="questions-holder">
+                                    {/* QUESTION #1 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>1.</span> Getting started with Martex</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Etiam amet mauris suscipit in odio integer congue metus
+                                            and vitae arcu mollis blandit ultrice ligula egestas magna suscipit lectus magna
+                                            suscipit luctus blandit and laoreet
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #2 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>2.</span> What's inside the package?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                            porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                            augue pretium purus pretium ligula
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #3 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>3.</span> How do I choose a plan?</h5>
+                                        {/* Answer */}
+                                        <ul className="simple-list color--grey">
+                                            <li className="list-item">
+                                                <p>Fringilla risus, luctus mauris orci auctor purus ligula euismod pretium
+                                                    purus pretium rutrum tempor sapien
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p>Nemo ipsam egestas volute undo turpis purus lipsum primis aliquam sapien
+                                                    quaerat sodales pretium a purus
+                                                </p>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div> {/* END QUESTIONS HOLDER */}
+                            {/* QUESTIONS WRAPPER */}
+                            <div className="col-lg-6">
+                                <div className="questions-holder">
+                                    {/* QUESTION #4 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>4.</span> How does Martex handle my privacy?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Quaerat sodales sapien euismod blandit purus a purus
+                                            ipsum primis in cubilia laoreet augue luctus dolor luctus
+                                        </p>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec congue metus.
+                                            Vitae arcu mollis blandit integer nemo volute velna
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #5 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>5.</span> I have an issue with my account</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Cubilia laoreet augue egestas and luctus donec curabite
+                                            diam vitae dapibus libero and quisque gravida donec neque blandit justo
+                                            aliquam molestie nunc sapien justo
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #6 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>6.</span> Can I cancel at anytime?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                            porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                            augue pretium purus pretium ligula
+                                        </p>
+                                    </div>
+                                </div>
+                            </div> {/* END QUESTIONS HOLDER */}
+                        </div> {/* End row */}
+                    </div> {/* END FAQs-3 QUESTIONS */}
+                    {/* MORE QUESTIONS LINK */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="more-questions mt-40">
+                                <div className="more-questions-txt bg--white-400 r-100">
+                                    <p className="p-lg">Have any questions?
+                                        <Link href="/contacts" className="color--theme">Get in Touch</Link>
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div> {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Faqs3_10.js b/components/sections/Faqs3_10.js
new file mode 100644
index 0000000..c235a4d
--- /dev/null
+++ b/components/sections/Faqs3_10.js
@@ -0,0 +1,122 @@
+
+
+import Link from "next/link"
+export default function Faqs3_10() {
+    return (
+        <>
+            <section id="faqs-3" className="pt-90 faqs-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Questions &amp; Answers</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FAQs-3 QUESTIONS */}
+                    <div className="faqs-3-questions">
+                        <div className="row">
+                            {/* QUESTIONS HOLDER */}
+                            <div className="col-lg-6">
+                                <div className="questions-holder">
+                                    {/* QUESTION #1 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>1.</span> Getting started with Martex</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Etiam amet mauris suscipit in odio integer congue metus
+                                            and vitae arcu mollis blandit ultrice ligula egestas magna suscipit lectus magna
+                                            suscipit luctus blandit and laoreet
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #2 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>2.</span> What's inside the package?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                            porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                            augue pretium purus pretium ligula
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #3 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>3.</span> How do I choose a plan?</h5>
+                                        {/* Answer */}
+                                        <ul className="simple-list color--grey">
+                                            <li className="list-item">
+                                                <p>Fringilla risus, luctus mauris orci auctor purus ligula euismod pretium
+                                                    purus pretium rutrum tempor sapien
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p>Nemo ipsam egestas volute undo turpis purus lipsum primis aliquam sapien
+                                                    quaerat sodales pretium a purus
+                                                </p>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>	{/* END QUESTIONS HOLDER */}
+                            {/* QUESTIONS WRAPPER */}
+                            <div className="col-lg-6">
+                                <div className="questions-holder">
+                                    {/* QUESTION #4 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>4.</span> How does Martex handle my privacy?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Quaerat sodales sapien euismod blandit purus a purus
+                                            ipsum primis in cubilia laoreet augue luctus dolor luctus
+                                        </p>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec congue metus.
+                                            Vitae arcu mollis blandit integer nemo volute velna
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #5 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>5.</span> I have an issue with my account</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Cubilia laoreet augue egestas and luctus donec curabite
+                                            diam vitae dapibus libero and quisque gravida donec neque blandit justo
+                                            aliquam molestie nunc sapien justo
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #6 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>6.</span> Can I cancel at anytime?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                            porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                            augue pretium purus pretium ligula
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END QUESTIONS HOLDER */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FAQs-3 QUESTIONS */}
+                    {/* MORE QUESTIONS LINK */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="more-questions mt-40">
+                                <div className="more-questions-txt bg--white-400 r-100">
+                                    <p className="p-lg">Have any questions?
+                                        <Link href="/contacts" className="color--theme">Get in Touch</Link>
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Faqs3_11.js b/components/sections/Faqs3_11.js
new file mode 100644
index 0000000..12a23c3
--- /dev/null
+++ b/components/sections/Faqs3_11.js
@@ -0,0 +1,122 @@
+
+
+import Link from "next/link"
+export default function Faqs3_11() {
+    return (
+        <>
+            <section id="faqs-3" className="pt-100 faqs-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Questions &amp; Answers</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FAQs-3 QUESTIONS */}
+                    <div className="faqs-3-questions">
+                        <div className="row">
+                            {/* QUESTIONS HOLDER */}
+                            <div className="col-lg-6">
+                                <div className="questions-holder">
+                                    {/* QUESTION #1 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>1.</span> Getting started with Martex</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Etiam amet mauris suscipit in odio integer congue metus
+                                            and vitae arcu mollis blandit ultrice ligula egestas magna suscipit lectus magna
+                                            suscipit luctus blandit and laoreet
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #2 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>2.</span> What's inside the package?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                            porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                            augue pretium purus pretium ligula
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #3 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>3.</span> How do I choose a plan?</h5>
+                                        {/* Answer */}
+                                        <ul className="simple-list color--grey">
+                                            <li className="list-item">
+                                                <p>Fringilla risus, luctus mauris orci auctor purus ligula euismod pretium
+                                                    purus pretium rutrum tempor sapien
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p>Nemo ipsam egestas volute undo turpis purus lipsum primis aliquam sapien
+                                                    quaerat sodales pretium a purus
+                                                </p>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>	{/* END QUESTIONS HOLDER */}
+                            {/* QUESTIONS WRAPPER */}
+                            <div className="col-lg-6">
+                                <div className="questions-holder">
+                                    {/* QUESTION #4 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>4.</span> How does Martex handle my privacy?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Quaerat sodales sapien euismod blandit purus a purus
+                                            ipsum primis in cubilia laoreet augue luctus dolor luctus
+                                        </p>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec congue metus.
+                                            Vitae arcu mollis blandit integer nemo volute velna
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #5 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>5.</span> I have an issue with my account</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Cubilia laoreet augue egestas and luctus donec curabite
+                                            diam vitae dapibus libero and quisque gravida donec neque blandit justo
+                                            aliquam molestie nunc sapien justo
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #6 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>6.</span> Can I cancel at anytime?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                            porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                            augue pretium purus pretium ligula
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END QUESTIONS HOLDER */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FAQs-3 QUESTIONS */}
+                    {/* MORE QUESTIONS LINK */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="more-questions mt-40">
+                                <div className="more-questions-txt bg--white-400 r-100">
+                                    <p className="p-lg">Have any questions?
+                                        <Link href="/contacts" className="color--theme">Get in Touch</Link>
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Faqs3_12.js b/components/sections/Faqs3_12.js
new file mode 100644
index 0000000..d1a0ce5
--- /dev/null
+++ b/components/sections/Faqs3_12.js
@@ -0,0 +1,122 @@
+
+
+import Link from "next/link"
+export default function Faqs3_12() {
+    return (
+        <>
+            <section id="faqs-3" className="pt-100 faqs-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Questions &amp; Answers</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FAQs-3 QUESTIONS */}
+                    <div className="faqs-3-questions">
+                        <div className="row">
+                            {/* QUESTIONS HOLDER */}
+                            <div className="col-lg-6">
+                                <div className="questions-holder">
+                                    {/* QUESTION #1 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>1.</span> Getting started with Martex</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Etiam amet mauris suscipit in odio integer congue metus
+                                            and vitae arcu mollis blandit ultrice ligula egestas magna suscipit lectus magna
+                                            suscipit luctus blandit and laoreet
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #2 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>2.</span> What's inside the package?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                            porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                            augue pretium purus pretium ligula
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #3 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>3.</span> How do I choose a plan?</h5>
+                                        {/* Answer */}
+                                        <ul className="simple-list color--grey">
+                                            <li className="list-item">
+                                                <p>Fringilla risus, luctus mauris orci auctor purus ligula euismod pretium
+                                                    purus pretium rutrum tempor sapien
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p>Nemo ipsam egestas volute undo turpis purus lipsum primis aliquam sapien
+                                                    quaerat sodales pretium a purus
+                                                </p>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>	{/* END QUESTIONS HOLDER */}
+                            {/* QUESTIONS WRAPPER */}
+                            <div className="col-lg-6">
+                                <div className="questions-holder">
+                                    {/* QUESTION #4 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>4.</span> How does Martex handle my privacy?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Quaerat sodales sapien euismod blandit purus a purus
+                                            ipsum primis in cubilia laoreet augue luctus dolor luctus
+                                        </p>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec congue metus.
+                                            Vitae arcu mollis blandit integer nemo volute velna
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #5 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>5.</span> I have an issue with my account</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Cubilia laoreet augue egestas and luctus donec curabite
+                                            diam vitae dapibus libero and quisque gravida donec neque blandit justo
+                                            aliquam molestie nunc sapien justo
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #6 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>6.</span> Can I cancel at anytime?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                            porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                            augue pretium purus pretium ligula
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END QUESTIONS HOLDER */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FAQs-3 QUESTIONS */}
+                    {/* MORE QUESTIONS LINK */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="more-questions mt-40">
+                                <div className="more-questions-txt bg--white-400 r-100">
+                                    <p className="p-lg">Have any questions?
+                                        <Link href="/contacts" className="color--theme">Get in Touch</Link>
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Faqs3_13.js b/components/sections/Faqs3_13.js
new file mode 100644
index 0000000..72875b9
--- /dev/null
+++ b/components/sections/Faqs3_13.js
@@ -0,0 +1,122 @@
+
+
+import Link from "next/link"
+export default function Faqs3_13() {
+    return (
+        <>
+            <section id="faqs-3" className="pt-100 faqs-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Questions &amp; Answers</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FAQs-3 QUESTIONS */}
+                    <div className="faqs-3-questions">
+                        <div className="row">
+                            {/* QUESTIONS HOLDER */}
+                            <div className="col-lg-6">
+                                <div className="questions-holder">
+                                    {/* QUESTION #1 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>1.</span> Getting started with Martex</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Etiam amet mauris suscipit in odio integer congue metus
+                                            and vitae arcu mollis blandit ultrice ligula egestas magna suscipit lectus magna
+                                            suscipit luctus blandit and laoreet
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #2 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>2.</span> What's inside the package?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                            porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                            augue pretium purus pretium ligula
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #3 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>3.</span> How do I choose a plan?</h5>
+                                        {/* Answer */}
+                                        <ul className="simple-list color--grey">
+                                            <li className="list-item">
+                                                <p>Fringilla risus, luctus mauris orci auctor purus ligula euismod pretium
+                                                    purus pretium rutrum tempor sapien
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p>Nemo ipsam egestas volute undo turpis purus lipsum primis aliquam sapien
+                                                    quaerat sodales pretium a purus
+                                                </p>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>	{/* END QUESTIONS HOLDER */}
+                            {/* QUESTIONS WRAPPER */}
+                            <div className="col-lg-6">
+                                <div className="questions-holder">
+                                    {/* QUESTION #4 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>4.</span> How does Martex handle my privacy?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Quaerat sodales sapien euismod blandit purus a purus
+                                            ipsum primis in cubilia laoreet augue luctus dolor luctus
+                                        </p>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec congue metus.
+                                            Vitae arcu mollis blandit integer nemo volute velna
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #5 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>5.</span> I have an issue with my account</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Cubilia laoreet augue egestas and luctus donec curabite
+                                            diam vitae dapibus libero and quisque gravida donec neque blandit justo
+                                            aliquam molestie nunc sapien justo
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #6 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>6.</span> Can I cancel at anytime?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                            porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                            augue pretium purus pretium ligula
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END QUESTIONS HOLDER */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FAQs-3 QUESTIONS */}
+                    {/* MORE QUESTIONS LINK */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="more-questions mt-40">
+                                <div className="more-questions-txt bg--white-400 r-100">
+                                    <p className="p-lg">Have any questions?
+                                        <Link href="/contacts" className="color--theme">Get in Touch</Link>
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Faqs3_14.js b/components/sections/Faqs3_14.js
new file mode 100644
index 0000000..1382c93
--- /dev/null
+++ b/components/sections/Faqs3_14.js
@@ -0,0 +1,122 @@
+
+
+import Link from "next/link"
+export default function Faqs3_14() {
+    return (
+        <>
+            <section id="faqs-3" className="pt-100 faqs-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Questions &amp; Answers</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FAQs-3 QUESTIONS */}
+                    <div className="faqs-3-questions">
+                        <div className="row">
+                            {/* QUESTIONS HOLDER */}
+                            <div className="col-lg-6">
+                                <div className="questions-holder">
+                                    {/* QUESTION #1 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>1.</span> Getting started with Martex</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Etiam amet mauris suscipit in odio integer congue metus
+                                            and vitae arcu mollis blandit ultrice ligula egestas magna suscipit lectus magna
+                                            suscipit luctus blandit and laoreet
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #2 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>2.</span> What's inside the package?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                            porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                            augue pretium purus pretium ligula
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #3 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>3.</span> How do I choose a plan?</h5>
+                                        {/* Answer */}
+                                        <ul className="simple-list color--grey">
+                                            <li className="list-item">
+                                                <p>Fringilla risus, luctus mauris orci auctor purus ligula euismod pretium
+                                                    purus pretium rutrum tempor sapien
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p>Nemo ipsam egestas volute undo turpis purus lipsum primis aliquam sapien
+                                                    quaerat sodales pretium a purus
+                                                </p>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>	{/* END QUESTIONS HOLDER */}
+                            {/* QUESTIONS WRAPPER */}
+                            <div className="col-lg-6">
+                                <div className="questions-holder">
+                                    {/* QUESTION #4 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>4.</span> How does Martex handle my privacy?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Quaerat sodales sapien euismod blandit purus a purus
+                                            ipsum primis in cubilia laoreet augue luctus dolor luctus
+                                        </p>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec congue metus.
+                                            Vitae arcu mollis blandit integer nemo volute velna
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #5 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>5.</span> I have an issue with my account</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Cubilia laoreet augue egestas and luctus donec curabite
+                                            diam vitae dapibus libero and quisque gravida donec neque blandit justo
+                                            aliquam molestie nunc sapien justo
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #6 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>6.</span> Can I cancel at anytime?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                            porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                            augue pretium purus pretium ligula
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END QUESTIONS HOLDER */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FAQs-3 QUESTIONS */}
+                    {/* MORE QUESTIONS LINK */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="more-questions mt-40">
+                                <div className="more-questions-txt bg--white-400 r-100">
+                                    <p className="p-lg">Have any questions?
+                                        <Link href="/contacts" className="color--theme">Get in Touch</Link>
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Faqs3_15.js b/components/sections/Faqs3_15.js
new file mode 100644
index 0000000..7eaa2ce
--- /dev/null
+++ b/components/sections/Faqs3_15.js
@@ -0,0 +1,122 @@
+
+
+import Link from "next/link"
+export default function Faqs3_15() {
+    return (
+        <>
+            <section id="faqs-3" className="pt-100 faqs-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-48 w-700">Questions &amp; Answers</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FAQs-3 QUESTIONS */}
+                    <div className="faqs-3-questions">
+                        <div className="row">
+                            {/* QUESTIONS HOLDER */}
+                            <div className="col-lg-6">
+                                <div className="questions-holder">
+                                    {/* QUESTION #1 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>1.</span> Getting started with Martex</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Etiam amet mauris suscipit in odio integer congue metus
+                                            and vitae arcu mollis blandit ultrice ligula egestas magna suscipit lectus magna
+                                            suscipit luctus blandit and laoreet
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #2 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>2.</span> What's inside the package?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                            porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                            augue pretium purus pretium ligula
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #3 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>3.</span> How do I choose a plan?</h5>
+                                        {/* Answer */}
+                                        <ul className="simple-list color--grey">
+                                            <li className="list-item">
+                                                <p>Fringilla risus, luctus mauris orci auctor purus ligula euismod pretium
+                                                    purus pretium rutrum tempor sapien
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p>Nemo ipsam egestas volute undo turpis purus lipsum primis aliquam sapien
+                                                    quaerat sodales pretium a purus
+                                                </p>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>	{/* END QUESTIONS HOLDER */}
+                            {/* QUESTIONS WRAPPER */}
+                            <div className="col-lg-6">
+                                <div className="questions-holder">
+                                    {/* QUESTION #4 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>4.</span> How does Martex handle my privacy?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Quaerat sodales sapien euismod blandit purus a purus
+                                            ipsum primis in cubilia laoreet augue luctus dolor luctus
+                                        </p>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec congue metus.
+                                            Vitae arcu mollis blandit integer nemo volute velna
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #5 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>5.</span> I have an issue with my account</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Cubilia laoreet augue egestas and luctus donec curabite
+                                            diam vitae dapibus libero and quisque gravida donec neque blandit justo
+                                            aliquam molestie nunc sapien justo
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #6 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>6.</span> Can I cancel at anytime?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                            porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                            augue pretium purus pretium ligula
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END QUESTIONS HOLDER */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FAQs-3 QUESTIONS */}
+                    {/* MORE QUESTIONS LINK */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="more-questions mt-40">
+                                <div className="more-questions-txt bg--white-400 r-100">
+                                    <p className="p-lg">Have any questions?
+                                        <Link href="/contacts" className="color--theme">Get in Touch</Link>
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Faqs3_16.js b/components/sections/Faqs3_16.js
new file mode 100644
index 0000000..765681b
--- /dev/null
+++ b/components/sections/Faqs3_16.js
@@ -0,0 +1,122 @@
+
+
+import Link from "next/link"
+export default function Faqs3_16() {
+    return (
+        <>
+            <section id="faqs-3" className="py-100 faqs-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Questions &amp; Answers</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FAQs-3 QUESTIONS */}
+                    <div className="faqs-3-questions">
+                        <div className="row">
+                            {/* QUESTIONS HOLDER */}
+                            <div className="col-lg-6">
+                                <div className="questions-holder">
+                                    {/* QUESTION #1 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>1.</span> Getting started with Martex</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Etiam amet mauris suscipit in odio integer congue metus
+                                            and vitae arcu mollis blandit ultrice ligula egestas magna suscipit lectus magna
+                                            suscipit luctus blandit and laoreet
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #2 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>2.</span> What's inside the package?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                            porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                            augue pretium purus pretium ligula
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #3 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>3.</span> How do I choose a plan?</h5>
+                                        {/* Answer */}
+                                        <ul className="simple-list color--grey">
+                                            <li className="list-item">
+                                                <p>Fringilla risus, luctus mauris orci auctor purus ligula euismod pretium
+                                                    purus pretium rutrum tempor sapien
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p>Nemo ipsam egestas volute undo turpis purus lipsum primis aliquam sapien
+                                                    quaerat sodales pretium a purus
+                                                </p>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>	{/* END QUESTIONS HOLDER */}
+                            {/* QUESTIONS WRAPPER */}
+                            <div className="col-lg-6">
+                                <div className="questions-holder">
+                                    {/* QUESTION #4 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>4.</span> How does Martex handle my privacy?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Quaerat sodales sapien euismod blandit purus a purus
+                                            ipsum primis in cubilia laoreet augue luctus dolor luctus
+                                        </p>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec congue metus.
+                                            Vitae arcu mollis blandit integer nemo volute velna
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #5 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>5.</span> I have an issue with my account</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Cubilia laoreet augue egestas and luctus donec curabite
+                                            diam vitae dapibus libero and quisque gravida donec neque blandit justo
+                                            aliquam molestie nunc sapien justo
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #6 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>6.</span> Can I cancel at anytime?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                            porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                            augue pretium purus pretium ligula
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END QUESTIONS HOLDER */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FAQs-3 QUESTIONS */}
+                    {/* MORE QUESTIONS LINK */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="more-questions mt-40">
+                                <div className="more-questions-txt bg--white-400 r-100">
+                                    <p className="p-lg">Have any questions?
+                                        <Link href="/contacts" className="color--theme">Get in Touch</Link>
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Faqs3_2.js b/components/sections/Faqs3_2.js
new file mode 100644
index 0000000..c502553
--- /dev/null
+++ b/components/sections/Faqs3_2.js
@@ -0,0 +1,122 @@
+
+
+import Link from "next/link"
+export default function Faqs3_2() {
+    return (
+        <>
+            <section id="faqs-3" className="pt-100 faqs-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Questions &amp; Answers</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FAQs-3 QUESTIONS */}
+                    <div className="faqs-3-questions">
+                        <div className="row">
+                            {/* QUESTIONS HOLDER */}
+                            <div className="col-lg-6">
+                                <div className="questions-holder">
+                                    {/* QUESTION #1 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>1.</span> Getting started with Martex</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Etiam amet mauris suscipit in odio integer congue metus
+                                            and vitae arcu mollis blandit ultrice ligula egestas magna suscipit lectus magna
+                                            suscipit luctus blandit and laoreet
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #2 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>2.</span> What's inside the package?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                            porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                            augue pretium purus pretium ligula
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #3 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>3.</span> How do I choose a plan?</h5>
+                                        {/* Answer */}
+                                        <ul className="simple-list color--grey">
+                                            <li className="list-item">
+                                                <p>Fringilla risus, luctus mauris orci auctor purus ligula euismod pretium
+                                                    purus pretium rutrum tempor sapien
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p>Nemo ipsam egestas volute undo turpis purus lipsum primis aliquam sapien
+                                                    quaerat sodales pretium a purus
+                                                </p>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>	{/* END QUESTIONS HOLDER */}
+                            {/* QUESTIONS WRAPPER */}
+                            <div className="col-lg-6">
+                                <div className="questions-holder">
+                                    {/* QUESTION #4 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>4.</span> How does Martex handle my privacy?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Quaerat sodales sapien euismod blandit purus a purus
+                                            ipsum primis in cubilia laoreet augue luctus dolor luctus
+                                        </p>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec congue metus.
+                                            Vitae arcu mollis blandit integer nemo volute velna
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #5 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>5.</span> I have an issue with my account</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Cubilia laoreet augue egestas and luctus donec curabite
+                                            diam vitae dapibus libero and quisque gravida donec neque blandit justo
+                                            aliquam molestie nunc sapien justo
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #6 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>6.</span> Can I cancel at anytime?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                            porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                            augue pretium purus pretium ligula
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END QUESTIONS HOLDER */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FAQs-3 QUESTIONS */}
+                    {/* MORE QUESTIONS LINK */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="more-questions mt-40">
+                                <div className="more-questions-txt bg--white-400 r-100">
+                                    <p className="p-lg">Have any questions?
+                                        <Link href="/contacts" className="color--theme">Get in Touch</Link>
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Faqs3_3.js b/components/sections/Faqs3_3.js
new file mode 100644
index 0000000..eb634da
--- /dev/null
+++ b/components/sections/Faqs3_3.js
@@ -0,0 +1,122 @@
+
+
+import Link from "next/link"
+export default function Faqs3_3() {
+    return (
+        <>
+            <section id="faqs-3" className="pt-100 faqs-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Questions &amp; Answers</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FAQs-3 QUESTIONS */}
+                    <div className="faqs-3-questions">
+                        <div className="row">
+                            {/* QUESTIONS HOLDER */}
+                            <div className="col-lg-6">
+                                <div className="questions-holder">
+                                    {/* QUESTION #1 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>1.</span> Getting started with Martex</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Etiam amet mauris suscipit in odio integer congue metus
+                                            and vitae arcu mollis blandit ultrice ligula egestas magna suscipit lectus magna
+                                            suscipit luctus blandit and laoreet
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #2 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>2.</span> What's inside the package?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                            porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                            augue pretium purus pretium ligula
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #3 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>3.</span> How do I choose a plan?</h5>
+                                        {/* Answer */}
+                                        <ul className="simple-list color--grey">
+                                            <li className="list-item">
+                                                <p>Fringilla risus, luctus mauris orci auctor purus ligula euismod pretium
+                                                    purus pretium rutrum tempor sapien
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p>Nemo ipsam egestas volute undo turpis purus lipsum primis aliquam sapien
+                                                    quaerat sodales pretium a purus
+                                                </p>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>	{/* END QUESTIONS HOLDER */}
+                            {/* QUESTIONS WRAPPER */}
+                            <div className="col-lg-6">
+                                <div className="questions-holder">
+                                    {/* QUESTION #4 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>4.</span> How does Martex handle my privacy?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Quaerat sodales sapien euismod blandit purus a purus
+                                            ipsum primis in cubilia laoreet augue luctus dolor luctus
+                                        </p>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec congue metus.
+                                            Vitae arcu mollis blandit integer nemo volute velna
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #5 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>5.</span> I have an issue with my account</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Cubilia laoreet augue egestas and luctus donec curabite
+                                            diam vitae dapibus libero and quisque gravida donec neque blandit justo
+                                            aliquam molestie nunc sapien justo
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #6 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>6.</span> Can I cancel at anytime?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                            porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                            augue pretium purus pretium ligula
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END QUESTIONS HOLDER */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FAQs-3 QUESTIONS */}
+                    {/* MORE QUESTIONS LINK */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="more-questions mt-40">
+                                <div className="more-questions-txt bg--white-400 r-100">
+                                    <p className="p-lg">Have any questions?
+                                        <Link href="/contacts" className="color--theme">Get in Touch</Link>
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Faqs3_4.js b/components/sections/Faqs3_4.js
new file mode 100644
index 0000000..967185b
--- /dev/null
+++ b/components/sections/Faqs3_4.js
@@ -0,0 +1,122 @@
+
+
+import Link from "next/link"
+export default function Faqs3_4() {
+    return (
+        <>
+            <section id="faqs-3" className="pt-100 faqs-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Questions &amp; Answers</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FAQs-3 QUESTIONS */}
+                    <div className="faqs-3-questions">
+                        <div className="row">
+                            {/* QUESTIONS HOLDER */}
+                            <div className="col-lg-6">
+                                <div className="questions-holder">
+                                    {/* QUESTION #1 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>1.</span> Getting started with Martex</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Etiam amet mauris suscipit in odio integer congue metus
+                                            and vitae arcu mollis blandit ultrice ligula egestas magna suscipit lectus magna
+                                            suscipit luctus blandit and laoreet
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #2 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>2.</span> What's inside the package?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                            porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                            augue pretium purus pretium ligula
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #3 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>3.</span> How do I choose a plan?</h5>
+                                        {/* Answer */}
+                                        <ul className="simple-list color--grey">
+                                            <li className="list-item">
+                                                <p>Fringilla risus, luctus mauris orci auctor purus ligula euismod pretium
+                                                    purus pretium rutrum tempor sapien
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p>Nemo ipsam egestas volute undo turpis purus lipsum primis aliquam sapien
+                                                    quaerat sodales pretium a purus
+                                                </p>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>	{/* END QUESTIONS HOLDER */}
+                            {/* QUESTIONS WRAPPER */}
+                            <div className="col-lg-6">
+                                <div className="questions-holder">
+                                    {/* QUESTION #4 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>4.</span> How does Martex handle my privacy?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Quaerat sodales sapien euismod blandit purus a purus
+                                            ipsum primis in cubilia laoreet augue luctus dolor luctus
+                                        </p>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec congue metus.
+                                            Vitae arcu mollis blandit integer nemo volute velna
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #5 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>5.</span> I have an issue with my account</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Cubilia laoreet augue egestas and luctus donec curabite
+                                            diam vitae dapibus libero and quisque gravida donec neque blandit justo
+                                            aliquam molestie nunc sapien justo
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #6 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>6.</span> Can I cancel at anytime?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                            porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                            augue pretium purus pretium ligula
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END QUESTIONS HOLDER */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FAQs-3 QUESTIONS */}
+                    {/* MORE QUESTIONS LINK */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="more-questions mt-40">
+                                <div className="more-questions-txt bg--white-400 r-100">
+                                    <p className="p-lg">Have any questions?
+                                        <Link href="/contacts" className="color--theme">Get in Touch</Link>
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Faqs3_5.js b/components/sections/Faqs3_5.js
new file mode 100644
index 0000000..cabbf3b
--- /dev/null
+++ b/components/sections/Faqs3_5.js
@@ -0,0 +1,122 @@
+
+
+import Link from "next/link"
+export default function Faqs3_5() {
+    return (
+        <>
+            <section id="faqs-3" className="pt-100 faqs-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Questions &amp; Answers</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FAQs-3 QUESTIONS */}
+                    <div className="faqs-3-questions">
+                        <div className="row">
+                            {/* QUESTIONS HOLDER */}
+                            <div className="col-lg-6">
+                                <div className="questions-holder">
+                                    {/* QUESTION #1 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>1.</span> Getting started with Martex</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Etiam amet mauris suscipit in odio integer congue metus
+                                            and vitae arcu mollis blandit ultrice ligula egestas magna suscipit lectus magna
+                                            suscipit luctus blandit and laoreet
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #2 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>2.</span> What's inside the package?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                            porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                            augue pretium purus pretium ligula
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #3 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>3.</span> How do I choose a plan?</h5>
+                                        {/* Answer */}
+                                        <ul className="simple-list color--grey">
+                                            <li className="list-item">
+                                                <p>Fringilla risus, luctus mauris orci auctor purus ligula euismod pretium
+                                                    purus pretium rutrum tempor sapien
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p>Nemo ipsam egestas volute undo turpis purus lipsum primis aliquam sapien
+                                                    quaerat sodales pretium a purus
+                                                </p>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>	{/* END QUESTIONS HOLDER */}
+                            {/* QUESTIONS WRAPPER */}
+                            <div className="col-lg-6">
+                                <div className="questions-holder">
+                                    {/* QUESTION #4 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>4.</span> How does Martex handle my privacy?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Quaerat sodales sapien euismod blandit purus a purus
+                                            ipsum primis in cubilia laoreet augue luctus dolor luctus
+                                        </p>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec congue metus.
+                                            Vitae arcu mollis blandit integer nemo volute velna
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #5 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>5.</span> I have an issue with my account</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Cubilia laoreet augue egestas and luctus donec curabite
+                                            diam vitae dapibus libero and quisque gravida donec neque blandit justo
+                                            aliquam molestie nunc sapien justo
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #6 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>6.</span> Can I cancel at anytime?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                            porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                            augue pretium purus pretium ligula
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END QUESTIONS HOLDER */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FAQs-3 QUESTIONS */}
+                    {/* MORE QUESTIONS LINK */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="more-questions mt-40">
+                                <div className="more-questions-txt bg--white-400 r-100">
+                                    <p className="p-lg">Have any questions?
+                                        <Link href="/contacts" className="color--theme">Get in Touch</Link>
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Faqs3_6.js b/components/sections/Faqs3_6.js
new file mode 100644
index 0000000..ab87b3e
--- /dev/null
+++ b/components/sections/Faqs3_6.js
@@ -0,0 +1,122 @@
+
+
+import Link from "next/link"
+export default function Faqs3_6() {
+    return (
+        <>
+            <section id="faqs-3" className="py-100 faqs-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Questions &amp; Answers</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FAQs-3 QUESTIONS */}
+                    <div className="faqs-3-questions">
+                        <div className="row">
+                            {/* QUESTIONS HOLDER */}
+                            <div className="col-lg-6">
+                                <div className="questions-holder">
+                                    {/* QUESTION #1 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>1.</span> Getting started with Martex</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Etiam amet mauris suscipit in odio integer congue metus
+                                            and vitae arcu mollis blandit ultrice ligula egestas magna suscipit lectus magna
+                                            suscipit luctus blandit and laoreet
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #2 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>2.</span> What's inside the package?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                            porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                            augue pretium purus pretium ligula
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #3 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>3.</span> How do I choose a plan?</h5>
+                                        {/* Answer */}
+                                        <ul className="simple-list color--grey">
+                                            <li className="list-item">
+                                                <p>Fringilla risus, luctus mauris orci auctor purus ligula euismod pretium
+                                                    purus pretium rutrum tempor sapien
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p>Nemo ipsam egestas volute undo turpis purus lipsum primis aliquam sapien
+                                                    quaerat sodales pretium a purus
+                                                </p>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>	{/* END QUESTIONS HOLDER */}
+                            {/* QUESTIONS WRAPPER */}
+                            <div className="col-lg-6">
+                                <div className="questions-holder">
+                                    {/* QUESTION #4 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>4.</span> How does Martex handle my privacy?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Quaerat sodales sapien euismod blandit purus a purus
+                                            ipsum primis in cubilia laoreet augue luctus dolor luctus
+                                        </p>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec congue metus.
+                                            Vitae arcu mollis blandit integer nemo volute velna
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #5 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>5.</span> I have an issue with my account</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Cubilia laoreet augue egestas and luctus donec curabite
+                                            diam vitae dapibus libero and quisque gravida donec neque blandit justo
+                                            aliquam molestie nunc sapien justo
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #6 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>6.</span> Can I cancel at anytime?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                            porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                            augue pretium purus pretium ligula
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END QUESTIONS HOLDER */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FAQs-3 QUESTIONS */}
+                    {/* MORE QUESTIONS LINK */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="more-questions mt-40">
+                                <div className="more-questions-txt bg--white-400 r-100">
+                                    <p className="p-lg">Have any questions?
+                                        <Link href="/contacts" className="color--theme">Get in Touch</Link>
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Faqs3_7.js b/components/sections/Faqs3_7.js
new file mode 100644
index 0000000..11df9f9
--- /dev/null
+++ b/components/sections/Faqs3_7.js
@@ -0,0 +1,122 @@
+
+
+import Link from "next/link"
+export default function Faqs3_7() {
+    return (
+        <>
+            <section id="faqs-3" className="pt-100 faqs-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Questions &amp; Answers</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FAQs-3 QUESTIONS */}
+                    <div className="faqs-3-questions">
+                        <div className="row">
+                            {/* QUESTIONS HOLDER */}
+                            <div className="col-lg-6">
+                                <div className="questions-holder">
+                                    {/* QUESTION #1 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>1.</span> Getting started with Martex</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Etiam amet mauris suscipit in odio integer congue metus
+                                            and vitae arcu mollis blandit ultrice ligula egestas magna suscipit lectus magna
+                                            suscipit luctus blandit and laoreet
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #2 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>2.</span> What's inside the package?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                            porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                            augue pretium purus pretium ligula
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #3 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>3.</span> How do I choose a plan?</h5>
+                                        {/* Answer */}
+                                        <ul className="simple-list color--grey">
+                                            <li className="list-item">
+                                                <p>Fringilla risus, luctus mauris orci auctor purus ligula euismod pretium
+                                                    purus pretium rutrum tempor sapien
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p>Nemo ipsam egestas volute undo turpis purus lipsum primis aliquam sapien
+                                                    quaerat sodales pretium a purus
+                                                </p>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>	{/* END QUESTIONS HOLDER */}
+                            {/* QUESTIONS WRAPPER */}
+                            <div className="col-lg-6">
+                                <div className="questions-holder">
+                                    {/* QUESTION #4 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>4.</span> How does Martex handle my privacy?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Quaerat sodales sapien euismod blandit purus a purus
+                                            ipsum primis in cubilia laoreet augue luctus dolor luctus
+                                        </p>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec congue metus.
+                                            Vitae arcu mollis blandit integer nemo volute velna
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #5 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>5.</span> I have an issue with my account</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Cubilia laoreet augue egestas and luctus donec curabite
+                                            diam vitae dapibus libero and quisque gravida donec neque blandit justo
+                                            aliquam molestie nunc sapien justo
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #6 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>6.</span> Can I cancel at anytime?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                            porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                            augue pretium purus pretium ligula
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END QUESTIONS HOLDER */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FAQs-3 QUESTIONS */}
+                    {/* MORE QUESTIONS LINK */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="more-questions mt-40">
+                                <div className="more-questions-txt bg--white-400 r-100">
+                                    <p className="p-lg">Have any questions?
+                                        <Link href="/contacts" className="color--theme">Get in Touch</Link>
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Faqs3_8.js b/components/sections/Faqs3_8.js
new file mode 100644
index 0000000..8c22862
--- /dev/null
+++ b/components/sections/Faqs3_8.js
@@ -0,0 +1,122 @@
+
+
+import Link from "next/link"
+export default function Faqs3_8() {
+    return (
+        <>
+            <section id="faqs-3" className="pt-100 faqs-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Questions &amp; Answers</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FAQs-3 QUESTIONS */}
+                    <div className="faqs-3-questions">
+                        <div className="row">
+                            {/* QUESTIONS HOLDER */}
+                            <div className="col-lg-6">
+                                <div className="questions-holder">
+                                    {/* QUESTION #1 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>1.</span> Getting started with Martex</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Etiam amet mauris suscipit in odio integer congue metus
+                                            and vitae arcu mollis blandit ultrice ligula egestas magna suscipit lectus magna
+                                            suscipit luctus blandit and laoreet
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #2 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>2.</span> What's inside the package?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                            porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                            augue pretium purus pretium ligula
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #3 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>3.</span> How do I choose a plan?</h5>
+                                        {/* Answer */}
+                                        <ul className="simple-list color--grey">
+                                            <li className="list-item">
+                                                <p>Fringilla risus, luctus mauris orci auctor purus ligula euismod pretium
+                                                    purus pretium rutrum tempor sapien
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p>Nemo ipsam egestas volute undo turpis purus lipsum primis aliquam sapien
+                                                    quaerat sodales pretium a purus
+                                                </p>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>	{/* END QUESTIONS HOLDER */}
+                            {/* QUESTIONS WRAPPER */}
+                            <div className="col-lg-6">
+                                <div className="questions-holder">
+                                    {/* QUESTION #4 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>4.</span> How does Martex handle my privacy?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Quaerat sodales sapien euismod blandit purus a purus
+                                            ipsum primis in cubilia laoreet augue luctus dolor luctus
+                                        </p>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec congue metus.
+                                            Vitae arcu mollis blandit integer nemo volute velna
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #5 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>5.</span> I have an issue with my account</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Cubilia laoreet augue egestas and luctus donec curabite
+                                            diam vitae dapibus libero and quisque gravida donec neque blandit justo
+                                            aliquam molestie nunc sapien justo
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #6 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>6.</span> Can I cancel at anytime?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                            porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                            augue pretium purus pretium ligula
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END QUESTIONS HOLDER */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FAQs-3 QUESTIONS */}
+                    {/* MORE QUESTIONS LINK */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="more-questions mt-40">
+                                <div className="more-questions-txt bg--white-400 r-100">
+                                    <p className="p-lg">Have any questions?
+                                        <Link href="/contacts" className="color--theme">Get in Touch</Link>
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Faqs3_9.js b/components/sections/Faqs3_9.js
new file mode 100644
index 0000000..0d081d4
--- /dev/null
+++ b/components/sections/Faqs3_9.js
@@ -0,0 +1,122 @@
+
+
+import Link from "next/link"
+export default function Faqs3_9() {
+    return (
+        <>
+            <section id="faqs-3" className="pt-100 faqs-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Questions &amp; Answers</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FAQs-3 QUESTIONS */}
+                    <div className="faqs-3-questions">
+                        <div className="row">
+                            {/* QUESTIONS HOLDER */}
+                            <div className="col-lg-6">
+                                <div className="questions-holder">
+                                    {/* QUESTION #1 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>1.</span> Getting started with Martex</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Etiam amet mauris suscipit in odio integer congue metus
+                                            and vitae arcu mollis blandit ultrice ligula egestas magna suscipit lectus magna
+                                            suscipit luctus blandit and laoreet
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #2 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>2.</span> What's inside the package?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                            porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                            augue pretium purus pretium ligula
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #3 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>3.</span> How do I choose a plan?</h5>
+                                        {/* Answer */}
+                                        <ul className="simple-list color--grey">
+                                            <li className="list-item">
+                                                <p>Fringilla risus, luctus mauris orci auctor purus ligula euismod pretium
+                                                    purus pretium rutrum tempor sapien
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p>Nemo ipsam egestas volute undo turpis purus lipsum primis aliquam sapien
+                                                    quaerat sodales pretium a purus
+                                                </p>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>	{/* END QUESTIONS HOLDER */}
+                            {/* QUESTIONS WRAPPER */}
+                            <div className="col-lg-6">
+                                <div className="questions-holder">
+                                    {/* QUESTION #4 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>4.</span> How does Martex handle my privacy?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Quaerat sodales sapien euismod blandit purus a purus
+                                            ipsum primis in cubilia laoreet augue luctus dolor luctus
+                                        </p>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec congue metus.
+                                            Vitae arcu mollis blandit integer nemo volute velna
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #5 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>5.</span> I have an issue with my account</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">Cubilia laoreet augue egestas and luctus donec curabite
+                                            diam vitae dapibus libero and quisque gravida donec neque blandit justo
+                                            aliquam molestie nunc sapien justo
+                                        </p>
+                                    </div>
+                                    {/* QUESTION #6 */}
+                                    <div className="question mb-35 wow fadeInUp">
+                                        {/* Question */}
+                                        <h5 className="s-22 w-700"><span>6.</span> Can I cancel at anytime?</h5>
+                                        {/* Answer */}
+                                        <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                            porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                            augue pretium purus pretium ligula
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END QUESTIONS HOLDER */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FAQs-3 QUESTIONS */}
+                    {/* MORE QUESTIONS LINK */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="more-questions mt-40">
+                                <div className="more-questions-txt bg--white-400 r-100">
+                                    <p className="p-lg">Have any questions?
+                                        <Link href="/contacts" className="color--theme">Get in Touch</Link>
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features11_1.js b/components/sections/Features11_1.js
new file mode 100644
index 0000000..27d36ad
--- /dev/null
+++ b/components/sections/Features11_1.js
@@ -0,0 +1,178 @@
+
+
+export default function Features11_1() {
+    return (
+        <>
+            <section id="features-11" className="py-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">The Complete Solutions</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-11 WRAPPER */}
+                    <div className="fbox-wrapper">
+                        <div className="row row-cols-1 row-cols-md-2 rows-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-1 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-search-engine-1" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Friendly Interface</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-2 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-trophy" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Themes &amp; Designs</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-3 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-hierarchical-structure" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Extensions &amp; Addons</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* FEATURE BOX #4 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-4 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-rotate" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Drag &amp; Drop Editor</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #4 */}
+                            {/* FEATURE BOX #5 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-5 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-click" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Simple Process</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #5 */}
+                            {/* FEATURE BOX #6 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-6 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-hosting" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Storage &amp; Backup</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #6 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-11 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features11_10.js b/components/sections/Features11_10.js
new file mode 100644
index 0000000..a41ecde
--- /dev/null
+++ b/components/sections/Features11_10.js
@@ -0,0 +1,178 @@
+
+
+export default function Features11_10() {
+    return (
+        <>
+            <section id="features-11" className="pt-90 pb-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">The Complete Solutions</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-11 WRAPPER */}
+                    <div className="fbox-wrapper">
+                        <div className="row row-cols-1 row-cols-md-2 rows-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-1 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-graphics" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Market Research</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-2 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-idea" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">User Experience</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-3 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-graphic" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Digital Marketing</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* FEATURE BOX #4 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-4 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-wireframe" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Web Development</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #4 */}
+                            {/* FEATURE BOX #5 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-5 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-trophy" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Brand Design Identity</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #5 */}
+                            {/* FEATURE BOX #6 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-6 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-search-engine-1" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">SEO &amp; SMM Services</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #6 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-11 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features11_11.js b/components/sections/Features11_11.js
new file mode 100644
index 0000000..aa9e828
--- /dev/null
+++ b/components/sections/Features11_11.js
@@ -0,0 +1,180 @@
+
+
+export default function Features11_11() {
+    return (
+        <>
+            <section id="features-11" className="py-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Section ID */}
+                                <span className="section-id">Endless Possibilities</span>
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Digital marketing that drives results for your business</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-11 WRAPPER */}
+                    <div className="fbox-wrapper">
+                        <div className="row row-cols-1 row-cols-md-2 rows-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-1 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-graphics" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Market Research</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-2 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-idea" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">User Experience</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-3 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-graphic" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Digital Marketing</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* FEATURE BOX #4 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-4 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-wireframe" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Web Development</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #4 */}
+                            {/* FEATURE BOX #5 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-5 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-trophy" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Brand Design Identity</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #5 */}
+                            {/* FEATURE BOX #6 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-6 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-search-engine-1" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">SEO &amp; SMM Services</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #6 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-11 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features11_12.js b/components/sections/Features11_12.js
new file mode 100644
index 0000000..62f7052
--- /dev/null
+++ b/components/sections/Features11_12.js
@@ -0,0 +1,178 @@
+
+
+export default function Features11_12() {
+    return (
+        <>
+            <section id="features-11" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-52 w-700">Unlock Your Creativity</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-11 WRAPPER */}
+                    <div className="fbox-wrapper">
+                        <div className="row row-cols-1 row-cols-md-2 rows-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-1 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-search-engine-1" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Intuitive Dashboard</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-2 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-trophy" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Themes &amp; Designs</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-3 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-hierarchical-structure" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Extensions &amp; Addons</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* FEATURE BOX #4 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-4 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-rotate" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Drag &amp; Drop Editor</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #4 */}
+                            {/* FEATURE BOX #5 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-5 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-click" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Simple Process</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #5 */}
+                            {/* FEATURE BOX #6 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-6 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-hosting" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Storage &amp; Backup</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #6 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-11 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features11_13.js b/components/sections/Features11_13.js
new file mode 100644
index 0000000..00e48e8
--- /dev/null
+++ b/components/sections/Features11_13.js
@@ -0,0 +1,180 @@
+
+
+export default function Features11_13() {
+    return (
+        <>
+            <section id="features-11" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Section ID */}
+                                <span className="section-id">Endless Possibilities</span>
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Digital marketing that drives results for your business</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-11 WRAPPER */}
+                    <div className="fbox-wrapper">
+                        <div className="row row-cols-1 row-cols-md-2 rows-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-1 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-graphics" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Market Research</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-2 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-idea" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">User Experience</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-3 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-graphic" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Digital Marketing</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* FEATURE BOX #4 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-4 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-wireframe" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Web Development</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #4 */}
+                            {/* FEATURE BOX #5 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-5 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-trophy" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Brand Design Identity</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #5 */}
+                            {/* FEATURE BOX #6 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-6 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-search-engine-1" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">SEO &amp; SMM Services</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #6 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-11 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features11_14.js b/components/sections/Features11_14.js
new file mode 100644
index 0000000..6f81111
--- /dev/null
+++ b/components/sections/Features11_14.js
@@ -0,0 +1,178 @@
+
+
+export default function Features11_14() {
+    return (
+        <>
+            <section id="features-11" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">We make your business gain more revenue at a glance</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-11 WRAPPER */}
+                    <div className="fbox-wrapper">
+                        <div className="row row-cols-1 row-cols-md-2 rows-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-1 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-graphics" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Market Research</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-2 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-idea" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">User Experience</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-3 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-graphic" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Digital Marketing</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* FEATURE BOX #4 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-4 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-wireframe" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Web Development</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #4 */}
+                            {/* FEATURE BOX #5 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-5 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-trophy" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Brand Design Identity</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #5 */}
+                            {/* FEATURE BOX #6 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-6 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-search-engine-1" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">SEO &amp; SMM Services</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #6 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-11 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features11_15.js b/components/sections/Features11_15.js
new file mode 100644
index 0000000..4180368
--- /dev/null
+++ b/components/sections/Features11_15.js
@@ -0,0 +1,178 @@
+
+
+export default function Features11_15() {
+    return (
+        <>
+            <section id="features-11" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-48 w-700">The Complete Solutions</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-11 WRAPPER */}
+                    <div className="fbox-wrapper">
+                        <div className="row row-cols-1 row-cols-md-2 rows-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-1 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-search-engine-1" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Friendly Interface</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-2 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-click" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Quick Access</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-3 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-hierarchical-structure" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Extensions &amp; Addons</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* FEATURE BOX #4 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-4 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-data-copy" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">File Manager</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #4 */}
+                            {/* FEATURE BOX #5 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-5 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-rotate" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Convert Media Files</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #5 */}
+                            {/* FEATURE BOX #6 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-6 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-hosting" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Storage &amp; Backup</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #6 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-11 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features11_2.js b/components/sections/Features11_2.js
new file mode 100644
index 0000000..119c3fc
--- /dev/null
+++ b/components/sections/Features11_2.js
@@ -0,0 +1,178 @@
+
+
+export default function Features11_2() {
+    return (
+        <>
+            <section id="features-11" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Everything in One Place</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-11 WRAPPER */}
+                    <div className="fbox-wrapper">
+                        <div className="row row-cols-1 row-cols-md-2 rows-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-1 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-graphics" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Market Research</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-2 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-idea" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">User Experience</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-3 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-graphic" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Digital Marketing</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* FEATURE BOX #4 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-4 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-wireframe" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Web Development</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #4 */}
+                            {/* FEATURE BOX #5 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-5 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-trophy" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Brand Design Identity</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #5 */}
+                            {/* FEATURE BOX #6 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-6 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-search-engine-1" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">SEO &amp; SMM Services</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #6 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-11 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features11_3.js b/components/sections/Features11_3.js
new file mode 100644
index 0000000..21fa72d
--- /dev/null
+++ b/components/sections/Features11_3.js
@@ -0,0 +1,178 @@
+
+
+export default function Features11_3() {
+    return (
+        <>
+            <section id="features-11" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Everything in One Place</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-11 WRAPPER */}
+                    <div className="fbox-wrapper">
+                        <div className="row row-cols-1 row-cols-md-2 rows-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-1 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-graphics" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Market Research</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-2 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-idea" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">User Experience</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-3 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-graphic" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Digital Marketing</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* FEATURE BOX #4 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-4 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-wireframe" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Web Development</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #4 */}
+                            {/* FEATURE BOX #5 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-5 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-trophy" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Brand Design Identity</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #5 */}
+                            {/* FEATURE BOX #6 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-6 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-search-engine-1" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">SEO &amp; SMM Services</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #6 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-11 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features11_4.js b/components/sections/Features11_4.js
new file mode 100644
index 0000000..24cfe13
--- /dev/null
+++ b/components/sections/Features11_4.js
@@ -0,0 +1,178 @@
+
+
+export default function Features11_4() {
+    return (
+        <>
+            <section id="features-11" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Everything in One Place</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-11 WRAPPER */}
+                    <div className="fbox-wrapper">
+                        <div className="row row-cols-1 row-cols-md-2 rows-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-1 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-search-engine-1" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Friendly Interface</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-2 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-click" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Quick Access</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-3 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-hierarchical-structure" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Extensions &amp; Addons</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* FEATURE BOX #4 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-4 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-data-copy" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">File Manager</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #4 */}
+                            {/* FEATURE BOX #5 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-5 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-rotate" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Convert Media Files</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #5 */}
+                            {/* FEATURE BOX #6 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-6 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-hosting" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Storage &amp; Backup</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #6 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-11 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features11_5.js b/components/sections/Features11_5.js
new file mode 100644
index 0000000..cf57af8
--- /dev/null
+++ b/components/sections/Features11_5.js
@@ -0,0 +1,178 @@
+
+
+export default function Features11_5() {
+    return (
+        <>
+            <section id="features-11" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-52 w-700">Unlock Your Creativity</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-11 WRAPPER */}
+                    <div className="fbox-wrapper">
+                        <div className="row row-cols-1 row-cols-md-2 rows-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-1 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-search-engine-1" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Intuitive Dashboard</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-2 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-trophy" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Themes &amp; Designs</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-3 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-hierarchical-structure" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Extensions &amp; Addons</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* FEATURE BOX #4 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-4 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-rotate" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Drag &amp; Drop Editor</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #4 */}
+                            {/* FEATURE BOX #5 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-5 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-click" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Simple Process</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #5 */}
+                            {/* FEATURE BOX #6 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-6 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-hosting" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Storage &amp; Backup</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #6 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-11 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features11_6.js b/components/sections/Features11_6.js
new file mode 100644
index 0000000..08065a4
--- /dev/null
+++ b/components/sections/Features11_6.js
@@ -0,0 +1,178 @@
+
+
+export default function Features11_6() {
+    return (
+        <>
+            <section id="features-11" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Digital marketing that drives results for your business</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-11 WRAPPER */}
+                    <div className="fbox-wrapper">
+                        <div className="row row-cols-1 row-cols-md-2 rows-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-1 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-responsive" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Cross-Platform</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-2 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-search-engine-1" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Friendly Interface</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-3 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-click" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Quick Access</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* FEATURE BOX #4 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-4 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-hierarchical-structure" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Extensions &amp; Addons</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #4 */}
+                            {/* FEATURE BOX #5 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-5 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-graphics" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Real-time Analytics</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #5 */}
+                            {/* FEATURE BOX #6 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-6 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-hosting" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Data Backup</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #6 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-11 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features11_7.js b/components/sections/Features11_7.js
new file mode 100644
index 0000000..443705d
--- /dev/null
+++ b/components/sections/Features11_7.js
@@ -0,0 +1,180 @@
+
+
+export default function Features11_7() {
+    return (
+        <>
+            <section id="features-11" className="py-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Section ID */}
+                                <span className="section-id">Endless Possibilities</span>
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Digital marketing that drives results for your business</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-11 WRAPPER */}
+                    <div className="fbox-wrapper">
+                        <div className="row row-cols-1 row-cols-md-2 rows-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-1 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-graphics" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Market Research</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-2 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-idea" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">User Experience</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-3 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-graphic" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Digital Marketing</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* FEATURE BOX #4 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-4 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-wireframe" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Web Development</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #4 */}
+                            {/* FEATURE BOX #5 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-5 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-trophy" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Brand Design Identity</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #5 */}
+                            {/* FEATURE BOX #6 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-6 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-search-engine-1" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">SEO &amp; SMM Services</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #6 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-11 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features11_8.js b/components/sections/Features11_8.js
new file mode 100644
index 0000000..72b3bfd
--- /dev/null
+++ b/components/sections/Features11_8.js
@@ -0,0 +1,128 @@
+
+
+export default function Features11_8() {
+    return (
+        <>
+            <section id="features-11" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Free and Open-Source</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-11 WRAPPER */}
+                    <div className="fbox-wrapper">
+                        <div className="row row-cols-1 row-cols-md-2 rows-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-1 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-browser" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Customizable Dashboards</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-2 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-analytics" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Improved Productivity</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-3 fbox-11-lst wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-security" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Secure Data Transfers</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* FEATURE BOX #4 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-4 fbox-11-lst wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-graphics" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Real Time Statistic</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #4 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-11 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features11_9.js b/components/sections/Features11_9.js
new file mode 100644
index 0000000..5a64c86
--- /dev/null
+++ b/components/sections/Features11_9.js
@@ -0,0 +1,178 @@
+
+
+export default function Features11_9() {
+    return (
+        <>
+            <section id="features-11" className="py-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Digital marketing that drives results for your business</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-11 WRAPPER */}
+                    <div className="fbox-wrapper">
+                        <div className="row row-cols-1 row-cols-md-2 rows-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-1 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-graphics" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Market Research</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-2 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-idea" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">User Experience</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-3 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-graphic" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Digital Marketing</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* FEATURE BOX #4 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-4 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-wireframe" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Web Development</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #4 */}
+                            {/* FEATURE BOX #5 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-5 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-trophy" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Brand Design Identity</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #5 */}
+                            {/* FEATURE BOX #6 */}
+                            <div className="col">
+                                <div className="fbox-11 fb-6 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico-wrap">
+                                        <div className="fbox-ico ico-50">
+                                            <div className="shape-ico color--theme">
+                                                {/* Vector Icon */}
+                                                <span className="flaticon-search-engine-1" />
+                                                {/* Shape */}
+                                                <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">SEO &amp; SMM Services</h6>
+                                        <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                            tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #6 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-11 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features12_1.js b/components/sections/Features12_1.js
new file mode 100644
index 0000000..557f90c
--- /dev/null
+++ b/components/sections/Features12_1.js
@@ -0,0 +1,147 @@
+
+
+export default function Features12_1() {
+    return (
+        <>
+            <section id="features-12" className="shape--bg shape--white-500 pt-100 features-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-5">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">One-Stop Solution</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Smart solutions, real-time results</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum and congue undo laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna ligula and cursus vitae
+                                </p>
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Magna dolor luctus at egestas sapien</p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                            turpis and ultrice magnis
+                                        </p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p className="mb-0">Volute turpis dolores and sagittis congue</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div> {/* END TEXT BLOCK */}
+                        {/* FEATURES-12 WRAPPER */}
+                        <div className="col-md-7">
+                            <div className="fbox-12-wrapper wow fadeInLeft">
+                                <div className="row">
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #1 */}
+                                        <div id="fb-12-1" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-layers-1" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div> {/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Content Marketing</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor
+                                                </p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #2 */}
+                                        <div id="fb-12-2" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-tutorial" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div> {/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Video Marketing</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor
+                                                </p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #3 */}
+                                        <div id="fb-12-3" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-pay-per-click" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div> {/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Pay Per Click (PPC)</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor
+                                                </p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #4 */}
+                                        <div id="fb-12-4" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-taxes" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div> {/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Business Analytics</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor
+                                                </p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div> {/* End row */}
+                        </div> {/* END FEATURES-12 WRAPPER */}
+                    </div> {/* End row */}
+                </div> {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features12_10.js b/components/sections/Features12_10.js
new file mode 100644
index 0000000..f8cdd67
--- /dev/null
+++ b/components/sections/Features12_10.js
@@ -0,0 +1,127 @@
+
+
+export default function Features12_10() {
+    return (
+        <>
+            <section id="features-12" className="shape--bg shape--white-400 pt-100 features-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-5">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">Intuitive Dashboard</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">A single tool for all your needs</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum and congue undo laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna ligula and cursus vitae
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat undo ipsum laoreet diam purus sapien a dolor ociis ultrice
+                                            ipsum aliquam congue a dolor cursus congue varius magnis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit  vitae cubilia magnis diam volute egestas
+                                            sapien ultrice auctor
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* FEATURES-12 WRAPPER */}
+                        <div className="col-md-7">
+                            <div className="fbox-12-wrapper wow fadeInLeft">
+                                <div className="row">
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #1 */}
+                                        <div id="fb-12-1" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-layers-1" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">Integrated</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #2 */}
+                                        <div id="fb-12-2" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-click-1" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">Intuitive</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #3 */}
+                                        <div id="fb-12-3" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-prioritize" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">Flexible</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #4 */}
+                                        <div id="fb-12-4" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-analytics" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">Efficient</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* End row */}
+                        </div>	{/* END FEATURES-12 WRAPPER */}
+                    </div>    {/* End row */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features12_11.js b/components/sections/Features12_11.js
new file mode 100644
index 0000000..32fc5f3
--- /dev/null
+++ b/components/sections/Features12_11.js
@@ -0,0 +1,132 @@
+
+
+import Link from "next/link"
+export default function Features12_11() {
+    return (
+        <>
+            <section id="features-12" className="shape--bg shape--white-400 pt-100 features-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-5">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Title */}
+                                <h2 className="s-46 w-700">A single tool for all your needs</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum and congue undo laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna ligula and cursus vitae
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat undo ipsum laoreet diam purus sapien a dolor ociis ultrice
+                                            ipsum aliquam
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit  vitae cubilia magnis diam volute egestas
+                                            sapien ultrice auctor
+                                        </p>
+                                    </li>
+                                </ul>
+                                {/* Link */}
+                                <div className="txt-block-tra-link mt-25">
+                                    <Link href="#features-5" className="tra-link ico-20 color--theme">
+                                        Optimize your results <span className="flaticon-next" />
+                                    </Link>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* FEATURES-12 WRAPPER */}
+                        <div className="col-md-7">
+                            <div className="fbox-12-wrapper wow fadeInLeft">
+                                <div className="row">
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #1 */}
+                                        <div id="fb-12-1" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-maximize" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Cross-Platform</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #2 */}
+                                        <div id="fb-12-2" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-manager" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Multiple Accounts</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #3 */}
+                                        <div id="fb-12-3" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-rotate" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Extremely Flexible</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #4 */}
+                                        <div id="fb-12-4" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-prioritize" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Easy to Embed</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* End row */}
+                        </div>	{/* END FEATURES-12 WRAPPER */}
+                    </div>    {/* End row */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features12_2.js b/components/sections/Features12_2.js
new file mode 100644
index 0000000..0e52d8a
--- /dev/null
+++ b/components/sections/Features12_2.js
@@ -0,0 +1,128 @@
+
+
+import Link from "next/link"
+export default function Features12_2() {
+    return (
+        <>
+            <section id="features-12" className="shape--bg shape--white-500 pt-100 features-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-5">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">One-Stop Solution</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Smart solutions, real-time results</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat undo ipsum laoreet purus and sapien dolor ociis ultrice
+                                            ipsum aliquam undo congue dolor cursus congue varius magnis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit  vitae cubilia magnis diam volute egestas
+                                            sapien ultrice auctor
+                                        </p>
+                                    </li>
+                                </ul>
+                                {/* Button */}
+                                <Link href="#banner-3" className="btn btn-sm r-04 btn--tra-black hover--theme">
+                                    Get started now
+                                </Link>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* FEATURES-12 WRAPPER */}
+                        <div className="col-md-7">
+                            <div className="fbox-12-wrapper wow fadeInLeft">
+                                <div className="row">
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #1 */}
+                                        <div id="fb-12-1" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-graphics" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Market Research</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #2 */}
+                                        <div id="fb-12-2" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-graphic" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Digital Marketing</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #3 */}
+                                        <div id="fb-12-3" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-idea" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">User Experience</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #4 */}
+                                        <div id="fb-12-4" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-search-engine-1" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">SEO Services</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* End row */}
+                        </div>	{/* END FEATURES-12 WRAPPER */}
+                    </div>    {/* End row */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features12_3.js b/components/sections/Features12_3.js
new file mode 100644
index 0000000..2411f76
--- /dev/null
+++ b/components/sections/Features12_3.js
@@ -0,0 +1,129 @@
+
+
+import Link from "next/link"
+export default function Features12_3() {
+    return (
+        <>
+            <section id="features-12" className="shape--bg shape--white-500 pt-100 features-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-5">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">One-Stop Solution</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Smart solutions, real-time results</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum and congue undo laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna ligula and cursus vitae
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p className="mb-0">Tempor sapien quaerat undo ipsum laoreet diam purus sapien a dolor
+                                            ociis ultrice ipsum aliquam congue a dolor cursus congue varius magnis
+                                        </p>
+                                    </li>
+                                </ul>
+                                {/* Link */}
+                                <div className="txt-block-tra-link mt-25">
+                                    <Link href="#features-5" className="tra-link ico-20 color--theme">
+                                        The smarter way to work <span className="flaticon-next" />
+                                    </Link>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* FEATURES-12 WRAPPER */}
+                        <div className="col-md-7">
+                            <div className="fbox-12-wrapper wow fadeInLeft">
+                                <div className="row">
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #1 */}
+                                        <div id="fb-12-1" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-layers-1" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Content Marketing</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #2 */}
+                                        <div id="fb-12-2" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-tutorial" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Video Marketing</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #3 */}
+                                        <div id="fb-12-3" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-pay-per-click" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Pay Per Click (PPC)</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #4 */}
+                                        <div id="fb-12-4" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-taxes" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Business Analytics</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* End row */}
+                        </div>	{/* END FEATURES-12 WRAPPER */}
+                    </div>    {/* End row */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features12_4.js b/components/sections/Features12_4.js
new file mode 100644
index 0000000..f09a5f3
--- /dev/null
+++ b/components/sections/Features12_4.js
@@ -0,0 +1,127 @@
+
+
+export default function Features12_4() {
+    return (
+        <>
+            <section id="features-12" className="shape--bg shape--white-500 pt-100 features-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-5">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">One-Stop Solution</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Smart solutions, real-time results</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum and congue undo laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna ligula and cursus vitae
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat undo ipsum laoreet diam purus sapien a dolor ociis ultrice
+                                            ipsum aliquam congue a dolor cursus congue varius magnis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit  vitae cubilia magnis diam volute egestas
+                                            sapien ultrice auctor
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* FEATURES-12 WRAPPER */}
+                        <div className="col-md-7">
+                            <div className="fbox-12-wrapper wow fadeInLeft">
+                                <div className="row">
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #1 */}
+                                        <div id="fb-12-1" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-graphics" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Market Research</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #2 */}
+                                        <div id="fb-12-2" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-idea" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">User Experience</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #3 */}
+                                        <div id="fb-12-3" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-graphic" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Digital Marketing</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #4 */}
+                                        <div id="fb-12-4" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-search-engine-1" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">SEO Services</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* End row */}
+                        </div>	{/* END FEATURES-12 WRAPPER */}
+                    </div>    {/* End row */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features12_5.js b/components/sections/Features12_5.js
new file mode 100644
index 0000000..9f3c5c1
--- /dev/null
+++ b/components/sections/Features12_5.js
@@ -0,0 +1,127 @@
+
+
+export default function Features12_5() {
+    return (
+        <>
+            <section id="features-12" className="shape--bg shape--white-400 pt-100 features-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-5">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">Control Data Access</span>
+                                {/* Title */}
+                                <h2 className="s-44 w-700">Control data access with ease</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum and congue undo laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna ligula and cursus vitae
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat undo ipsum laoreet diam purus sapien a dolor ociis ultrice
+                                            ipsum aliquam congue a dolor cursus congue varius magnis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit  vitae cubilia magnis diam volute egestas
+                                            sapien ultrice auctor
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* FEATURES-12 WRAPPER */}
+                        <div className="col-md-7">
+                            <div className="fbox-12-wrapper wow fadeInLeft">
+                                <div className="row">
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #1 */}
+                                        <div id="fb-12-1" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-layers-1" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">Integrated</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #2 */}
+                                        <div id="fb-12-2" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-click-1" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">Intuitive</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #3 */}
+                                        <div id="fb-12-3" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-prioritize" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">Flexible</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #4 */}
+                                        <div id="fb-12-4" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-analytics" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">Efficient</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* End row */}
+                        </div>	{/* END FEATURES-12 WRAPPER */}
+                    </div>    {/* End row */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features12_6.js b/components/sections/Features12_6.js
new file mode 100644
index 0000000..5451085
--- /dev/null
+++ b/components/sections/Features12_6.js
@@ -0,0 +1,127 @@
+
+
+export default function Features12_6() {
+    return (
+        <>
+            <section id="features-12" className="shape--bg shape--white-400 pt-100 features-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-5">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">Intuitive Dashboard</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">A single tool for all your needs</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum and congue undo laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna ligula and cursus vitae
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat undo ipsum laoreet diam purus sapien a dolor ociis ultrice
+                                            ipsum aliquam congue a dolor cursus congue varius magnis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit  vitae cubilia magnis diam volute egestas
+                                            sapien ultrice auctor
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* FEATURES-12 WRAPPER */}
+                        <div className="col-md-7">
+                            <div className="fbox-12-wrapper wow fadeInLeft">
+                                <div className="row">
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #1 */}
+                                        <div id="fb-12-1" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-click-1" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">Intuitive</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #2 */}
+                                        <div id="fb-12-2" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-prioritize" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">Flexible</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #3 */}
+                                        <div id="fb-12-3" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-diamond" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">Creative</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #4 */}
+                                        <div id="fb-12-4" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-analytics" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">Efficient</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* End row */}
+                        </div>	{/* END FEATURES-12 WRAPPER */}
+                    </div>    {/* End row */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features12_7.js b/components/sections/Features12_7.js
new file mode 100644
index 0000000..2dea643
--- /dev/null
+++ b/components/sections/Features12_7.js
@@ -0,0 +1,134 @@
+
+
+import Link from "next/link"
+export default function Features12_7() {
+    return (
+        <>
+            <section id="features-12" className="shape--bg shape--white-400 pt-100 features-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-5">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">One-Stop Solution</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">A single tool for all your needs</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum and congue undo laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna ligula and cursus vitae
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat undo ipsum laoreet diam purus sapien a dolor ociis ultrice
+                                            ipsum aliquam
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit  vitae cubilia magnis diam volute egestas
+                                            sapien ultrice auctor
+                                        </p>
+                                    </li>
+                                </ul>
+                                {/* Link */}
+                                <div className="txt-block-tra-link mt-25">
+                                    <Link href="#lnk-4" className="tra-link ico-20 color--theme">
+                                        Data integrations <span className="flaticon-next" />
+                                    </Link>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* FEATURES-12 WRAPPER */}
+                        <div className="col-md-7">
+                            <div className="fbox-12-wrapper wow fadeInLeft">
+                                <div className="row">
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #1 */}
+                                        <div id="fb-12-1" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-layers-1" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">Integrated</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #2 */}
+                                        <div id="fb-12-2" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-click-1" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">Intuitive</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #3 */}
+                                        <div id="fb-12-3" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-prioritize" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">Flexible</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #4 */}
+                                        <div id="fb-12-4" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-analytics" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">Efficient</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* End row */}
+                        </div>	{/* END FEATURES-12 WRAPPER */}
+                    </div>    {/* End row */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features12_8.js b/components/sections/Features12_8.js
new file mode 100644
index 0000000..889308d
--- /dev/null
+++ b/components/sections/Features12_8.js
@@ -0,0 +1,134 @@
+
+
+import Link from "next/link"
+export default function Features12_8() {
+    return (
+        <>
+            <section id="features-12" className="shape--bg shape--white-400 pt-100 features-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-5">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">Real-time Analytics</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">A single tool for all your needs</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum and congue undo laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna ligula and cursus vitae
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat undo ipsum laoreet diam purus sapien a dolor ociis ultrice
+                                            ipsum aliquam
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit  vitae cubilia magnis diam volute egestas
+                                            sapien ultrice auctor
+                                        </p>
+                                    </li>
+                                </ul>
+                                {/* Link */}
+                                <div className="txt-block-tra-link mt-25">
+                                    <Link href="#features-5" className="tra-link ico-20 color--theme">
+                                        Optimize your results <span className="flaticon-next" />
+                                    </Link>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* FEATURES-12 WRAPPER */}
+                        <div className="col-md-7">
+                            <div className="fbox-12-wrapper wow fadeInLeft">
+                                <div className="row">
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #1 */}
+                                        <div id="fb-12-1" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-maximize" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Cross-Platform</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #2 */}
+                                        <div id="fb-12-2" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-manager" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Multiple Accounts</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #3 */}
+                                        <div id="fb-12-3" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-rotate" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Extremely Flexible</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #4 */}
+                                        <div id="fb-12-4" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-prioritize" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Easy to Embed</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* End row */}
+                        </div>	{/* END FEATURES-12 WRAPPER */}
+                    </div>    {/* End row */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features12_9.js b/components/sections/Features12_9.js
new file mode 100644
index 0000000..447feae
--- /dev/null
+++ b/components/sections/Features12_9.js
@@ -0,0 +1,125 @@
+
+
+export default function Features12_9() {
+    return (
+        <>
+            <section id="features-12" className="shape--bg shape--white-500 pt-100 features-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-5">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Automate your way to success</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum and congue undo laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna ligula and cursus vitae
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat undo ipsum laoreet diam purus sapien a dolor ociis ultrice
+                                            ipsum aliquam congue a dolor cursus congue varius magnis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit  vitae cubilia magnis diam volute egestas
+                                            sapien ultrice auctor
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* FEATURES-12 WRAPPER */}
+                        <div className="col-md-7">
+                            <div className="fbox-12-wrapper wow fadeInLeft">
+                                <div className="row">
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #1 */}
+                                        <div id="fb-12-1" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-layers-1" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Content Marketing</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #2 */}
+                                        <div id="fb-12-2" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-tutorial" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Video Marketing</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #3 */}
+                                        <div id="fb-12-3" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-pay-per-click" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Pay Per Click (PPC)</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #4 */}
+                                        <div id="fb-12-4" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-taxes" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Business Analytics</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* End row */}
+                        </div>	{/* END FEATURES-12 WRAPPER */}
+                    </div>    {/* End row */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features13_1.js b/components/sections/Features13_1.js
new file mode 100644
index 0000000..c7ba986
--- /dev/null
+++ b/components/sections/Features13_1.js
@@ -0,0 +1,127 @@
+
+
+export default function Features13_1() {
+    return (
+        <>
+            <section id="features-13" className="shape--bg shape--white-500 pt-100 features-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* FEATURES-13 WRAPPER */}
+                        <div className="col-md-7 order-last order-md-2">
+                            <div className="fbox-13-wrapper wow fadeInRight">
+                                <div className="row">
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #1 */}
+                                        <div id="fb-12-1" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-layers-1" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Content Marketing</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #2 */}
+                                        <div id="fb-12-2" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-tutorial" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Video Marketing</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #3 */}
+                                        <div id="fb-12-3" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-pay-per-click" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Pay Per Click (PPC)</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #4 */}
+                                        <div id="fb-12-4" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-taxes" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Business Analytics</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* End row */}
+                        </div>	{/* END FEATURES-13 WRAPPER */}
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-5 order-first order-md-2">
+                            <div className="txt-block left-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">One-Stop Solution</span>
+                                {/* Title */}
+                                <h2 className="s-44 w-700">Smart solutions, real-time results</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum and congue undo laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna ligula and cursus vitae
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat undo ipsum laoreet diam purus sapien a dolor ociis ultrice
+                                            ipsum aliquam
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit  vitae cubilia magnis diam volute egestas
+                                            sapien ultrice auctor
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>    {/* End row */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features13_2.js b/components/sections/Features13_2.js
new file mode 100644
index 0000000..683545e
--- /dev/null
+++ b/components/sections/Features13_2.js
@@ -0,0 +1,127 @@
+
+
+export default function Features13_2() {
+    return (
+        <>
+            <section id="features-13" className="shape--bg shape--white-500 pt-100 features-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* FEATURES-13 WRAPPER */}
+                        <div className="col-md-7 order-last order-md-2">
+                            <div className="fbox-13-wrapper wow fadeInRight">
+                                <div className="row">
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #1 */}
+                                        <div id="fb-12-1" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-55">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-graphics" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">Market Research</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #2 */}
+                                        <div id="fb-12-2" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-55">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-idea" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">User Experience</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #3 */}
+                                        <div id="fb-12-3" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-55">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-graphic" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">Digital Marketing</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #4 */}
+                                        <div id="fb-12-4" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-55">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-search-engine-1" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">SEO Services</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* End row */}
+                        </div>	{/* END FEATURES-13 WRAPPER */}
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-5 order-first order-md-2">
+                            <div className="txt-block left-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">One-Stop Solution</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Smart solutions, real-time results</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum and congue undo laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna ligula and cursus vitae
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat undo ipsum laoreet diam purus sapien a dolor ociis ultrice
+                                            ipsum aliquam congue a dolor cursus congue varius magnis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit  vitae cubilia magnis diam volute egestas
+                                            sapien ultrice auctor
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>    {/* End row */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features13_3.js b/components/sections/Features13_3.js
new file mode 100644
index 0000000..eeb3e10
--- /dev/null
+++ b/components/sections/Features13_3.js
@@ -0,0 +1,127 @@
+
+
+export default function Features13_3() {
+    return (
+        <>
+            <section id="features-13" className="shape--bg shape--white-500 pt-100 features-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* FEATURES-13 WRAPPER */}
+                        <div className="col-md-7 order-last order-md-2">
+                            <div className="fbox-13-wrapper wow fadeInRight">
+                                <div className="row">
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #1 */}
+                                        <div id="fb-12-1" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-layers-1" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Content Marketing</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #2 */}
+                                        <div id="fb-12-2" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-tutorial" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Video Marketing</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #3 */}
+                                        <div id="fb-12-3" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-pay-per-click" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Pay Per Click (PPC)</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #4 */}
+                                        <div id="fb-12-4" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-taxes" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Business Analytics</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* End row */}
+                        </div>	{/* END FEATURES-13 WRAPPER */}
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-5 order-first order-md-2">
+                            <div className="txt-block left-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Access Control</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Control data access with ease</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum and congue undo laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna ligula and cursus vitae
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat undo ipsum laoreet diam purus sapien a dolor ociis ultrice
+                                            ipsum aliquam
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit  vitae cubilia magnis diam volute egestas
+                                            sapien ultrice auctor
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>    {/* End row */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features13_4.js b/components/sections/Features13_4.js
new file mode 100644
index 0000000..8ef6c0c
--- /dev/null
+++ b/components/sections/Features13_4.js
@@ -0,0 +1,127 @@
+
+
+export default function Features13_4() {
+    return (
+        <>
+            <section id="features-13" className="shape--bg shape--white-500 pt-100 features-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* FEATURES-13 WRAPPER */}
+                        <div className="col-md-7 order-last order-md-2">
+                            <div className="fbox-13-wrapper wow fadeInRight">
+                                <div className="row">
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #1 */}
+                                        <div id="fb-12-1" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-click" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Quick Access</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #2 */}
+                                        <div id="fb-12-2" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-rotate" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Convert Media Files</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #3 */}
+                                        <div id="fb-12-3" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-search-engine-1" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Friendly Interface</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #4 */}
+                                        <div id="fb-12-4" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-hosting" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Storage &amp; Backup</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* End row */}
+                        </div>	{/* END FEATURES-13 WRAPPER */}
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-5 order-first order-md-2">
+                            <div className="txt-block left-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Powerful Features</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Show your love with elegance</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum and congue undo laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna ligula and cursus vitae
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat undo ipsum laoreet diam purus sapien a dolor ociis ultrice
+                                            ipsum aliquam congue a dolor cursus congue varius magnis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit  vitae cubilia magnis diam volute egestas
+                                            sapien ultrice auctor
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>    {/* End row */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features13_5.js b/components/sections/Features13_5.js
new file mode 100644
index 0000000..8eb361d
--- /dev/null
+++ b/components/sections/Features13_5.js
@@ -0,0 +1,127 @@
+
+
+export default function Features13_5() {
+    return (
+        <>
+            <section id="features-13" className="shape--bg shape--purple-100 pt-100 features-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* FEATURES-13 WRAPPER */}
+                        <div className="col-md-7 order-last order-md-2">
+                            <div className="fbox-13-wrapper wow fadeInRight">
+                                <div className="row">
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #1 */}
+                                        <div id="fb-12-1" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-graphics" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">Market Research</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #2 */}
+                                        <div id="fb-12-2" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-idea" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">User Experience</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #3 */}
+                                        <div id="fb-12-3" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-graphic" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">Digital Marketing</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #4 */}
+                                        <div id="fb-12-4" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-search-engine-1" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">SEO Services</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* End row */}
+                        </div>	{/* END FEATURES-13 WRAPPER */}
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-5 order-first order-md-2">
+                            <div className="txt-block left-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">One-Stop Solution</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Smart solutions, real-time results</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum and congue undo laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna ligula and cursus vitae
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat undo ipsum laoreet diam purus sapien a dolor ociis ultrice
+                                            ipsum aliquam congue a dolor cursus congue varius magnis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit  vitae cubilia magnis diam volute egestas
+                                            sapien ultrice auctor
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>    {/* End row */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features13_6.js b/components/sections/Features13_6.js
new file mode 100644
index 0000000..14c25c0
--- /dev/null
+++ b/components/sections/Features13_6.js
@@ -0,0 +1,127 @@
+
+
+export default function Features13_6() {
+    return (
+        <>
+            <section id="features-13" className="shape--bg shape--white-500 pt-100 features-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* FEATURES-13 WRAPPER */}
+                        <div className="col-md-7 order-last order-md-2">
+                            <div className="fbox-13-wrapper wow fadeInRight">
+                                <div className="row">
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #1 */}
+                                        <div id="fb-12-1" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-layers-1" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Content Marketing</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #2 */}
+                                        <div id="fb-12-2" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-tutorial" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Video Marketing</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #3 */}
+                                        <div id="fb-12-3" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-pay-per-click" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Pay Per Click (PPC)</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #4 */}
+                                        <div id="fb-12-4" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-taxes" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-19 w-700">Business Analytics</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* End row */}
+                        </div>	{/* END FEATURES-13 WRAPPER */}
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-5 order-first order-md-2">
+                            <div className="txt-block left-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Access Control</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Control data access with ease</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum and congue undo laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna ligula and cursus vitae
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat undo ipsum laoreet diam purus sapien a dolor ociis ultrice
+                                            ipsum aliquam
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit  vitae cubilia magnis diam volute egestas
+                                            sapien ultrice auctor
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>    {/* End row */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features13_7.js b/components/sections/Features13_7.js
new file mode 100644
index 0000000..a9ce471
--- /dev/null
+++ b/components/sections/Features13_7.js
@@ -0,0 +1,134 @@
+
+
+import Link from "next/link"
+export default function Features13_7() {
+    return (
+        <>
+            <section id="features-13" className="shape--bg shape--white-500 pt-100 features-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* FEATURES-13 WRAPPER */}
+                        <div className="col-md-7 order-last order-md-2">
+                            <div className="fbox-13-wrapper wow fadeInRight">
+                                <div className="row">
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #1 */}
+                                        <div id="fb-12-1" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-layers-1" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">Integrated</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #2 */}
+                                        <div id="fb-12-2" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-click-1" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">Intuitive</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #3 */}
+                                        <div id="fb-12-3" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-prioritize" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">Flexible</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #4 */}
+                                        <div id="fb-12-4" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-analytics" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">Efficient</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* End row */}
+                        </div>	{/* END FEATURES-13 WRAPPER */}
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-5 order-first order-md-2">
+                            <div className="txt-block left-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Real-time Analytics</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">A single tool for all your needs</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum and congue undo laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna ligula and cursus vitae
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat undo ipsum laoreet diam purus sapien a dolor ociis ultrice
+                                            ipsum aliquam
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit  vitae cubilia magnis diam volute egestas
+                                            sapien ultrice auctor
+                                        </p>
+                                    </li>
+                                </ul>
+                                {/* Link */}
+                                <div className="txt-block-tra-link mt-25">
+                                    <Link href="#integrations-1" className="tra-link ico-20 color--theme">
+                                        Data integrations <span className="flaticon-next" />
+                                    </Link>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>    {/* End row */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features13_8.js b/components/sections/Features13_8.js
new file mode 100644
index 0000000..7648018
--- /dev/null
+++ b/components/sections/Features13_8.js
@@ -0,0 +1,127 @@
+
+
+export default function Features13_8() {
+    return (
+        <>
+            <section id="features-13" className="shape--bg shape--white-500 pt-100 features-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* FEATURES-13 WRAPPER */}
+                        <div className="col-md-7 order-last order-md-2">
+                            <div className="fbox-13-wrapper wow fadeInRight">
+                                <div className="row">
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #1 */}
+                                        <div id="fb-12-1" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-graphics" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">Market Research</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #2 */}
+                                        <div id="fb-12-2" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-idea" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">User Experience</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #3 */}
+                                        <div id="fb-12-3" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-graphic" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">Digital Marketing</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #4 */}
+                                        <div id="fb-12-4" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-search-engine-1" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">SEO Services</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* End row */}
+                        </div>	{/* END FEATURES-13 WRAPPER */}
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-5 order-first order-md-2">
+                            <div className="txt-block left-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id color--black">One-Stop Solution</span>
+                                {/* Title */}
+                                <h2 className="s-44 w-700">Smart solutions, real-time results</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum and congue undo laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna ligula and cursus vitae
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat undo ipsum laoreet diam purus sapien a dolor ociis ultrice
+                                            ipsum aliquam congue a dolor cursus congue varius magnis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit  vitae cubilia magnis diam volute egestas
+                                            sapien ultrice auctor
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>    {/* End row */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features13_9.js b/components/sections/Features13_9.js
new file mode 100644
index 0000000..79f258d
--- /dev/null
+++ b/components/sections/Features13_9.js
@@ -0,0 +1,127 @@
+
+
+export default function Features13_9() {
+    return (
+        <>
+            <section id="features-13" className="shape--bg shape--white-400 pt-100 features-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* FEATURES-13 WRAPPER */}
+                        <div className="col-md-7 order-last order-md-2">
+                            <div className="fbox-13-wrapper wow fadeInRight">
+                                <div className="row">
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #1 */}
+                                        <div id="fb-12-1" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-graphics" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">Market Research</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #2 */}
+                                        <div id="fb-12-2" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-idea" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">User Experience</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div className="col-md-6">
+                                        {/* FEATURE BOX #3 */}
+                                        <div id="fb-12-3" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-graphic" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">Digital Marketing</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                        {/* FEATURE BOX #4 */}
+                                        <div id="fb-12-4" className="fbox-12 bg--white-100 block-shadow r-12">
+                                            {/* Icon */}
+                                            <div className="fbox-ico ico-50">
+                                                <div className="shape-ico color--theme">
+                                                    {/* Vector Icon */}
+                                                    <span className="flaticon-search-engine-1" />
+                                                    {/* Shape */}
+                                                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                        <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                    </svg>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-20 w-700">SEO Services</h5>
+                                                <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* End row */}
+                        </div>	{/* END FEATURES-13 WRAPPER */}
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-5 order-first order-md-2">
+                            <div className="txt-block left-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">One-Stop Solution</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Smart solutions, real-time results</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum and congue undo laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna ligula and cursus vitae
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat undo ipsum laoreet diam purus sapien a dolor ociis ultrice
+                                            ipsum aliquam congue a dolor cursus congue varius magnis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit  vitae cubilia magnis diam volute egestas
+                                            sapien ultrice auctor
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>    {/* End row */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features1_1.js b/components/sections/Features1_1.js
new file mode 100644
index 0000000..82364f6
--- /dev/null
+++ b/components/sections/Features1_1.js
@@ -0,0 +1,79 @@
+
+
+export default function Features1_1() {
+    return (
+        <>
+            <section id="features-1" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">The Complete Solutions</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-1 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-1 fb-1 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_01.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_01_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Intuitive Dashboard</h6>
+                                        <p>Luctus augue egestas undo ultrice quisque in lacus cursus feugiat eget ultrice
+                                            laoreet cubilia sagittis
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-1 fb-2 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_05.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_05_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Effortless Integration</h6>
+                                        <p>Augue egestas luctus undo ultrice quisque in lacus cursus feugiat eget ultrice
+                                            sagittis cubilia laoreet
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-1 fb-3 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_02.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_02_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Advanced Analytics</h6>
+                                        <p>Egestas luctus augue undo ultrice quisque in lacus cursus feugiat eget ultrice
+                                            laoreet sagittis cubilia
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-1 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features1_2.js b/components/sections/Features1_2.js
new file mode 100644
index 0000000..3de71db
--- /dev/null
+++ b/components/sections/Features1_2.js
@@ -0,0 +1,79 @@
+
+
+export default function Features1_2() {
+    return (
+        <>
+            <section id="features-1" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Track the progress towards objectives with key results</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-1 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-1 fb-1 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_01.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_01_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Intuitive Dashboard</h6>
+                                        <p>Luctus augue egestas undo ultrice quisque in lacus cursus feugiat eget ultrice
+                                            laoreet cubilia sagittis
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-1 fb-2 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_05.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_05_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Effortless Integration</h6>
+                                        <p>Augue egestas luctus undo ultrice quisque in lacus cursus feugiat eget ultrice
+                                            sagittis cubilia laoreet
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-1 fb-3 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_02.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_02_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Engagement Analysis</h6>
+                                        <p>Egestas luctus augue undo ultrice quisque in lacus cursus feugiat eget ultrice
+                                            laoreet sagittis cubilia
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-1 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features2_1.js b/components/sections/Features2_1.js
new file mode 100644
index 0000000..8a8b9ae
--- /dev/null
+++ b/components/sections/Features2_1.js
@@ -0,0 +1,73 @@
+
+
+export default function Features2_1() {
+    return (
+        <>
+            <section id="features-2" className="py-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">The Complete Solutions</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-2 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-1 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_01.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_01_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Intuitive Dashboard</h6>
+                                        <p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
+                                    </div>
+                                </div>
+                            </div> {/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-2 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_05.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_05_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Effortless Integration</h6>
+                                        <p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
+                                    </div>
+                                </div>
+                            </div> {/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-3 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_02.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_02_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Engagement Analysis</h6>
+                                        <p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
+                                    </div>
+                                </div>
+                            </div> {/* END FEATURE BOX #3 */}
+                        </div> {/* End row */}
+                    </div> {/* END FEATURES-2 WRAPPER */}
+                </div> {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features2_10.js b/components/sections/Features2_10.js
new file mode 100644
index 0000000..be09118
--- /dev/null
+++ b/components/sections/Features2_10.js
@@ -0,0 +1,73 @@
+
+
+export default function Features2_10() {
+    return (
+        <>
+            <section id="features-2" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">The Complete Solutions</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-2 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-1 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_04.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_04_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Friendly Interface</h6>
+                                        <p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-2 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_06.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_06_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Extensions &amp; Addons</h6>
+                                        <p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-3 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_08.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_08_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Flexible Editor</h6>
+                                        <p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features2_11.js b/components/sections/Features2_11.js
new file mode 100644
index 0000000..aca82cf
--- /dev/null
+++ b/components/sections/Features2_11.js
@@ -0,0 +1,73 @@
+
+
+export default function Features2_11() {
+    return (
+        <>
+            <section id="features-2" className="py-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Everything in One Place</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-2 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-1 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_04.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_04_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Intuitive Dashboard</h6>
+                                        <p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-2 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_06.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_06_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Extensions &amp; Addons</h6>
+                                        <p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-3 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_08.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_08_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Flexible Editor</h6>
+                                        <p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features2_12.js b/components/sections/Features2_12.js
new file mode 100644
index 0000000..ccb9aeb
--- /dev/null
+++ b/components/sections/Features2_12.js
@@ -0,0 +1,73 @@
+
+
+export default function Features2_12() {
+    return (
+        <>
+            <section id="features-2" className="py-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">The Complete Solutions</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-2 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-1 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_01.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_01_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Intuitive Dashboard</h6>
+                                        <p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-2 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_05.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_05_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Effortless Integration</h6>
+                                        <p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-3 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_02.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_02_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Engagement Analysis</h6>
+                                        <p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features2_13.js b/components/sections/Features2_13.js
new file mode 100644
index 0000000..d3ff520
--- /dev/null
+++ b/components/sections/Features2_13.js
@@ -0,0 +1,73 @@
+
+
+export default function Features2_13() {
+    return (
+        <>
+            <section id="features-2" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">The Complete Solutions</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-2 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-1 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_04.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_04_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Intuitive Dashboard</h6>
+                                        <p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-2 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_05.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_05_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Effortless Integration</h6>
+                                        <p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-3 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_02.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_03_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Engagement Analysis</h6>
+                                        <p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features2_14.js b/components/sections/Features2_14.js
new file mode 100644
index 0000000..9d42691
--- /dev/null
+++ b/components/sections/Features2_14.js
@@ -0,0 +1,73 @@
+
+
+export default function Features2_14() {
+    return (
+        <>
+            <section id="features-2" className="pt-90 pb-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">The Complete Solutions</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-2 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-1 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_04.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_04_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Friendly Interface</h6>
+                                        <p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-2 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_08.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_08_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Flexible Editor</h6>
+                                        <p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-3 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_03.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_03_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Data Protection</h6>
+                                        <p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features2_15.js b/components/sections/Features2_15.js
new file mode 100644
index 0000000..d4f3db4
--- /dev/null
+++ b/components/sections/Features2_15.js
@@ -0,0 +1,62 @@
+
+
+export default function Features2_15() {
+    return (
+        <>
+            <section id="features-2" className="pt-100 features-section division">
+                <div className="container">
+                    {/* FEATURES-2 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-1 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_04.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_04_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">End-to-End Easy</h6>
+                                        <p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-2 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_08.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_08_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Unique Elements</h6>
+                                        <p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-3 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_05.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_05_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Extensions &amp; Addons</h6>
+                                        <p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features2_16.js b/components/sections/Features2_16.js
new file mode 100644
index 0000000..16b4f7b
--- /dev/null
+++ b/components/sections/Features2_16.js
@@ -0,0 +1,73 @@
+
+
+export default function Features2_16() {
+    return (
+        <>
+            <section id="features-2" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Everything in One Place</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-2 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-1 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_01.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_01_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Friendly Interface</h6>
+                                        <p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-2 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_02.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_02_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Engagement Analysis</h6>
+                                        <p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-3 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_03.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_03_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Data Protection</h6>
+                                        <p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features2_17.js b/components/sections/Features2_17.js
new file mode 100644
index 0000000..c6feda6
--- /dev/null
+++ b/components/sections/Features2_17.js
@@ -0,0 +1,118 @@
+
+
+export default function Features2_17() {
+    return (
+        <>
+            <section id="features-2" className="py-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Everything in One Place</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-2 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-3 rows-2">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-1 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-170">
+                                        <img className="img-fluid light-theme-img" src="/images/f_04.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_04_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Quick Integration</h6>
+                                        <p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-2 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-170">
+                                        <img className="img-fluid light-theme-img" src="/images/f_09.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_09_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Extremely Flexible</h6>
+                                        <p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-3 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-170">
+                                        <img className="img-fluid light-theme-img" src="/images/f_01.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_01_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Intuitive Dashboard</h6>
+                                        <p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* FEATURE BOX #4 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-4 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-170">
+                                        <img className="img-fluid light-theme-img" src="/images/f_05.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_05_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Marketing Integrations</h6>
+                                        <p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #4 */}
+                            {/* FEATURE BOX #5 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-5 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-170">
+                                        <img className="img-fluid light-theme-img" src="/images/f_02.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_02_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Detailed Analytics</h6>
+                                        <p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #5 */}
+                            {/* FEATURE BOX #6 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-6 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-170">
+                                        <img className="img-fluid light-theme-img" src="/images/f_11.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_11_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Multiple Accounts</h6>
+                                        <p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #6 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features2_18.js b/components/sections/Features2_18.js
new file mode 100644
index 0000000..68934b0
--- /dev/null
+++ b/components/sections/Features2_18.js
@@ -0,0 +1,73 @@
+
+
+export default function Features2_18() {
+    return (
+        <>
+            <section id="features-2" className="py-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-48 w-700">Everything in One Place</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-2 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-1 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_01.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_01_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Intuitive Dashboard</h6>
+                                        <p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-2 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_02.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_02_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Insights Report</h6>
+                                        <p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-3 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_03.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_03_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Data Protection</h6>
+                                        <p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features2_19.js b/components/sections/Features2_19.js
new file mode 100644
index 0000000..99d93cc
--- /dev/null
+++ b/components/sections/Features2_19.js
@@ -0,0 +1,73 @@
+
+
+export default function Features2_19() {
+    return (
+        <>
+            <section id="features-2" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">The Complete Solutions</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-2 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-1 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_01.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_01_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Intuitive Dashboard</h6>
+                                        <p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-2 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_02.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_02_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Insights Report</h6>
+                                        <p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-3 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_05.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_05_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Effortless Integration</h6>
+                                        <p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features2_2.js b/components/sections/Features2_2.js
new file mode 100644
index 0000000..fc60d0f
--- /dev/null
+++ b/components/sections/Features2_2.js
@@ -0,0 +1,73 @@
+
+
+export default function Features2_2() {
+    return (
+        <>
+            <section id="features-2" className="py-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Build a customer-centric marketing strategy</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-2 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-1 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_01.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_01_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Modular</h6>
+                                        <p>Used independently or as part of other solutions. As your practice needs to change, add or remove features at any time.</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-2 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_05.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_05_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Cross-Platform</h6>
+                                        <p>Any device support. Your desktop, laptop, and smartphone provide identical seamless solutions.</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-3 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_02.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_02_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Secure</h6>
+                                        <p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features2_20.js b/components/sections/Features2_20.js
new file mode 100644
index 0000000..6c7360d
--- /dev/null
+++ b/components/sections/Features2_20.js
@@ -0,0 +1,73 @@
+
+
+export default function Features2_20() {
+    return (
+        <>
+            <section id="features-2" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Digital marketing that drives results for your business</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-2 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-1 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_01.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_01_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Intuitive Dashboard</h6>
+                                        <p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-2 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_05.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_05_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Effortless Integration</h6>
+                                        <p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-3 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_02.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_02_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Engagement Analysis</h6>
+                                        <p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features2_21.js b/components/sections/Features2_21.js
new file mode 100644
index 0000000..5678719
--- /dev/null
+++ b/components/sections/Features2_21.js
@@ -0,0 +1,73 @@
+
+
+export default function Features2_21() {
+    return (
+        <>
+            <section id="features-2" className="py-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Everything in One Place</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-2 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-1 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_01.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_01_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Intuitive Dashboard</h6>
+                                        <p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-2 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_02.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_02_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Engagement Analysis</h6>
+                                        <p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-3 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_03.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_03_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Data Protection</h6>
+                                        <p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features2_22.js b/components/sections/Features2_22.js
new file mode 100644
index 0000000..318acca
--- /dev/null
+++ b/components/sections/Features2_22.js
@@ -0,0 +1,73 @@
+
+
+export default function Features2_22() {
+    return (
+        <>
+            <section id="features-2" className="py-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Everything in One Place</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-2 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-1 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_01.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_01_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Intuitive Dashboard</h6>
+                                        <p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-2 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_02.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_02_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Engagement Analysis</h6>
+                                        <p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-3 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_03.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_03_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Advanced Security</h6>
+                                        <p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features2_23.js b/components/sections/Features2_23.js
new file mode 100644
index 0000000..6cfd130
--- /dev/null
+++ b/components/sections/Features2_23.js
@@ -0,0 +1,73 @@
+
+
+export default function Features2_23() {
+    return (
+        <>
+            <section id="features-2" className="py-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-48 w-700">Everything in One Place</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-2 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-1 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_04.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_04_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Quick Integration</h6>
+                                        <p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-2 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_11.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_11_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Multiple Accounts</h6>
+                                        <p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-3 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_02.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_02_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Engagement Analysis</h6>
+                                        <p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features2_24.js b/components/sections/Features2_24.js
new file mode 100644
index 0000000..66a9e81
--- /dev/null
+++ b/components/sections/Features2_24.js
@@ -0,0 +1,73 @@
+
+
+export default function Features2_24() {
+    return (
+        <>
+            <section id="features-2" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-52 w-700">The Complete Solutions</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-2 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-1 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_01.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_01_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Intuitive Dashboard</h6>
+                                        <p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-2 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_08.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_08_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Flexible Editor</h6>
+                                        <p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-3 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_05.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_05_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Effortless Integration</h6>
+                                        <p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features2_25.js b/components/sections/Features2_25.js
new file mode 100644
index 0000000..a81f7e7
--- /dev/null
+++ b/components/sections/Features2_25.js
@@ -0,0 +1,73 @@
+
+
+export default function Features2_25() {
+    return (
+        <>
+            <section id="features-2" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Everything in One Place</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-2 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-1 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_01.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_01_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Intuitive Dashboard</h6>
+                                        <p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-2 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_05.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_05_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Effortless Integration</h6>
+                                        <p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-3 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_02.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_02_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Real-time Analytics</h6>
+                                        <p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features2_3.js b/components/sections/Features2_3.js
new file mode 100644
index 0000000..c65efd6
--- /dev/null
+++ b/components/sections/Features2_3.js
@@ -0,0 +1,73 @@
+
+
+export default function Features2_3() {
+    return (
+        <>
+            <section id="features-2" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">The Complete Solutions</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-2 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-1 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_04.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_04_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Quick Integration</h6>
+                                        <p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-2 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_05.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_05_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Effortless Integration</h6>
+                                        <p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-3 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_02.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_02_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Advanced Analytics</h6>
+                                        <p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features2_4.js b/components/sections/Features2_4.js
new file mode 100644
index 0000000..63129b6
--- /dev/null
+++ b/components/sections/Features2_4.js
@@ -0,0 +1,73 @@
+
+
+export default function Features2_4() {
+    return (
+        <>
+            <section id="features-2" className="py-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">The Complete Solutions</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-2 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-1 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_01.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_01_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Friendly Interface</h6>
+                                        <p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-2 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_06.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_06_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Extensions &amp; Addons</h6>
+                                        <p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-3 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_08.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_08_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Flexible Editor</h6>
+                                        <p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features2_5.js b/components/sections/Features2_5.js
new file mode 100644
index 0000000..ba52fca
--- /dev/null
+++ b/components/sections/Features2_5.js
@@ -0,0 +1,73 @@
+
+
+export default function Features2_5() {
+    return (
+        <>
+            <section id="features-2" className="py-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Everything in One Place</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-2 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-1 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_01.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_01_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Intuitive Dashboard</h6>
+                                        <p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-2 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_05.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_05_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Effortless Integration</h6>
+                                        <p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-3 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_02.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_02_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Real-time Analytics</h6>
+                                        <p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features2_6.js b/components/sections/Features2_6.js
new file mode 100644
index 0000000..c6f28b4
--- /dev/null
+++ b/components/sections/Features2_6.js
@@ -0,0 +1,73 @@
+
+
+export default function Features2_6() {
+    return (
+        <>
+            <section id="features-2" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">The Complete Solutions</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-2 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-1 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_01.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_01_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Intuitive Dashboard</h6>
+                                        <p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-2 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_05.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_05_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Marketing Integrations</h6>
+                                        <p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-3 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_02.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_02_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Engagement Analysis</h6>
+                                        <p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features2_7.js b/components/sections/Features2_7.js
new file mode 100644
index 0000000..9058fe7
--- /dev/null
+++ b/components/sections/Features2_7.js
@@ -0,0 +1,73 @@
+
+
+export default function Features2_7() {
+    return (
+        <>
+            <section id="features-2" className="pt-90 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Track the progress towards objectives with key results</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-2 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-1 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_01.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_01_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Intuitive Dashboard</h6>
+                                        <p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-2 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_02.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_02_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Engagement Analysis</h6>
+                                        <p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-3 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_03.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_03_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Advanced Security</h6>
+                                        <p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features2_8.js b/components/sections/Features2_8.js
new file mode 100644
index 0000000..5c08ae5
--- /dev/null
+++ b/components/sections/Features2_8.js
@@ -0,0 +1,73 @@
+
+
+export default function Features2_8() {
+    return (
+        <>
+            <section id="features-2" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Enhance your workflow and improve your productivity</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-2 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-1 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_01.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_01_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Friendly Interface</h6>
+                                        <p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-2 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_05.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_05_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Extensions &amp; Addons</h6>
+                                        <p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-3 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_03.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_03_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Advanced Security</h6>
+                                        <p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features2_9.js b/components/sections/Features2_9.js
new file mode 100644
index 0000000..0323f77
--- /dev/null
+++ b/components/sections/Features2_9.js
@@ -0,0 +1,73 @@
+
+
+export default function Features2_9() {
+    return (
+        <>
+            <section id="features-2" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-48 w-700">Everything in One Place</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-2 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-1 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_04.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_04_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Friendly Interface</h6>
+                                        <p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-2 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_08.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_08_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Flexible Editor</h6>
+                                        <p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-2 fb-3 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-img gr--whitesmoke h-175">
+                                        <img className="img-fluid light-theme-img" src="/images/f_03.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_03_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-22 w-700">Data Protection</h6>
+                                        <p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features5_1.js b/components/sections/Features5_1.js
new file mode 100644
index 0000000..813ca14
--- /dev/null
+++ b/components/sections/Features5_1.js
@@ -0,0 +1,60 @@
+
+
+export default function Features5_1() {
+    return (
+        <>
+            <section id="features-5" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Reach your audience through social media marketing</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-5 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row d-flex align-items-center">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col-md-6">
+                                <div className="fbox-5 fb-1 bg--white-400 r-16 wow fadeInUp">
+                                    {/* Text */}
+                                    <div className="fbox-txt order-last order-md-2">
+                                        <h5 className="s-26 w-700">Marketing Integrations</h5>
+                                        <p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis
+                                            libero</p>
+                                    </div>
+                                    {/* Image */}
+                                    <div className="fbox-5-img order-first order-md-2">
+                                        <img className="img-fluid light-theme-img" src="/images/f_06.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_06_dark.png" alt="feature-image" />
+                                    </div>
+                                </div>
+                            </div> {/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col-md-6">
+                                <div className="fbox-5 fb-2 bg--white-400 r-16 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-5-img">
+                                        <img className="img-fluid light-theme-img" src="/images/f_04.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_04_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h5 className="s-26 w-700">Enhance Engagement</h5>
+                                        <p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis
+                                            libero</p>
+                                    </div>
+                                </div>
+                            </div> {/* END FEATURE BOX #2 */}
+                        </div> {/* End row */}
+                    </div> {/* END FEATURES-5 WRAPPER */}
+                </div> {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features5_10.js b/components/sections/Features5_10.js
new file mode 100644
index 0000000..27c70df
--- /dev/null
+++ b/components/sections/Features5_10.js
@@ -0,0 +1,58 @@
+
+
+export default function Features5_10() {
+    return (
+        <>
+            <section id="features-5" className="bg--02 py-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Track the progress towards objectives with key results</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-5 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row d-flex align-items-center">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col-md-6">
+                                <div className="fbox-5 fb-1 bg--white-100 block-shadow r-16 wow fadeInUp">
+                                    {/* Text */}
+                                    <div className="fbox-txt order-last order-md-2">
+                                        <h5 className="s-26 w-700">Marketing Integrations</h5>
+                                        <p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
+                                    </div>
+                                    {/* Image */}
+                                    <div className="fbox-5-img order-first order-md-2">
+                                        <img className="img-fluid light-theme-img" src="/images/f_06.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_06_dark.png" alt="feature-image" />
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col-md-6">
+                                <div className="fbox-5 fb-2 bg--white-100 block-shadow r-16 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-5-img">
+                                        <img className="img-fluid light-theme-img" src="/images/f_04.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_04_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h5 className="s-26 w-700">Easy Automations</h5>
+                                        <p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-5 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features5_11.js b/components/sections/Features5_11.js
new file mode 100644
index 0000000..93a68fa
--- /dev/null
+++ b/components/sections/Features5_11.js
@@ -0,0 +1,47 @@
+
+
+export default function Features5_11() {
+    return (
+        <>
+            <section id="features-5" className="pt-100 features-section division">
+                <div className="container">
+                    {/* FEATURES-5 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row d-flex align-items-center">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col-md-6">
+                                <div className="fbox-5 fb-1 bg--02 r-16 wow fadeInUp">
+                                    {/* Text */}
+                                    <div className="fbox-txt order-last order-md-2">
+                                        <h5 className="s-26 w-700">Multiple Accounts</h5>
+                                        <p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
+                                    </div>
+                                    {/* Image */}
+                                    <div className="fbox-5-img order-first order-md-2">
+                                        <img className="img-fluid light-theme-img" src="/images/f_11.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_11_dark.png" alt="feature-image" />
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col-md-6">
+                                <div className="fbox-5 fb-2 bg--02 r-16 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-5-img">
+                                        <img className="img-fluid light-theme-img" src="/images/f_04.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_04_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h5 className="s-26 w-700">Productivity Focused</h5>
+                                        <p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-5 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features5_12.js b/components/sections/Features5_12.js
new file mode 100644
index 0000000..e97f6fb
--- /dev/null
+++ b/components/sections/Features5_12.js
@@ -0,0 +1,58 @@
+
+
+export default function Features5_12() {
+    return (
+        <>
+            <section id="features-5" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Build a customer-centric marketing strategy</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-5 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row d-flex align-items-center">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col-md-6">
+                                <div className="fbox-5 fb-1 gr--smoke r-16 wow fadeInUp">
+                                    {/* Text */}
+                                    <div className="fbox-txt order-last order-md-2">
+                                        <h5 className="s-26 w-700">Marketing Integrations</h5>
+                                        <p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
+                                    </div>
+                                    {/* Image */}
+                                    <div className="fbox-5-img order-first order-md-2">
+                                        <img className="img-fluid light-theme-img" src="/images/f_06.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_06_dark.png" alt="feature-image" />
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col-md-6">
+                                <div className="fbox-5 fb-2 gr--smoke r-16 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-5-img">
+                                        <img className="img-fluid light-theme-img" src="/images/f_04.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_04_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h5 className="s-26 w-700">Productivity Focused</h5>
+                                        <p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-5 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features5_13.js b/components/sections/Features5_13.js
new file mode 100644
index 0000000..fbef74a
--- /dev/null
+++ b/components/sections/Features5_13.js
@@ -0,0 +1,58 @@
+
+
+export default function Features5_13() {
+    return (
+        <>
+            <section id="features-5" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-48 w-700">Track the progress towards objectives with key results</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-5 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row d-flex align-items-center">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col-md-6">
+                                <div className="fbox-5 fb-1 gr--smoke r-16 wow fadeInUp">
+                                    {/* Text */}
+                                    <div className="fbox-txt order-last order-md-2">
+                                        <h5 className="s-26 w-700">Marketing Integrations</h5>
+                                        <p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
+                                    </div>
+                                    {/* Image */}
+                                    <div className="fbox-5-img order-first order-md-2">
+                                        <img className="img-fluid light-theme-img" src="/images/f_06.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_06_dark.png" alt="feature-image" />
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col-md-6">
+                                <div className="fbox-5 fb-2 gr--smoke r-16 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-5-img">
+                                        <img className="img-fluid light-theme-img" src="/images/f_07.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_07_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h5 className="s-26 w-700">Research Solutions</h5>
+                                        <p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-5 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features5_14.js b/components/sections/Features5_14.js
new file mode 100644
index 0000000..f4bc475
--- /dev/null
+++ b/components/sections/Features5_14.js
@@ -0,0 +1,58 @@
+
+
+export default function Features5_14() {
+    return (
+        <>
+            <section id="features-5" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Build a customer-centric marketing strategy</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-5 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row d-flex align-items-center">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col-md-6">
+                                <div className="fbox-5 fb-1 gr--smoke r-16 wow fadeInUp">
+                                    {/* Text */}
+                                    <div className="fbox-txt order-last order-md-2">
+                                        <h5 className="s-26 w-700">Marketing Integrations</h5>
+                                        <p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
+                                    </div>
+                                    {/* Image */}
+                                    <div className="fbox-5-img order-first order-md-2">
+                                        <img className="img-fluid light-theme-img" src="/images/f_06.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_06_dark.png" alt="feature-image" />
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col-md-6">
+                                <div className="fbox-5 fb-2 gr--smoke r-16 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-5-img">
+                                        <img className="img-fluid light-theme-img" src="/images/f_04.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_04_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h5 className="s-26 w-700">Productivity Focused</h5>
+                                        <p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-5 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features5_2.js b/components/sections/Features5_2.js
new file mode 100644
index 0000000..eb35b64
--- /dev/null
+++ b/components/sections/Features5_2.js
@@ -0,0 +1,58 @@
+
+
+export default function Features5_2() {
+    return (
+        <>
+            <section id="features-5" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Reach your audience through social media marketing</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-5 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row d-flex align-items-center">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col-md-6">
+                                <div className="fbox-5 fb-1 bg--white-400 r-16 wow fadeInUp">
+                                    {/* Text */}
+                                    <div className="fbox-txt order-last order-md-2">
+                                        <h5 className="s-26 w-700">Marketing Integrations</h5>
+                                        <p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
+                                    </div>
+                                    {/* Image */}
+                                    <div className="fbox-5-img order-first order-md-2">
+                                        <img className="img-fluid light-theme-img" src="/images/f_06.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_06_dark.png" alt="feature-image" />
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col-md-6">
+                                <div className="fbox-5 fb-2 bg--white-400 r-16 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-5-img">
+                                        <img className="img-fluid light-theme-img" src="/images/f_04.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_04_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h5 className="s-26 w-700">Enhance Engagement</h5>
+                                        <p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-5 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features5_3.js b/components/sections/Features5_3.js
new file mode 100644
index 0000000..af2dbdb
--- /dev/null
+++ b/components/sections/Features5_3.js
@@ -0,0 +1,58 @@
+
+
+export default function Features5_3() {
+    return (
+        <>
+            <section id="features-5" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Reach your audience through social media marketing</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-5 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row d-flex align-items-center">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col-md-6">
+                                <div className="fbox-5 fb-1 gr--smoke r-16 wow fadeInUp">
+                                    {/* Text */}
+                                    <div className="fbox-txt order-last order-md-2">
+                                        <h5 className="s-26 w-700">Data Integrations</h5>
+                                        <p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
+                                    </div>
+                                    {/* Image */}
+                                    <div className="fbox-5-img order-first order-md-2">
+                                        <img className="img-fluid light-theme-img" src="/images/f_06.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_06_dark.png" alt="feature-image" />
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col-md-6">
+                                <div className="fbox-5 fb-2 gr--smoke r-16 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-5-img">
+                                        <img className="img-fluid light-theme-img" src="/images/f_07.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_07_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h5 className="s-26 w-700">Research Solutions</h5>
+                                        <p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-5 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features5_4.js b/components/sections/Features5_4.js
new file mode 100644
index 0000000..9443004
--- /dev/null
+++ b/components/sections/Features5_4.js
@@ -0,0 +1,58 @@
+
+
+export default function Features5_4() {
+    return (
+        <>
+            <section id="features-5" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Reach your audience through social media marketing</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-5 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row d-flex align-items-center">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col-md-6">
+                                <div className="fbox-5 fb-1 gr--smoke r-16 wow fadeInUp">
+                                    {/* Text */}
+                                    <div className="fbox-txt order-last order-md-2">
+                                        <h5 className="s-26 w-700">Marketing Integrations</h5>
+                                        <p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
+                                    </div>
+                                    {/* Image */}
+                                    <div className="fbox-5-img order-first order-md-2">
+                                        <img className="img-fluid light-theme-img" src="/images/f_06.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_06_dark.png" alt="feature-image" />
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col-md-6">
+                                <div className="fbox-5 fb-2 gr--smoke r-16 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-5-img">
+                                        <img className="img-fluid light-theme-img" src="/images/f_04.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_04_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h5 className="s-26 w-700">Productivity Focused</h5>
+                                        <p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-5 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features5_5.js b/components/sections/Features5_5.js
new file mode 100644
index 0000000..1b82fd9
--- /dev/null
+++ b/components/sections/Features5_5.js
@@ -0,0 +1,58 @@
+
+
+export default function Features5_5() {
+    return (
+        <>
+            <section id="features-5" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Reach your audience through social media marketing</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-5 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row d-flex align-items-center">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col-md-6">
+                                <div className="fbox-5 fb-1 bg--white-400 r-16 wow fadeInUp">
+                                    {/* Text */}
+                                    <div className="fbox-txt order-last order-md-2">
+                                        <h5 className="s-26 w-700">Marketing Integrations</h5>
+                                        <p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
+                                    </div>
+                                    {/* Image */}
+                                    <div className="fbox-5-img order-first order-md-2">
+                                        <img className="img-fluid light-theme-img" src="/images/f_06.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_06_dark.png" alt="feature-image" />
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col-md-6">
+                                <div className="fbox-5 fb-2 bg--white-400 r-16 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-5-img">
+                                        <img className="img-fluid light-theme-img" src="/images/f_04.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_04_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h5 className="s-26 w-700">Enhance Engagement</h5>
+                                        <p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-5 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features5_6.js b/components/sections/Features5_6.js
new file mode 100644
index 0000000..b2aee3c
--- /dev/null
+++ b/components/sections/Features5_6.js
@@ -0,0 +1,58 @@
+
+
+export default function Features5_6() {
+    return (
+        <>
+            <section id="features-5" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Everything in One Place</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-5 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row d-flex align-items-center">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col-md-6">
+                                <div className="fbox-5 fb-1 gr--smoke r-16 wow fadeInUp">
+                                    {/* Text */}
+                                    <div className="fbox-txt order-last order-md-2">
+                                        <h5 className="s-26 w-700">Improved Productivity</h5>
+                                        <p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
+                                    </div>
+                                    {/* Image */}
+                                    <div className="fbox-5-img order-first order-md-2">
+                                        <img className="img-fluid light-theme-img" src="/images/f_04.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_04_dark.png" alt="feature-image" />
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col-md-6">
+                                <div className="fbox-5 fb-2 gr--smoke r-16 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-5-img">
+                                        <img className="img-fluid light-theme-img" src="/images/f_02.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_02_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h5 className="s-26 w-700">Advanced Analytics</h5>
+                                        <p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-5 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features5_7.js b/components/sections/Features5_7.js
new file mode 100644
index 0000000..ebc93d2
--- /dev/null
+++ b/components/sections/Features5_7.js
@@ -0,0 +1,58 @@
+
+
+export default function Features5_7() {
+    return (
+        <>
+            <section id="features-5" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Reach your audience through social media marketing</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-5 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row d-flex align-items-center">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col-md-6">
+                                <div className="fbox-5 fb-1 gr--smoke r-16 wow fadeInUp">
+                                    {/* Text */}
+                                    <div className="fbox-txt order-last order-md-2">
+                                        <h5 className="s-26 w-700">Marketing Integrations</h5>
+                                        <p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
+                                    </div>
+                                    {/* Image */}
+                                    <div className="fbox-5-img order-first order-md-2">
+                                        <img className="img-fluid light-theme-img" src="/images/f_06.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_06_dark.png" alt="feature-image" />
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col-md-6">
+                                <div className="fbox-5 fb-2 gr--smoke r-16 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-5-img">
+                                        <img className="img-fluid light-theme-img" src="/images/f_04.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_04_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h5 className="s-26 w-700">Built-In Automation</h5>
+                                        <p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-5 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features5_8.js b/components/sections/Features5_8.js
new file mode 100644
index 0000000..3a6e343
--- /dev/null
+++ b/components/sections/Features5_8.js
@@ -0,0 +1,58 @@
+
+
+export default function Features5_8() {
+    return (
+        <>
+            <section id="features-5" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Reach your audience through social media marketing</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-5 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row d-flex align-items-center">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col-md-6">
+                                <div className="fbox-5 fb-1 gr--smoke r-16 wow fadeInUp">
+                                    {/* Text */}
+                                    <div className="fbox-txt order-last order-md-2">
+                                        <h5 className="s-26 w-700">Marketing Integrations</h5>
+                                        <p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
+                                    </div>
+                                    {/* Image */}
+                                    <div className="fbox-5-img order-first order-md-2">
+                                        <img className="img-fluid light-theme-img" src="/images/f_06.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_06_dark.png" alt="feature-image" />
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col-md-6">
+                                <div className="fbox-5 fb-2 gr--smoke r-16 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-5-img">
+                                        <img className="img-fluid light-theme-img" src="/images/f_04.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_04_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h5 className="s-26 w-700">Enhance Engagement</h5>
+                                        <p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-5 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features5_9.js b/components/sections/Features5_9.js
new file mode 100644
index 0000000..81da28b
--- /dev/null
+++ b/components/sections/Features5_9.js
@@ -0,0 +1,60 @@
+
+
+export default function Features5_9() {
+    return (
+        <>
+            <section id="features-5" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Section ID */}
+                                <span className="section-id">Enhance Engagement</span>
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Reach your audience through social media marketing</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-5 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row d-flex align-items-center">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col-md-6">
+                                <div className="fbox-5 fb-1 bg--02 r-16 wow fadeInUp">
+                                    {/* Text */}
+                                    <div className="fbox-txt order-last order-md-2">
+                                        <h5 className="s-26 w-700">Easy Automations</h5>
+                                        <p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
+                                    </div>
+                                    {/* Image */}
+                                    <div className="fbox-5-img order-first order-md-2">
+                                        <img className="img-fluid light-theme-img" src="/images/f_06.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_06_dark.png" alt="feature-image" />
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col-md-6">
+                                <div className="fbox-5 fb-2 gr--smoke r-16 wow fadeInUp">
+                                    {/* Image */}
+                                    <div className="fbox-5-img">
+                                        <img className="img-fluid light-theme-img" src="/images/f_07.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/f_07_dark.png" alt="feature-image" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h5 className="s-26 w-700">Research Solutions</h5>
+                                        <p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-5 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features6_1.js b/components/sections/Features6_1.js
new file mode 100644
index 0000000..f14a078
--- /dev/null
+++ b/components/sections/Features6_1.js
@@ -0,0 +1,112 @@
+
+
+export default function Features6_1() {
+    return (
+        <>
+            <section id="features-6" className="py-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Build a customer-centric marketing strategy</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-6 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-2 row-cols-lg-4">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-6 fb-1 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-55">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-graphics" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div> {/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Market Research</h6>
+                                        <p>Luctus augue egestas undo ultrice and quisque lacus</p>
+                                    </div>
+                                </div>
+                            </div> {/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-6 fb-2 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-55">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-idea" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div> {/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">User Experience</h6>
+                                        <p>Luctus augue egestas undo ultrice and quisque lacus</p>
+                                    </div>
+                                </div>
+                            </div> {/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-6 fb-3 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-55">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-graphic" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div> {/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Digital Marketing</h6>
+                                        <p>Luctus augue egestas undo ultrice and quisque lacus</p>
+                                    </div>
+                                </div>
+                            </div> {/* END FEATURE BOX #3 */}
+                            {/* FEATURE BOX #4 */}
+                            <div className="col">
+                                <div className="fbox-6 fb-4 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-55">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-search-engine-1" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div> {/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">SEO Services</h6>
+                                        <p>Luctus augue egestas undo ultrice and quisque lacus</p>
+                                    </div>
+                                </div>
+                            </div> {/* END FEATURE BOX #4 */}
+                        </div> {/* End row */}
+                    </div> {/* END FEATURES-6 WRAPPER */}
+                </div> {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features6_2.js b/components/sections/Features6_2.js
new file mode 100644
index 0000000..e099ede
--- /dev/null
+++ b/components/sections/Features6_2.js
@@ -0,0 +1,112 @@
+
+
+export default function Features6_2() {
+    return (
+        <>
+            <section id="features-6" className="py-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-8">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Efficiently create, manage and publish your content</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-6 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-2 row-cols-lg-4">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-6 fb-1 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-55">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-rocket-launch" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Quick Access</h6>
+                                        <p>Luctus augue egestas undo ultrice and quisque lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-6 fb-2 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-55">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-data-copy" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">File Manager</h6>
+                                        <p>Luctus augue egestas undo ultrice and quisque lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-6 fb-3 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-55">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-networking" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Files Sharing</h6>
+                                        <p>Luctus augue egestas undo ultrice and quisque lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* FEATURE BOX #4 */}
+                            <div className="col">
+                                <div className="fbox-6 fb-4 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-55">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-download" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Storage &amp; Backup</h6>
+                                        <p>Luctus augue egestas undo ultrice and quisque lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #4 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-6 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features6_3.js b/components/sections/Features6_3.js
new file mode 100644
index 0000000..e4d88d0
--- /dev/null
+++ b/components/sections/Features6_3.js
@@ -0,0 +1,101 @@
+
+
+export default function Features6_3() {
+    return (
+        <>
+            <section id="features-6" className="pb-100 features-section division">
+                <div className="container">
+                    {/* FEATURES-6 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-2 row-cols-lg-4">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-6 fb-1 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-55">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-graphics" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Market Research</h6>
+                                        <p>Luctus augue egestas undo ultrice and quisque lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-6 fb-2 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-55">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-idea" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">User Experience</h6>
+                                        <p>Luctus augue egestas undo ultrice and quisque lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-6 fb-3 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-55">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-graphic" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Digital Marketing</h6>
+                                        <p>Luctus augue egestas undo ultrice and quisque lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* FEATURE BOX #4 */}
+                            <div className="col">
+                                <div className="fbox-6 fb-4 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-55">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-search-engine-1" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">SEO Services</h6>
+                                        <p>Luctus augue egestas undo ultrice and quisque lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #4 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-6 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features6_4.js b/components/sections/Features6_4.js
new file mode 100644
index 0000000..bef3960
--- /dev/null
+++ b/components/sections/Features6_4.js
@@ -0,0 +1,112 @@
+
+
+export default function Features6_4() {
+    return (
+        <>
+            <section id="features-6" className="py-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">The Complete Solutions</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-6 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-2 row-cols-lg-4">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-6 fb-1 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-55">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-reorder" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Easy Integration</h6>
+                                        <p>Luctus augue egestas undo ultrice and quisque lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-6 fb-2 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-55">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-project" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Powerful Options</h6>
+                                        <p>Luctus augue egestas undo ultrice and quisque lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-6 fb-3 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-55">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-graphics" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Lowest Data Usage</h6>
+                                        <p>Luctus augue egestas undo ultrice and quisque lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* FEATURE BOX #4 */}
+                            <div className="col">
+                                <div className="fbox-6 fb-4 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-55">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-click" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Data Management</h6>
+                                        <p>Luctus augue egestas undo ultrice and quisque lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #4 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-6 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features6_5.js b/components/sections/Features6_5.js
new file mode 100644
index 0000000..18ea8ab
--- /dev/null
+++ b/components/sections/Features6_5.js
@@ -0,0 +1,101 @@
+
+
+export default function Features6_5() {
+    return (
+        <>
+            <section id="features-6" className="py-100 features-section division">
+                <div className="container">
+                    {/* FEATURES-6 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-2 row-cols-lg-4">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-6 fb-1 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-55">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-graphics color--coal" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Market Research</h6>
+                                        <p>Luctus augue egestas undo ultrice and quisque lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-6 fb-2 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-55">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-idea color--coal" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">User Experience</h6>
+                                        <p>Luctus augue egestas undo ultrice and quisque lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-6 fb-3 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-55">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-graphic color--coal" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Digital Marketing</h6>
+                                        <p>Luctus augue egestas undo ultrice and quisque lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* FEATURE BOX #4 */}
+                            <div className="col">
+                                <div className="fbox-6 fb-4 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-55">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-search-engine-1 color--coal" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">SEO Services</h6>
+                                        <p>Luctus augue egestas undo ultrice and quisque lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #4 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-6 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features7_1.js b/components/sections/Features7_1.js
new file mode 100644
index 0000000..13bebb9
--- /dev/null
+++ b/components/sections/Features7_1.js
@@ -0,0 +1,112 @@
+
+
+export default function Features7_1() {
+    return (
+        <>
+            <section id="features-7" className="pt-90 pb-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Affordable solutions for all your creativity needs</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-7 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-2 row-cols-lg-4">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-7 fb-1 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-50">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-click-1" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Intuitive</h6>
+                                        <p className="p-sm">Feugiat primis ipsum and ultrice a semper lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-7 fb-2 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-50">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-prioritize" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Flexible</h6>
+                                        <p className="p-sm">Feugiat primis ipsum and ultrice a semper lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-7 fb-3 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-50">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-diamond" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Creative</h6>
+                                        <p className="p-sm">Feugiat primis ipsum and ultrice a semper lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* FEATURE BOX #4 */}
+                            <div className="col">
+                                <div className="fbox-7 fb-4 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-50">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-analytics" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Efficient</h6>
+                                        <p className="p-sm">Feugiat primis ipsum and ultrice a semper lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #4 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-7 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features7_2.js b/components/sections/Features7_2.js
new file mode 100644
index 0000000..e60ae5a
--- /dev/null
+++ b/components/sections/Features7_2.js
@@ -0,0 +1,112 @@
+
+
+export default function Features7_2() {
+    return (
+        <>
+            <section id="features-7" className="py-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-48 w-700">The Complete Solutions</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-7 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-2 row-cols-lg-4">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-7 fb-1 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-50">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-layers-1" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-18 w-700">Content Marketing</h6>
+                                        <p className="p-sm">Feugiat primis ipsum and ultrice a semper lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-7 fb-2 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-50">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-tutorial" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-18 w-700">Video Marketing</h6>
+                                        <p className="p-sm">Feugiat primis ipsum and ultrice a semper lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-7 fb-3 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-50">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-pay-per-click" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-18 w-700">Pay Per Click (PPC)</h6>
+                                        <p className="p-sm">Feugiat primis ipsum and ultrice a semper lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* FEATURE BOX #4 */}
+                            <div className="col">
+                                <div className="fbox-7 fb-4 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-50">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-taxes" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-18 w-700">Business Analytic</h6>
+                                        <p className="p-sm">Feugiat primis ipsum and ultrice a semper lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #4 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-7 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features7_3.js b/components/sections/Features7_3.js
new file mode 100644
index 0000000..5899a23
--- /dev/null
+++ b/components/sections/Features7_3.js
@@ -0,0 +1,112 @@
+
+
+export default function Features7_3() {
+    return (
+        <>
+            <section id="features-7" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">The Complete Solutions</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-7 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-2 row-cols-lg-4">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-7 fb-1 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-50">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-layers-1" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Integrated</h6>
+                                        <p className="p-sm">Feugiat primis ipsum and ultrice a semper lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-7 fb-2 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-50">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-click-1" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Intuitive</h6>
+                                        <p className="p-sm">Feugiat primis ipsum and ultrice a semper lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-7 fb-3 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-50">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-prioritize" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Flexible</h6>
+                                        <p className="p-sm">Feugiat primis ipsum and ultrice a semper lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* FEATURE BOX #4 */}
+                            <div className="col">
+                                <div className="fbox-7 fb-4 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-50">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-analytics" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Efficient</h6>
+                                        <p className="p-sm">Feugiat primis ipsum and ultrice a semper lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #4 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-7 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features7_4.js b/components/sections/Features7_4.js
new file mode 100644
index 0000000..876b225
--- /dev/null
+++ b/components/sections/Features7_4.js
@@ -0,0 +1,112 @@
+
+
+export default function Features7_4() {
+    return (
+        <>
+            <section id="features-7" className="py-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-8">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-52 w-700">Affordable solutions for all your creativity needs</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-7 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-2 row-cols-lg-4">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-7 fb-1 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-50">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-click-1" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Intuitive</h6>
+                                        <p className="p-sm">Feugiat primis ipsum and ultrice a semper lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-7 fb-2 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-50">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-prioritize" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Flexible</h6>
+                                        <p className="p-sm">Feugiat primis ipsum and ultrice a semper lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-7 fb-3 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-50">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-diamond" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Creative</h6>
+                                        <p className="p-sm">Feugiat primis ipsum and ultrice a semper lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* FEATURE BOX #4 */}
+                            <div className="col">
+                                <div className="fbox-7 fb-4 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-50">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-analytics" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Efficient</h6>
+                                        <p className="p-sm">Feugiat primis ipsum and ultrice a semper lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #4 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-7 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features7_5.js b/components/sections/Features7_5.js
new file mode 100644
index 0000000..56782ff
--- /dev/null
+++ b/components/sections/Features7_5.js
@@ -0,0 +1,112 @@
+
+
+export default function Features7_5() {
+    return (
+        <>
+            <section id="features-7" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-8">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Streamline your workflow, achieve excellence</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-7 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-2 row-cols-lg-4">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-7 fb-1 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-50">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-layers-1" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Integrated</h6>
+                                        <p className="p-sm">Feugiat primis ipsum and ultrice a semper lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-7 fb-2 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-50">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-click-1" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Intuitive</h6>
+                                        <p className="p-sm">Feugiat primis ipsum and ultrice a semper lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-7 fb-3 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-50">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-prioritize" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Flexible</h6>
+                                        <p className="p-sm">Feugiat primis ipsum and ultrice a semper lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* FEATURE BOX #4 */}
+                            <div className="col">
+                                <div className="fbox-7 fb-4 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-50">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-analytics" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Efficient</h6>
+                                        <p className="p-sm">Feugiat primis ipsum and ultrice a semper lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #4 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-7 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features7_6.js b/components/sections/Features7_6.js
new file mode 100644
index 0000000..36b1ec3
--- /dev/null
+++ b/components/sections/Features7_6.js
@@ -0,0 +1,112 @@
+
+
+export default function Features7_6() {
+    return (
+        <>
+            <section id="features-7" className="pt-100 features-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Everything in One Place</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* FEATURES-7 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-2 row-cols-lg-4">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-7 fb-1 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-50">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-layers-1" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Integrated</h6>
+                                        <p className="p-sm">Feugiat primis ipsum and ultrice a semper lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-7 fb-2 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-50">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-click-1" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Intuitive</h6>
+                                        <p className="p-sm">Feugiat primis ipsum and ultrice a semper lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-7 fb-3 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-50">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-prioritize" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Flexible</h6>
+                                        <p className="p-sm">Feugiat primis ipsum and ultrice a semper lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* FEATURE BOX #4 */}
+                            <div className="col">
+                                <div className="fbox-7 fb-4 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-50">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-analytics" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-20 w-700">Efficient</h6>
+                                        <p className="p-sm">Feugiat primis ipsum and ultrice a semper lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #4 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-7 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Features7_7.js b/components/sections/Features7_7.js
new file mode 100644
index 0000000..4fa3b01
--- /dev/null
+++ b/components/sections/Features7_7.js
@@ -0,0 +1,101 @@
+
+
+export default function Features7_7() {
+    return (
+        <>
+            <section id="features-7" className="pt-100 features-section division">
+                <div className="container">
+                    {/* FEATURES-7 WRAPPER */}
+                    <div className="fbox-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-2 row-cols-lg-4">
+                            {/* FEATURE BOX #1 */}
+                            <div className="col">
+                                <div className="fbox-7 fb-1 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-50">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-layers-1 color--coal" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-18 w-700">Content Marketing</h6>
+                                        <p className="p-sm">Feugiat primis ipsum and ultrice a semper lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* FEATURE BOX #2 */}
+                            <div className="col">
+                                <div className="fbox-7 fb-2 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-50">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-tutorial color--coal" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-18 w-700">Video Marketing</h6>
+                                        <p className="p-sm">Feugiat primis ipsum and ultrice a semper lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* FEATURE BOX #3 */}
+                            <div className="col">
+                                <div className="fbox-7 fb-3 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-50">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-pay-per-click color--coal" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-18 w-700">Pay Per Click (PPC)</h6>
+                                        <p className="p-sm">Feugiat primis ipsum and ultrice a semper lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* FEATURE BOX #4 */}
+                            <div className="col">
+                                <div className="fbox-7 fb-4 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="fbox-ico ico-50">
+                                        <div className="shape-ico color--theme">
+                                            {/* Vector Icon */}
+                                            <span className="flaticon-taxes color--coal" />
+                                            {/* Shape */}
+                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                            </svg>
+                                        </div>
+                                    </div>	{/* End Icon */}
+                                    {/* Text */}
+                                    <div className="fbox-txt">
+                                        <h6 className="s-18 w-700">Business Analytic</h6>
+                                        <p className="p-sm">Feugiat primis ipsum and ultrice a semper lacus</p>
+                                    </div>
+                                </div>
+                            </div>	{/* END FEATURE BOX #4 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END FEATURES-7 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Hero1.js b/components/sections/Hero1.js
new file mode 100644
index 0000000..35c462d
--- /dev/null
+++ b/components/sections/Hero1.js
@@ -0,0 +1,37 @@
+
+
+import Link from "next/link"
+export default function Hero1() {
+    return (
+        <>
+            <section id="hero-1" className="bg--scroll hero-section">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* HERO TEXT */}
+                        <div className="col-md-6">
+                            <div className="hero-1-txt color--white wow fadeInRight">
+                                {/* Title */}
+                                <h2 className="s-58 w-700">Content is the key to building an audience</h2>
+                                {/* Text */}
+                                <p className="p-xl">Mauris donec turpis suscipit sapien ociis sagittis sapien tempor a volute
+                                    ligula and aliquet tortor
+                                </p>
+                                {/* Button */}
+                                <Link href="#banner-3" className="btn r-04 btn--theme hover--tra-white">Get started for free</Link>
+                                <p className="p-sm btn-txt ico-15">
+                                    <span className="flaticon-check" /> No credit card needed, free 14-day trial
+                                </p>
+                            </div>
+                        </div> {/* END HERO TEXT */}
+                        {/* HERO IMAGE */}
+                        <div className="col-md-6">
+                            <div className="hero-1-img wow fadeInLeft">
+                                <img className="img-fluid" src="/images/hero-1-img.png" alt="hero-image" />
+                            </div>
+                        </div>
+                    </div> {/* End row */}
+                </div> {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Hero10.js b/components/sections/Hero10.js
new file mode 100644
index 0000000..e18f4de
--- /dev/null
+++ b/components/sections/Hero10.js
@@ -0,0 +1,41 @@
+
+
+import Link from "next/link"
+import VideoPopup from "../elements/VidepPopup"
+export default function Hero10() {
+    return (
+        <>
+            <section id="hero-10" className="bg--scroll hero-section">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* HERO TEXT */}
+                        <div className="col-md-6">
+                            <div className="hero-10-txt wow fadeInRight">
+                                {/* Title */}
+                                <h2 className="s-52 w-700">Keep your files safe with Martex</h2>
+                                {/* Text */}
+                                <h4 className="s-28 color--grey">Your content is secure and stays private anywhere, anytime</h4>
+                                {/* Buttons */}
+                                <div className="btns-group">
+                                <Link href="#banner-13" className="btn r-04 btn--theme hover--black">Get started</Link>
+                                    <VideoPopup style={3}/>
+                                </div>
+                                {/* Buttons Text */}
+                                <p className="p-sm btns-group-txt">
+                                    Requires macOS 10.13+ or Windows 10+ 64bit.
+                                    <span className="txt-data">Current version 2.18.03 <Link href="/download">What's New?</Link></span>
+                                </p>
+                            </div>
+                        </div>	{/* END HERO TEXT */}
+                        {/* HERO IMAGE */}
+                        <div className="col-md-6">
+                            <div className="hero-10-img wow fadeInLeft">
+                                <img className="img-fluid" src="/images/dashboard-04.png" alt="hero-image" />
+                            </div>
+                        </div>
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Hero11.js b/components/sections/Hero11.js
new file mode 100644
index 0000000..06fe28a
--- /dev/null
+++ b/components/sections/Hero11.js
@@ -0,0 +1,37 @@
+
+
+import Link from "next/link"
+export default function Hero11() {
+    return (
+        <>
+            <section id="hero-11" className="bg--scroll hero-section">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* HERO TEXT */}
+                        <div className="col-md-6">
+                            <div className="hero-11-txt wow fadeInRight">
+                                {/* Title */}
+                                <h2 className="s-60 w-700">A design experience like never before</h2>
+                                {/* Text */}
+                                <p className="p-lg">Mauris donec turpis suscipit sapien ociis sagittis sapien tempor a volute
+                                    ligula and aliquet tortor
+                                </p>
+                                {/* Button */}
+                                <Link href="#banner-3" className="btn r-04 btn--theme hover--tra-black">Get started for free</Link>
+                                <p className="p-sm btn-txt ico-15">
+                                    <span className="flaticon-check" /> No credit card needed, free 14-day trial
+                                </p>
+                            </div>
+                        </div>	{/* END HERO TEXT */}
+                        {/* HERO IMAGE */}
+                        <div className="col-md-6">
+                            <div className="hero-11-img text-center wow fadeInLeft">
+                                <img className="img-fluid" src="/images/hero-11-img.png" alt="hero-image" />
+                            </div>
+                        </div>
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Hero12.js b/components/sections/Hero12.js
new file mode 100644
index 0000000..fbee619
--- /dev/null
+++ b/components/sections/Hero12.js
@@ -0,0 +1,43 @@
+
+
+import Link from "next/link"
+import VideoPopup from "../elements/VidepPopup"
+export default function Hero12() {
+    return (
+        <>
+            <section id="hero-12" className="bg--scroll hero-section">
+                <div className="hero-overlay">
+                    <div className="container text-center">
+                        {/* HERO TEXT */}
+                        <div className="row justify-content-center">
+                            <div className="col-md-10 col-lg-9 col-xl-10">
+                                <div className="hero-12-txt color--white wow fadeInUp">
+                                    {/* Title */}
+                                    <h2 className="s-62 w-700">Find inspiration for your next design project</h2>
+                                    {/* Text */}
+                                    <p className="s-22">Pixel-perfect, lovely design. More power behind every pixel</p>
+                                    {/* Button */}
+                                    <Link href="#banner-13" className="btn r-04 btn--theme hover--tra-white">Get started for free</Link>
+                                    <p className="p-sm btn-txt ico-15">
+                                        <span className="flaticon-check" /> No credit card needed, free 14-day trial
+                                    </p>
+                                </div>
+                            </div>
+                        </div>	{/* END HERO TEXT */}
+                        {/* HERO IMAGE */}
+                        <div className="row">
+                            <div className="col">
+                                <div className="hero-12-img video-preview wow fadeInUp">
+                                    {/* Play Icon */}
+                                    <VideoPopup style={1}/>
+                                    {/* Preview Image */}
+                                    <img className="img-fluid" src="/images/dashboard-04.png" alt="hero-image" />
+                                </div>
+                            </div>
+                        </div>	{/* END HERO IMAGE */}
+                    </div>    {/* End container */}
+                </div>	   {/* End hero-overlay */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Hero13.js b/components/sections/Hero13.js
new file mode 100644
index 0000000..c437a28
--- /dev/null
+++ b/components/sections/Hero13.js
@@ -0,0 +1,39 @@
+
+
+import Link from "next/link"
+export default function Hero13() {
+    return (
+        <>
+            <section id="hero-13" className="hero-section">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* HERO TEXT */}
+                        <div className="col-md-5">
+                            <div className="hero-13-txt wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">Strategies That Work</span>
+                                {/* Title */}
+                                <h2 className="s-54 w-700">Right SEO strategies for your success</h2>
+                                {/* Text */}
+                                <p className="p-lg">Mauris ligula ociis ipsum congue neque undo laoreet sagittis sapien diam
+                                    tempor
+                                </p>
+                                {/* Button */}
+                                <Link href="#banner-13" className="btn r-04 btn--theme hover--tra-black">Get started for free</Link>
+                                <p className="p-sm btn-txt ico-15">
+                                    <span className="flaticon-check" /> No credit card needed, free 14-day trial
+                                </p>
+                            </div>
+                        </div>	{/* END HERO TEXT */}
+                        {/* HERO IMAGE */}
+                        <div className="col-md-7">
+                            <div className="hero-13-img wow fadeInLeft">
+                                <img className="img-fluid" src="/images/hero-13-img.png" alt="hero-image" />
+                            </div>
+                        </div>
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Hero14.js b/components/sections/Hero14.js
new file mode 100644
index 0000000..bffeb3d
--- /dev/null
+++ b/components/sections/Hero14.js
@@ -0,0 +1,53 @@
+
+
+export default function Hero14() {
+    return (
+        <>
+            <section id="hero-14" className="bg--scroll hero-section">
+                <div className="container text-center">
+                    {/* HERO TEXT */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="hero-14-txt color--white wow fadeInUp">
+                                {/* Title */}
+                                <h2 className="s-60 w-700">Automate your way to success with Martex</h2>
+                                {/* Text */}
+                                <p className="s-21">Mauris donec ociis diam magnis sapien sagittis sapien tempor volute gravida
+                                    and aliquet tortor undo aliquet in quaerat tortor
+                                </p>
+                                {/* HERO QUICK FORM */}
+                                <form name="quickform" className="quick-form form-shadow">
+                                    {/* Form Inputs */}
+                                    <div className="input-group">
+                                        <input type="email" name="email" className="form-control email r-06" placeholder="Your email address" autoComplete="off" required />
+                                        <span className="input-group-btn form-btn">
+                                            <button type="submit" className="btn r-06 btn--theme hover--theme submit">Get Started</button>
+                                        </span>
+                                    </div>
+                                    {/* Form Message */}
+                                    <div className="quick-form-msg"><span className="loading" /></div>
+                                </form>
+                                {/* Text */}
+                                <p className="btn-txt ico-15">
+                                    <span className="flaticon-check" /> 14-day free trial. No credit card needed,
+                                </p>
+                            </div>
+                        </div>
+                    </div>	{/* END HERO TEXT */}
+                    {/* HERO IMAGE */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="hero-14-img wow fadeInUp">
+                                <img className="img-fluid" src="/images/dashboard-02.png" alt="hero-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END HERO IMAGE */}
+                </div>	   {/* End container */}
+                {/* WAVE SHAPE BOTTOM */}
+                <div className="wave-shape-bottom">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 190"><path fillOpacity={1} d="M0,32L120,53.3C240,75,480,117,720,117.3C960,117,1200,75,1320,53.3L1440,32L1440,320L1320,320C1200,320,960,320,720,320C480,320,240,320,120,320L0,320Z" /></svg>
+                </div>
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Hero15.js b/components/sections/Hero15.js
new file mode 100644
index 0000000..936e859
--- /dev/null
+++ b/components/sections/Hero15.js
@@ -0,0 +1,37 @@
+
+
+import Link from "next/link"
+export default function Hero15() {
+    return (
+        <>
+            <section id="hero-15" className="bg--scroll hero-section">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* HERO TEXT */}
+                        <div className="col-md-6">
+                            <div className="hero-15-txt wow fadeInRight">
+                                {/* Title */}
+                                <h2 className="s-64 w-700">Marketing strategies for a digital life</h2>
+                                {/* Text */}
+                                <p className="p-lg">Mauris donec turpis suscipit sapien ociis sagittis sapien tempor a volute
+                                    ligula and aliquet tortor
+                                </p>
+                                {/* Button */}
+                                <Link href="#banner-7" className="btn r-04 btn--theme hover--tra-black">Get started for free</Link>
+                                <p className="p-sm btn-txt ico-15">
+                                    <span className="flaticon-check" /> No credit card needed, free 14-day trial
+                                </p>
+                            </div>
+                        </div>	{/* END HERO TEXT */}
+                        {/* HERO IMAGE */}
+                        <div className="col-md-6">
+                            <div className="hero-15-img text-center wow fadeInLeft">
+                                <img className="img-fluid" src="/images/hero-15-img.png" alt="hero-image" />
+                            </div>
+                        </div>
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Hero16.js b/components/sections/Hero16.js
new file mode 100644
index 0000000..5ca5d97
--- /dev/null
+++ b/components/sections/Hero16.js
@@ -0,0 +1,44 @@
+
+
+import Link from "next/link"
+import VideoPopup from "../elements/VidepPopup"
+export default function Hero16() {
+    return (
+        <>
+            <section id="hero-16" className="bg--scroll hero-section">
+                <div className="container text-center">
+                    {/* HERO TEXT */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="hero-16-txt wow fadeInUp">
+                                {/* Title */}
+                                <h2 className="s-58 w-700">Easy and secure access to all your files anytime</h2>
+                                {/* Text */}
+                                <p className="p-xl">Mauris donec ociis diam magnis sapien sagittis sapien tempor volute gravida
+                                    and aliquet tortor undo aliquet quaerat in magna egestas sapien quaerat
+                                </p>
+                                {/* Button */}
+                                <VideoPopup style={4}/>
+                                <p className="p-sm btn-txt ico-15">
+                                    <span className="flaticon-check" /> No credit card needed, free 14-day trial
+                                </p>
+                            </div>
+                        </div>
+                    </div>	{/* END HERO TEXT */}
+                    {/* HERO IMAGE */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="hero-16-img wow fadeInUp">
+                                <img className="img-fluid" src="/images/img-15.png" alt="hero-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END HERO IMAGE */}
+                </div>    {/* End container */}
+                {/* WAVE SHAPE BOTTOM */}
+                <div className="wave-shape-bottom">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 135"><path fillOpacity={1} d="M0,64L120,80C240,96,480,128,720,128C960,128,1200,96,1320,80L1440,64L1440,320L1320,320C1200,320,960,320,720,320C480,320,240,320,120,320L0,320Z" /></svg>
+                </div>
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Hero17.js b/components/sections/Hero17.js
new file mode 100644
index 0000000..f8948df
--- /dev/null
+++ b/components/sections/Hero17.js
@@ -0,0 +1,46 @@
+
+
+import BrandSlider1 from "../slider/BrandSlider1"
+export default function Hero17() {
+    return (
+        <>
+            <section id="hero-17" className="bg--fixed hero-section">
+                <div className="container">
+                    {/* HERO TEXT */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-11 col-lg-10 col-xl-9">
+                            <div className="hero-17-txt wow fadeInUp">
+                                {/* Title */}
+                                <h2 className="s-60 w-700">Enhance your website design with Martex</h2>
+                                {/* Text */}
+                                <p className="p-xl">Mauris donec ociis diam magnis sapien sagittis sapien tempor volute gravida
+                                    aliquet tortor undo aliquet an egestas in magna egestas sapien quaerat
+                                </p>
+                                {/* HERO QUICK FORM */}
+                                <form name="quickform" className="quick-form form-shadow mt-45">
+                                    {/* Form Inputs */}
+                                    <div className="input-group">
+                                        <input type="email" name="email" className="form-control email r-06" placeholder="Your email address" autoComplete="off" required />
+                                        <span className="input-group-btn form-btn">
+                                            <button type="submit" className="btn r-06 btn--theme hover--theme submit">Start free trial</button>
+                                        </span>
+                                    </div>
+                                    {/* Form Message */}
+                                    <div className="quick-form-msg"><span className="loading" /></div>
+                                </form>
+                            </div>
+                        </div>    {/* End row */}
+                    </div>	{/* END HERO TEXT */}
+                    {/* BRANDS CAROUSEL */}
+                    <div id="brands-1">
+                        <div className="row">
+                            <div className="col text-center">
+                                <BrandSlider1 />
+                            </div>
+                        </div>  {/* End row */}
+                    </div>	{/* END BRANDS CAROUSEL */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Hero18.js b/components/sections/Hero18.js
new file mode 100644
index 0000000..a19c31a
--- /dev/null
+++ b/components/sections/Hero18.js
@@ -0,0 +1,47 @@
+
+
+export default function Hero18() {
+    return (
+        <>
+            <section id="hero-18" className="bg--scroll hero-section">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* HERO IMAGE */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="hero-18-img wow fadeInRight">
+                                <img className="img-fluid" src="/images/hero-18-img.png" alt="hero-image" />
+                            </div>
+                        </div>
+                        {/* HERO TEXT */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="hero-18-txt wow fadeInLeft">
+                                {/* Title */}
+                                <h2 className="s-56 w-700">Monitor all progress of your workflow easily</h2>
+                                {/* Text */}
+                                <p className="p-xl">Mauris donec turpis suscipit sapien ociis sagittis sapien tempor a volute
+                                    ligula and aliquet tortor
+                                </p>
+                                {/* HERO QUICK FORM */}
+                                <form name="quickform" className="quick-form form-shadow form-half mt-35">
+                                    {/* Form Inputs */}
+                                    <div className="input-group">
+                                        <input type="email" name="email" className="form-control email r-06" placeholder="Your email address" autoComplete="off" required />
+                                        <span className="input-group-btn form-btn">
+                                            <button type="submit" className="btn r-06 btn--theme hover--theme submit">Get Started</button>
+                                        </span>
+                                    </div>
+                                    {/* Form Message */}
+                                    <div className="quick-form-msg"><span className="loading" /></div>
+                                </form>
+                                {/* Text */}
+                                <p className="p-sm btn-txt ico-15">
+                                    <span className="flaticon-check" /> No credit card needed, free 14-day trial
+                                </p>
+                            </div>
+                        </div>	{/* END HERO TEXT */}
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Hero19.js b/components/sections/Hero19.js
new file mode 100644
index 0000000..21280ce
--- /dev/null
+++ b/components/sections/Hero19.js
@@ -0,0 +1,49 @@
+
+
+import Link from "next/link"
+import BrandSlider2 from "../slider/BrandSlider2"
+export default function Hero19() {
+    return (
+        <>
+            <section id="hero-19" className="blur--purple gr--ghost hero-section">
+                <div className="container text-center">
+                    {/* HERO TEXT */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="hero-19-txt">
+                                {/* Title */}
+                                <h2 className="s-56 w-700">Place your business at the top of search engines</h2>
+                                {/* Text */}
+                                <p className="p-xl">Mauris donec ociis diam magnis sapien sagittis sapien tempor volute gravida
+                                    and aliquet tortor undo aliquet quaerat
+                                </p>
+                                {/* Buttons */}
+                                <div className="btns-group">
+                                    <Link href="#banner-7" className="btn r-04 btn--theme hover--theme">Get started for free</Link>
+                                    <Link href="https://www.youtube.com/embed/SZEflIVnhH8" className="video-popup1 btn r-04 btn--tra-black hover--theme ico-20 ico-right">See how it works <span className="flaticon-play" />
+                                    </Link>
+                                </div>
+                            </div>
+                        </div>
+                    </div>	{/* END HERO TEXT */}
+                    {/* BRANDS CAROUSEL */}
+                    <div id="brands-1" className="py-90">
+                        <div className="row">
+                            <div className="col text-center">
+                                <BrandSlider2 />
+                            </div>
+                        </div>  {/* End row */}
+                    </div>	{/* END BRANDS CAROUSEL */}
+                    {/* HERO IMAGE */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="hero-19-img wow fadeInUp">
+                                <img className="img-fluid" src="/images/dashboard-09.png" alt="hero-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END HERO IMAGE */}
+                </div>    {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Hero2.js b/components/sections/Hero2.js
new file mode 100644
index 0000000..d983815
--- /dev/null
+++ b/components/sections/Hero2.js
@@ -0,0 +1,59 @@
+
+
+export default function Hero2() {
+    return (
+        <>
+            <section id="hero-2" className="bg--scroll hero-section">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* HERO IMAGE */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="hero-2-img wow fadeInRight">
+                                <img className="img-fluid" src="/images/hero-2-img.png" alt="hero-image" />
+                            </div>
+                        </div>
+                        {/* HERO TEXT */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="hero-2-txt wow fadeInLeft">
+                                {/* Title */}
+                                <h2 className="s-56 w-700 color--black">Realize your Practice Potential with autoMedSys</h2>
+                                {/* Text */}
+                                <p className="p-lg">autoMedsys provides an intelligent ecosystem of solutions configured to your practice specific need and challenges.
+                                </p>
+                                {/* HERO DIGITS */}
+                                <div className="hero-digits">
+                                    {/* DIGIT BLOCK #1 */}
+                                    <div id="hd-1-1" className="wow fadeInUp">
+                                        <div className="hero-digits-block">
+                                            {/* Digit */}
+                                            <div className="block-digit">
+                                                <h2 className="s-46 statistic-number color--black">2<span>x</span></h2>
+                                            </div>
+                                            {/* Text */}
+                                            <div className="block-txt">
+                                                <p className="p-sm">Tempor sapien and quaerat placerat</p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END DIGIT BLOCK #1 */}
+                                    {/* DIGIT BLOCK #2 */}
+                                    <div id="hd-1-2" className="wow fadeInUp">
+                                        <div className="hero-digits-block">
+                                            {/* Digit */}
+                                            <div className="block-digit">
+                                                <h2 className="s-46 statistic-number color--black">63<span>%</span></h2>
+                                            </div>
+                                            {/* Text */}
+                                            <div className="block-txt">
+                                                <p className="p-sm">Ligula suscipit vitae and rutrum turpis</p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END DIGIT BLOCK #2 */}
+                                </div>	{/* END HERO DIGITS */}
+                            </div>
+                        </div>	{/* END HERO TEXT */}
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Hero20.js b/components/sections/Hero20.js
new file mode 100644
index 0000000..3d63ac7
--- /dev/null
+++ b/components/sections/Hero20.js
@@ -0,0 +1,36 @@
+
+
+import Link from "next/link"
+export default function Hero20() {
+    return (
+        <>
+            <section id="hero-20" className="bg--fixed hero-section">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* HERO TEXT */}
+                        <div className="col-md-7 col-lg-6">
+                            <div className="hero-20-txt wow fadeInRight">
+                                {/* Hero Logo  */}
+                                <div className="hero-logo">
+                                    <img className="img-fluid light-theme-img" src="/images/logo-blue.png" alt="hero-logo" />
+                                    <img className="img-fluid dark-theme-img" src="/images/logo-blue-white.png" alt="hero-logo" />
+                                </div>
+                                {/* Title */}
+                                <h2 className="s-48 w-700">Increase your traffic and boost your brand</h2>
+                                {/* Text */}
+                                <p className="p-md">Mauris donec turpis suscipit sapien ociis sagittis sapien tempor
+                                    a volute ligula and aliquet tortor
+                                </p>
+                                {/* Button */}
+                                <Link href="#banner-3" className="btn r-04 btn--theme hover--theme">Get started for free</Link>
+                                <p className="p-sm btn-txt ico-15">
+                                    <span className="flaticon-check" /> No credit card needed, free 14-day trial
+                                </p>
+                            </div>
+                        </div>	{/* END HERO TEXT */}
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Hero21.js b/components/sections/Hero21.js
new file mode 100644
index 0000000..dbd8c0b
--- /dev/null
+++ b/components/sections/Hero21.js
@@ -0,0 +1,49 @@
+
+
+import Link from "next/link"
+import VideoPopup from "../elements/VidepPopup"
+export default function Hero21() {
+    return (
+        <>
+            <section id="hero-21" className="hero-section">
+                <div className="container text-center">
+                    {/* HERO TEXT */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="hero-21-txt wow fadeInUp">
+                                {/* Title */}
+                                <h2 className="s-56 w-700">The perfect analytics tool for your online business</h2>
+                                {/* Buttons */}
+                                <div className="btns-group">
+                                    <Link href="#banner-13" className="btn r-04 btn--theme hover--theme">Get started for free</Link>
+                                    <Link href="#features-5" className="btn r-04 btn--tra-black hover--theme">How it works</Link>
+                                </div>
+                                {/* Advantages List */}
+                                <ul className="advantages ico-15 mt-15 clearfix">
+                                    <li><p className="p-sm">No credit card required</p></li>
+                                    <li className="advantages-links-divider"><p><span className="flaticon-minus" /></p></li>
+                                    <li><p className="p-sm">Free 30 days trial</p></li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>	{/* END HERO TEXT */}
+                    {/* HERO IMAGE */}
+                    <div className="hero-21-wrapper r-34">
+                        <div className="hero-overlay bg--fixed">
+                            <div className="row">
+                                <div className="col">
+                                    <div className="hero-21-img video-preview wow fadeInUp">
+                                        {/* Play Icon */}
+                                        <VideoPopup style={1}/>
+                                        {/* Preview Image */}
+                                        <img className="img-fluid" src="/images/tablet-01.png" alt="video-preview" />
+                                    </div>
+                                </div>
+                            </div>
+                        </div>   {/* hero overlay */}
+                    </div>    {/* End hero-21-wrapper */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Hero22.js b/components/sections/Hero22.js
new file mode 100644
index 0000000..cecb391
--- /dev/null
+++ b/components/sections/Hero22.js
@@ -0,0 +1,51 @@
+
+
+export default function Hero22() {
+    return (
+        <>
+            <section id="hero-22" className="bg--fixed hero-section">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* HERO REQUEST FORM */}
+                        <div className="col-md-6 col-lg-5 offset-md-6 offset-lg-7">
+                            <div id="hero-22-form" className="r-10 wow fadeInLeft">
+                                {/* Hero Logo  */}
+                                <div className="hero-logo">
+                                    <img className="img-fluid" src="/images/logo-blue.png" alt="hero-logo" />
+                                </div>
+                                {/* Title */}
+                                <h4 className="s-26 w-700">Achieve success through data-driven decisions</h4>
+                                {/* Text */}
+                                <p className="p-md color--grey">Get started with Martex for free. It's fast and very easy! No credit card needed
+                                </p>
+                                {/* Form */}
+                                <form name="requestForm" className="row request-form">
+                                    {/* Form Input */}
+                                    <div className="col-md-12">
+                                        <input type="text" name="name" className="form-control name" placeholder="Enter Your Name*" autoComplete="off" required />
+                                    </div>
+                                    {/* Form Input */}
+                                    <div className="col-md-12">
+                                        <input type="email" name="email" className="form-control email" placeholder="Enter Your Email*" autoComplete="off" required />
+                                    </div>
+                                    {/* Form Button */}
+                                    <div className="col-md-12 form-btn">
+                                        <button type="submit" className="btn btn--theme hover--theme submit">Get Started Now</button>
+                                    </div>
+                                    {/* Form Message */}
+                                    <div className="col-md-12 request-form-msg text-center">
+                                        <span className="loading" />
+                                    </div>
+                                </form>
+                            </div>	{/* END FORM */}
+                        </div>	{/* END HERO REQUEST FORM */}
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+                {/* WAVE SHAPE BOTTOM */}
+                <div className="wave-shape-bottom">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 265"><path fillOpacity={1} d="M0,256L120,256C240,256,480,256,720,240C960,224,1200,192,1320,176L1440,160L1440,320L1320,320C1200,320,960,320,720,320C480,320,240,320,120,320L0,320Z" /></svg>
+                </div>
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Hero23.js b/components/sections/Hero23.js
new file mode 100644
index 0000000..e6aefa0
--- /dev/null
+++ b/components/sections/Hero23.js
@@ -0,0 +1,48 @@
+
+
+import VideoPopup from "../elements/VidepPopup"
+export default function Hero23() {
+    return (
+        <>
+            <section id="hero-23" className="bg--scroll hero-section">
+                <div className="container text-center">
+                    {/* HERO TEXT */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9 col-xl-10">
+                            <div className="hero-23-txt wow fadeInUp">
+                                {/* Hero Logo  */}
+                                <div className="hero-square-logo">
+                                    <img className="img-fluid" src="/images/square-logo.png" alt="hero-logo" />
+                                </div>
+                                {/* Title */}
+                                <h2 className="s-58 w-700">
+                                    Generate <span className="color--theme">more leads</span> with social media marketing
+                                </h2>
+                                {/* Text */}
+                                <p className="p-xl">Mauris donec ociis diam magnis sapien sagittis sapien tempor volute
+                                    gravida <span className="color--black">aliquet tortor undo aliquet an egestas</span>
+                                    in magna egestas sapien quaerat
+                                </p>
+                            </div>
+                        </div>
+                    </div>	{/*END HERO TEXT */}
+                    {/* HERO IMAGE */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="hero-23-img video-preview wow fadeInUp">
+                                {/* Play Icon */}
+                                <VideoPopup style={1}/>
+                                {/* Preview Image */}
+                                <img className="img-fluid" src="/images/dashboard-03.png" alt="video-preview" />
+                            </div>
+                        </div>
+                    </div>	{/* END HERO IMAGE */}
+                </div>	   {/* End container */}
+                {/* WAVE SHAPE BOTTOM */}
+                <div className="wave-shape-bottom">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#ffffff" fillOpacity={1} d="M0,128L80,149.3C160,171,320,213,480,240C640,267,800,277,960,277.3C1120,277,1280,267,1360,261.3L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z" /></svg>
+                </div>
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Hero24.js b/components/sections/Hero24.js
new file mode 100644
index 0000000..e1b7237
--- /dev/null
+++ b/components/sections/Hero24.js
@@ -0,0 +1,37 @@
+
+
+export default function Hero24() {
+    return (
+        <>
+            <section id="hero-24" className="bg--scroll hero-section">
+                <div className="container text-center">
+                    {/* HERO TEXT */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="hero-24-txt color--white wow fadeInUp">
+                                {/* Title */}
+                                <h2 className="s-60 w-700">Achieve more with less through automation</h2>
+                                {/* Text */}
+                                <p className="p-xl">Mauris donec ociis diam magnis sapien sagittis sapien tempor volute gravida
+                                    aliquet tortor undo aliquet an egestas in magna egestas sapien quaerat
+                                </p>
+                                {/* HERO QUICK FORM */}
+                                <form name="quickform" className="quick-form form-shadow mt-45">
+                                    {/* Form Inputs */}
+                                    <div className="input-group">
+                                        <input type="email" name="email" className="form-control email r-06" placeholder="Your email address" autoComplete="off" required />
+                                        <span className="input-group-btn form-btn">
+                                            <button type="submit" className="btn r-06 btn--theme hover--theme submit">Start free trial</button>
+                                        </span>
+                                    </div>
+                                    {/* Form Message */}
+                                    <div className="quick-form-msg"><span className="loading" /></div>
+                                </form>
+                            </div>
+                        </div>
+                    </div>	{/* END HERO TEXT */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Hero25.js b/components/sections/Hero25.js
new file mode 100644
index 0000000..571263f
--- /dev/null
+++ b/components/sections/Hero25.js
@@ -0,0 +1,36 @@
+
+
+import Link from "next/link"
+export default function Hero25() {
+    return (
+        <>
+            <section id="hero-25" className="1gr--whitesmoke bg--fixed hero-section">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* HERO TEXT */}
+                        <div className="col-md-6">
+                            <div className="hero-25-txt wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">Built-In Automation</span>
+                                {/* Title */}
+                                <h2 className="s-52 w-700">Connect your brand with your customers</h2>
+                                {/* Text */}
+                                <p className="p-lg">Mauris donec turpis suscipit sapien ociis sagittis sapien tempor a volute
+                                    ligula and aliquet tortor
+                                </p>
+                                {/* Button */}
+                                <Link href="#banner-3" className="btn r-04 btn--theme hover--theme">Get started for free</Link>
+                            </div>
+                        </div>	{/* END HERO TEXT */}
+                        {/* HERO IMAGE */}
+                        <div className="col-md-6">
+                            <div className="hero-25-img wow fadeInLeft">
+                                <img className="img-fluid" src="/images/hero-25-img.png" alt="hero-image" />
+                            </div>
+                        </div>
+                    </div>	   {/* End row */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Hero26.js b/components/sections/Hero26.js
new file mode 100644
index 0000000..e035628
--- /dev/null
+++ b/components/sections/Hero26.js
@@ -0,0 +1,53 @@
+
+
+export default function Hero26() {
+    return (
+        <>
+            <section id="hero-26" className="bg--scroll hero-section">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* HERO TEXT */}
+                        <div className="col-md-6">
+                            <div className="hero-26-txt color--white wow fadeInRight">
+                                {/* Title */}
+                                <h2 className="s-60 w-700">Add creativity to your project</h2>
+                                {/* Text */}
+                                <p className="p-lg">Mauris donec turpis suscipit diam sapien ociis sagittis sapien tempor
+                                    a volute ligula aliquet tortor egestas
+                                </p>
+                                {/* HERO QUICK FORM */}
+                                <form name="quickform" className="quick-form form-shadow form-half mt-35">
+                                    {/* Form Inputs */}
+                                    <div className="input-group">
+                                        <input type="email" name="email" className="form-control email r-06" placeholder="Your email address" autoComplete="off" required />
+                                        <span className="input-group-btn form-btn">
+                                            <button type="submit" className="btn r-04 btn--theme hover--violet-500 submit">Get Started</button>
+                                        </span>
+                                    </div>
+                                    {/* Form Message */}
+                                    <div className="quick-form-msg"><span className="loading" /></div>
+                                </form>
+                                {/* Advantages List */}
+                                <ul className="advantages ico-15 clearfix">
+                                    <li><p className="p-sm">14 days free trial</p></li>
+                                    <li className="advantages-links-divider"><p><span className="flaticon-minus" /></p></li>
+                                    <li><p className="p-sm">No credit card needed</p></li>
+                                </ul>
+                            </div>
+                        </div>	{/* END HERO TEXT */}
+                        {/* HERO IMAGE */}
+                        <div className="col-md-6">
+                            <div className="hero-26-img wow fadeInLeft">
+                                <img className="img-fluid" src="/images/hero-26-img.png" alt="hero-image" />
+                            </div>
+                        </div>
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+                {/* WAVE SHAPE BOTTOM */}
+                <div className="wave-shape-bottom">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 290"><path fillOpacity={1} d="M0,256L120,250.7C240,245,480,235,720,224C960,213,1200,203,1320,197.3L1440,192L1440,320L1320,320C1200,320,960,320,720,320C480,320,240,320,120,320L0,320Z" /></svg>
+                </div>
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Hero27.js b/components/sections/Hero27.js
new file mode 100644
index 0000000..95e6001
--- /dev/null
+++ b/components/sections/Hero27.js
@@ -0,0 +1,42 @@
+
+
+import Link from "next/link"
+import VideoPopup from "../elements/VidepPopup"
+export default function Hero27() {
+    return (
+        <>
+            <section id="hero-27" className="gr--whitesmoke hero-section">
+                <div className="hero-overlay bg--fixed">
+                    <div className="container text-center">
+                        {/* HERO TEXT */}
+                        <div className="row justify-content-center">
+                            <div className="col-md-10 col-lg-9">
+                                <div className="hero-27-txt wow fadeInUp">
+                                    {/* Title */}
+                                    <h2 className="s-60 w-700">The complete toolkit to engage your business</h2>
+                                    {/* Text */}
+                                    <p className="s-20">Mauris donec ociis diam magnis sapien sagittis sapien tempor volute
+                                        gravida and aliquet tortor aliquet egestas magna
+                                    </p>
+                                    {/* Buttons */}
+                                    <div className="btns-group">
+                                        <Link href="#banner-3" className="btn r-04 btn--theme hover--theme">Get started for free</Link>
+                                        <VideoPopup style={5}/>
+                                    </div>
+                                    {/* Advantages List */}
+                                    <ul className="advantages ico-15 mt-25 clearfix">
+                                        <li><p>No credit card required</p></li>
+                                        <li className="advantages-links-divider"><p><span className="flaticon-minus" /></p></li>
+                                        <li><p>Cancel at anytime</p></li>
+                                        <li className="advantages-links-divider"><p><span className="flaticon-minus" /></p></li>
+                                        <li><p>Free 14 days trial</p></li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>	{/* END HERO TEXT */}
+                    </div>	   {/* End container */}
+                </div>	   {/* End hero-overlay */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Hero3.js b/components/sections/Hero3.js
new file mode 100644
index 0000000..9fa2dd5
--- /dev/null
+++ b/components/sections/Hero3.js
@@ -0,0 +1,60 @@
+
+
+export default function Hero3() {
+    return (
+        <>
+            <section id="hero-3" className="bg--fixed hero-section">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* HERO TEXT */}
+                        <div className="col-md-6">
+                            <div className="hero-3-txt color--white wow fadeInRight">
+                                {/* Title */}
+                                <h2 className="s-60 w-700">Increase your website traffic with Martex</h2>
+                                {/* Text */}
+                                <p className="p-lg">Mauris donec turpis suscipit sapien ociis sagittis sapien tempor a volute
+                                    ligula and aliquet tortor
+                                </p>
+                                {/* HERO DIGITS */}
+                                <div className="hero-digits">
+                                    {/* DIGIT BLOCK #1 */}
+                                    <div id="hd-1-1" className="wow fadeInUp">
+                                        <div className="hero-digits-block">
+                                            {/* Digit */}
+                                            <div className="block-digit">
+                                                <h2 className="s-46 statistic-number">3<span>x</span></h2>
+                                            </div>
+                                            {/* Text */}
+                                            <div className="block-txt">
+                                                <p className="p-sm">Tempor sapien and quaerat placerat</p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END DIGIT BLOCK #1 */}
+                                    {/* DIGIT BLOCK #2 */}
+                                    <div id="hd-1-2" className="wow fadeInUp">
+                                        <div className="hero-digits-block">
+                                            {/* Digit */}
+                                            <div className="block-digit">
+                                                <h2 className="s-46 statistic-number">29<span>%</span></h2>
+                                            </div>
+                                            {/* Text */}
+                                            <div className="block-txt">
+                                                <p className="p-sm">Ligula suscipit vitae and rutrum turpis</p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END DIGIT BLOCK #2 */}
+                                </div>	{/* END HERO DIGITS */}
+                            </div>
+                        </div>	{/* END HERO TEXT */}
+                        {/* HERO IMAGE */}
+                        <div className="col-md-6">
+                            <div className="hero-3-img wow fadeInLeft">
+                                <img className="img-fluid" src="/images/tablet-01.png" alt="hero-image" />
+                            </div>
+                        </div>
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Hero4.js b/components/sections/Hero4.js
new file mode 100644
index 0000000..c0e78d9
--- /dev/null
+++ b/components/sections/Hero4.js
@@ -0,0 +1,44 @@
+
+
+import Link from "next/link"
+import VideoPopup from "../elements/VidepPopup"
+export default function Hero4() {
+    return (
+        <>
+            <section id="hero-4" className="bg--scroll hero-section">
+                <div className="container text-center">
+                    {/* HERO TEXT */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9 col-xl-10">
+                            <div className="hero-4-txt wow fadeInUp">
+                                {/* Title */}
+                                <h2 className="s-56 w-700">Manage all your content in easy way with Martex</h2>
+                                {/* Buttons */}
+                                <div className="btns-group mt-15">
+                                    <Link href="#" className="btn r-04 btn--theme hover--black">Download for MacOS</Link>
+                                    <Link href="#" className="btn r-04 btn--tra-black hover--black">Download for Windows</Link>
+                                </div>
+                                {/* Buttons Group Text */}
+                                <p className="p-sm btns-group-txt color--black">
+                                    Requires macOS 10.13+ or Windows 10+ 64bit.
+                                    <span className="txt-data">Current version 2.18.03 <Link href="/download">What's New?</Link></span>
+                                </p>
+                            </div>
+                        </div>
+                    </div>	{/* END HERO TEXT */}
+                    {/* HERO IMAGE */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="hero-4-img video-preview wow fadeInUp">
+                                {/* Play Icon */}
+                                <VideoPopup style={1}/>
+                                {/* Preview Image */}
+                                <img className="img-fluid" src="/images/dashboard-04.png" alt="video-preview" />
+                            </div>
+                        </div>
+                    </div>	{/* END HERO IMAGE */}
+                </div>    {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Hero5.js b/components/sections/Hero5.js
new file mode 100644
index 0000000..4b40346
--- /dev/null
+++ b/components/sections/Hero5.js
@@ -0,0 +1,38 @@
+
+
+import Link from "next/link"
+export default function Hero5() {
+    return (
+        <>
+            <section id="hero-5" className="bg--scroll hero-section">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* HERO TEXT */}
+                        <div className="col-md-6">
+                            <div className="hero-5-txt wow fadeInRight">
+                                {/* Title */}
+                                <h2 className="s-58 w-700">The growth accelerator for your startup</h2>
+                                {/* Text */}
+                                <p className="p-lg">Mauris donec turpis suscipit sapien ociis sagittis sapien tempor a volute
+                                    ligula and aliquet tortor
+                                </p>
+                                {/* Button */}
+                                <Link href="#banner-7" className="btn r-04 btn--theme hover--theme">Get started for free</Link>
+                            </div>
+                        </div>	{/* END HERO TEXT */}
+                        {/* HERO IMAGE */}
+                        <div className="col-md-6">
+                            <div className="hero-5-img wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-18.png" alt="hero-image" />
+                            </div>
+                        </div>
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+                {/* WAVE SHAPE BOTTOM */}
+                <div className="wave-shape-bottom">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 170"><path fillOpacity={1} d="M0,160L120,160C240,160,480,160,720,138.7C960,117,1200,75,1320,53.3L1440,32L1440,320L1320,320C1200,320,960,320,720,320C480,320,240,320,120,320L0,320Z" /></svg>
+                </div>
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Hero6.js b/components/sections/Hero6.js
new file mode 100644
index 0000000..87d3e40
--- /dev/null
+++ b/components/sections/Hero6.js
@@ -0,0 +1,39 @@
+
+
+import Link from "next/link"
+export default function Hero6() {
+    return (
+        <>
+            <section id="hero-6" className="hero-section">
+                <div className="container">
+                    <div className="hero-6-wrapper r-16">
+                        <div className="row d-flex align-items-center">
+                            {/* HERO TEXT */}
+                            <div className="col-md-6">
+                                <div className="hero-6-txt wow fadeInRight">
+                                    {/* Title */}
+                                    <h2 className="s-54 w-700">Start with a plan and finish with results</h2>
+                                    {/* Text */}
+                                    <p className="p-lg">Sodales tempor sapien quaerat ipsum congue and laoreet turpis neque
+                                        auctor turpis vitaer
+                                    </p>
+                                    {/* Button */}
+                                    <Link href="#banner-1" className="btn r-04 btn--theme hover--theme">Get started for free</Link>
+                                    <p className="p-sm btn-txt ico-15">
+                                        <span className="flaticon-check" /> No credit card needed, free 14-day trial
+                                    </p>
+                                </div>
+                            </div>	{/* END HERO TEXT */}
+                            {/* HERO IMAGE */}
+                            <div className="col-md-6">
+                                <div className="hero-6-img wow fadeInLeft">
+                                    <img className="img-fluid" src="/images/img-08.png" alt="hero-image" />
+                                </div>
+                            </div>
+                        </div>   {/* End row */}
+                    </div>    {/* End hero-6-wrapper */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Hero7.js b/components/sections/Hero7.js
new file mode 100644
index 0000000..cdc2738
--- /dev/null
+++ b/components/sections/Hero7.js
@@ -0,0 +1,49 @@
+
+
+export default function Hero7() {
+    return (
+        <>
+            <section id="hero-7" className="gr--perl hero-section">
+                <div className="hero-overlay">
+                    <div className="container">
+                        <div className="row d-flex align-items-center">
+                            {/* HERO TEXT */}
+                            <div className="col-md-6">
+                                <div className="hero-7-txt wow fadeInRight">
+                                    {/* Title */}
+                                    <h2 className="s-54 w-700">Digital marketing that drives results for your business</h2>
+                                    {/* Text */}
+                                    <p className="p-lg">Mauris donec ociis magnis sapien ipsum sagittis sapien tempor and volute
+                                        gravida aliquet quaerat vitae
+                                    </p>
+                                    {/* HERO QUICK FORM */}
+                                    <form name="quickform" className="quick-form form-shadow form-half mt-35">
+                                        {/* Form Inputs */}
+                                        <div className="input-group">
+                                            <input type="email" name="email" className="form-control email r-06" placeholder="Your email address" autoComplete="off" required />
+                                            <span className="input-group-btn form-btn">
+                                                <button type="submit" className="btn r-06 btn--theme hover--theme submit">Get Started</button>
+                                            </span>
+                                        </div>
+                                        {/* Form Message */}
+                                        <div className="quick-form-msg"><span className="loading" /></div>
+                                    </form>	{/* END HERO QUICK FORM */}
+                                    {/* Text */}
+                                    <p className="p-sm btn-txt ico-15">
+                                        <span className="flaticon-check" /> No credit card needed, free 14-day trial
+                                    </p>
+                                </div>
+                            </div>	{/* END HERO TEXT */}
+                            {/* HERO IMAGE */}
+                            <div className="col-md-6">
+                                <div className="hero-7-img text-center wow fadeInLeft">
+                                    <img className="img-fluid" src="/images/img-06.png" alt="hero-image" />
+                                </div>
+                            </div>
+                        </div>    {/* End row */}
+                    </div>	   {/* End container */}
+                </div>	   {/* End hero-overlay */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Hero8.js b/components/sections/Hero8.js
new file mode 100644
index 0000000..a5c1029
--- /dev/null
+++ b/components/sections/Hero8.js
@@ -0,0 +1,91 @@
+
+
+import Link from "next/link"
+export default function Hero8() {
+    return (
+        <>
+            <section id="hero-8" className="bg--fixed hero-section">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* HERO TEXT */}
+                        <div className="col-md-6 col-lg-7">
+                            <div className="hero-8-txt color--white wow fadeInRight">
+                                {/* Title */}
+                                <h2 className="s-54 w-700">Optimize your website for speed and efficiency</h2>
+                                {/* Text */}
+                                <p className="p-lg color--coal">Mauris donec turpis suscipit sapien ociis sagittis sapien
+                                    tempor undo volute ligula quaerat congue neque nulla
+                                </p>
+                                {/* HERO DIGITS */}
+                                <div className="hero-digits clearfix">
+                                    {/* DIGIT BLOCK #1 */}
+                                    <div id="hd-1-1">
+                                        <div className="hero-digits-block">
+                                            {/* Digit */}
+                                            <div className="block-digit">
+                                                <h2 className="s-46 statistic-number">3<span>x</span></h2>
+                                            </div>
+                                            {/* Text */}
+                                            <div className="block-txt">
+                                                <p className="p-sm 1color--coal">Tempor sapien and quaerat placerat</p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END DIGIT BLOCK #1 */}
+                                    {/* DIGIT BLOCK #2 */}
+                                    <div id="hd-1-2">
+                                        <div className="hero-digits-block">
+                                            {/* Digit */}
+                                            <div className="block-digit">
+                                                <h2 className="s-46 statistic-number">29<span>%</span></h2>
+                                            </div>
+                                            {/* Text */}
+                                            <div className="block-txt">
+                                                <p className="p-sm 1color--coal">Ligula suscipit vitae and rutrum turpis</p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END DIGIT BLOCK #2 */}
+                                </div>	{/* END HERO DIGITS */}
+                            </div>
+                        </div>	{/* END HERO TEXT */}
+                        {/* HERO REQUEST FORM */}
+                        <div className="col-md-6 col-lg-5">
+                            <div id="hero-8-form" className="r-10 wow fadeInLeft">
+                                {/* Title */}
+                                <h4 className="s-26 w-700">Get started for Free!</h4>
+                                {/* Text */}
+                                <p className="p-md">Feugiat primis ligula risus auctor purus laoreet augue mauris viverra tortor</p>
+                                {/* Form */}
+                                <form name="requestForm" className="row request-form">
+                                    {/* Form Input */}
+                                    <div className="col-md-12">
+                                        <input type="text" name="name" className="form-control name" placeholder="Enter Your Name*" autoComplete="off" required />
+                                    </div>
+                                    {/* Form Input */}
+                                    <div className="col-md-12">
+                                        <input type="email" name="email" className="form-control email" placeholder="Enter Your Email*" autoComplete="off" required />
+                                    </div>
+                                    {/* Form Button */}
+                                    <div className="col-md-12 form-btn">
+                                        <button type="submit" className="btn btn--theme hover--theme submit">Get Started Now</button>
+                                    </div>
+                                    {/* Form Message */}
+                                    <div className="col-md-12 request-form-msg text-center">
+                                        <span className="loading" />
+                                    </div>
+                                </form>
+                                {/* Notice Text */}
+                                <p className="p-sm">By submitting this form, you accept our <Link href="/terms">Terms of Service</Link>
+                                    and <Link href="/privacy">Privacy Policy</Link>
+                                </p>
+                            </div>	{/* END FORM */}
+                        </div>	{/* END HERO REQUEST FORM */}
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+                {/* WAVE SHAPE BOTTOM */}
+                <div className="wave-shape-bottom">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 165"><path fillOpacity={1} d="M0,160L120,154.7C240,149,480,139,720,128C960,117,1200,107,1320,101.3L1440,96L1440,320L1320,320C1200,320,960,320,720,320C480,320,240,320,120,320L0,320Z" /></svg>
+                </div>
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Hero9.js b/components/sections/Hero9.js
new file mode 100644
index 0000000..ad7aee3
--- /dev/null
+++ b/components/sections/Hero9.js
@@ -0,0 +1,51 @@
+
+
+export default function Hero9() {
+    return (
+        <>
+            <section id="hero-9" className="blur--purple hero-section">
+                <div className="container text-center">
+                    {/* HERO TEXT */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="hero-9-txt wow fadeInUp">
+                                {/* Title */}
+                                <h2 className="s-56 w-700">Show the world <img src="/images/png_icons/loud-speaker.png" alt="icon" />
+                                    about the potential you have
+                                </h2>
+                                {/* Text */}
+                                <p className="s-20">Mauris donec ociis diam magnis sapien sagittis sapien tempor volute gravida
+                                    and aliquet tortor undo aliquet in quaerat tortor
+                                </p>
+                                {/* HERO QUICK FORM */}
+                                <form name="quickform" className="quick-form form-stroke mt-45">
+                                    {/* Form Inputs */}
+                                    <div className="input-group">
+                                        <input type="email" name="email" className="form-control email r-06" placeholder="Your email address" autoComplete="off" required />
+                                        <span className="input-group-btn form-btn">
+                                            <button type="submit" className="btn r-06 btn--theme hover--theme submit">Get Started</button>
+                                        </span>
+                                    </div>
+                                    {/* Form Message */}
+                                    <div className="quick-form-msg"><span className="loading" /></div>
+                                </form>
+                                {/* Text */}
+                                <p className="btn-txt ico-15">
+                                    <span className="flaticon-check" /> 14-day free trial. No credit card needed,
+                                </p>
+                            </div>
+                        </div>
+                    </div>	{/* END HERO TEXT */}
+                    {/* HERO IMAGE */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="hero-9-img wow fadeInUp">
+                                <img className="img-fluid" src="/images/dashboard-08.png" alt="hero-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END HERO IMAGE */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Integrations1_1.js b/components/sections/Integrations1_1.js
new file mode 100644
index 0000000..5e026f7
--- /dev/null
+++ b/components/sections/Integrations1_1.js
@@ -0,0 +1,181 @@
+
+
+import Link from "next/link"
+export default function Integrations1_1() {
+    return (
+        <>
+            <section id="integrations-1" className="py-100 integrations-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-8">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Automate your workflow with our integrations</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* INTEGRATIONS-1 WRAPPER */}
+                    <div className="integrations-1-wrapper">
+                        <div className="row row-cols-1 row-cols-md-2 row-cols-lg-3 rows-2">
+                            {/* TOOL #1 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-1 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-1.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Zapier</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* TOOL #2 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-2 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-2.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Google Analytics</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* TOOL #3 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-3 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-3.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Amplitude</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* TOOL #4 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-4 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-4.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Hubspot</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #4 */}
+                            {/* TOOL #5 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-5 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-5.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">MailChimp</h6>
+                                        <p className="p-sm">Import data</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #5 */}
+                            {/* TOOL #6 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-6 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-6.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Slack</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #6 */}
+                            {/* TOOL #7 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-7 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-7.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Dropbox</h6>
+                                        <p className="p-sm">Import data</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #7 */}
+                            {/* TOOL #8 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-8 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-8.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Trello</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #8 */}
+                            {/* TOOL #9 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-9 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-9.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Google Drive</h6>
+                                        <p className="p-sm">Import data</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #9 */}
+                        </div>
+                    </div>	{/* END INTEGRATIONS-1 WRAPPER */}
+                    {/* MORE BUTTON */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="more-btn text-center mt-60 wow fadeInUp">
+                                <Link href="/integrations" className="btn btn--tra-black hover--theme">View all integrations</Link>
+                            </div>
+                        </div>
+                    </div>
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Integrations1_10.js b/components/sections/Integrations1_10.js
new file mode 100644
index 0000000..304e14d
--- /dev/null
+++ b/components/sections/Integrations1_10.js
@@ -0,0 +1,181 @@
+
+
+import Link from "next/link"
+export default function Integrations1_10() {
+    return (
+        <>
+            <section id="integrations-1" className="py-100 integrations-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-8">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Automate your workflow with our integrations</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* INTEGRATIONS-1 WRAPPER */}
+                    <div className="integrations-1-wrapper">
+                        <div className="row row-cols-1 row-cols-md-2 row-cols-lg-3 rows-2">
+                            {/* TOOL #1 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-1 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-1.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Zapier</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* TOOL #2 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-2 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-2.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Google Analytics</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* TOOL #3 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-3 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-3.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Amplitude</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* TOOL #4 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-4 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-4.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Hubspot</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #4 */}
+                            {/* TOOL #5 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-5 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-5.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">MailChimp</h6>
+                                        <p className="p-sm">Import data</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #5 */}
+                            {/* TOOL #6 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-6 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-6.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Slack</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #6 */}
+                            {/* TOOL #7 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-7 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-7.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Dropbox</h6>
+                                        <p className="p-sm">Import data</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #7 */}
+                            {/* TOOL #8 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-8 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-8.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Trello</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #8 */}
+                            {/* TOOL #9 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-9 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-9.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Google Drive</h6>
+                                        <p className="p-sm">Import data</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #9 */}
+                        </div>
+                    </div>	{/* END INTEGRATIONS-1 WRAPPER */}
+                    {/* MORE BUTTON */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="more-btn text-center mt-60 wow fadeInUp">
+                                <Link href="/integrations" className="btn btn--tra-black hover--theme">View all integrations</Link>
+                            </div>
+                        </div>
+                    </div>
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Integrations1_2.js b/components/sections/Integrations1_2.js
new file mode 100644
index 0000000..dc03dfd
--- /dev/null
+++ b/components/sections/Integrations1_2.js
@@ -0,0 +1,181 @@
+
+
+import Link from "next/link"
+export default function Integrations1_2() {
+    return (
+        <>
+            <section id="integrations-1" className="py-100 integrations-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-8">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Automate your workflow with our integrations</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* INTEGRATIONS-1 WRAPPER */}
+                    <div className="integrations-1-wrapper">
+                        <div className="row row-cols-1 row-cols-md-2 row-cols-lg-3 rows-2">
+                            {/* TOOL #1 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-1 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-1.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Zapier</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* TOOL #2 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-2 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-2.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Google Analytics</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* TOOL #3 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-3 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-3.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Amplitude</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* TOOL #4 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-4 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-4.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Hubspot</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #4 */}
+                            {/* TOOL #5 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-5 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-5.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">MailChimp</h6>
+                                        <p className="p-sm">Import data</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #5 */}
+                            {/* TOOL #6 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-6 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-6.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Slack</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #6 */}
+                            {/* TOOL #7 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-7 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-7.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Dropbox</h6>
+                                        <p className="p-sm">Import data</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #7 */}
+                            {/* TOOL #8 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-8 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-8.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Trello</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #8 */}
+                            {/* TOOL #9 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-9 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-9.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Google Drive</h6>
+                                        <p className="p-sm">Import data</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #9 */}
+                        </div>
+                    </div>	{/* END INTEGRATIONS-1 WRAPPER */}
+                    {/* MORE BUTTON */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="more-btn text-center mt-60 wow fadeInUp">
+                                <Link href="/integrations" className="btn btn--tra-black hover--theme">View all integrations</Link>
+                            </div>
+                        </div>
+                    </div>
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Integrations1_3.js b/components/sections/Integrations1_3.js
new file mode 100644
index 0000000..d1bc273
--- /dev/null
+++ b/components/sections/Integrations1_3.js
@@ -0,0 +1,181 @@
+
+
+import Link from "next/link"
+export default function Integrations1_3() {
+    return (
+        <>
+            <section id="integrations-1" className="pt-100 integrations-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-8">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Automate your workflow with our integrations</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* INTEGRATIONS-1 WRAPPER */}
+                    <div className="integrations-1-wrapper">
+                        <div className="row row-cols-1 row-cols-md-2 row-cols-lg-3 rows-2">
+                            {/* TOOL #1 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-1 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-1.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Zapier</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* TOOL #2 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-2 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-2.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Google Analytics</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* TOOL #3 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-3 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-3.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Amplitude</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* TOOL #4 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-4 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-4.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Hubspot</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #4 */}
+                            {/* TOOL #5 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-5 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-5.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">MailChimp</h6>
+                                        <p className="p-sm">Import data</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #5 */}
+                            {/* TOOL #6 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-6 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-6.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Slack</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #6 */}
+                            {/* TOOL #7 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-7 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-7.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Dropbox</h6>
+                                        <p className="p-sm">Import data</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #7 */}
+                            {/* TOOL #8 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-8 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-8.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Trello</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #8 */}
+                            {/* TOOL #9 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-9 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-9.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Google Drive</h6>
+                                        <p className="p-sm">Import data</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #9 */}
+                        </div>
+                    </div>	{/* END INTEGRATIONS-1 WRAPPER */}
+                    {/* MORE BUTTON */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="more-btn text-center mt-60 wow fadeInUp">
+                                <Link href="/integrations" className="btn btn--tra-black hover--theme">View all integrations</Link>
+                            </div>
+                        </div>
+                    </div>
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Integrations1_4.js b/components/sections/Integrations1_4.js
new file mode 100644
index 0000000..6490978
--- /dev/null
+++ b/components/sections/Integrations1_4.js
@@ -0,0 +1,181 @@
+
+
+import Link from "next/link"
+export default function Integrations1_4() {
+    return (
+        <>
+            <section id="integrations-1" className="pt-100 integrations-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-8">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Automate your workflow with our integrations</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* INTEGRATIONS-1 WRAPPER */}
+                    <div className="integrations-1-wrapper">
+                        <div className="row row-cols-1 row-cols-md-2 row-cols-lg-3 rows-2">
+                            {/* TOOL #1 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-1 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-1.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Zapier</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* TOOL #2 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-2 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-2.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Google Analytics</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* TOOL #3 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-3 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-3.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Amplitude</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* TOOL #4 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-4 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-4.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Hubspot</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #4 */}
+                            {/* TOOL #5 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-5 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-5.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">MailChimp</h6>
+                                        <p className="p-sm">Import data</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #5 */}
+                            {/* TOOL #6 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-6 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-6.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Slack</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #6 */}
+                            {/* TOOL #7 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-7 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-7.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Dropbox</h6>
+                                        <p className="p-sm">Import data</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #7 */}
+                            {/* TOOL #8 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-8 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-8.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Trello</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #8 */}
+                            {/* TOOL #9 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-9 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-9.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Google Drive</h6>
+                                        <p className="p-sm">Import data</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #9 */}
+                        </div>
+                    </div>	{/* END INTEGRATIONS-1 WRAPPER */}
+                    {/* MORE BUTTON */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="more-btn text-center mt-60 wow fadeInUp">
+                                <Link href="/integrations" className="btn btn--tra-black hover--theme">View all integrations</Link>
+                            </div>
+                        </div>
+                    </div>
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Integrations1_5.js b/components/sections/Integrations1_5.js
new file mode 100644
index 0000000..40249f1
--- /dev/null
+++ b/components/sections/Integrations1_5.js
@@ -0,0 +1,181 @@
+
+
+import Link from "next/link"
+export default function Integrations1_5() {
+    return (
+        <>
+            <section id="integrations-1" className="py-100 integrations-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-8">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Automate your workflow with our integrations</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* INTEGRATIONS-1 WRAPPER */}
+                    <div className="integrations-1-wrapper">
+                        <div className="row row-cols-1 row-cols-md-2 row-cols-lg-3 rows-2">
+                            {/* TOOL #1 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-1 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-1.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Zapier</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* TOOL #2 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-2 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-2.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Google Analytics</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* TOOL #3 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-3 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-3.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Amplitude</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* TOOL #4 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-4 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-4.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Hubspot</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #4 */}
+                            {/* TOOL #5 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-5 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-5.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">MailChimp</h6>
+                                        <p className="p-sm">Import data</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #5 */}
+                            {/* TOOL #6 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-6 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-6.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Slack</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #6 */}
+                            {/* TOOL #7 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-7 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-7.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Dropbox</h6>
+                                        <p className="p-sm">Import data</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #7 */}
+                            {/* TOOL #8 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-8 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-8.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Trello</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #8 */}
+                            {/* TOOL #9 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-9 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-9.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Google Drive</h6>
+                                        <p className="p-sm">Import data</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #9 */}
+                        </div>
+                    </div>	{/* END INTEGRATIONS-1 WRAPPER */}
+                    {/* MORE BUTTON */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="more-btn text-center mt-60 wow fadeInUp">
+                                <Link href="/integrations" className="btn btn--tra-black hover--theme">View all integrations</Link>
+                            </div>
+                        </div>
+                    </div>
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Integrations1_6.js b/components/sections/Integrations1_6.js
new file mode 100644
index 0000000..03517f1
--- /dev/null
+++ b/components/sections/Integrations1_6.js
@@ -0,0 +1,181 @@
+
+
+import Link from "next/link"
+export default function Integrations1_6() {
+    return (
+        <>
+            <section id="integrations-1" className="pt-100 integrations-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-8">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Automate your workflow with our integrations</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* INTEGRATIONS-1 WRAPPER */}
+                    <div className="integrations-1-wrapper">
+                        <div className="row row-cols-1 row-cols-md-2 row-cols-lg-3 rows-2">
+                            {/* TOOL #1 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-1 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-1.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Zapier</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* TOOL #2 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-2 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-2.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Google Analytics</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* TOOL #3 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-3 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-3.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Amplitude</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* TOOL #4 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-4 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-4.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Hubspot</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #4 */}
+                            {/* TOOL #5 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-5 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-5.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">MailChimp</h6>
+                                        <p className="p-sm">Import data</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #5 */}
+                            {/* TOOL #6 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-6 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-6.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Slack</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #6 */}
+                            {/* TOOL #7 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-7 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-7.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Dropbox</h6>
+                                        <p className="p-sm">Import data</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #7 */}
+                            {/* TOOL #8 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-8 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-8.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Trello</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #8 */}
+                            {/* TOOL #9 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-9 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-9.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Google Drive</h6>
+                                        <p className="p-sm">Import data</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #9 */}
+                        </div>
+                    </div>	{/* END INTEGRATIONS-1 WRAPPER */}
+                    {/* MORE BUTTON */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="more-btn text-center mt-60 wow fadeInUp">
+                                <Link href="/integrations" className="btn btn--tra-black hover--theme">View all integrations</Link>
+                            </div>
+                        </div>
+                    </div>
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Integrations1_7.js b/components/sections/Integrations1_7.js
new file mode 100644
index 0000000..56d9388
--- /dev/null
+++ b/components/sections/Integrations1_7.js
@@ -0,0 +1,181 @@
+
+
+import Link from "next/link"
+export default function Integrations1_7() {
+    return (
+        <>
+            <section id="integrations-1" className="py-100 integrations-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-8">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Automate your workflow with our integrations</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* INTEGRATIONS-1 WRAPPER */}
+                    <div className="integrations-1-wrapper">
+                        <div className="row row-cols-1 row-cols-md-2 row-cols-lg-3 rows-2">
+                            {/* TOOL #1 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-1 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-1.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Zapier</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* TOOL #2 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-2 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-2.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Google Analytics</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* TOOL #3 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-3 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-3.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Amplitude</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* TOOL #4 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-4 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-4.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Hubspot</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #4 */}
+                            {/* TOOL #5 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-5 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-5.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">MailChimp</h6>
+                                        <p className="p-sm">Import data</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #5 */}
+                            {/* TOOL #6 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-6 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-6.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Slack</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #6 */}
+                            {/* TOOL #7 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-7 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-7.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Dropbox</h6>
+                                        <p className="p-sm">Import data</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #7 */}
+                            {/* TOOL #8 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-8 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-8.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Trello</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #8 */}
+                            {/* TOOL #9 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-9 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-9.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Google Drive</h6>
+                                        <p className="p-sm">Import data</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #9 */}
+                        </div>
+                    </div>	{/* END INTEGRATIONS-1 WRAPPER */}
+                    {/* MORE BUTTON */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="more-btn text-center mt-60 wow fadeInUp">
+                                <Link href="/integrations" className="btn btn--tra-black hover--theme">View all integrations</Link>
+                            </div>
+                        </div>
+                    </div>
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Integrations1_8.js b/components/sections/Integrations1_8.js
new file mode 100644
index 0000000..24bb316
--- /dev/null
+++ b/components/sections/Integrations1_8.js
@@ -0,0 +1,181 @@
+
+
+import Link from "next/link"
+export default function Integrations1_8() {
+    return (
+        <>
+            <section id="integrations-1" className="py-100 integrations-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-8">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-48 w-700">Automate your workflow with our integrations</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* INTEGRATIONS-1 WRAPPER */}
+                    <div className="integrations-1-wrapper">
+                        <div className="row row-cols-1 row-cols-md-2 row-cols-lg-3 rows-2">
+                            {/* TOOL #1 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-1 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-1.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Zapier</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* TOOL #2 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-2 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-2.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Google Analytics</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* TOOL #3 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-3 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-3.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Amplitude</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* TOOL #4 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-4 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-4.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Hubspot</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #4 */}
+                            {/* TOOL #5 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-5 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-5.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">MailChimp</h6>
+                                        <p className="p-sm">Import data</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #5 */}
+                            {/* TOOL #6 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-6 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-6.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Slack</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #6 */}
+                            {/* TOOL #7 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-7 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-7.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Dropbox</h6>
+                                        <p className="p-sm">Import data</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #7 */}
+                            {/* TOOL #8 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-8 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-8.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Trello</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #8 */}
+                            {/* TOOL #9 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-9 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-9.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Google Drive</h6>
+                                        <p className="p-sm">Import data</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #9 */}
+                        </div>
+                    </div>	{/* END INTEGRATIONS-1 WRAPPER */}
+                    {/* MORE BUTTON */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="more-btn text-center mt-60 wow fadeInUp">
+                                <Link href="/integrations" className="btn btn--tra-black hover--theme">View all integrations</Link>
+                            </div>
+                        </div>
+                    </div>
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Integrations1_9.js b/components/sections/Integrations1_9.js
new file mode 100644
index 0000000..72aadea
--- /dev/null
+++ b/components/sections/Integrations1_9.js
@@ -0,0 +1,181 @@
+
+
+import Link from "next/link"
+export default function Integrations1_9() {
+    return (
+        <>
+            <section id="integrations-1" className="py-100 integrations-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-8">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Automate your workflow with our integrations</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* INTEGRATIONS-1 WRAPPER */}
+                    <div className="integrations-1-wrapper">
+                        <div className="row row-cols-1 row-cols-md-2 row-cols-lg-3 rows-2">
+                            {/* TOOL #1 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-1 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-1.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Zapier</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #1 */}
+                            {/* TOOL #2 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-2 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-2.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Google Analytics</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #2 */}
+                            {/* TOOL #3 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-3 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-3.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Amplitude</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #3 */}
+                            {/* TOOL #4 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-4 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-4.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Hubspot</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #4 */}
+                            {/* TOOL #5 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-5 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-5.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">MailChimp</h6>
+                                        <p className="p-sm">Import data</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #5 */}
+                            {/* TOOL #6 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-6 r-12 mb-30 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-6.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Slack</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #6 */}
+                            {/* TOOL #7 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-7 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-7.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Dropbox</h6>
+                                        <p className="p-sm">Import data</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #7 */}
+                            {/* TOOL #8 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-8 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-8.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Trello</h6>
+                                        <p className="p-sm">Share findings</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #8 */}
+                            {/* TOOL #9 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-9 r-12 wow fadeInUp">
+                                    {/* Icon */}
+                                    <div className="in_tool-logo-wrap">
+                                        <div className="in_tool-logo ico-60">
+                                            <img className="img-fluid" src="/images/png_icons/tool-9.png" alt="brand-logo" />
+                                        </div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="in_tool-txt">
+                                        <h6 className="s-20 w-700">Google Drive</h6>
+                                        <p className="p-sm">Import data</p>
+                                    </div>
+                                </Link>
+                            </div>	{/* END FEATURE BOX #9 */}
+                        </div>
+                    </div>	{/* END INTEGRATIONS-1 WRAPPER */}
+                    {/* MORE BUTTON */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="more-btn text-center mt-60 wow fadeInUp">
+                                <Link href="/integrations" className="btn btn--tra-black hover--theme">View all integrations</Link>
+                            </div>
+                        </div>
+                    </div>
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Integrations2_1.js b/components/sections/Integrations2_1.js
new file mode 100644
index 0000000..1803595
--- /dev/null
+++ b/components/sections/Integrations2_1.js
@@ -0,0 +1,94 @@
+
+
+import Link from "next/link"
+export default function Integrations2_1() {
+    return (
+        <>
+            <section id="integrations-2" className="pt-100 integrations-section">
+                <div className="container">
+                    {/* INTEGRATIONS-2 WRAPPER */}
+                    <div className="integrations-2-wrapper bg--02 r-16 text-center">
+                        {/* SECTION TITLE */}
+                        <div className="row justify-content-center">
+                            <div className="col-md-10 col-lg-9">
+                                <div className="section-title mb-50">
+                                    {/* Title */}
+                                    <h2 className="s-50 w-700">Automate your workflow with our integrations</h2>
+                                    {/* Text */}
+                                    <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                </div>
+                            </div>
+                        </div>
+                        {/* TOOLS ROW */}
+                        <div className="row row-cols-1 row-cols-sm-3 row-cols-md-5">
+                            {/* TOOL #1 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-1 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-1.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Zapier</h6>
+                                </Link>
+                            </div> {/* END TOOL #1 */}
+                            {/* TOOL #2 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-2 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-2.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Google Analytics</h6>
+                                </Link>
+                            </div> {/* END TOOL #2 */}
+                            {/* TOOL #3 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-3 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-3.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Amplitude</h6>
+                                </Link>
+                            </div> {/* END TOOL #3 */}
+                            {/* TOOL #4 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-4 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-4.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Hubspot</h6>
+                                </Link>
+                            </div> {/* END TOOL #4 */}
+                            {/* TOOL #5 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-5 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-5.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">MailChimp</h6>
+                                </Link>
+                            </div> {/* END TOOL #5 */}
+                        </div> {/* END TOOLS ROW */}
+                        {/* MORE BUTTON */}
+                        <div className="row">
+                            <div className="col">
+                                <div className="more-btn text-center mt-60 wow fadeInUp">
+                                    <Link href="/integrations" className="btn btn--tra-black hover--theme">View all
+                                        integrations</Link>
+                                </div>
+                            </div>
+                        </div>
+                    </div> {/* END INTEGRATIONS-2 WRAPPER */}
+                </div> {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Integrations2_10.js b/components/sections/Integrations2_10.js
new file mode 100644
index 0000000..d5c74de
--- /dev/null
+++ b/components/sections/Integrations2_10.js
@@ -0,0 +1,93 @@
+
+
+import Link from "next/link"
+export default function Integrations2_10() {
+    return (
+        <>
+            <section id="integrations-2" className="pt-100 integrations-section">
+                <div className="container">
+                    {/* INTEGRATIONS-2 WRAPPER */}
+                    <div className="integrations-2-wrapper bg--white-400 bg--scroll r-12 text-center">
+                        {/* SECTION TITLE */}
+                        <div className="row justify-content-center">
+                            <div className="col-md-10 col-lg-9">
+                                <div className="section-title mb-50">
+                                    {/* Title */}
+                                    <h2 className="s-50 w-700">Easy integrate all your essential tools</h2>
+                                    {/* Text */}
+                                    <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                </div>
+                            </div>
+                        </div>
+                        {/* TOOLS ROW */}
+                        <div className="row row-cols-1 row-cols-sm-3 row-cols-md-5">
+                            {/* TOOL #1 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-1 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-1.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Zapier</h6>
+                                </Link>
+                            </div>	{/* END TOOL #1 */}
+                            {/* TOOL #2 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-2 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-2.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Google Analytics</h6>
+                                </Link>
+                            </div>	{/* END TOOL #2 */}
+                            {/* TOOL #3 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-3 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-3.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Amplitude</h6>
+                                </Link>
+                            </div>	{/* END TOOL #3 */}
+                            {/* TOOL #4 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-4 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-4.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Hubspot</h6>
+                                </Link>
+                            </div>	{/* END TOOL #4 */}
+                            {/* TOOL #5 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-5 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-5.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">MailChimp</h6>
+                                </Link>
+                            </div>	{/* END TOOL #5 */}
+                        </div>	{/* END TOOLS ROW */}
+                        {/* MORE BUTTON */}
+                        <div className="row">
+                            <div className="col">
+                                <div className="more-btn text-center mt-60 wow fadeInUp">
+                                    <Link href="/integrations" className="btn btn--tra-black hover--theme">View all integrations</Link>
+                                </div>
+                            </div>
+                        </div>
+                    </div>	{/* END INTEGRATIONS-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Integrations2_11.js b/components/sections/Integrations2_11.js
new file mode 100644
index 0000000..162ac95
--- /dev/null
+++ b/components/sections/Integrations2_11.js
@@ -0,0 +1,93 @@
+
+
+import Link from "next/link"
+export default function Integrations2_11() {
+    return (
+        <>
+            <section id="integrations-2" className="pt-100 integrations-section">
+                <div className="container">
+                    {/* INTEGRATIONS-2 WRAPPER */}
+                    <div className="integrations-2-wrapper bg--white-400 bg--scroll r-12 text-center">
+                        {/* SECTION TITLE */}
+                        <div className="row justify-content-center">
+                            <div className="col-md-10 col-lg-9">
+                                <div className="section-title mb-50">
+                                    {/* Title */}
+                                    <h2 className="s-48 w-700">Easy integrate all your essential tools</h2>
+                                    {/* Text */}
+                                    <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                </div>
+                            </div>
+                        </div>
+                        {/* TOOLS ROW */}
+                        <div className="row row-cols-1 row-cols-sm-3 row-cols-md-5">
+                            {/* TOOL #1 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-1 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-1.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Zapier</h6>
+                                </Link>
+                            </div>	{/* END TOOL #1 */}
+                            {/* TOOL #2 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-2 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-2.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Google Analytics</h6>
+                                </Link>
+                            </div>	{/* END TOOL #2 */}
+                            {/* TOOL #3 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-3 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-3.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Amplitude</h6>
+                                </Link>
+                            </div>	{/* END TOOL #3 */}
+                            {/* TOOL #4 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-4 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-4.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Hubspot</h6>
+                                </Link>
+                            </div>	{/* END TOOL #4 */}
+                            {/* TOOL #5 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-5 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-5.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">MailChimp</h6>
+                                </Link>
+                            </div>	{/* END TOOL #5 */}
+                        </div>	{/* END TOOLS ROW */}
+                        {/* MORE BUTTON */}
+                        <div className="row">
+                            <div className="col">
+                                <div className="more-btn text-center mt-60 wow fadeInUp">
+                                    <Link href="/integrations" className="btn btn--tra-black hover--theme">View all integrations</Link>
+                                </div>
+                            </div>
+                        </div>
+                    </div>	{/* END INTEGRATIONS-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Integrations2_12.js b/components/sections/Integrations2_12.js
new file mode 100644
index 0000000..40c6860
--- /dev/null
+++ b/components/sections/Integrations2_12.js
@@ -0,0 +1,93 @@
+
+
+import Link from "next/link"
+export default function Integrations2_12() {
+    return (
+        <>
+            <section id="integrations-2" className="pt-100 integrations-section">
+                <div className="container">
+                    {/* INTEGRATIONS-2 WRAPPER */}
+                    <div className="integrations-2-wrapper bg--02 bg--scroll r-12 text-center">
+                        {/* SECTION TITLE */}
+                        <div className="row justify-content-center">
+                            <div className="col-md-10 col-lg-9">
+                                <div className="section-title mb-50">
+                                    {/* Title */}
+                                    <h2 className="s-50 w-700">Easy integrate all your essential tools</h2>
+                                    {/* Text */}
+                                    <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                </div>
+                            </div>
+                        </div>
+                        {/* TOOLS ROW */}
+                        <div className="row row-cols-1 row-cols-sm-3 row-cols-md-5">
+                            {/* TOOL #1 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-1 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-1.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Zapier</h6>
+                                </Link>
+                            </div>	{/* END TOOL #1 */}
+                            {/* TOOL #2 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-2 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-2.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Google Analytics</h6>
+                                </Link>
+                            </div>	{/* END TOOL #2 */}
+                            {/* TOOL #3 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-3 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-3.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Amplitude</h6>
+                                </Link>
+                            </div>	{/* END TOOL #3 */}
+                            {/* TOOL #4 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-4 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-4.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Hubspot</h6>
+                                </Link>
+                            </div>	{/* END TOOL #4 */}
+                            {/* TOOL #5 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-5 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-5.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">MailChimp</h6>
+                                </Link>
+                            </div>	{/* END TOOL #5 */}
+                        </div>	{/* END TOOLS ROW */}
+                        {/* MORE BUTTON */}
+                        <div className="row">
+                            <div className="col">
+                                <div className="more-btn text-center mt-60 wow fadeInUp">
+                                    <Link href="/integrations" className="btn btn--tra-black hover--theme">View all integrations</Link>
+                                </div>
+                            </div>
+                        </div>
+                    </div>	{/* END INTEGRATIONS-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Integrations2_2.js b/components/sections/Integrations2_2.js
new file mode 100644
index 0000000..fd46053
--- /dev/null
+++ b/components/sections/Integrations2_2.js
@@ -0,0 +1,93 @@
+
+
+import Link from "next/link"
+export default function Integrations2_2() {
+    return (
+        <>
+            <section id="integrations-2" className="pt-100 integrations-section">
+                <div className="container">
+                    {/* INTEGRATIONS-2 WRAPPER */}
+                    <div className="integrations-2-wrapper bg--white-400 r-12 text-center">
+                        {/* SECTION TITLE */}
+                        <div className="row justify-content-center">
+                            <div className="col-md-10 col-lg-9">
+                                <div className="section-title mb-50">
+                                    {/* Title */}
+                                    <h2 className="s-50 w-700">Automate your workflow with our integrations</h2>
+                                    {/* Text */}
+                                    <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                </div>
+                            </div>
+                        </div>
+                        {/* TOOLS ROW */}
+                        <div className="row row-cols-1 row-cols-sm-3 row-cols-md-5">
+                            {/* TOOL #1 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-1 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-1.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Zapier</h6>
+                                </Link>
+                            </div>	{/* END TOOL #1 */}
+                            {/* TOOL #2 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-2 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-2.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Google Analytics</h6>
+                                </Link>
+                            </div>	{/* END TOOL #2 */}
+                            {/* TOOL #3 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-3 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-3.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Amplitude</h6>
+                                </Link>
+                            </div>	{/* END TOOL #3 */}
+                            {/* TOOL #4 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-4 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-4.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Hubspot</h6>
+                                </Link>
+                            </div>	{/* END TOOL #4 */}
+                            {/* TOOL #5 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-5 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-5.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">MailChimp</h6>
+                                </Link>
+                            </div>	{/* END TOOL #5 */}
+                        </div>	{/* END TOOLS ROW */}
+                        {/* MORE BUTTON */}
+                        <div className="row">
+                            <div className="col">
+                                <div className="more-btn text-center mt-60 wow fadeInUp">
+                                    <Link href="/integrations" className="btn btn--tra-grey hover--theme">View all integrations</Link>
+                                </div>
+                            </div>
+                        </div>
+                    </div>	{/* END INTEGRATIONS-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Integrations2_3.js b/components/sections/Integrations2_3.js
new file mode 100644
index 0000000..40bad36
--- /dev/null
+++ b/components/sections/Integrations2_3.js
@@ -0,0 +1,93 @@
+
+
+import Link from "next/link"
+export default function Integrations2_3() {
+    return (
+        <>
+            <section id="integrations-2" className="pt-100 integrations-section">
+                <div className="container">
+                    {/* INTEGRATIONS-2 WRAPPER */}
+                    <div className="integrations-2-wrapper bg--white-400 r-12 text-center">
+                        {/* SECTION TITLE */}
+                        <div className="row justify-content-center">
+                            <div className="col-md-10 col-lg-9">
+                                <div className="section-title mb-50">
+                                    {/* Title */}
+                                    <h2 className="s-50 w-700">Easy integrate all your essential tools</h2>
+                                    {/* Text */}
+                                    <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                </div>
+                            </div>
+                        </div>
+                        {/* TOOLS ROW */}
+                        <div className="row row-cols-1 row-cols-sm-3 row-cols-md-5">
+                            {/* TOOL #1 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-1 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-9.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Google Drive</h6>
+                                </Link>
+                            </div>	{/* END TOOL #1 */}
+                            {/* TOOL #2 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-2 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-7.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Dropbox</h6>
+                                </Link>
+                            </div>	{/* END TOOL #2 */}
+                            {/* TOOL #3 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-3 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-13.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Zoom</h6>
+                                </Link>
+                            </div>	{/* END TOOL #3 */}
+                            {/* TOOL #4 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-4 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-12.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Gmail</h6>
+                                </Link>
+                            </div>	{/* END TOOL #4 */}
+                            {/* TOOL #5 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-5 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-11.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">VLC Player</h6>
+                                </Link>
+                            </div>	{/* END TOOL #5 */}
+                        </div>	{/* END TOOLS ROW */}
+                        {/* MORE BUTTON */}
+                        <div className="row">
+                            <div className="col">
+                                <div className="more-btn text-center mt-60 wow fadeInUp">
+                                    <Link href="/integrations" className="btn btn--tra-grey hover--theme">View all integrations</Link>
+                                </div>
+                            </div>
+                        </div>
+                    </div>	{/* END INTEGRATIONS-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Integrations2_4.js b/components/sections/Integrations2_4.js
new file mode 100644
index 0000000..cc84d25
--- /dev/null
+++ b/components/sections/Integrations2_4.js
@@ -0,0 +1,93 @@
+
+
+import Link from "next/link"
+export default function Integrations2_4() {
+    return (
+        <>
+            <section id="integrations-2" className="pt-100 integrations-section">
+                <div className="container">
+                    {/* INTEGRATIONS-2 WRAPPER */}
+                    <div className="integrations-2-wrapper bg--white-400 r-12 text-center">
+                        {/* SECTION TITLE */}
+                        <div className="row justify-content-center">
+                            <div className="col-md-10 col-lg-9">
+                                <div className="section-title mb-60">
+                                    {/* Title */}
+                                    <h2 className="s-50 w-700">Easy integrate all your essential tools</h2>
+                                    {/* Text */}
+                                    <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                </div>
+                            </div>
+                        </div>
+                        {/* TOOLS ROW */}
+                        <div className="row row-cols-1 row-cols-sm-3 row-cols-md-5">
+                            {/* TOOL #1 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-1 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-1.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Zapier</h6>
+                                </Link>
+                            </div>	{/* END TOOL #1 */}
+                            {/* TOOL #2 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-2 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-2.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Google Analytics</h6>
+                                </Link>
+                            </div>	{/* END TOOL #2 */}
+                            {/* TOOL #3 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-3 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-3.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Amplitude</h6>
+                                </Link>
+                            </div>	{/* END TOOL #3 */}
+                            {/* TOOL #4 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-4 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-4.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Hubspot</h6>
+                                </Link>
+                            </div>	{/* END TOOL #4 */}
+                            {/* TOOL #5 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-5 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-5.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">MailChimp</h6>
+                                </Link>
+                            </div>	{/* END TOOL #5 */}
+                        </div>	{/* END TOOLS ROW */}
+                        {/* MORE BUTTON */}
+                        <div className="row">
+                            <div className="col">
+                                <div className="more-btn text-center mt-60 wow fadeInUp">
+                                    <Link href="/integrations" className="btn btn--tra-grey hover--theme">View all integrations</Link>
+                                </div>
+                            </div>
+                        </div>
+                    </div>	{/* END INTEGRATIONS-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Integrations2_5.js b/components/sections/Integrations2_5.js
new file mode 100644
index 0000000..99ce309
--- /dev/null
+++ b/components/sections/Integrations2_5.js
@@ -0,0 +1,93 @@
+
+
+import Link from "next/link"
+export default function Integrations2_5() {
+    return (
+        <>
+            <section id="integrations-2" className="pt-100 integrations-section">
+                <div className="container">
+                    {/* INTEGRATIONS-2 WRAPPER */}
+                    <div className="integrations-2-wrapper bg--white-400 r-12 text-center">
+                        {/* SECTION TITLE */}
+                        <div className="row justify-content-center">
+                            <div className="col-md-10 col-lg-9">
+                                <div className="section-title mb-60">
+                                    {/* Title */}
+                                    <h2 className="s-50 w-700">Easy integrate all your essential tools</h2>
+                                    {/* Text */}
+                                    <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                </div>
+                            </div>
+                        </div>
+                        {/* TOOLS ROW */}
+                        <div className="row row-cols-1 row-cols-sm-3 row-cols-md-5">
+                            {/* TOOL #1 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-1 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-1.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Zapier</h6>
+                                </Link>
+                            </div>	{/* END TOOL #1 */}
+                            {/* TOOL #2 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-2 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-2.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Google Analytics</h6>
+                                </Link>
+                            </div>	{/* END TOOL #2 */}
+                            {/* TOOL #3 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-3 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-3.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Amplitude</h6>
+                                </Link>
+                            </div>	{/* END TOOL #3 */}
+                            {/* TOOL #4 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-4 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-4.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Hubspot</h6>
+                                </Link>
+                            </div>	{/* END TOOL #4 */}
+                            {/* TOOL #5 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-5 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-5.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">MailChimp</h6>
+                                </Link>
+                            </div>	{/* END TOOL #5 */}
+                        </div>	{/* END TOOLS ROW */}
+                        {/* MORE BUTTON */}
+                        <div className="row">
+                            <div className="col">
+                                <div className="more-btn text-center mt-60 wow fadeInUp">
+                                    <Link href="/integrations" className="btn btn--tra-grey hover--theme">View all integrations</Link>
+                                </div>
+                            </div>
+                        </div>
+                    </div>	{/* END INTEGRATIONS-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Integrations2_6.js b/components/sections/Integrations2_6.js
new file mode 100644
index 0000000..19e0d26
--- /dev/null
+++ b/components/sections/Integrations2_6.js
@@ -0,0 +1,93 @@
+
+
+import Link from "next/link"
+export default function Integrations2_6() {
+    return (
+        <>
+            <section id="integrations-2" className="pt-100 integrations-section">
+                <div className="container">
+                    {/* INTEGRATIONS-2 WRAPPER */}
+                    <div className="integrations-2-wrapper bg--white-400 r-12 text-center">
+                        {/* SECTION TITLE */}
+                        <div className="row justify-content-center">
+                            <div className="col-md-10 col-lg-9">
+                                <div className="section-title mb-50">
+                                    {/* Title */}
+                                    <h2 className="s-50 w-700">Easy integrate all your essential tools</h2>
+                                    {/* Text */}
+                                    <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                </div>
+                            </div>
+                        </div>
+                        {/* TOOLS ROW */}
+                        <div className="row row-cols-1 row-cols-sm-3 row-cols-md-5">
+                            {/* TOOL #1 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-1 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-1.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Zapier</h6>
+                                </Link>
+                            </div>	{/* END TOOL #1 */}
+                            {/* TOOL #2 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-2 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-2.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Google Analytics</h6>
+                                </Link>
+                            </div>	{/* END TOOL #2 */}
+                            {/* TOOL #3 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-3 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-3.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Amplitude</h6>
+                                </Link>
+                            </div>	{/* END TOOL #3 */}
+                            {/* TOOL #4 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-4 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-4.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Hubspot</h6>
+                                </Link>
+                            </div>	{/* END TOOL #4 */}
+                            {/* TOOL #5 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-5 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-5.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">MailChimp</h6>
+                                </Link>
+                            </div>	{/* END TOOL #5 */}
+                        </div>	{/* END TOOLS ROW */}
+                        {/* MORE BUTTON */}
+                        <div className="row">
+                            <div className="col">
+                                <div className="more-btn text-center mt-60 wow fadeInUp">
+                                    <Link href="/integrations" className="btn btn--tra-grey hover--theme">View all integrations</Link>
+                                </div>
+                            </div>
+                        </div>
+                    </div>	{/* END INTEGRATIONS-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Integrations2_7.js b/components/sections/Integrations2_7.js
new file mode 100644
index 0000000..4f0fe42
--- /dev/null
+++ b/components/sections/Integrations2_7.js
@@ -0,0 +1,93 @@
+
+
+import Link from "next/link"
+export default function Integrations2_7() {
+    return (
+        <>
+            <section id="integrations-2" className="pt-100 integrations-section">
+                <div className="container">
+                    {/* INTEGRATIONS-2 WRAPPER */}
+                    <div className="integrations-2-wrapper bg--02 r-12 text-center">
+                        {/* SECTION TITLE */}
+                        <div className="row justify-content-center">
+                            <div className="col-md-10 col-lg-9">
+                                <div className="section-title mb-60">
+                                    {/* Title */}
+                                    <h2 className="s-50 w-700">Easy integrate all your essential tools</h2>
+                                    {/* Text */}
+                                    <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                </div>
+                            </div>
+                        </div>
+                        {/* TOOLS ROW */}
+                        <div className="row row-cols-1 row-cols-sm-3 row-cols-md-5">
+                            {/* TOOL #1 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-1 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-1.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Zapier</h6>
+                                </Link>
+                            </div>	{/* END TOOL #1 */}
+                            {/* TOOL #2 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-2 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-2.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Google Analytics</h6>
+                                </Link>
+                            </div>	{/* END TOOL #2 */}
+                            {/* TOOL #3 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-3 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-3.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Amplitude</h6>
+                                </Link>
+                            </div>	{/* END TOOL #3 */}
+                            {/* TOOL #4 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-4 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-4.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Hubspot</h6>
+                                </Link>
+                            </div>	{/* END TOOL #4 */}
+                            {/* TOOL #5 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-5 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-5.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">MailChimp</h6>
+                                </Link>
+                            </div>	{/* END TOOL #5 */}
+                        </div>	{/* END TOOLS ROW */}
+                        {/* MORE BUTTON */}
+                        <div className="row">
+                            <div className="col">
+                                <div className="more-btn text-center mt-60 wow fadeInUp">
+                                    <Link href="/integrations" className="btn btn--tra-grey hover--theme">View all integrations</Link>
+                                </div>
+                            </div>
+                        </div>
+                    </div>	{/* END INTEGRATIONS-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Integrations2_8.js b/components/sections/Integrations2_8.js
new file mode 100644
index 0000000..22511b9
--- /dev/null
+++ b/components/sections/Integrations2_8.js
@@ -0,0 +1,93 @@
+
+
+import Link from "next/link"
+export default function Integrations2_8() {
+    return (
+        <>
+            <section id="integrations-2" className="pt-100 integrations-section">
+                <div className="container">
+                    {/* INTEGRATIONS-2 WRAPPER */}
+                    <div className="integrations-2-wrapper bg--02 bg--scroll r-12 text-center">
+                        {/* SECTION TITLE */}
+                        <div className="row justify-content-center">
+                            <div className="col-md-10 col-lg-9">
+                                <div className="section-title mb-60">
+                                    {/* Title */}
+                                    <h2 className="s-50 w-700">Easy integrate all your essential tools</h2>
+                                    {/* Text */}
+                                    <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                </div>
+                            </div>
+                        </div>
+                        {/* TOOLS ROW */}
+                        <div className="row row-cols-1 row-cols-sm-3 row-cols-md-5">
+                            {/* TOOL #1 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-1 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-1.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Zapier</h6>
+                                </Link>
+                            </div>	{/* END TOOL #1 */}
+                            {/* TOOL #2 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-2 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-2.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Google Analytics</h6>
+                                </Link>
+                            </div>	{/* END TOOL #2 */}
+                            {/* TOOL #3 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-3 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-3.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Amplitude</h6>
+                                </Link>
+                            </div>	{/* END TOOL #3 */}
+                            {/* TOOL #4 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-4 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-4.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Hubspot</h6>
+                                </Link>
+                            </div>	{/* END TOOL #4 */}
+                            {/* TOOL #5 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-5 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-5.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">MailChimp</h6>
+                                </Link>
+                            </div>	{/* END TOOL #5 */}
+                        </div>	{/* END TOOLS ROW */}
+                        {/* MORE BUTTON */}
+                        <div className="row">
+                            <div className="col">
+                                <div className="more-btn text-center mt-60 wow fadeInUp">
+                                    <Link href="/integrations" className="btn btn--tra-black hover--theme">View all integrations</Link>
+                                </div>
+                            </div>
+                        </div>
+                    </div>	{/* END INTEGRATIONS-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Integrations2_9.js b/components/sections/Integrations2_9.js
new file mode 100644
index 0000000..76f65af
--- /dev/null
+++ b/components/sections/Integrations2_9.js
@@ -0,0 +1,93 @@
+
+
+import Link from "next/link"
+export default function Integrations2_9() {
+    return (
+        <>
+            <section id="integrations-2" className="pt-100 integrations-section">
+                <div className="container">
+                    {/* INTEGRATIONS-2 WRAPPER */}
+                    <div className="integrations-2-wrapper bg--02 bg--scroll r-12 text-center">
+                        {/* SECTION TITLE */}
+                        <div className="row justify-content-center">
+                            <div className="col-md-10 col-lg-9">
+                                <div className="section-title mb-50">
+                                    {/* Title */}
+                                    <h2 className="s-50 w-700">Easy integrate all your essential tools</h2>
+                                    {/* Text */}
+                                    <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                </div>
+                            </div>
+                        </div>
+                        {/* TOOLS ROW */}
+                        <div className="row row-cols-1 row-cols-sm-3 row-cols-md-5">
+                            {/* TOOL #1 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-1 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-1.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Zapier</h6>
+                                </Link>
+                            </div>	{/* END TOOL #1 */}
+                            {/* TOOL #2 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-2 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-2.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Google Analytics</h6>
+                                </Link>
+                            </div>	{/* END TOOL #2 */}
+                            {/* TOOL #3 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-3 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-3.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Amplitude</h6>
+                                </Link>
+                            </div>	{/* END TOOL #3 */}
+                            {/* TOOL #4 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-4 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-4.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">Hubspot</h6>
+                                </Link>
+                            </div>	{/* END TOOL #4 */}
+                            {/* TOOL #5 */}
+                            <div className="col">
+                                <Link href="#" className="in_tool it-5 r-12 wow fadeInUp">
+                                    {/* Logo */}
+                                    <div className="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
+                                        <img className="img-fluid" src="/images/png_icons/tool-5.png" alt="brand-logo" />
+                                    </div>
+                                    {/* Title */}
+                                    <h6 className="s-17 w-700">MailChimp</h6>
+                                </Link>
+                            </div>	{/* END TOOL #5 */}
+                        </div>	{/* END TOOLS ROW */}
+                        {/* MORE BUTTON */}
+                        <div className="row">
+                            <div className="col">
+                                <div className="more-btn text-center mt-60 wow fadeInUp">
+                                    <Link href="/integrations" className="btn btn--tra-black hover--theme">View all integrations</Link>
+                                </div>
+                            </div>
+                        </div>
+                    </div>	{/* END INTEGRATIONS-2 WRAPPER */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk1_1.js b/components/sections/Lnk1_1.js
new file mode 100644
index 0000000..e12f37f
--- /dev/null
+++ b/components/sections/Lnk1_1.js
@@ -0,0 +1,49 @@
+
+
+export default function Lnk1_1() {
+    return (
+        <>
+            <section id="lnk-1" className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-10.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Enhance Engagement</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Engage your most valuable visitors</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Small Title */}
+                                <h5 className="s-24 w-700">Digits that define growth</h5>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Sapien quaerat tempor an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                            aliquam undo congue cursus dolor
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Purus suscipit cursus vitae cubilia magnis volute egestas vitae
+                                            sapien turpis ultrice auctor congue magna placerat
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div> {/* END TEXT BLOCK */}
+                    </div> {/* END SECTION CONTENT (ROW) */}
+                </div> {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk1_10.js b/components/sections/Lnk1_10.js
new file mode 100644
index 0000000..f9dadc2
--- /dev/null
+++ b/components/sections/Lnk1_10.js
@@ -0,0 +1,44 @@
+
+
+import Link from "next/link"
+export default function Lnk1_10() {
+    return (
+        <>
+            <section id="lnk-1" className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-3-wrapper bg--04 bg--fixed hidd r-16">
+                        <div className="section-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6 col-lg-5 order-last order-md-2">
+                                    <div className="bc-3-txt wow fadeInRight">
+                                        {/* Section ID */}
+                                        <span className="section-id">Advanced Security</span>
+                                        {/* Title */}
+                                        <h2 className="s-44 w-700">Secure access to all your files</h2>
+                                        {/* Text */}
+                                        <p className="mb-0">Risus auctor ligula tempus feugiat and dolor lacinia purus in
+                                            congue lipsum purus sapien quaerat vitae primis tellus viverra vitae
+                                        </p>
+                                        {/* Link */}
+                                        <div className="txt-block-tra-link mt-25">
+                                            <Link href="#features-2" className="tra-link ico-20 color--theme">
+                                                The smarter way to work <span className="flaticon-next" />
+                                            </Link>
+                                        </div>
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6 col-lg-7 order-first order-md-2">
+                                    <div className="bc-3-img wow fadeInLeft">
+                                        <img className="img-fluid" src="/images/dashboard-05.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>    {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk1_11.js b/components/sections/Lnk1_11.js
new file mode 100644
index 0000000..2149f6c
--- /dev/null
+++ b/components/sections/Lnk1_11.js
@@ -0,0 +1,43 @@
+
+
+export default function Lnk1_11() {
+    return (
+        <>
+            <section id="lnk-1" className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-1-wrapper bg--04 bg--fixed r-16">
+                        <div className="section-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6 order-last order-md-2">
+                                    <div className="txt-block left-column wow fadeInRight">
+                                        {/* Section ID */}
+                                        <span className="section-id">From Good to Great</span>
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Scale your unique design process</h2>
+                                        {/* Text */}
+                                        <p>Sodales tempor sapien quaerat congue eget ipsum laoreet turpis neque auctor
+                                            vitae eros dolor luctus placerat magna ligula cursus and purus pretium
+                                        </p>
+                                        {/* Small Title */}
+                                        <h5 className="s-24 w-700 h5-title">Every pixel counts</h5>
+                                        {/* Text */}
+                                        <p className="mb-0">Sapien tempor sodales quaerat ipsum undo congue laoreet turpis neque
+                                            auctor turpis vitae dolor luctus placerat magna and ligula cursus purus vitae
+                                        </p>
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6 order-first order-md-2">
+                                    <div className="img-block right-column wow fadeInLeft">
+                                        <img className="img-fluid" src="/images/img-10.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>    {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk1_12.js b/components/sections/Lnk1_12.js
new file mode 100644
index 0000000..8f9428b
--- /dev/null
+++ b/components/sections/Lnk1_12.js
@@ -0,0 +1,65 @@
+
+
+export default function Lnk1_12() {
+    return (
+        <>
+            <section id="lnk-1" className="bg--white-300 py-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">From Good to Great</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Graphic design with a personal touch</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Small Title */}
+                                <h5 className="s-24 w-700">Every pixel counts</h5>
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Magna dolor luctus at egestas sapien</p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                            turpis ultrice auctor congue varius magnis
+                                        </p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p className="mb-0">Volute turpis dolores and sagittis congue</p>
+                                    </div>
+                                </div>	{/* END TEXT BOX */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-10.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk1_13.js b/components/sections/Lnk1_13.js
new file mode 100644
index 0000000..70385f3
--- /dev/null
+++ b/components/sections/Lnk1_13.js
@@ -0,0 +1,65 @@
+
+
+export default function Lnk1_13() {
+    return (
+        <>
+            <section id="lnk-1" className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">Strategies That Work</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Right strategies &amp; implementations</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Small Title */}
+                                <h5 className="s-24 w-700">Optimize your presence</h5>
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Magna dolor luctus at egestas sapien</p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                            turpis ultrice auctor congue varius magnis
+                                        </p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p className="mb-0">Volute turpis dolores and sagittis congue</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-09.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk1_14.js b/components/sections/Lnk1_14.js
new file mode 100644
index 0000000..19acfbe
--- /dev/null
+++ b/components/sections/Lnk1_14.js
@@ -0,0 +1,50 @@
+
+
+export default function Lnk1_14() {
+    return (
+        <>
+            <section id="lnk-1" className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-1-wrapper bg--02 bg--fixed r-16">
+                        <div className="section-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6 order-last order-md-2">
+                                    <div className="txt-block left-column wow fadeInRight">
+                                        {/* Section ID */}
+                                        <span className="section-id">One-Stop Solution</span>
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Smart solutions, real-time results</h2>
+                                        {/* Text */}
+                                        <p>Sodales tempor sapien quaerat congue eget ipsum laoreet turpis neque auctor vitae
+                                            eros dolor luctus placerat magna ligula cursus and purus pretium
+                                        </p>
+                                        {/* List */}
+                                        <ul className="simple-list">
+                                            <li className="list-item">
+                                                <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                                    turpis sodales magna
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor
+                                                    an ultrice ipsum aliquam congue
+                                                </p>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6 order-first order-md-2">
+                                    <div className="img-block right-column wow fadeInLeft">
+                                        <img className="img-fluid" src="/images/img-09.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>    {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk1_15.js b/components/sections/Lnk1_15.js
new file mode 100644
index 0000000..3bbd20e
--- /dev/null
+++ b/components/sections/Lnk1_15.js
@@ -0,0 +1,65 @@
+
+
+export default function Lnk1_15() {
+    return (
+        <>
+            <section id="lnk-1" className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">Strategies That Work</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Right strategies &amp; implementations</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Small Title */}
+                                <h5 className="s-24 w-700">Optimize your presence</h5>
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Magna dolor luctus at egestas sapien</p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                            turpis ultrice auctor congue varius magnis
+                                        </p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p className="mb-0">Volute turpis dolores and sagittis congue</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-09.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk1_16.js b/components/sections/Lnk1_16.js
new file mode 100644
index 0000000..b78bd03
--- /dev/null
+++ b/components/sections/Lnk1_16.js
@@ -0,0 +1,50 @@
+
+
+export default function Lnk1_16() {
+    return (
+        <>
+            <section id="lnk-1" className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-1-wrapper bg--02 bg--fixed r-16">
+                        <div className="section-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6 order-last order-md-2">
+                                    <div className="txt-block left-column wow fadeInRight">
+                                        {/* Section ID */}
+                                        <span className="section-id">Focused on Privacy</span>
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Keep your data private and safe</h2>
+                                        {/* Text */}
+                                        <p>Sodales tempor sapien quaerat congue eget ipsum laoreet turpis neque auctor vitae
+                                            eros dolor luctus placerat magna ligula cursus and purus pretium
+                                        </p>
+                                        {/* List */}
+                                        <ul className="simple-list">
+                                            <li className="list-item">
+                                                <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                                    turpis sodales magna
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor
+                                                    an ultrice ipsum aliquam congue
+                                                </p>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6 order-first order-md-2">
+                                    <div className="img-block right-column wow fadeInLeft">
+                                        <img className="img-fluid" src="/images/img-11.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>    {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk1_17.js b/components/sections/Lnk1_17.js
new file mode 100644
index 0000000..f92e038
--- /dev/null
+++ b/components/sections/Lnk1_17.js
@@ -0,0 +1,42 @@
+
+
+import Link from "next/link"
+import VideoPopup from "../elements/VidepPopup"
+export default function Lnk1_17() {
+    return (
+        <>
+            <section id="lnk-1" className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-5-wrapper bg--02 hidd bg--scroll r-16">
+                        <div className="section-overlay">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-11 col-lg-9">
+                                    <div className="section-title wow fadeInUp mb-60">
+                                        {/* Title */}
+                                        <h2 className="s-50 w-700">Find inspiration for your next design project</h2>
+                                        {/* Text */}
+                                        <p className="p-xl">Aliquam a augue suscipit luctus neque purus ipsum neque diam
+                                            dolor primis libero tempus, blandit and cursus varius and magnis sodales
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* IMAGE BLOCK */}
+                            <div className="row justify-content-center">
+                                <div className="col">
+                                    <div className="bc-5-img bc-5-tablet img-block-hidden video-preview wow fadeInUp">
+                                        {/* Play Icon */}
+                                        <VideoPopup style={1}/>
+                                        {/* Preview Image */}
+                                        <img className="img-fluid" src="/images/tablet-03.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>
+                        </div>   {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk1_18.js b/components/sections/Lnk1_18.js
new file mode 100644
index 0000000..1484d8c
--- /dev/null
+++ b/components/sections/Lnk1_18.js
@@ -0,0 +1,65 @@
+
+
+export default function Lnk1_18() {
+    return (
+        <>
+            <section id="lnk-1" className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-07.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Data Integration</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Create a workflow that works for you</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Small Title */}
+                                <h5 className="s-24 w-700">Get more done in less time</h5>
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Magna dolor luctus at egestas sapien</p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                            turpis ultrice auctor congue varius magnis
+                                        </p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p className="mb-0">Volute turpis dolores and sagittis congue</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk1_19.js b/components/sections/Lnk1_19.js
new file mode 100644
index 0000000..7ebe9ed
--- /dev/null
+++ b/components/sections/Lnk1_19.js
@@ -0,0 +1,65 @@
+
+
+export default function Lnk1_19() {
+    return (
+        <>
+            <section id="lnk-1" className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-07-dark.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Strategies That Work</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Right strategies &amp; implementations</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Small Title */}
+                                <h5 className="s-24 w-700">Get more done in less time</h5>
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Magna dolor luctus at egestas sapien</p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                            turpis ultrice auctor congue varius magnis
+                                        </p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p className="mb-0">Volute turpis dolores and sagittis congue</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk1_2.js b/components/sections/Lnk1_2.js
new file mode 100644
index 0000000..ccf73f1
--- /dev/null
+++ b/components/sections/Lnk1_2.js
@@ -0,0 +1,64 @@
+
+
+export default function Lnk1_2() {
+    return (
+        <>
+            <section id="lnk-1" className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-06.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Your Practice Engine</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">It's Your Practice, Your Solutions.</h2>
+                                {/* Text */}
+                                <p>Our goal is to enhance healthcare delivery and the achievement of the quadruple aim in healthcare which is better outcomes, lower costs, improved patient experience, and improved clinician experience.
+                                </p>
+                                {/* Small Title */}
+                                <h5 className="s-24 w-700">No Practice Left Behind</h5>
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Magna dolor luctus at egestas sapien</p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                            turpis ultrice auctor congue varius magnis
+                                        </p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p className="mb-0">Volute turpis dolores and sagittis congue</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk1_20.js b/components/sections/Lnk1_20.js
new file mode 100644
index 0000000..de93174
--- /dev/null
+++ b/components/sections/Lnk1_20.js
@@ -0,0 +1,58 @@
+
+
+export default function Lnk1_20() {
+    return (
+        <>
+            <section id="lnk-1" className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-05.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* TEXT BOX */}
+                                <div className="txt-box">
+                                    {/* Title */}
+                                    <h5 className="s-22 w-700">Solution that grows with you</h5>
+                                    {/* Text */}
+                                    <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                    </p>
+                                </div>	{/* END TEXT BOX */}
+                                {/* TEXT BOX */}
+                                <div className="txt-box mb-0">
+                                    {/* Title */}
+                                    <h5 className="s-22 w-700">Connect your data sources</h5>
+                                    {/* Text */}
+                                    <p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
+                                        purus
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                                aliquam undo congue dolor cursus
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                sapien turpis ultrice auctor congue magna placerat
+                                            </p>
+                                        </li>
+                                    </ul>
+                                </div>	{/* END TEXT BOX */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk1_21.js b/components/sections/Lnk1_21.js
new file mode 100644
index 0000000..5d211cd
--- /dev/null
+++ b/components/sections/Lnk1_21.js
@@ -0,0 +1,69 @@
+
+
+export default function Lnk1_21() {
+    return (
+        <>
+            <section id="lnk-1" className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Everything in One Place</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* TEXT BOX */}
+                                <div className="txt-box">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Solution that grows with you</h5>
+                                    {/* Text */}
+                                    <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                    </p>
+                                </div>	{/* END TEXT BOX */}
+                                {/* TEXT BOX */}
+                                <div className="txt-box mb-0">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Your data, where you need it</h5>
+                                    {/* Text */}
+                                    <p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
+                                        purus
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                                aliquam undo congue dolor cursus
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                sapien turpis ultrice auctor congue magna placerat
+                                            </p>
+                                        </li>
+                                    </ul>
+                                </div>	{/* END TEXT BOX */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-06.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk1_22.js b/components/sections/Lnk1_22.js
new file mode 100644
index 0000000..3d4dbea
--- /dev/null
+++ b/components/sections/Lnk1_22.js
@@ -0,0 +1,48 @@
+
+
+export default function Lnk1_22() {
+    return (
+        <>
+            <section id="lnk-1" className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-1-wrapper bg--04 bg--fixed r-16">
+                        <div className="section-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6 order-last order-md-2">
+                                    <div className="txt-block left-column wow fadeInRight">
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Smart solutions, real-time results</h2>
+                                        {/* Text */}
+                                        <p>Sodales tempor sapien quaerat congue eget ipsum laoreet turpis neque auctor vitae
+                                            eros dolor luctus placerat magna ligula cursus and purus pretium
+                                        </p>
+                                        {/* List */}
+                                        <ul className="simple-list">
+                                            <li className="list-item">
+                                                <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                                    turpis sodales magna
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor
+                                                    an ultrice ipsum aliquam congue
+                                                </p>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6 order-first order-md-2">
+                                    <div className="img-block right-column wow fadeInLeft">
+                                        <img className="img-fluid" src="/images/img-06.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>    {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk1_23.js b/components/sections/Lnk1_23.js
new file mode 100644
index 0000000..36d996d
--- /dev/null
+++ b/components/sections/Lnk1_23.js
@@ -0,0 +1,65 @@
+
+
+export default function Lnk1_23() {
+    return (
+        <>
+            <section id="lnk-1" className="py-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-07.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id color--grey">Strategies That Work</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Right strategies &amp; implementations</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Small Title */}
+                                <h5 className="s-24 w-700">Get more done in less time</h5>
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Magna dolor luctus at egestas sapien</p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                            turpis ultrice auctor congue varius magnis
+                                        </p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p className="mb-0">Volute turpis dolores and sagittis congue</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk1_24.js b/components/sections/Lnk1_24.js
new file mode 100644
index 0000000..4b545cf
--- /dev/null
+++ b/components/sections/Lnk1_24.js
@@ -0,0 +1,49 @@
+
+
+export default function Lnk1_24() {
+    return (
+        <>
+            <section id="lnk-1" className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">Productivity Focused</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Simplify your work, amplify productivity</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Small Title */}
+                                <h5 className="s-24 w-700">Digits that define growth</h5>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Sapien quaerat tempor an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                            aliquam undo congue cursus dolor
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Purus suscipit cursus vitae cubilia magnis volute egestas vitae
+                                            sapien turpis ultrice auctor congue magna placerat
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-05.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk1_25.js b/components/sections/Lnk1_25.js
new file mode 100644
index 0000000..40bd735
--- /dev/null
+++ b/components/sections/Lnk1_25.js
@@ -0,0 +1,69 @@
+
+
+export default function Lnk1_25() {
+    return (
+        <>
+            <section id="lnk-1" className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-8">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-48 w-700">Transform your workflow, transform your business</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-03.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* TEXT BOX */}
+                                <div className="txt-box">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Solution that grows with you</h5>
+                                    {/* Text */}
+                                    <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                    </p>
+                                </div>	{/* END TEXT BOX */}
+                                {/* TEXT BOX */}
+                                <div className="txt-box mb-0">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Connect your data sources</h5>
+                                    {/* Text */}
+                                    <p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
+                                        purus
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                                aliquam undo congue dolor cursus
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                sapien turpis ultrice auctor congue magna placerat
+                                            </p>
+                                        </li>
+                                    </ul>
+                                </div>	{/* END TEXT BOX */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk1_26.js b/components/sections/Lnk1_26.js
new file mode 100644
index 0000000..44af4d6
--- /dev/null
+++ b/components/sections/Lnk1_26.js
@@ -0,0 +1,43 @@
+
+
+export default function Lnk1_26() {
+    return (
+        <>
+            <section id="lnk-1" className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-1-wrapper bg--purple-100 bg--fixed r-16">
+                        <div className="section-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6">
+                                    <div className="img-block left-column wow fadeInRight">
+                                        <img className="img-fluid" src="/images/img-10.png" alt="content-image" />
+                                    </div>
+                                </div>
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6">
+                                    <div className="txt-block right-column wow fadeInLeft">
+                                        {/* Section ID */}
+                                        <span className="section-id color--purple-400">From Good to Great</span>
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Scale your unique design process</h2>
+                                        {/* Text */}
+                                        <p>Sodales tempor sapien quaerat congue eget ipsum laoreet turpis neque auctor
+                                            vitae eros dolor luctus placerat magna ligula cursus and purus pretium
+                                        </p>
+                                        {/* Small Title */}
+                                        <h5 className="s-24 w-700 h5-title">Every pixel counts</h5>
+                                        {/* Text */}
+                                        <p className="mb-0">Sapien tempor sodales quaerat ipsum undo congue laoreet turpis neque
+                                            auctor turpis vitae dolor luctus placerat magna and ligula cursus purus vitae
+                                        </p>
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                            </div>   {/* End row */}
+                        </div>    {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk1_27.js b/components/sections/Lnk1_27.js
new file mode 100644
index 0000000..6578b73
--- /dev/null
+++ b/components/sections/Lnk1_27.js
@@ -0,0 +1,51 @@
+
+
+import Link from "next/link"
+export default function Lnk1_27() {
+    return (
+        <>
+            <section id="lnk-1" className="pt-80 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-1-wrapper bg--02 bg--fixed r-16">
+                        <div className="section-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6 order-last order-md-2">
+                                    <div className="txt-block left-column wow fadeInRight">
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Open up your business to new possibilities</h2>
+                                        {/* List */}
+                                        <ul className="simple-list">
+                                            <li className="list-item">
+                                                <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                                    turpis sodales magna
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor
+                                                    an ultrice ipsum aliquam congue
+                                                </p>
+                                            </li>
+                                        </ul>
+                                        {/* Link */}
+                                        <div className="txt-block-tra-link mt-25">
+                                            <Link href="#features-2" className="tra-link ico-20 color--theme">
+                                                The smarter way to work <span className="flaticon-next" />
+                                            </Link>
+                                        </div>
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6 order-first order-md-2">
+                                    <div className="img-block right-column wow fadeInLeft">
+                                        <img className="img-fluid" src="/images/img-06.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>    {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk1_3.js b/components/sections/Lnk1_3.js
new file mode 100644
index 0000000..ef24ca4
--- /dev/null
+++ b/components/sections/Lnk1_3.js
@@ -0,0 +1,46 @@
+
+
+export default function Lnk1_3() {
+    return (
+        <>
+            <section id="lnk-1" className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-1-wrapper bg--02 bg--fixed r-16">
+                        <div className="section-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6 order-last order-md-2">
+                                    <div className="txt-block left-column wow fadeInRight">
+                                        {/* Section ID */}
+                                        <span className="section-id">Strategies That Work</span>
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Quality traffic leads to quality customers!</h2>
+                                        {/* List */}
+                                        <ul className="simple-list">
+                                            <li className="list-item">
+                                                <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                                    turpis sodales magna
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor
+                                                    an ultrice ipsum aliquam congue
+                                                </p>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6 order-first order-md-2">
+                                    <div className="img-block right-column wow fadeInLeft">
+                                        <img className="img-fluid" src="/images/img-06.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>    {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk1_4.js b/components/sections/Lnk1_4.js
new file mode 100644
index 0000000..886cd85
--- /dev/null
+++ b/components/sections/Lnk1_4.js
@@ -0,0 +1,63 @@
+
+
+export default function Lnk1_4() {
+    return (
+        <>
+            <section id="lnk-1" className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-11.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Title */}
+                                <h2 className="s-46 w-700">More productivity with less effort</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Small Title */}
+                                <h5 className="s-24 w-700">Quick and simple setup</h5>
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Magna dolor luctus at egestas sapien</p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                            turpis ultrice auctor congue varius magnis
+                                        </p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p className="mb-0">Volute turpis dolores and sagittis congue</p>
+                                    </div>
+                                </div>	{/* END TEXT BOX */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk1_5.js b/components/sections/Lnk1_5.js
new file mode 100644
index 0000000..4d7b41d
--- /dev/null
+++ b/components/sections/Lnk1_5.js
@@ -0,0 +1,42 @@
+
+
+import Link from "next/link"
+import VideoPopup from "../elements/VidepPopup"
+export default function Lnk1_5() {
+    return (
+        <>
+            <section id="lnk-1" className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-5-wrapper bg--02 hidd bg--scroll r-16">
+                        <div className="section-overlay">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-11 col-lg-9">
+                                    <div className="section-title wow fadeInUp mb-60">
+                                        {/* Title */}
+                                        <h2 className="s-50 w-700">Build a customer-centric marketing strategy</h2>
+                                        {/* Text */}
+                                        <p className="p-xl">Aliquam a augue suscipit luctus neque purus ipsum neque diam
+                                            dolor primis libero tempus, blandit and cursus varius and magnis sodales
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* IMAGE BLOCK */}
+                            <div className="row justify-content-center">
+                                <div className="col">
+                                    <div className="bc-5-img bc-5-tablet img-block-hidden video-preview wow fadeInUp">
+                                        {/* Play Icon */}
+                                        <VideoPopup style={1}/>
+                                        {/* Preview Image */}
+                                        <img className="img-fluid" src="/images/tablet-01.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>
+                        </div>   {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk1_6.js b/components/sections/Lnk1_6.js
new file mode 100644
index 0000000..f451e4d
--- /dev/null
+++ b/components/sections/Lnk1_6.js
@@ -0,0 +1,69 @@
+
+
+export default function Lnk1_6() {
+    return (
+        <>
+            <section id="lnk-1" className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Enhance your workflow and improve your productivity</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-06.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* TEXT BOX */}
+                                <div className="txt-box">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Solution that grows with you</h5>
+                                    {/* Text */}
+                                    <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                    </p>
+                                </div>	{/* END TEXT BOX */}
+                                {/* TEXT BOX */}
+                                <div className="txt-box mb-0">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Connect your data sources</h5>
+                                    {/* Text */}
+                                    <p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
+                                        purus
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                                aliquam undo congue dolor cursus
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                sapien turpis ultrice auctor congue magna placerat
+                                            </p>
+                                        </li>
+                                    </ul>
+                                </div>	{/* END TEXT BOX */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk1_7.js b/components/sections/Lnk1_7.js
new file mode 100644
index 0000000..29c8e2d
--- /dev/null
+++ b/components/sections/Lnk1_7.js
@@ -0,0 +1,50 @@
+
+
+export default function Lnk1_7() {
+    return (
+        <>
+            <section id="lnk-1" className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-07.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Strategies that work</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Right strategies &amp; implementations</h2>
+                                {/* Text */}
+                                <p>Nemo ipsam egestas volute turpis egestas ipsum and purus sapien ultrice an aliquam quaerat
+                                    ipsum augue turpis sapien cursus congue magna purus quaerat at ligula purus egestas magna
+                                    cursus undo varius purus magnis sapien quaerat
+                                </p>
+                                {/* Small Title */}
+                                <h5 className="s-24 w-700">Get more done in less time</h5>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Sapien quaerat tempor an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                            aliquam undo congue cursus dolor
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Purus suscipit cursus vitae cubilia magnis volute egestas vitae
+                                            sapien turpis ultrice auctor congue magna placerat
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk1_8.js b/components/sections/Lnk1_8.js
new file mode 100644
index 0000000..0a44e8e
--- /dev/null
+++ b/components/sections/Lnk1_8.js
@@ -0,0 +1,53 @@
+
+
+import Link from "next/link"
+export default function Lnk1_8() {
+    return (
+        <>
+            <section id="lnk-1" className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-1-wrapper bg--white-400 bg--fixed r-16">
+                        <div className="section-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6 order-last order-md-2">
+                                    <div className="txt-block left-column wow fadeInRight">
+                                        {/* Section ID */}
+                                        <span className="section-id">One-Stop Solution</span>
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Smart solutions, real-time results</h2>
+                                        {/* List */}
+                                        <ul className="simple-list">
+                                            <li className="list-item">
+                                                <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                                    turpis sodales magna
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor
+                                                    an ultrice ipsum aliquam congue
+                                                </p>
+                                            </li>
+                                        </ul>
+                                        {/* Link */}
+                                        <div className="txt-block-tra-link mt-25">
+                                            <Link href="#features-6" className="tra-link ico-20 color--theme">
+                                                The smarter way to work <span className="flaticon-next" />
+                                            </Link>
+                                        </div>
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6 order-first order-md-2">
+                                    <div className="img-block right-column wow fadeInLeft">
+                                        <img className="img-fluid" src="/images/img-06.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>    {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk1_9.js b/components/sections/Lnk1_9.js
new file mode 100644
index 0000000..2ea06b5
--- /dev/null
+++ b/components/sections/Lnk1_9.js
@@ -0,0 +1,64 @@
+
+
+export default function Lnk1_9() {
+    return (
+        <>
+            <section id="lnk-1" className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-07.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Strategies That Work</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Right strategies &amp; implementations</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Small Title */}
+                                <h5 className="s-24 w-700">Optimize your presence</h5>
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Magna dolor luctus at egestas sapien</p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                            turpis ultrice auctor congue varius magnis
+                                        </p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p className="mb-0">Volute turpis dolores and sagittis congue</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk2_1.js b/components/sections/Lnk2_1.js
new file mode 100644
index 0000000..35a5276
--- /dev/null
+++ b/components/sections/Lnk2_1.js
@@ -0,0 +1,62 @@
+
+
+
+import Link from "next/link"
+export default function Lnk2_1() {
+    return (
+        <>
+            <section id="lnk-2" className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-03.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* TEXT BOX */}
+                                <div className="txt-box">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">The smarter way to work</h5>
+                                    {/* Text */}
+                                    <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum
+                                        suscipit
+                                    </p>
+                                </div> {/* END TEXT BOX */}
+                                {/* TEXT BOX */}
+                                <div className="txt-box mb-0">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Full access to all features</h5>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
+                                                sodales magna undo aoreet primis
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
+                                                ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus
+                                                sapien
+                                                a blandit
+                                            </p>
+                                        </li>
+                                    </ul>
+                                    {/* Button */}
+                                    <Link href="#features-2" className="btn btn-sm r-04 btn--tra-black hover--theme">
+                                        What's possible?
+                                    </Link>
+                                </div> {/* END TEXT BOX */}
+                            </div>
+                        </div> {/* END TEXT BLOCK */}
+                    </div> {/* END SECTION CONTENT (ROW) */}
+                </div> {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk2_10.js b/components/sections/Lnk2_10.js
new file mode 100644
index 0000000..3440b87
--- /dev/null
+++ b/components/sections/Lnk2_10.js
@@ -0,0 +1,57 @@
+
+
+export default function Lnk2_10() {
+    return (
+        <>
+            <section id="lnk-2" className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-1-wrapper bg--02 bg--fixed r-16">
+                        <div className="section-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6 order-last order-md-2">
+                                    <div className="txt-block left-column wow fadeInRight">
+                                        {/* TEXT BOX */}
+                                        <div className="txt-box">
+                                            {/* Title */}
+                                            <h5 className="s-24 w-700">Everything in one place</h5>
+                                            {/* Text */}
+                                            <p>Sodales tempor sapien quaerat congue eget ipsum laoreet turpis neque auctor
+                                                vitae eros dolor luctus placerat magna ligula cursus and purus pretium
+                                            </p>
+                                        </div>	{/* END TEXT BOX */}
+                                        {/* TEXT BOX */}
+                                        <div className="txt-box mb-0">
+                                            {/* Title */}
+                                            <h5 className="s-24 w-700">Editing tools and exports</h5>
+                                            {/* List */}
+                                            <ul className="simple-list">
+                                                <li className="list-item">
+                                                    <p>Tempor sapien volute turpis ipsum laoreet purus and sapien dolor diam
+                                                        ultrice ipsum aliquam undo congue dolor cursus tempor sapien quaerat
+                                                    </p>
+                                                </li>
+                                                <li className="list-item">
+                                                    <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas
+                                                        vitae sapien a turpis ultrice auctor ipsum
+                                                    </p>
+                                                </li>
+                                            </ul>
+                                        </div>	{/* END TEXT BOX */}
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6 order-first order-md-2">
+                                    <div className="img-block right-column wow fadeInLeft">
+                                        <img className="img-fluid" src="/images/img-12.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>    {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+
+        </>
+    )
+}
diff --git a/components/sections/Lnk2_11.js b/components/sections/Lnk2_11.js
new file mode 100644
index 0000000..bf684c9
--- /dev/null
+++ b/components/sections/Lnk2_11.js
@@ -0,0 +1,35 @@
+
+
+import VideoPopup from "../elements/VidepPopup"
+export default function Lnk2_11() {
+    return (
+        <>
+            <section id="lnk-2" className="pt-100 ct-08 content-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9 col-xl-8">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Everything you need to bring your designs to life</h2>
+                                {/* Text */}
+                                <p className="s-21">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* IMAGE BLOCK */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="img-block video-preview wow fadeInUp">
+                                {/* Play Icon */}
+                                <VideoPopup style={1}/>
+                                {/* Preview Image */}
+                                <img className="img-fluid" src="/images/img-15.png" alt="video-preview" />
+                            </div>
+                        </div>
+                    </div>
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk2_12.js b/components/sections/Lnk2_12.js
new file mode 100644
index 0000000..dcc35c3
--- /dev/null
+++ b/components/sections/Lnk2_12.js
@@ -0,0 +1,43 @@
+
+
+import Link from "next/link"
+import VideoPopup from "../elements/VidepPopup"
+export default function Lnk2_12() {
+    return (
+        <>
+            <section id="lnk-2" className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-5-wrapper bg--04 hidd bg--fixed r-16">
+                        <div className="section-overlay">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-11 col-lg-9">
+                                    <div className="section-title wow fadeInUp mb-60">
+                                        {/* Title */}
+                                        <h2 className="s-50 w-700">Affordable solutions for all your creativity needs</h2>
+                                        {/* Text */}
+                                        <p className="p-xl">Aliquam a augue suscipit luctus neque purus ipsum neque diam
+                                            dolor primis libero tempus, blandit and cursus varius and magnis sodales
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* IMAGE BLOCK */}
+                            <div className="row justify-content-center">
+                                <div className="col">
+                                    <div className="bc-5-img bc-5-tablet img-block-hidden video-preview wow fadeInUp">
+                                        {/* Play Icon */}
+                                        <VideoPopup style={2}/>
+                                        {/* Preview Image */}
+                                        <img className="img-fluid" src="/images/tablet-04.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>
+                        </div>   {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+
+        </>
+    )
+}
diff --git a/components/sections/Lnk2_13.js b/components/sections/Lnk2_13.js
new file mode 100644
index 0000000..8fae788
--- /dev/null
+++ b/components/sections/Lnk2_13.js
@@ -0,0 +1,42 @@
+
+
+import Link from "next/link"
+import VideoPopup from "../elements/VidepPopup"
+export default function Lnk2_13() {
+    return (
+        <>
+            <section id="lnk-2" className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-5-wrapper bg--04 hidd bg--scroll r-16">
+                        <div className="section-overlay">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-11 col-lg-9">
+                                    <div className="section-title wow fadeInUp mb-60">
+                                        {/* Title */}
+                                        <h2 className="s-50 w-700">Build a customer-centric marketing strategy</h2>
+                                        {/* Text */}
+                                        <p className="p-xl">Aliquam a augue suscipit luctus neque purus ipsum neque diam
+                                            dolor primis libero tempus, blandit and cursus varius and magnis sodales
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* IMAGE BLOCK */}
+                            <div className="row justify-content-center">
+                                <div className="col">
+                                    <div className="bc-5-img bc-5-tablet img-block-hidden video-preview wow fadeInUp">
+                                        {/* Play Icon */}
+                                        <VideoPopup style={1}/>
+                                        {/* Preview Image */}
+                                        <img className="img-fluid" src="/images/tablet-01.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>
+                        </div>   {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk2_14.js b/components/sections/Lnk2_14.js
new file mode 100644
index 0000000..6503f0d
--- /dev/null
+++ b/components/sections/Lnk2_14.js
@@ -0,0 +1,35 @@
+
+
+import VideoPopup from "../elements/VidepPopup"
+export default function Lnk2_14() {
+    return (
+        <>
+            <section id="lnk-2" className="gr--whitesmoke pt-100 ct-08 content-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Track the progress towards objectives with key results</h2>
+                                {/* Text */}
+                                <p className="s-21">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* IMAGE BLOCK */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="img-block video-preview wow fadeInUp">
+                                {/* Play Icon */}
+                                <VideoPopup style={1}/>
+                                {/* Preview Image */}
+                                <img className="img-fluid" src="/images/dashboard-06.png" alt="video-preview" />
+                            </div>
+                        </div>
+                    </div>
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk2_15.js b/components/sections/Lnk2_15.js
new file mode 100644
index 0000000..a4215b5
--- /dev/null
+++ b/components/sections/Lnk2_15.js
@@ -0,0 +1,42 @@
+
+
+import Link from "next/link"
+import VideoPopup from "../elements/VidepPopup"
+export default function Lnk2_15() {
+    return (
+        <>
+            <section id="lnk-2" className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-5-wrapper bg--04 hidd bg--fixed r-16">
+                        <div className="section-overlay">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-11 col-lg-9">
+                                    <div className="section-title wow fadeInUp mb-60">
+                                        {/* Title */}
+                                        <h2 className="s-50 w-700">Easy integrations with your existing tools</h2>
+                                        {/* Text */}
+                                        <p className="p-xl">Aliquam a augue suscipit luctus neque purus ipsum neque diam
+                                            dolor primis libero tempus, blandit and cursus varius and magnis sodales
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* IMAGE BLOCK */}
+                            <div className="row justify-content-center">
+                                <div className="col">
+                                    <div className="bc-5-img bc-5-tablet img-block-hidden video-preview wow fadeInUp">
+                                        {/* Play Icon */}
+                                        <VideoPopup style={1}/>
+                                        {/* Preview Image */}
+                                        <img className="img-fluid" src="/images/tablet-02.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>
+                        </div>   {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk2_16.js b/components/sections/Lnk2_16.js
new file mode 100644
index 0000000..2199932
--- /dev/null
+++ b/components/sections/Lnk2_16.js
@@ -0,0 +1,65 @@
+
+
+export default function Lnk2_16() {
+    return (
+        <>
+            <section id="lnk-2" className="bg--04 py-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">Improved Productivity</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Simplify your work, amplify productivity</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Small Title */}
+                                <h5 className="s-24 w-700">Get more done in less time</h5>
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Magna dolor luctus at egestas sapien</p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                            turpis ultrice auctor congue varius magnis
+                                        </p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p className="mb-0">Volute turpis dolores and sagittis congue</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-03.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk2_17.js b/components/sections/Lnk2_17.js
new file mode 100644
index 0000000..2a807c7
--- /dev/null
+++ b/components/sections/Lnk2_17.js
@@ -0,0 +1,41 @@
+
+
+export default function Lnk2_17() {
+    return (
+        <>
+            <section id="lnk-2" className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-1-wrapper bg--white-400 bg--fixed r-16">
+                        <div className="section-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6">
+                                    <div className="img-block left-column wow fadeInRight">
+                                        <img className="img-fluid" src="/images/img-10.png" alt="content-image" />
+                                    </div>
+                                </div>
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6">
+                                    <div className="txt-block right-column wow fadeInLeft">
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Scale your unique design process</h2>
+                                        {/* Text */}
+                                        <p>Sodales tempor sapien quaerat congue eget ipsum laoreet turpis neque auctor
+                                            vitae eros dolor luctus placerat magna ligula cursus and purus pretium
+                                        </p>
+                                        {/* Small Title */}
+                                        <h5 className="s-24 w-700 h5-title">Every pixel counts</h5>
+                                        {/* Text */}
+                                        <p className="mb-0">Sapien tempor sodales quaerat ipsum undo congue laoreet turpis neque
+                                            auctor turpis vitae dolor luctus placerat magna and ligula cursus purus vitae
+                                        </p>
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                            </div>   {/* End row */}
+                        </div>    {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk2_18.js b/components/sections/Lnk2_18.js
new file mode 100644
index 0000000..d64648d
--- /dev/null
+++ b/components/sections/Lnk2_18.js
@@ -0,0 +1,35 @@
+
+
+import VideoPopup from "../elements/VidepPopup"
+export default function Lnk2_18() {
+    return (
+        <>
+            <section id="lnk-2" className="gr--whitesmoke pt-100 ct-08 content-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Track the progress towards objectives with key results</h2>
+                                {/* Text */}
+                                <p className="s-21">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* IMAGE BLOCK */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="img-block video-preview wow fadeInUp">
+                                {/* Play Icon */}
+                                <VideoPopup style={1}/>
+                                {/* Preview Image */}
+                                <img className="img-fluid" src="/images/dashboard-06.png" alt="video-preview" />
+                            </div>
+                        </div>
+                    </div>
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk2_19.js b/components/sections/Lnk2_19.js
new file mode 100644
index 0000000..49f2571
--- /dev/null
+++ b/components/sections/Lnk2_19.js
@@ -0,0 +1,54 @@
+
+
+import Link from "next/link"
+export default function Lnk2_19() {
+    return (
+        <>
+            <section id="lnk-2" className="py-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">Built-In Automation</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Achieve more with better workflows</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Sapien quaerat tempor an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                            aliquam undo congue cursus dolor
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Purus suscipit cursus vitae cubilia magnis volute egestas vitae
+                                            sapien turpis ultrice auctor congue magna placerat
+                                        </p>
+                                    </li>
+                                </ul>
+                                {/* Link */}
+                                <div className="txt-block-tra-link mt-25">
+                                    <Link href="#integrations-1" className="tra-link ico-20 color--theme">
+                                        All-in-one platform <span className="flaticon-next" />
+                                    </Link>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-05.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk2_2.js b/components/sections/Lnk2_2.js
new file mode 100644
index 0000000..6fddba1
--- /dev/null
+++ b/components/sections/Lnk2_2.js
@@ -0,0 +1,71 @@
+
+
+export default function Lnk2_2() {
+    return (
+        <>
+            <section id="lnk-2" className="bg--white-400 py-100 ct-04 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">1</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Extensions &amp; Addons</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus sapien
+                                            quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #1 */}
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">2</div>
+                                        <span className="cbox-2-line" />
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Improved Productivity</h5>
+                                        <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus sapien
+                                            quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #2 */}
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-2 process-step">
+                                    {/* Icon */}
+                                    <div className="ico-wrap">
+                                        <div className="cbox-2-ico bg--theme color--white">3</div>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-2-txt">
+                                        <h5 className="s-22 w-700">Customizable Dashboard</h5>
+                                        <p className="mb-0">Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum
+                                            purus sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
+                                            quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #3 */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block wow fadeInLeft">
+                                <img className="img-fluid" src="/images/tablet-02.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk2_20.js b/components/sections/Lnk2_20.js
new file mode 100644
index 0000000..8b89973
--- /dev/null
+++ b/components/sections/Lnk2_20.js
@@ -0,0 +1,42 @@
+
+
+import Link from "next/link"
+import VideoPopup from "../elements/VidepPopup"
+export default function Lnk2_20() {
+    return (
+        <>
+            <section id="lnk-2" className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-5-wrapper bg--04 pattern-04 hidd bg--scroll r-16">
+                        <div className="section-overlay">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-11 col-lg-9">
+                                    <div className="section-title wow fadeInUp mb-60">
+                                        {/* Title */}
+                                        <h2 className="s-48 w-700">Build a customer-centric marketing strategy</h2>
+                                        {/* Text */}
+                                        <p className="p-xl">Aliquam a augue suscipit luctus neque purus ipsum neque diam
+                                            dolor primis libero tempus, blandit and cursus varius and magnis sodales
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* IMAGE BLOCK */}
+                            <div className="row justify-content-center">
+                                <div className="col">
+                                    <div className="bc-5-img bc-5-tablet img-block-hidden video-preview wow fadeInUp">
+                                        {/* Play Icon */}
+                                        <VideoPopup style={1}/>
+                                        {/* Preview Image */}
+                                        <img className="img-fluid" src="/images/tablet-01.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>
+                        </div>   {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk2_21.js b/components/sections/Lnk2_21.js
new file mode 100644
index 0000000..6a5739d
--- /dev/null
+++ b/components/sections/Lnk2_21.js
@@ -0,0 +1,48 @@
+
+
+export default function Lnk2_21() {
+    return (
+        <>
+            <section id="lnk-2" className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-09.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Right strategies &amp; implementations</h2>
+                                {/* Text */}
+                                <p>Nemo ipsam egestas volute turpis egestas ipsum and purus sapien ultrice an aliquam quaerat
+                                    ipsum augue turpis sapien cursus congue magna purus quaerat at ligula purus egestas magna
+                                    cursus undo varius purus magnis sapien quaerat
+                                </p>
+                                {/* Small Title */}
+                                <h5 className="s-24 w-700">Get more done in less time</h5>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Sapien quaerat tempor an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                            aliquam undo congue cursus dolor
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Purus suscipit cursus vitae cubilia magnis volute egestas vitae
+                                            sapien turpis ultrice auctor congue magna placerat
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk2_22.js b/components/sections/Lnk2_22.js
new file mode 100644
index 0000000..b3f0cf4
--- /dev/null
+++ b/components/sections/Lnk2_22.js
@@ -0,0 +1,36 @@
+
+
+import Link from "next/link"
+import VideoPopup from "../elements/VidepPopup"
+export default function Lnk2_22() {
+    return (
+        <>
+            <section id="lnk-2" className="pt-100 ct-08 content-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Track the progress towards objectives with key results</h2>
+                                {/* Text */}
+                                <p className="s-21">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* IMAGE BLOCK */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="img-block video-preview wow fadeInUp">
+                                {/* Play Icon */}
+                                <VideoPopup style={2}/>
+                                {/* Preview Image */}
+                                <img className="img-fluid" src="/images/dashboard-02.png" alt="video-preview" />
+                            </div>
+                        </div>
+                    </div>
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk2_23.js b/components/sections/Lnk2_23.js
new file mode 100644
index 0000000..e26607b
--- /dev/null
+++ b/components/sections/Lnk2_23.js
@@ -0,0 +1,40 @@
+
+
+import Link from "next/link"
+import VideoPopup from "../elements/VidepPopup"
+export default function Lnk2_23() {
+    return (
+        <>
+            <section id="lnk-2" className="bg--white-400 ct-10 content-section division">
+                <div className="section-overlay pt-100">
+                    <div className="container">
+                        {/* SECTION TITLE */}
+                        <div className="row justify-content-center">
+                            <div className="col-md-10 col-lg-9">
+                                <div className="section-title mb-70">
+                                    {/* Section ID */}
+                                    <span className="section-id">Engagement Analytics</span>
+                                    {/* Title */}
+                                    <h2 className="s-50 w-700">Transform your workflow, transform your business</h2>
+                                    {/* Text */}
+                                    <p className="s-21">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                </div>
+                            </div>
+                        </div>
+                        {/* IMAGE BLOCK */}
+                        <div className="row">
+                            <div className="col">
+                                <div className="img-block video-preview wow fadeInUp">
+                                    {/* Play Icon */}
+                                    <VideoPopup style={2}/>
+                                    {/* Preview Image */}
+                                    <img className="img-fluid" src="/images/dashboard-07.png" alt="video-preview" />
+                                </div>
+                            </div>
+                        </div>
+                    </div>	   {/* End container */}
+                </div>     {/* End section overlay */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk2_24.js b/components/sections/Lnk2_24.js
new file mode 100644
index 0000000..6033bd4
--- /dev/null
+++ b/components/sections/Lnk2_24.js
@@ -0,0 +1,42 @@
+
+
+import Link from "next/link"
+import VideoPopup from "../elements/VidepPopup"
+export default function Lnk2_24() {
+    return (
+        <>
+            <section id="lnk-2" className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-5-wrapper bg--04 hidd bg--scroll r-16">
+                        <div className="section-overlay">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-11 col-lg-9">
+                                    <div className="section-title wow fadeInUp mb-60">
+                                        {/* Title */}
+                                        <h2 className="s-48 w-700">Build a customer-centric marketing strategy</h2>
+                                        {/* Text */}
+                                        <p className="p-xl">Aliquam a augue suscipit luctus neque purus ipsum neque diam
+                                            dolor primis libero tempus, blandit and cursus varius and magnis sodales
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* IMAGE BLOCK */}
+                            <div className="row justify-content-center">
+                                <div className="col">
+                                    <div className="bc-5-img bc-5-tablet img-block-hidden video-preview wow fadeInUp">
+                                        {/* Play Icon */}
+                                        <VideoPopup style={1}/>
+                                        {/* Preview Image */}
+                                        <img className="img-fluid" src="/images/tablet-01.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>
+                        </div>   {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk2_25.js b/components/sections/Lnk2_25.js
new file mode 100644
index 0000000..d0bb8b2
--- /dev/null
+++ b/components/sections/Lnk2_25.js
@@ -0,0 +1,42 @@
+
+
+import Link from "next/link"
+import VideoPopup from "../elements/VidepPopup"
+export default function Lnk2_25() {
+    return (
+        <>
+            <section id="lnk-2" className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-5-wrapper bg--04 hidd bg--fixed r-16">
+                        <div className="section-overlay">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-11 col-lg-9">
+                                    <div className="section-title wow fadeInUp mb-60">
+                                        {/* Title */}
+                                        <h2 className="s-52 w-700">Find inspiration for your next design project</h2>
+                                        {/* Text */}
+                                        <p className="p-xl">Aliquam a augue suscipit luctus neque purus ipsum neque diam
+                                            dolor primis libero tempus, blandit and cursus varius and magnis sodales
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* IMAGE BLOCK */}
+                            <div className="row justify-content-center">
+                                <div className="col">
+                                    <div className="bc-5-img bc-5-tablet img-block-hidden video-preview wow fadeInUp">
+                                        {/* Play Icon */}
+                                        <VideoPopup style={1}/>
+                                        {/* Preview Image */}
+                                        <img className="img-fluid" src="/images/tablet-03.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>
+                        </div>   {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk2_26.js b/components/sections/Lnk2_26.js
new file mode 100644
index 0000000..6e4d5f1
--- /dev/null
+++ b/components/sections/Lnk2_26.js
@@ -0,0 +1,37 @@
+import VideoPopup from "../elements/VidepPopup"
+
+
+export default function Lnk2_26() {
+    return (
+        <>
+            <section id="lnk-2" className="bg--05 bg--scroll ct-10 content-section division">
+                <div className="section-overlay pt-100">
+                    <div className="container">
+                        {/* SECTION TITLE */}
+                        <div className="row justify-content-center">
+                            <div className="col-md-10 col-lg-9">
+                                <div className="section-title color--white mb-70">
+                                    {/* Title */}
+                                    <h2 className="s-50 w-700">Track the progress towards objectives with key results</h2>
+                                    {/* Text */}
+                                    <p className="s-21">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                </div>
+                            </div>
+                        </div>
+                        {/* IMAGE BLOCK */}
+                        <div className="row">
+                            <div className="col">
+                                <div className="img-block video-preview wow fadeInUp">
+                                    {/* Play Icon */}
+                                    <VideoPopup style={1} />
+                                    {/* Preview Image */}
+                                    <img className="img-fluid" src="/images/dashboard-06.png" alt="video-preview" />
+                                </div>
+                            </div>
+                        </div>
+                    </div>	   {/* End container */}
+                </div>     {/* End section overlay */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk2_3.js b/components/sections/Lnk2_3.js
new file mode 100644
index 0000000..90fa1de
--- /dev/null
+++ b/components/sections/Lnk2_3.js
@@ -0,0 +1,42 @@
+
+
+import Link from "next/link"
+import VideoPopup from "../elements/VidepPopup"
+export default function Lnk2_3() {
+    return (
+        <>
+            <section id="lnk-2" className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-5-wrapper bg--04 hidd bg--scroll r-16">
+                        <div className="section-overlay">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-11 col-lg-9">
+                                    <div className="section-title wow fadeInUp mb-60">
+                                        {/* Title */}
+                                        <h2 className="s-50 w-700">Build a customer-centric marketing strategy</h2>
+                                        {/* Text */}
+                                        <p className="p-xl">Aliquam a augue suscipit luctus neque purus ipsum neque diam
+                                            dolor primis libero tempus, blandit and cursus varius and magnis sodales
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* IMAGE BLOCK */}
+                            <div className="row justify-content-center">
+                                <div className="col">
+                                    <div className="bc-5-img bc-5-tablet img-block-hidden video-preview wow fadeInUp">
+                                        {/* Play Icon */}
+                                        <VideoPopup style={1}/>
+                                        {/* Preview Image */}
+                                        <img className="img-fluid" src="/images/tablet-02.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>
+                        </div>   {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk2_4.js b/components/sections/Lnk2_4.js
new file mode 100644
index 0000000..a14a4ad
--- /dev/null
+++ b/components/sections/Lnk2_4.js
@@ -0,0 +1,38 @@
+
+
+import Link from "next/link"
+import VideoPopup from "../elements/VidepPopup"
+export default function Lnk2_4() {
+    return (
+        <>
+            <section id="lnk-2" className="bg--white-300 ct-10 content-section division">
+                <div className="section-overlay pt-100">
+                    <div className="container">
+                        {/* SECTION TITLE */}
+                        <div className="row justify-content-center">
+                            <div className="col-md-10 col-lg-9">
+                                <div className="section-title mb-70">
+                                    {/* Title */}
+                                    <h2 className="s-50 w-700">Everything in One Place</h2>
+                                    {/* Text */}
+                                    <p className="s-21">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                </div>
+                            </div>
+                        </div>
+                        {/* IMAGE BLOCK */}
+                        <div className="row">
+                            <div className="col">
+                                <div className="img-block video-preview wow fadeInUp">
+                                    {/* Play Icon */}
+                                    <VideoPopup style={2}/>
+                                    {/* Preview Image */}
+                                    <img className="img-fluid" src="/images/dashboard-05.png" alt="video-preview" />
+                                </div>
+                            </div>
+                        </div>
+                    </div>	   {/* End container */}
+                </div>     {/* End section overlay */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk2_5.js b/components/sections/Lnk2_5.js
new file mode 100644
index 0000000..0159731
--- /dev/null
+++ b/components/sections/Lnk2_5.js
@@ -0,0 +1,46 @@
+
+
+import Link from "next/link"
+export default function Lnk2_5() {
+    return (
+        <>
+            <section id="lnk-2" className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-07.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Strategies That Work</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Right strategies &amp; implementations</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Text */}
+                                <p className="mb-0">Nemo ipsam egestas volute turpis egestas ipsum and purus sapien ultrice
+                                    an aliquam quaerat ipsum augue turpis sapien cursus congue magna purus quaerat at ligula
+                                    purus egestas magna cursus undo varius purus magnis sapien quaerat
+                                </p>
+                                {/* Link */}
+                                <div className="txt-block-tra-link mt-25">
+                                    <Link href="#integrations-1" className="tra-link ico-20 color--theme">
+                                        Friendly with others <span className="flaticon-next" />
+                                    </Link>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk2_6.js b/components/sections/Lnk2_6.js
new file mode 100644
index 0000000..2faed58
--- /dev/null
+++ b/components/sections/Lnk2_6.js
@@ -0,0 +1,42 @@
+
+
+import Link from "next/link"
+import VideoPopup from "../elements/VidepPopup"
+export default function Lnk2_6() {
+    return (
+        <>
+            <section id="lnk-2" className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-5-wrapper bg--04 hidd bg--scroll r-16">
+                        <div className="section-overlay">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-11 col-lg-9">
+                                    <div className="section-title wow fadeInUp mb-60">
+                                        {/* Title */}
+                                        <h2 className="s-50 w-700">Build a customer-centric marketing strategy</h2>
+                                        {/* Text */}
+                                        <p className="p-xl">Aliquam a augue suscipit luctus neque purus ipsum neque diam
+                                            dolor primis libero tempus, blandit and cursus varius and magnis sodales
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* IMAGE BLOCK */}
+                            <div className="row justify-content-center">
+                                <div className="col">
+                                    <div className="bc-5-img bc-5-tablet img-block-hidden video-preview wow fadeInUp">
+                                        {/* Play Icon */}
+                                        <VideoPopup style={1}/>
+                                        {/* Preview Image */}
+                                        <img className="img-fluid" src="/images/tablet-01.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>
+                        </div>   {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk2_7.js b/components/sections/Lnk2_7.js
new file mode 100644
index 0000000..965fe41
--- /dev/null
+++ b/components/sections/Lnk2_7.js
@@ -0,0 +1,58 @@
+
+
+export default function Lnk2_7() {
+    return (
+        <>
+            <section id="lnk-2" className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* TEXT BOX */}
+                                <div className="txt-box">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Solution that grows with you</h5>
+                                    {/* Text */}
+                                    <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                    </p>
+                                </div>	{/* END TEXT BOX */}
+                                {/* TEXT BOX */}
+                                <div className="txt-box mb-0">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Connect your data sources</h5>
+                                    {/* Text */}
+                                    <p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
+                                        purus
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                                aliquam undo congue dolor cursus
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                sapien turpis ultrice auctor congue magna placerat
+                                            </p>
+                                        </li>
+                                    </ul>
+                                </div>	{/* END TEXT BOX */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-05.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk2_8.js b/components/sections/Lnk2_8.js
new file mode 100644
index 0000000..be2c8f5
--- /dev/null
+++ b/components/sections/Lnk2_8.js
@@ -0,0 +1,65 @@
+
+
+export default function Lnk2_8() {
+    return (
+        <>
+            <section id="lnk-2" className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-07.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Strategies That Work</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Right strategies &amp; implementations</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Small Title */}
+                                <h5 className="s-24 w-700">Optimize your presence</h5>
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Magna dolor luctus at egestas sapien</p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                            turpis ultrice auctor congue varius magnis
+                                        </p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p className="mb-0">Volute turpis dolores and sagittis congue</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk2_9.js b/components/sections/Lnk2_9.js
new file mode 100644
index 0000000..2fa935a
--- /dev/null
+++ b/components/sections/Lnk2_9.js
@@ -0,0 +1,59 @@
+
+
+export default function Lnk2_9() {
+    return (
+        <>
+            <section id="lnk-2" className="pt-90 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Marketing Integrations</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-05.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Productivity Focused</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Achieve more with better workflows</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
+                                            sodales magna undo aoreet primis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
+                                            ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus sapien
+                                            a blandit
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk3_1.js b/components/sections/Lnk3_1.js
new file mode 100644
index 0000000..b24f85c
--- /dev/null
+++ b/components/sections/Lnk3_1.js
@@ -0,0 +1,38 @@
+
+
+import Link from "next/link"
+import VideoPopup from "../elements/VidepPopup"
+export default function Lnk3_1() {
+    return (
+        <>
+            <section id="lnk-3" className="bg--04 ct-10 content-section division">
+                <div className="section-overlay pt-100">
+                    <div className="container">
+                        {/* SECTION TITLE */}
+                        <div className="row justify-content-center">
+                            <div className="col-md-10 col-lg-9">
+                                <div className="section-title mb-70">
+                                    {/* Title */}
+                                    <h2 className="s-50 w-700">Track the progress towards objectives with key results</h2>
+                                    {/* Text */}
+                                    <p className="s-21">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                </div>
+                            </div>
+                        </div>
+                        {/* IMAGE BLOCK */}
+                        <div className="row">
+                            <div className="col">
+                                <div className="img-block video-preview wow fadeInUp">
+                                    {/* Play Icon */}
+                                    <VideoPopup style={2}/>
+                                    {/* Preview Image */}
+                                    <img className="img-fluid" src="/images/dashboard-01.png" alt="video-preview" />
+                                </div>
+                            </div>
+                        </div>
+                    </div> {/* End container */}
+                </div> {/* End section overlay */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk3_10.js b/components/sections/Lnk3_10.js
new file mode 100644
index 0000000..ac1c4a6
--- /dev/null
+++ b/components/sections/Lnk3_10.js
@@ -0,0 +1,45 @@
+
+
+export default function Lnk3_10() {
+    return (
+        <>
+            <section id="lnk-3" className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Title */}
+                                <h5 className="s-24 w-700">Automate data collection</h5>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice
+                                            ipsum aliquam undo congue dolor cursus
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                            sapien turpis ultrice auctor congue magna placerat
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-01.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk3_11.js b/components/sections/Lnk3_11.js
new file mode 100644
index 0000000..dddfd66
--- /dev/null
+++ b/components/sections/Lnk3_11.js
@@ -0,0 +1,83 @@
+
+
+export default function Lnk3_11() {
+    return (
+        <>
+            <section id="lnk-3" className="pt-100 ct-13 content-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Marketing Integrations</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row mb-60">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Title */}
+                                <h5 className="s-24 w-700">Automate data collection</h5>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice
+                                            ipsum aliquam undo congue dolor cursus
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                            sapien turpis ultrice auctor congue magna placerat
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-01.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Title */}
+                                <h5 className="s-24 w-700">Increase your productivity with workflow automation</h5>
+                                {/* Text */}
+                                <p className="mb-0">Tempor sodales sapien quaerat ipsum undo congue laoreet turpis neque
+                                    auctor turpis vitae dolor luctus placerat magna and ligula cursus purus vitae
+                                    purus an ipsum suscipit
+                                </p>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block ml-block right-column wow fadeInLeft">
+                                {/* Title */}
+                                <h5 className="s-24 w-700">Integrate with popular tools</h5>
+                                {/* Text */}
+                                <p className="mb-0">Nemo ipsam egestas volute turpis egestas ipsum and purus sapien ultrice
+                                    an aliquam quaerat ipsum augue turpis sapien cursus congue magna purus quaerat at
+                                    ligula purus egestas magna cursus undo varius purus magnis sapien quaerat
+                                </p>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk3_12.js b/components/sections/Lnk3_12.js
new file mode 100644
index 0000000..63ce07d
--- /dev/null
+++ b/components/sections/Lnk3_12.js
@@ -0,0 +1,34 @@
+
+import VideoPopup from "../elements/VidepPopup"
+export default function Lnk3_12() {
+    return (
+        <>
+            <section id="lnk-3" className="pt-100 ct-08 content-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Customizable Dashboards</h2>
+                                {/* Text */}
+                                <p className="s-21">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* IMAGE BLOCK */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="img-block video-preview wow fadeInUp">
+                                {/* Play Icon */}
+                                <VideoPopup style={1} />
+                                {/* Preview Image */}
+                                <img className="img-fluid" src="/images/dashboard-04.png" alt="video-preview" />
+                            </div>
+                        </div>
+                    </div>
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk3_13.js b/components/sections/Lnk3_13.js
new file mode 100644
index 0000000..4a9fc87
--- /dev/null
+++ b/components/sections/Lnk3_13.js
@@ -0,0 +1,66 @@
+
+
+import Link from "next/link"
+export default function Lnk3_13() {
+    return (
+        <>
+            <section id="lnk-3" className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-05.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Achieve more with better workflows</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Magna dolor luctus at egestas sapien</p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                            turpis ultrice auctor congue varius magnis
+                                        </p>
+                                    </div>
+                                </div>
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-1 ico-15">
+                                    <div className="ico-wrap color--theme">
+                                        <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                    </div>
+                                    <div className="cbox-1-txt">
+                                        <p className="mb-0">Volute turpis dolores and sagittis congue</p>
+                                    </div>
+                                </div>
+                                {/* Button */}
+                                <Link href="#projects-1" className="btn btn-sm r-04 btn--tra-black hover--theme">
+                                    Explore our designs
+                                </Link>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk3_14.js b/components/sections/Lnk3_14.js
new file mode 100644
index 0000000..2294e40
--- /dev/null
+++ b/components/sections/Lnk3_14.js
@@ -0,0 +1,56 @@
+
+
+export default function Lnk3_14() {
+    return (
+        <>
+            <section id="lnk-3" className="pt-90 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Marketing Integrations</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Title */}
+                                <h5 className="s-24 w-700">Automate data collection</h5>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice
+                                            ipsum aliquam undo congue dolor cursus
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                            sapien turpis ultrice auctor congue magna placerat
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-01.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk3_15.js b/components/sections/Lnk3_15.js
new file mode 100644
index 0000000..60ddb9d
--- /dev/null
+++ b/components/sections/Lnk3_15.js
@@ -0,0 +1,36 @@
+
+
+import Link from "next/link"
+import VideoPopup from "../elements/VidepPopup"
+export default function Lnk3_15() {
+    return (
+        <>
+            <section id="lnk-3" className="pt-100 ct-08 content-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Track the progress towards objectives with key results</h2>
+                                {/* Text */}
+                                <p className="s-21">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* IMAGE BLOCK */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="img-block video-preview wow fadeInUp">
+                                {/* Play Icon */}
+                                <VideoPopup style={2}/>
+                                {/* Preview Image */}
+                                <img className="img-fluid" src="/images/dashboard-02.png" alt="video-preview" />
+                            </div>
+                        </div>
+                    </div>
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk3_16.js b/components/sections/Lnk3_16.js
new file mode 100644
index 0000000..b75cc3d
--- /dev/null
+++ b/components/sections/Lnk3_16.js
@@ -0,0 +1,42 @@
+
+
+export default function Lnk3_16() {
+    return (
+        <>
+            <section id="lnk-3" className="pt-100 ct-03 content-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 col-lg-7">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-14.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 col-lg-5">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">One-Stop Solution</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Data-driven digital marketing</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat undo ipsum laoreet purus and sapien dolor ociis ultrice
+                                            ipsum aliquam undo congue dolor cursus congue varius magnis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit vitae cubilia magnis diam volute egestas
+                                            sapien ultrice auctor
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk3_17.js b/components/sections/Lnk3_17.js
new file mode 100644
index 0000000..2e7d82b
--- /dev/null
+++ b/components/sections/Lnk3_17.js
@@ -0,0 +1,44 @@
+
+
+export default function Lnk3_17() {
+    return (
+        <>
+            <section id="lnk-3" className="py-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">Quick Integration</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Plug your essential tools in few clicks</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
+                                            sodales magna undo aoreet primis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
+                                            ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus sapien
+                                            a blandit
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-02.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk3_18.js b/components/sections/Lnk3_18.js
new file mode 100644
index 0000000..f8e8c6c
--- /dev/null
+++ b/components/sections/Lnk3_18.js
@@ -0,0 +1,49 @@
+
+
+export default function Lnk3_18() {
+    return (
+        <>
+            <section id="lnk-3" className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id color--theme">Brand New Design</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Bring your ideas to life with Martex</h2>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                </p>
+                                {/* Small Title */}
+                                <h5 className="s-24 w-700">Enhance your personality</h5>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Sapien quaerat tempor an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                            aliquam undo congue cursus dolor
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Purus suscipit cursus vitae cubilia magnis volute egestas vitae
+                                            sapien turpis ultrice auctor congue magna placerat
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-11.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk3_19.js b/components/sections/Lnk3_19.js
new file mode 100644
index 0000000..3e3bdc8
--- /dev/null
+++ b/components/sections/Lnk3_19.js
@@ -0,0 +1,64 @@
+
+
+export default function Lnk3_19() {
+    return (
+        <>
+            <section id="lnk-3" className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Marketing Integrations</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-02.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* TEXT BOX */}
+                                <div className="txt-box">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Integrate with popular tools</h5>
+                                    {/* Text */}
+                                    <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                        vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                    </p>
+                                </div>	{/* END TEXT BOX */}
+                                {/* TEXT BOX */}
+                                <div className="txt-box mb-0">
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Automate data collection</h5>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                                aliquam undo congue dolor cursus
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                sapien turpis ultrice auctor congue magna placerat
+                                            </p>
+                                        </li>
+                                    </ul>
+                                </div>	{/* END TEXT BOX */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk3_2.js b/components/sections/Lnk3_2.js
new file mode 100644
index 0000000..c579256
--- /dev/null
+++ b/components/sections/Lnk3_2.js
@@ -0,0 +1,38 @@
+
+
+import Link from "next/link"
+import VideoPopup from "../elements/VidepPopup"
+export default function Lnk3_2() {
+    return (
+        <>
+            <section id="lnk-3" className="bg--white-400 ct-10 content-section division">
+                <div className="section-overlay pt-100">
+                    <div className="container">
+                        {/* SECTION TITLE */}
+                        <div className="row justify-content-center">
+                            <div className="col-md-10 col-lg-9">
+                                <div className="section-title mb-70">
+                                    {/* Title */}
+                                    <h2 className="s-50 w-700">Track the progress towards objectives with key results</h2>
+                                    {/* Text */}
+                                    <p className="s-21">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                </div>
+                            </div>
+                        </div>
+                        {/* IMAGE BLOCK */}
+                        <div className="row">
+                            <div className="col">
+                                <div className="img-block video-preview wow fadeInUp">
+                                    {/* Play Icon */}
+                                    <VideoPopup style={2}/>
+                                    {/* Preview Image */}
+                                    <img className="img-fluid" src="/images/dashboard-01.png" alt="video-preview" />
+                                </div>
+                            </div>
+                        </div>
+                    </div>	   {/* End container */}
+                </div>     {/* End section overlay */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk3_3.js b/components/sections/Lnk3_3.js
new file mode 100644
index 0000000..2600f6a
--- /dev/null
+++ b/components/sections/Lnk3_3.js
@@ -0,0 +1,44 @@
+
+
+export default function Lnk3_3() {
+    return (
+        <>
+            <section id="lnk-3" className="pt-100 ct-02 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-02.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">Easy Integration</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Plug your essential tools in few clicks</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
+                                            sodales magna undo aoreet primis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
+                                            ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus sapien
+                                            a blandit
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk3_4.js b/components/sections/Lnk3_4.js
new file mode 100644
index 0000000..5a0b3e1
--- /dev/null
+++ b/components/sections/Lnk3_4.js
@@ -0,0 +1,44 @@
+
+
+export default function Lnk3_4() {
+    return (
+        <>
+            <section id="lnk-3" className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Section ID */}
+                                <span className="section-id">Easy Integration</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Plug your essential tools in few clicks</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
+                                            sodales magna undo aoreet primis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
+                                            ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus sapien
+                                            a blandit
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-02.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk3_5.js b/components/sections/Lnk3_5.js
new file mode 100644
index 0000000..93067db
--- /dev/null
+++ b/components/sections/Lnk3_5.js
@@ -0,0 +1,42 @@
+
+
+import Link from "next/link"
+import VideoPopup from "../elements/VidepPopup"
+export default function Lnk3_5() {
+    return (
+        <>
+            <section id="lnk-3" className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-5-wrapper bg--04 hidd bg--fixed r-16">
+                        <div className="section-overlay">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-11 col-lg-9">
+                                    <div className="section-title wow fadeInUp mb-60">
+                                        {/* Title */}
+                                        <h2 className="s-50 w-700">Build a customer-centric marketing strategy</h2>
+                                        {/* Text */}
+                                        <p className="p-xl">Aliquam a augue suscipit luctus neque purus ipsum neque diam
+                                            dolor primis libero tempus, blandit and cursus varius and magnis sodales
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* IMAGE BLOCK */}
+                            <div className="row justify-content-center">
+                                <div className="col">
+                                    <div className="bc-5-img bc-5-tablet img-block-hidden video-preview wow fadeInUp">
+                                        {/* Play Icon */}
+                                        <VideoPopup style={1}/>
+                                        {/* Preview Image */}
+                                        <img className="img-fluid" src="/images/tablet-02.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>
+                        </div>   {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk3_6.js b/components/sections/Lnk3_6.js
new file mode 100644
index 0000000..eaecc2d
--- /dev/null
+++ b/components/sections/Lnk3_6.js
@@ -0,0 +1,40 @@
+
+
+import Link from "next/link"
+import VideoPopup from "../elements/VidepPopup"
+export default function Lnk3_6() {
+    return (
+        <>
+            <section id="lnk-3" className="bg--white-400 ct-10 content-section division">
+                <div className="section-overlay pt-100">
+                    <div className="container">
+                        {/* SECTION TITLE */}
+                        <div className="row justify-content-center">
+                            <div className="col-md-10 col-lg-9">
+                                <div className="section-title mb-70">
+                                    {/* Section ID */}
+                                    <span className="section-id">Engagement Analytics</span>
+                                    {/* Title */}
+                                    <h2 className="s-50 w-700">Track the progress towards objectives with key results</h2>
+                                    {/* Text */}
+                                    <p className="s-21">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                </div>
+                            </div>
+                        </div>
+                        {/* IMAGE BLOCK */}
+                        <div className="row">
+                            <div className="col">
+                                <div className="img-block video-preview wow fadeInUp">
+                                    {/* Play Icon */}
+                                    <VideoPopup style={2}/>
+                                    {/* Preview Image */}
+                                    <img className="img-fluid" src="/images/dashboard-06.png" alt="video-preview" />
+                                </div>
+                            </div>
+                        </div>
+                    </div>	   {/* End container */}
+                </div>     {/* End section overlay */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk3_7.js b/components/sections/Lnk3_7.js
new file mode 100644
index 0000000..f3f312f
--- /dev/null
+++ b/components/sections/Lnk3_7.js
@@ -0,0 +1,42 @@
+
+
+import Link from "next/link"
+import VideoPopup from "../elements/VidepPopup"
+export default function Lnk3_7() {
+    return (
+        <>
+            <section id="lnk-3" className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-5-wrapper bg--black-400 pattern-04 hidd bg--scroll r-16">
+                        <div className="section-overlay">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-11 col-lg-9">
+                                    <div className="section-title color--white wow fadeInUp mb-60">
+                                        {/* Title */}
+                                        <h2 className="s-50 w-700">Build a customer-centric marketing strategy</h2>
+                                        {/* Text */}
+                                        <p className="p-xl">Aliquam a augue suscipit luctus neque purus ipsum neque diam
+                                            dolor primis libero tempus, blandit and cursus varius and magnis sodales
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* IMAGE BLOCK */}
+                            <div className="row justify-content-center">
+                                <div className="col">
+                                    <div className="bc-5-img bc-5-tablet img-block-hidden video-preview wow fadeInUp">
+                                        {/* Play Icon */}
+                                        <VideoPopup style={1}/>
+                                        {/* Preview Image */}
+                                        <img className="img-fluid" src="/images/tablet-05.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>
+                        </div>   {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk3_8.js b/components/sections/Lnk3_8.js
new file mode 100644
index 0000000..6486337
--- /dev/null
+++ b/components/sections/Lnk3_8.js
@@ -0,0 +1,35 @@
+
+
+import VideoPopup from "../elements/VidepPopup"
+export default function Lnk3_8() {
+    return (
+        <>
+            <section id="lnk-3" className="pt-100 ct-08 content-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-48 w-700">Customizable Dashboards</h2>
+                                {/* Text */}
+                                <p className="s-21">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* IMAGE BLOCK */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="img-block video-preview wow fadeInUp">
+                                {/* Play Icon */}
+                                <VideoPopup style={1}/>
+                                {/* Preview Image */}
+                                <img className="img-fluid" src="/images/dashboard-05.png" alt="video-preview" />
+                            </div>
+                        </div>
+                    </div>
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk3_9.js b/components/sections/Lnk3_9.js
new file mode 100644
index 0000000..f532438
--- /dev/null
+++ b/components/sections/Lnk3_9.js
@@ -0,0 +1,63 @@
+
+
+import Link from "next/link"
+export default function Lnk3_9() {
+    return (
+        <>
+            <section id="lnk-3" className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-1-wrapper bg--02 bg--fixed r-16">
+                        <div className="section-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6 order-last order-md-2">
+                                    <div className="txt-block left-column wow fadeInRight">
+                                        {/* TEXT BOX */}
+                                        <div className="txt-box">
+                                            {/* Title */}
+                                            <h5 className="s-24 w-700">Everything in one place</h5>
+                                            {/* Text */}
+                                            <p>Sodales tempor sapien quaerat congue eget ipsum laoreet turpis neque auctor
+                                                vitae eros dolor luctus placerat magna ligula cursus and purus pretium
+                                            </p>
+                                        </div>	{/* END TEXT BOX */}
+                                        {/* TEXT BOX */}
+                                        <div className="txt-box mb-0">
+                                            {/* Title */}
+                                            <h5 className="s-24 w-700">Editing tools and exports</h5>
+                                            {/* List */}
+                                            <ul className="simple-list">
+                                                <li className="list-item">
+                                                    <p>Tempor sapien volute turpis ipsum laoreet purus and sapien dolor diam
+                                                        ultrice ipsum aliquam undo congue dolor cursus tempor sapien quaerat
+                                                    </p>
+                                                </li>
+                                                <li className="list-item">
+                                                    <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas
+                                                        vitae sapien a turpis ultrice auctor ipsum
+                                                    </p>
+                                                </li>
+                                            </ul>
+                                        </div>	{/* END TEXT BOX */}
+                                        {/* Link */}
+                                        <div className="txt-block-tra-link mt-25">
+                                            <Link href="#features-7" className="tra-link ico-20 color--theme">
+                                                All-in-one platform <span className="flaticon-next" />
+                                            </Link>
+                                        </div>
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6 order-first order-md-2">
+                                    <div className="img-block right-column wow fadeInLeft">
+                                        <img className="img-fluid" src="/images/img-12.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>    {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk4_1.js b/components/sections/Lnk4_1.js
new file mode 100644
index 0000000..c2ca982
--- /dev/null
+++ b/components/sections/Lnk4_1.js
@@ -0,0 +1,82 @@
+
+
+export default function Lnk4_1() {
+    return (
+        <>
+            <section id="lnk-4" className="pt-100 ct-01 content-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">The Complete Solutions</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row d-flex align-items-center">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* CONTENT BOX #1 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-paper-sizes color--theme" />
+                                        <h5 className="s-22 w-700">Built-in automation</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet augue
+                                            luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #1 */}
+                                {/* CONTENT BOX #2 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-layers-1 color--theme" />
+                                        <h5 className="s-22 w-700">Automatic workflows</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet augue
+                                            luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #2 */}
+                                {/* CONTENT BOX #3 */}
+                                <div className="cbox-4">
+                                    {/* Icon & Title */}
+                                    <div className="box-title">
+                                        <span className="flaticon-pie-chart color--theme" />
+                                        <h5 className="s-22 w-700">Real-time analytics</h5>
+                                    </div>
+                                    {/* Text */}
+                                    <div className="cbox-4-txt">
+                                        <p className="mb-0">Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet
+                                            augue luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
+                                            magna turpis
+                                        </p>
+                                    </div>
+                                </div>	{/* END CONTENT BOX #3 */}
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-03.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk4_2.js b/components/sections/Lnk4_2.js
new file mode 100644
index 0000000..697accd
--- /dev/null
+++ b/components/sections/Lnk4_2.js
@@ -0,0 +1,57 @@
+
+
+export default function Lnk4_2() {
+    return (
+        <>
+            <section id="lnk-4" className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-1-wrapper bg--04 bg--fixed r-16">
+                        <div className="section-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6 order-last order-md-2">
+                                    <div className="txt-block left-column wow fadeInRight">
+                                        {/* TEXT BOX */}
+                                        <div className="txt-box">
+                                            {/* Title */}
+                                            <h3 className="s-26 w-700">Achieve success through data-driven decisions</h3>
+                                            {/* List */}
+                                            <ul className="simple-list">
+                                                <li className="list-item">
+                                                    <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                        sapien turpis sodales magna
+                                                    </p>
+                                                </li>
+                                                <li className="list-item">
+                                                    <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
+                                                        ultrice ipsum aliquam congue
+                                                    </p>
+                                                </li>
+                                            </ul>
+                                        </div>	{/* END TEXT BOX */}
+                                        {/* TEXT BOX */}
+                                        <div className="txt-box mb-0">
+                                            {/* Title */}
+                                            <h3 className="s-26 w-700">Automate workflows easily</h3>
+                                            {/* Text */}
+                                            <p className="mb-0">Sodales tempor sapien quaerat congue eget ipsum laoreet turpis
+                                                neque auctor vitae eros dolor luctus placerat magna ligula cursus and purus
+                                                pretium
+                                            </p>
+                                        </div>	{/* END TEXT BOX */}
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6 order-first order-md-2">
+                                    <div className="img-block right-column wow fadeInLeft">
+                                        <img className="img-fluid" src="/images/img-11.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>    {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk4_3.js b/components/sections/Lnk4_3.js
new file mode 100644
index 0000000..6e23203
--- /dev/null
+++ b/components/sections/Lnk4_3.js
@@ -0,0 +1,42 @@
+
+
+export default function Lnk4_3() {
+    return (
+        <>
+            <section id="lnk-4" className="bg--03 py-100 ct-03 content-section division">
+                <div className="container">
+                    <div className="row d-flex align-items-center">
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 col-lg-7">
+                            <div className="img-block left-column wow fadeInRight">
+                                <img className="img-fluid" src="/images/img-14.png" alt="content-image" />
+                            </div>
+                        </div>
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 col-lg-5">
+                            <div className="txt-block color--white right-column wow fadeInLeft">
+                                {/* Section ID */}
+                                <span className="section-id">End-to-End Easy</span>
+                                {/* Title */}
+                                <h2 className="s-46 w-700">Share and send files &amp; resources</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat undo ipsum laoreet purus and sapien dolor ociis ultrice
+                                            ipsum aliquam undo congue dolor cursus congue varius magnis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit vitae cubilia magnis diam volute egestas
+                                            sapien ultrice auctor
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Lnk4_4.js b/components/sections/Lnk4_4.js
new file mode 100644
index 0000000..92f98b1
--- /dev/null
+++ b/components/sections/Lnk4_4.js
@@ -0,0 +1,83 @@
+
+
+export default function Lnk4_4() {
+    return (
+        <>
+            <section id="lnk-4" className="pt-100 ct-13 content-section division">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">The Complete Solutions</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row mb-60">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6 order-last order-md-2">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Title */}
+                                <h5 className="s-24 w-700">Automate data collection</h5>
+                                {/* Text */}
+                                <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                    vitae dolor luctus placerat
+                                </p>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice
+                                            ipsum aliquam undo congue dolor cursus
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                            sapien turpis ultrice auctor congue magna placerat
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* IMAGE BLOCK */}
+                        <div className="col-md-6 order-first order-md-2">
+                            <div className="img-block right-column wow fadeInLeft">
+                                <img className="img-fluid" src="/images/img-01.png" alt="content-image" />
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                    {/* SECTION CONTENT (ROW) */}
+                    <div className="row">
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block left-column wow fadeInRight">
+                                {/* Title */}
+                                <h5 className="s-24 w-700">Increase your productivity with workflow automation</h5>
+                                {/* Text */}
+                                <p className="mb-0">Tempor sodales sapien quaerat ipsum undo congue laoreet turpis neque
+                                    auctor turpis vitae dolor luctus placerat magna and ligula cursus purus vitae
+                                    purus an ipsum suscipit
+                                </p>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                        {/* TEXT BLOCK */}
+                        <div className="col-md-6">
+                            <div className="txt-block ml-block right-column wow fadeInLeft">
+                                {/* Title */}
+                                <h5 className="s-24 w-700">Integrate with popular tools</h5>
+                                {/* Text */}
+                                <p className="mb-0">Nemo ipsam egestas volute turpis egestas ipsum and purus sapien ultrice
+                                    an aliquam quaerat ipsum augue turpis sapien cursus congue magna purus quaerat at
+                                    ligula purus egestas magna cursus undo varius purus magnis sapien quaerat
+                                </p>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>	{/* END SECTION CONTENT (ROW) */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Newsletter1_1.js b/components/sections/Newsletter1_1.js
new file mode 100644
index 0000000..d1ac580
--- /dev/null
+++ b/components/sections/Newsletter1_1.js
@@ -0,0 +1,35 @@
+
+
+export default function Newsletter1_1() {
+    return (
+        <>
+            <section id="newsletter-1" className="newsletter-section">
+                <div className="newsletter-overlay">
+                    <div className="container">
+                        <div className="row d-flex align-items-center row-cols-1 row-cols-lg-2">
+                            {/* NEWSLETTER TEXT */}
+                            <div className="col">
+                                <div className="newsletter-txt">
+                                    <h4 className="s-34 w-700">Stay up to date with our news, ideas and updates</h4>
+                                </div>
+                            </div>
+                            {/* NEWSLETTER FORM */}
+                            <div className="col">
+                                <form className="newsletter-form">
+                                    <div className="input-group">
+                                        <input type="email" autoComplete="off" className="form-control" placeholder="Your email address" required id="s-email" />
+                                        <span className="input-group-btn">
+                                            <button type="submit" className="btn btn--theme hover--theme">Subscribe Now</button>
+                                        </span>
+                                    </div>
+                                    {/* Newsletter Form Notification */}
+                                    <label htmlFor="s-email" className="form-notification" />
+                                </form>
+                            </div>	  {/* END NEWSLETTER FORM */}
+                        </div>	  {/* End row */}
+                    </div>    {/* End container */}
+                </div>     {/* End newsletter-overlay */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Newsletter1_2.js b/components/sections/Newsletter1_2.js
new file mode 100644
index 0000000..a8792ba
--- /dev/null
+++ b/components/sections/Newsletter1_2.js
@@ -0,0 +1,35 @@
+
+
+export default function Newsletter1_2() {
+    return (
+        <>
+            <section id="newsletter-1" className="newsletter-section">
+                <div className="newsletter-overlay">
+                    <div className="container">
+                        <div className="row d-flex align-items-center row-cols-1 row-cols-lg-2">
+                            {/* NEWSLETTER TEXT */}
+                            <div className="col">
+                                <div className="newsletter-txt">
+                                    <h4 className="s-34 w-700">Stay up to date with our news, ideas and updates</h4>
+                                </div>
+                            </div>
+                            {/* NEWSLETTER FORM */}
+                            <div className="col">
+                                <form className="newsletter-form">
+                                    <div className="input-group">
+                                        <input type="email" autoComplete="off" className="form-control" placeholder="Your email address" required id="s-email" />
+                                        <span className="input-group-btn">
+                                            <button type="submit" className="btn btn--theme hover--theme">Subscribe Now</button>
+                                        </span>
+                                    </div>
+                                    {/* Newsletter Form Notification */}
+                                    <label htmlFor="s-email" className="form-notification" />
+                                </form>
+                            </div>	  {/* END NEWSLETTER FORM */}
+                        </div>	  {/* End row */}
+                    </div>    {/* End container */}
+                </div>     {/* End newsletter-overlay */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Newsletter1_3.js b/components/sections/Newsletter1_3.js
new file mode 100644
index 0000000..94bb65a
--- /dev/null
+++ b/components/sections/Newsletter1_3.js
@@ -0,0 +1,35 @@
+
+
+export default function Newsletter1_3() {
+    return (
+        <>
+            <section id="newsletter-1" className="x-border newsletter-section">
+                <div className="newsletter-overlay">
+                    <div className="container">
+                        <div className="row d-flex align-items-center row-cols-1 row-cols-lg-2">
+                            {/* NEWSLETTER TEXT */}
+                            <div className="col">
+                                <div className="newsletter-txt">
+                                    <h4 className="s-34 w-700">Stay up to date with our news, ideas and updates</h4>
+                                </div>
+                            </div>
+                            {/* NEWSLETTER FORM */}
+                            <div className="col">
+                                <form className="newsletter-form">
+                                    <div className="input-group">
+                                        <input type="email" autoComplete="off" className="form-control" placeholder="Your email address" required id="s-email" />
+                                        <span className="input-group-btn">
+                                            <button type="submit" className="btn btn--theme hover--theme">Subscribe Now</button>
+                                        </span>
+                                    </div>
+                                    {/* Newsletter Form Notification */}
+                                    <label htmlFor="s-email" className="form-notification" />
+                                </form>
+                            </div>	  {/* END NEWSLETTER FORM */}
+                        </div>	  {/* End row */}
+                    </div>    {/* End container */}
+                </div>     {/* End newsletter-overlay */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Newsletter1_4.js b/components/sections/Newsletter1_4.js
new file mode 100644
index 0000000..d121211
--- /dev/null
+++ b/components/sections/Newsletter1_4.js
@@ -0,0 +1,35 @@
+
+
+export default function Newsletter1_4() {
+    return (
+        <>
+            <section id="newsletter-1" className="x-border newsletter-section">
+                <div className="newsletter-overlay">
+                    <div className="container">
+                        <div className="row d-flex align-items-center row-cols-1 row-cols-lg-2">
+                            {/* NEWSLETTER TEXT */}
+                            <div className="col">
+                                <div className="newsletter-txt">
+                                    <h4 className="s-34 w-700">Stay up to date with our news, ideas and updates</h4>
+                                </div>
+                            </div>
+                            {/* NEWSLETTER FORM */}
+                            <div className="col">
+                                <form className="newsletter-form">
+                                    <div className="input-group">
+                                        <input type="email" autoComplete="off" className="form-control" placeholder="Your email address" required id="s-email" />
+                                        <span className="input-group-btn">
+                                            <button type="submit" className="btn btn--theme hover--theme">Subscribe Now</button>
+                                        </span>
+                                    </div>
+                                    {/* Newsletter Form Notification */}
+                                    <label htmlFor="s-email" className="form-notification" />
+                                </form>
+                            </div>	  {/* END NEWSLETTER FORM */}
+                        </div>	  {/* End row */}
+                    </div>    {/* End container */}
+                </div>     {/* End newsletter-overlay */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Newsletter1_5.js b/components/sections/Newsletter1_5.js
new file mode 100644
index 0000000..42f6e66
--- /dev/null
+++ b/components/sections/Newsletter1_5.js
@@ -0,0 +1,35 @@
+
+
+export default function Newsletter1_5() {
+    return (
+        <>
+            <section id="newsletter-1" className="newsletter-section">
+                <div className="newsletter-overlay">
+                    <div className="container">
+                        <div className="row d-flex align-items-center row-cols-1 row-cols-lg-2">
+                            {/* NEWSLETTER TEXT */}
+                            <div className="col">
+                                <div className="newsletter-txt">
+                                    <h4 className="s-34 w-700">Stay up to date with our news, ideas and updates</h4>
+                                </div>
+                            </div>
+                            {/* NEWSLETTER FORM */}
+                            <div className="col">
+                                <form className="newsletter-form">
+                                    <div className="input-group">
+                                        <input type="email" autoComplete="off" className="form-control" placeholder="Your email address" required id="s-email" />
+                                        <span className="input-group-btn">
+                                            <button type="submit" className="btn btn--theme hover--theme">Subscribe Now</button>
+                                        </span>
+                                    </div>
+                                    {/* Newsletter Form Notification */}
+                                    <label htmlFor="s-email" className="form-notification" />
+                                </form>
+                            </div>	  {/* END NEWSLETTER FORM */}
+                        </div>	  {/* End row */}
+                    </div>    {/* End container */}
+                </div>     {/* End newsletter-overlay */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Newsletter1_6.js b/components/sections/Newsletter1_6.js
new file mode 100644
index 0000000..9d40210
--- /dev/null
+++ b/components/sections/Newsletter1_6.js
@@ -0,0 +1,35 @@
+
+
+export default function Newsletter1_6() {
+    return (
+        <>
+            <section id="newsletter-1" className="newsletter-section">
+                <div className="newsletter-overlay">
+                    <div className="container">
+                        <div className="row d-flex align-items-center row-cols-1 row-cols-lg-2">
+                            {/* NEWSLETTER TEXT */}
+                            <div className="col">
+                                <div className="newsletter-txt">
+                                    <h4 className="s-34 w-700">Stay up to date with our news, ideas and updates</h4>
+                                </div>
+                            </div>
+                            {/* NEWSLETTER FORM */}
+                            <div className="col">
+                                <form className="newsletter-form">
+                                    <div className="input-group">
+                                        <input type="email" autoComplete="off" className="form-control" placeholder="Your email address" required id="s-email" />
+                                        <span className="input-group-btn">
+                                            <button type="submit" className="btn btn--theme hover--theme">Subscribe Now</button>
+                                        </span>
+                                    </div>
+                                    {/* Newsletter Form Notification */}
+                                    <label htmlFor="s-email" className="form-notification" />
+                                </form>
+                            </div>	  {/* END NEWSLETTER FORM */}
+                        </div>	  {/* End row */}
+                    </div>    {/* End container */}
+                </div>     {/* End newsletter-overlay */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Newsletter1_7.js b/components/sections/Newsletter1_7.js
new file mode 100644
index 0000000..dda96fd
--- /dev/null
+++ b/components/sections/Newsletter1_7.js
@@ -0,0 +1,35 @@
+
+
+export default function Newsletter1_7() {
+    return (
+        <>
+            <section id="newsletter-1" className="newsletter-section">
+                <div className="newsletter-overlay">
+                    <div className="container">
+                        <div className="row d-flex align-items-center row-cols-1 row-cols-lg-2">
+                            {/* NEWSLETTER TEXT */}
+                            <div className="col">
+                                <div className="newsletter-txt">
+                                    <h4 className="s-34 w-700">Stay up to date with our news, ideas and updates</h4>
+                                </div>
+                            </div>
+                            {/* NEWSLETTER FORM */}
+                            <div className="col">
+                                <form className="newsletter-form">
+                                    <div className="input-group">
+                                        <input type="email" autoComplete="off" className="form-control" placeholder="Your email address" required id="s-email" />
+                                        <span className="input-group-btn">
+                                            <button type="submit" className="btn btn--theme hover--theme">Subscribe Now</button>
+                                        </span>
+                                    </div>
+                                    {/* Newsletter Form Notification */}
+                                    <label htmlFor="s-email" className="form-notification" />
+                                </form>
+                            </div>	  {/* END NEWSLETTER FORM */}
+                        </div>	  {/* End row */}
+                    </div>    {/* End container */}
+                </div>     {/* End newsletter-overlay */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Newsletter1_8.js b/components/sections/Newsletter1_8.js
new file mode 100644
index 0000000..23d45cb
--- /dev/null
+++ b/components/sections/Newsletter1_8.js
@@ -0,0 +1,35 @@
+
+
+export default function Newsletter1_8() {
+    return (
+        <>
+            <section id="newsletter-1" className="newsletter-section">
+                <div className="newsletter-overlay">
+                    <div className="container">
+                        <div className="row d-flex align-items-center row-cols-1 row-cols-lg-2">
+                            {/* NEWSLETTER TEXT */}
+                            <div className="col">
+                                <div className="newsletter-txt">
+                                    <h4 className="s-34 w-700">Stay up to date with our news, ideas and updates</h4>
+                                </div>
+                            </div>
+                            {/* NEWSLETTER FORM */}
+                            <div className="col">
+                                <form className="newsletter-form">
+                                    <div className="input-group">
+                                        <input type="email" autoComplete="off" className="form-control" placeholder="Your email address" required id="s-email" />
+                                        <span className="input-group-btn">
+                                            <button type="submit" className="btn btn--theme hover--theme">Subscribe Now</button>
+                                        </span>
+                                    </div>
+                                    {/* Newsletter Form Notification */}
+                                    <label htmlFor="s-email" className="form-notification" />
+                                </form>
+                            </div>	  {/* END NEWSLETTER FORM */}
+                        </div>	  {/* End row */}
+                    </div>    {/* End container */}
+                </div>     {/* End newsletter-overlay */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Pricing1.js b/components/sections/Pricing1.js
new file mode 100644
index 0000000..40f3250
--- /dev/null
+++ b/components/sections/Pricing1.js
@@ -0,0 +1,174 @@
+
+
+import Link from "next/link"
+import { useState } from "react"
+export default function Pricing1() {
+    const [isPricing, setPricing] = useState(false)
+    const handlePricing = () => setPricing(!isPricing)
+    return (
+        <>
+            <section id="pricing-1" className="gr--whitesmoke py-100 pricing-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-8">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Simple, Flexible Pricing</h2>
+                                {/* TOGGLE BUTTON */}
+                                <div className="toggle-btn ext-toggle-btn toggle-btn-md mt-30">
+                                    <span className="toggler-txt">Billed monthly</span>
+                                    <label className="switch-wrap">
+                                        <input type="checkbox" id="checbox" onClick={handlePricing} />
+                                        <span className="switcher bg--grey switcher--theme">
+                                            <span className="show-annual" />
+                                            <span className="show-monthly" />
+                                        </span>
+                                    </label>
+                                    <span className="toggler-txt">Billed yearly</span>
+                                    {/* Text */}
+                                    <p className="color--theme">Save up to 35% with yearly billing</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION TITLE */}
+                    {/* PRICING TABLES */}
+                    <div className="pricing-1-wrapper">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* STARTER PLAN */}
+                            <div className="col">
+                                <div id="pt-1-1" className="p-table pricing-1-table bg--white-100 block-shadow r-12 wow fadeInUp">
+                                    {/* TABLE HEADER */}
+                                    <div className="pricing-table-header">
+                                        {/* Title */}
+                                        <h5 className="s-24 w-700">Starter</h5>
+                                        {/* Price */}
+                                        <div className="price">
+
+                                            <sup className="color--black">$</sup>
+                                            <span className="color--black">0</span>
+                                            <sup className="validity color--grey">/ forever</sup>
+                                            <p className="color--grey">For professionals getting started with smaller projects.</p>
+                                        </div>
+                                        {/* Button */}
+                                        <Link href="#" className="pt-btn btn r-04 btn--theme hover--theme">Get srarted - it's free</Link>
+                                        <p className="p-sm btn-txt text-center color--grey">No credit card required</p>
+                                    </div>	{/* END TABLE HEADER */}
+                                    {/* PRICING FEATURES */}
+                                    <ul className="pricing-features color--black ico-10 ico--green mt-25">
+                                        <li><p><span className="flaticon-check" /> 2 free projects</p></li>
+                                        <li><p><span className="flaticon-check" /> 1 GB of cloud storage</p></li>
+                                        <li><p><span className="flaticon-check" /> For personal use</p></li>
+                                        <li className="disabled-option"><p><span className="flaticon-check" /> Weekly data backup</p></li>
+                                        <li className="disabled-option"><p><span className="flaticon-check" /> No Ads. No trackers</p></li>
+                                        <li><p><span className="flaticon-check" /> 12/5 email support</p></li>
+                                    </ul>
+                                </div>
+                            </div>	{/* END STARTER PLAN */}
+                            {/* BASIC PLAN */}
+                            <div className="col">
+                                <div id="pt-1-2" className="p-table pricing-1-table bg--white-100 block-shadow r-12 wow fadeInUp">
+                                    {/* TABLE HEADER */}
+                                    <div className="pricing-table-header">
+                                        {/* Title */}
+                                        <h5 className="s-24">Basic</h5>
+                                        {/* Price */}
+                                        <div className="price">
+                                            {/* Monthly Price */}
+
+                                            {isPricing ? <div className="price1">
+                                                <sup className="color--black">$</sup>
+                                                <span className="color--black">142.75</span>
+                                                <sup className="validity color--grey">/ yr</sup>
+                                                {/* Discount Badge */}
+                                                <div className="pricing-discount bg--yellow-400 color--black r-36">
+                                                    <h6 className="s-17">Save 30%</h6>
+                                                </div>
+                                            </div> : <div className="price2">
+                                                <sup className="color--black">$</sup>
+                                                <span className="color--black">16.99</span>
+                                                <sup className="validity color--grey">/ mo</sup>
+                                            </div>}
+
+                                            {/* Yearly Price */}
+
+                                            {/* Text */}
+                                            <p className="color--grey">For personal use or small teams with simple workflows.</p>
+                                        </div>	{/* End Price */}
+                                        {/* Button */}
+                                        <Link href="#" className="pt-btn btn r-04 btn--theme hover--theme">Start 14-day trial</Link>
+                                        <p className="p-sm btn-txt text-center color--grey">7-Day Money Back Guarantee</p>
+                                    </div>	{/* END TABLE HEADER */}
+                                    {/* PRICING FEATURES */}
+                                    <ul className="pricing-features color--black ico-10 ico--green mt-25">
+                                        <li><p><span className="flaticon-check" /> Up to 250 projects</p></li>
+                                        <li><p><span className="flaticon-check" /> 15 GB of Cloud Storage</p></li>
+                                        <li><p><span className="flaticon-check" /> Shared team workspace</p></li>
+                                        <li><p><span className="flaticon-check" /> Daily data backup</p></li>
+                                        <li><p><span className="flaticon-check" /> No Ads. No trackers</p></li>
+                                        <li><p><span className="flaticon-check" /> 12/7 email support</p></li>
+                                    </ul>
+                                </div>
+                            </div>	{/* END BASIC PLAN */}
+                            {/* ADVANCED PLAN */}
+                            <div className="col">
+                                <div id="pt-1-3" className="p-table pricing-1-table bg--white-100 block-shadow r-12 wow fadeInUp">
+                                    {/* TABLE HEADER */}
+                                    <div className="pricing-table-header">
+                                        {/* Title */}
+                                        <h5 className="s-24">Advanced</h5>
+                                        {/* Price */}
+                                        <div className="price">
+                                            {/* Monthly Price */}
+                                            {isPricing ? <div className="price1">
+                                                <sup className="color--black">$</sup>
+                                                <span className="color--black">194.99</span>
+                                                <sup className="validity color--grey">/ yr</sup>
+                                                {/* Discount Badge */}
+                                                <div className="pricing-discount bg--yellow-400 color--black r-36">
+                                                    <h6 className="s-17">Save 35%</h6>
+                                                </div>
+                                            </div> : <div className="price2">
+                                                <sup className="color--black">$</sup>
+                                                <span className="color--black">24.99</span>
+                                                <sup className="validity color--grey">/ mo</sup>
+                                            </div>}
+
+                                            {/* Yearly Price */}
+
+                                            {/* Text */}
+                                            <p className="color--grey">For growing teams that need more services and flexibility.</p>
+                                        </div>	{/* End Price */}
+                                        {/* Button */}
+                                        <Link href="#" className="pt-btn btn r-04 btn--theme hover--theme">Upgrade your plan</Link>
+                                        <p className="p-sm btn-txt text-center color--grey">7-Day Money Back Guarantee</p>
+                                    </div>	{/* END TABLE HEADER */}
+                                    {/* PRICING FEATURES */}
+                                    <ul className="pricing-features color--black ico-10 ico--green mt-25">
+                                        <li><p><span className="flaticon-check" /> Everything in Basic</p></li>
+                                        <li><p><span className="flaticon-check" /> Private cloud hosting</p></li>
+                                        <li><p><span className="flaticon-check" /> Custom security</p></li>
+                                        <li><p><span className="flaticon-check" /> Advanced user permissions</p></li>
+                                        <li><p><span className="flaticon-check" /> Multi-team management</p></li>
+                                        <li><p><span className="flaticon-check" /> 24/7 Email Support</p></li>
+                                    </ul>
+                                </div>
+                            </div>	{/* END ADVANCED PLAN */}
+                        </div>
+                    </div>	{/* PRICING TABLES */}
+                    {/* PRICING NOTICE TEXT */}
+                    <div className="row justify-content-center">
+                        <div className="col-lg-10">
+                            <div className="pricing-notice wow fadeInUp">
+                                {/* Text */}
+                                <p>The above prices do not include applicable taxes based on your billing address. The final
+                                    price will be displayed on the checkout page, before the payment is completed
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Pricing3.js b/components/sections/Pricing3.js
new file mode 100644
index 0000000..9905f98
--- /dev/null
+++ b/components/sections/Pricing3.js
@@ -0,0 +1,144 @@
+
+
+
+import Link from "next/link"
+import { useState } from "react"
+export default function Pricing3() {
+    const [isPricing, setPricing] = useState(false)
+    const handlePricing = () => setPricing(!isPricing)
+    return (
+        <>
+            <section id="pricing-3" className="gr--whitesmoke pt-100 pricing-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-8">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Simple, Flexible Pricing</h2>
+                                {/* TOGGLE BUTTON */}
+                                <div className="toggle-btn ext-toggle-btn toggle-btn-md mt-30">
+                                    <span className="toggler-txt">Billed monthly</span>
+                                    <label className="switch-wrap">
+                                        <input type="checkbox" id="checbox" onClick={handlePricing} />
+                                        <span className="switcher bg--grey switcher--theme">
+                                            <span className="show-annual" />
+                                            <span className="show-monthly" />
+                                        </span>
+                                    </label>
+                                    <span className="toggler-txt">Billed yearly</span>
+                                    {/* Text */}
+                                    <p className="color--theme">Save up to 25% with yearly billing</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>	{/* END SECTION TITLE */}
+                    {/* PRICING TABLES */}
+                    <div className="pricing-3-wrapper text-center">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* FREE PLAN */}
+                            <div className="col">
+                                <div id="pt-3-1" className="p-table pricing-3-table bg--white-100 block-shadow r-12 wow fadeInUp">
+                                    {/* TABLE HEADER */}
+                                    <div className="pricing-table-header">
+                                        {/* Title */}
+                                        <h4 className="s-32">Free</h4>
+                                        {/* Text */}
+                                        <p className="color--grey">For anyone getting started with smaller projects.</p>
+                                        {/* Price */}
+                                        <div className="price mt-25">
+                                            <sup className="color--black">$</sup>
+                                            <span className="color--black">0</span>
+                                            <sup className="validity color--grey">forever</sup>
+                                        </div>
+                                    </div>	{/* END TABLE HEADER */}
+                                    {/* BUTTON */}
+                                    <Link href="#" className="pt-btn btn btn--theme hover--theme">Get srarted - it's free</Link>
+                                    <p className="p-sm btn-txt color--grey">No credit card required</p>
+                                </div>
+                            </div>	{/* END FREE PLAN */}
+                            {/* PLUS PLAN */}
+                            <div className="col">
+                                <div id="pt-3-2" className="p-table pricing-3-table bg--white-100 block-shadow r-12 wow fadeInUp">
+                                    {/* TABLE HEADER */}
+                                    <div className="pricing-table-header">
+                                        {/* Title */}
+                                        <h4 className="s-32">Plus</h4>
+                                        {/* Text */}
+                                        <p className="color--grey">For personal use or small teams with simple workflows.</p>
+                                        {/* Price */}
+                                        <div className="price mt-25">
+                                            {/* Monthly Price */}
+                                            {isPricing ? <div className="price1">
+                                                <sup className="color--black">$</sup>
+                                                <span className="color--black">35</span>
+                                                <sup className="coins color--black">99</sup>
+                                                <sup className="validity color--grey">per year</sup>
+                                            </div> : <div className="price2">
+                                                <sup className="color--black">$</sup>
+                                                <span className="color--black">3</span>
+                                                <sup className="coins color--black">99</sup>
+                                                <sup className="validity color--grey">per month</sup>
+                                            </div>}
+
+                                            {/* Yearly Price */}
+
+                                        </div>
+                                    </div>	{/* END TABLE HEADER */}
+                                    {/* BUTTON */}
+                                    <Link href="#" className="pt-btn btn btn--theme hover--theme">Start 14-day trial</Link>
+                                    <p className="p-sm btn-txt">7-Day Money Back Guarantee</p>
+                                </div>
+                            </div>	{/* END PLUS PLAN */}
+                            {/* PRO PLAN */}
+                            <div className="col">
+                                <div id="pt-3-3" className="p-table pricing-3-table bg--white-100 block-shadow r-12 wow fadeInUp">
+                                    {/* TABLE HEADER */}
+                                    <div className="pricing-table-header">
+                                        {/* Title */}
+                                        <h4 className="s-32">Pro</h4>
+                                        {/* Text */}
+                                        <p className="color--grey">For growing teams that need more services and flexibility.</p>
+                                        {/* Price */}
+                                        <div className="price mt-25">
+                                            {/* Monthly Price */}
+                                            {isPricing ? <div className="price1">
+                                                <sup className="color--black">$</sup>
+                                                <span className="color--black">62</span>
+                                                <sup className="coins color--black">99</sup>
+                                                <sup className="validity color--grey">per year</sup>
+                                            </div> : <div className="price2">
+                                                <sup className="color--black">$</sup>
+                                                <span className="color--black">6</span>
+                                                <sup className="coins color--black">99</sup>
+                                                <sup className="validity color--grey">per month</sup>
+                                            </div>}
+
+                                            {/* Yearly Price */}
+
+                                        </div>
+                                    </div>	{/* END TABLE HEADER */}
+                                    {/* BUTTON */}
+                                    <Link href="#" className="pt-btn btn btn--theme hover--theme">Upgrade to PRO</Link>
+                                    <p className="p-sm btn-txt">7-Day Money Back Guarantee</p>
+                                </div>
+                            </div>	{/* END PRO PLAN */}
+                        </div>
+                    </div>	{/* PRICING TABLES */}
+                    {/* PRICING NOTICE TEXT */}
+                    <div className="row justify-content-center">
+                        <div className="col-lg-10">
+                            <div className="pricing-notice wow fadeInUp">
+                                {/* Text */}
+                                <p className="mb-0">The above prices do not include applicable taxes based on your billing
+                                    address. The final price will be displayed on the checkout page, before the payment
+                                    is completed
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Projects1_1.js b/components/sections/Projects1_1.js
new file mode 100644
index 0000000..64c257b
--- /dev/null
+++ b/components/sections/Projects1_1.js
@@ -0,0 +1,113 @@
+
+
+import Link from "next/link"
+export default function Projects1_1() {
+    return (
+        <>
+            <section id="projects-1" className="py-100 projects-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Great Design That Works!</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* PROJECTS WRAPPER */}
+                    <div className="projects-wrapper rel shape--02 shape--white-300">
+                        <div className="row align-items-center row-cols-1 row-cols-md-2">
+                            {/* PROJECT #1 */}
+                            <div className="col">
+                                <div id="pt-1-1" className="project-details">
+                                    {/* Title */}
+                                    <h5 className="s-22 w-700">Vintage Poster</h5>
+                                    {/* Image */}
+                                    <div className="project-preview r-10">
+                                        {/* Project Preview */}
+                                        <div className="hover-overlay">
+                                            <img className="img-fluid" src="/images/projects/project-05.jpg" alt="project-preview" />
+                                            <div className="item-overlay" />
+                                        </div>
+                                        {/* Project Link */}
+                                        <div className="project-link ico-35 color--white">
+                                            <Link href="/project-details" ><span className="flaticon-visibility" /></Link>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END PROJECT #1 */}
+                            {/* PROJECT #2 */}
+                            <div className="col">
+                                <div id="pt-1-2" className="project-details">
+                                    {/* Title */}
+                                    <h5 className="s-22 w-700">Glued Poster</h5>
+                                    {/* Image */}
+                                    <div className="project-preview r-10">
+                                        {/* Project Preview */}
+                                        <div className="hover-overlay">
+                                            <img className="img-fluid" src="/images/projects/project-02.jpg" alt="project-preview" />
+                                            <div className="item-overlay" />
+                                        </div>
+                                        {/* Project Link */}
+                                        <div className="project-link ico-35 color--white">
+                                            <Link href="/project-details" ><span className="flaticon-visibility" /></Link>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END PROJECT #2 */}
+                            {/* PROJECT #3 */}
+                            <div className="col">
+                                <div id="pt-1-3" className="project-details">
+                                    {/* Title */}
+                                    <h5 className="s-22 w-700">Double Color</h5>
+                                    {/* Image */}
+                                    <div className="project-preview r-10">
+                                        {/* Project Preview */}
+                                        <div className="hover-overlay">
+                                            <img className="img-fluid" src="/images/projects/project-03.jpg" alt="project-preview" />
+                                            <div className="item-overlay" />
+                                        </div>
+                                        {/* Project Link */}
+                                        <div className="project-link ico-35 color--white">
+                                            <Link href="/project-details" ><span className="flaticon-visibility" /></Link>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END PROJECT #3 */}
+                            {/* PROJECT #4 */}
+                            <div className="col">
+                                <div id="pt-1-4" className="project-details">
+                                    {/* Title */}
+                                    <h5 className="s-22 w-700">Reativity</h5>
+                                    {/* Image */}
+                                    <div className="project-preview r-10">
+                                        {/* Project Preview */}
+                                        <div className="hover-overlay">
+                                            <img className="img-fluid" src="/images/projects/project-04.jpg" alt="project-preview" />
+                                            <div className="item-overlay" />
+                                        </div>
+                                        {/* Project Link */}
+                                        <div className="project-link ico-35 color--white">
+                                            <Link href="/project-details" ><span className="flaticon-visibility" /></Link>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END PROJECT #4 */}
+                        </div>
+                    </div>	{/* END PROJECTS WRAPPER */}
+                    {/* MORE PROJECTS BUTTON */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="more-projects wow fadeInUp">
+                                <Link href="/projects" className="btn btn--theme hover--tra-black">See more projects</Link>
+                            </div>
+                        </div>
+                    </div>
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Projects1_2.js b/components/sections/Projects1_2.js
new file mode 100644
index 0000000..4fd5f7f
--- /dev/null
+++ b/components/sections/Projects1_2.js
@@ -0,0 +1,105 @@
+
+
+import Link from "next/link"
+export default function Projects1_2() {
+    return (
+        <>
+            <section id="projects-1" className="pt-100 projects-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Great Design That Works!</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* PROJECTS WRAPPER */}
+                    <div className="projects-wrapper rel">
+                        <div className="row align-items-center row-cols-1 row-cols-md-2">
+                            {/* PROJECT #1 */}
+                            <div className="col">
+                                <div id="pt-1-1" className="project-details">
+                                    {/* Title */}
+                                    <h5 className="s-22 w-700">Vintage Poster</h5>
+                                    {/* Image */}
+                                    <div className="project-preview r-10">
+                                        {/* Project Preview */}
+                                        <div className="hover-overlay">
+                                            <img className="img-fluid" src="/images/projects/project-05.jpg" alt="project-preview" />
+                                            <div className="item-overlay" />
+                                        </div>
+                                        {/* Project Link */}
+                                        <div className="project-link ico-35 color--white">
+                                            <Link href="/project-details" ><span className="flaticon-visibility" /></Link>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END PROJECT #1 */}
+                            {/* PROJECT #2 */}
+                            <div className="col">
+                                <div id="pt-1-2" className="project-details">
+                                    {/* Title */}
+                                    <h5 className="s-22 w-700">Glued Poster</h5>
+                                    {/* Image */}
+                                    <div className="project-preview r-10">
+                                        {/* Project Preview */}
+                                        <div className="hover-overlay">
+                                            <img className="img-fluid" src="/images/projects/project-02.jpg" alt="project-preview" />
+                                            <div className="item-overlay" />
+                                        </div>
+                                        {/* Project Link */}
+                                        <div className="project-link ico-35 color--white">
+                                            <Link href="/project-details" ><span className="flaticon-visibility" /></Link>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END PROJECT #2 */}
+                            {/* PROJECT #3 */}
+                            <div className="col">
+                                <div id="pt-1-3" className="project-details">
+                                    {/* Title */}
+                                    <h5 className="s-22 w-700">Double Color</h5>
+                                    {/* Image */}
+                                    <div className="project-preview r-10">
+                                        {/* Project Preview */}
+                                        <div className="hover-overlay">
+                                            <img className="img-fluid" src="/images/projects/project-03.jpg" alt="project-preview" />
+                                            <div className="item-overlay" />
+                                        </div>
+                                        {/* Project Link */}
+                                        <div className="project-link ico-35 color--white">
+                                            <Link href="/project-details" ><span className="flaticon-visibility" /></Link>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END PROJECT #3 */}
+                            {/* PROJECT #4 */}
+                            <div className="col">
+                                <div id="pt-1-4" className="project-details">
+                                    {/* Title */}
+                                    <h5 className="s-22 w-700">Reativity</h5>
+                                    {/* Image */}
+                                    <div className="project-preview r-10">
+                                        {/* Project Preview */}
+                                        <div className="hover-overlay">
+                                            <img className="img-fluid" src="/images/projects/project-04.jpg" alt="project-preview" />
+                                            <div className="item-overlay" />
+                                        </div>
+                                        {/* Project Link */}
+                                        <div className="project-link ico-35 color--white">
+                                            <Link href="/project-details" ><span className="flaticon-visibility" /></Link>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END PROJECT #4 */}
+                        </div>
+                    </div>	{/* END PROJECTS WRAPPER */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Projects1_3.js b/components/sections/Projects1_3.js
new file mode 100644
index 0000000..d812890
--- /dev/null
+++ b/components/sections/Projects1_3.js
@@ -0,0 +1,105 @@
+
+
+import Link from "next/link"
+export default function Projects1_3() {
+    return (
+        <>
+            <section id="projects-1" className="pt-100 projects-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-52 w-700">Great Design That Works!</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* PROJECTS WRAPPER */}
+                    <div className="projects-wrapper rel">
+                        <div className="row align-items-center row-cols-1 row-cols-md-2">
+                            {/* PROJECT #1 */}
+                            <div className="col">
+                                <div id="pt-1-1" className="project-details">
+                                    {/* Title */}
+                                    <h5 className="s-22 w-700">Vintage Poster</h5>
+                                    {/* Image */}
+                                    <div className="project-preview r-10">
+                                        {/* Project Preview */}
+                                        <div className="hover-overlay">
+                                            <img className="img-fluid" src="/images/projects/project-05.jpg" alt="project-preview" />
+                                            <div className="item-overlay" />
+                                        </div>
+                                        {/* Project Link */}
+                                        <div className="project-link ico-35 color--white">
+                                            <Link href="/project-details" ><span className="flaticon-visibility" /></Link>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END PROJECT #1 */}
+                            {/* PROJECT #2 */}
+                            <div className="col">
+                                <div id="pt-1-2" className="project-details">
+                                    {/* Title */}
+                                    <h5 className="s-22 w-700">Glued Poster</h5>
+                                    {/* Image */}
+                                    <div className="project-preview r-10">
+                                        {/* Project Preview */}
+                                        <div className="hover-overlay">
+                                            <img className="img-fluid" src="/images/projects/project-02.jpg" alt="project-preview" />
+                                            <div className="item-overlay" />
+                                        </div>
+                                        {/* Project Link */}
+                                        <div className="project-link ico-35 color--white">
+                                            <Link href="/project-details" ><span className="flaticon-visibility" /></Link>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END PROJECT #2 */}
+                            {/* PROJECT #3 */}
+                            <div className="col">
+                                <div id="pt-1-3" className="project-details">
+                                    {/* Title */}
+                                    <h5 className="s-22 w-700">Double Color</h5>
+                                    {/* Image */}
+                                    <div className="project-preview r-10">
+                                        {/* Project Preview */}
+                                        <div className="hover-overlay">
+                                            <img className="img-fluid" src="/images/projects/project-03.jpg" alt="project-preview" />
+                                            <div className="item-overlay" />
+                                        </div>
+                                        {/* Project Link */}
+                                        <div className="project-link ico-35 color--white">
+                                            <Link href="/project-details" ><span className="flaticon-visibility" /></Link>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END PROJECT #3 */}
+                            {/* PROJECT #4 */}
+                            <div className="col">
+                                <div id="pt-1-4" className="project-details">
+                                    {/* Title */}
+                                    <h5 className="s-22 w-700">Reativity</h5>
+                                    {/* Image */}
+                                    <div className="project-preview r-10">
+                                        {/* Project Preview */}
+                                        <div className="hover-overlay">
+                                            <img className="img-fluid" src="/images/projects/project-04.jpg" alt="project-preview" />
+                                            <div className="item-overlay" />
+                                        </div>
+                                        {/* Project Link */}
+                                        <div className="project-link ico-35 color--white">
+                                            <Link href="/project-details" ><span className="flaticon-visibility" /></Link>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END PROJECT #4 */}
+                        </div>
+                    </div>	{/* END PROJECTS WRAPPER */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Projects1_4.js b/components/sections/Projects1_4.js
new file mode 100644
index 0000000..64f1f82
--- /dev/null
+++ b/components/sections/Projects1_4.js
@@ -0,0 +1,113 @@
+
+
+import Link from "next/link"
+export default function Projects1_4() {
+    return (
+        <>
+            <section id="projects-1" className="pt-100 projects-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-52 w-700">Great Design That Works!</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* PROJECTS WRAPPER */}
+                    <div className="projects-wrapper rel">
+                        <div className="row align-items-center row-cols-1 row-cols-md-2">
+                            {/* PROJECT #1 */}
+                            <div className="col">
+                                <div id="pt-1-1" className="project-details">
+                                    {/* Title */}
+                                    <h5 className="s-22 w-700">Vintage Poster</h5>
+                                    {/* Image */}
+                                    <div className="project-preview r-10">
+                                        {/* Project Preview */}
+                                        <div className="hover-overlay">
+                                            <img className="img-fluid" src="/images/projects/project-05.jpg" alt="project-preview" />
+                                            <div className="item-overlay" />
+                                        </div>
+                                        {/* Project Link */}
+                                        <div className="project-link ico-35 color--white">
+                                            <Link href="/project-details" ><span className="flaticon-visibility" /></Link>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END PROJECT #1 */}
+                            {/* PROJECT #2 */}
+                            <div className="col">
+                                <div id="pt-1-2" className="project-details">
+                                    {/* Title */}
+                                    <h5 className="s-22 w-700">Glued Poster</h5>
+                                    {/* Image */}
+                                    <div className="project-preview r-10">
+                                        {/* Project Preview */}
+                                        <div className="hover-overlay">
+                                            <img className="img-fluid" src="/images/projects/project-02.jpg" alt="project-preview" />
+                                            <div className="item-overlay" />
+                                        </div>
+                                        {/* Project Link */}
+                                        <div className="project-link ico-35 color--white">
+                                            <Link href="/project-details" ><span className="flaticon-visibility" /></Link>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END PROJECT #2 */}
+                            {/* PROJECT #3 */}
+                            <div className="col">
+                                <div id="pt-1-3" className="project-details">
+                                    {/* Title */}
+                                    <h5 className="s-22 w-700">Double Color</h5>
+                                    {/* Image */}
+                                    <div className="project-preview r-10">
+                                        {/* Project Preview */}
+                                        <div className="hover-overlay">
+                                            <img className="img-fluid" src="/images/projects/project-03.jpg" alt="project-preview" />
+                                            <div className="item-overlay" />
+                                        </div>
+                                        {/* Project Link */}
+                                        <div className="project-link ico-35 color--white">
+                                            <Link href="/project-details" ><span className="flaticon-visibility" /></Link>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END PROJECT #3 */}
+                            {/* PROJECT #4 */}
+                            <div className="col">
+                                <div id="pt-1-4" className="project-details">
+                                    {/* Title */}
+                                    <h5 className="s-22 w-700">Reativity</h5>
+                                    {/* Image */}
+                                    <div className="project-preview r-10">
+                                        {/* Project Preview */}
+                                        <div className="hover-overlay">
+                                            <img className="img-fluid" src="/images/projects/project-04.jpg" alt="project-preview" />
+                                            <div className="item-overlay" />
+                                        </div>
+                                        {/* Project Link */}
+                                        <div className="project-link ico-35 color--white">
+                                            <Link href="/project-details" ><span className="flaticon-visibility" /></Link>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END PROJECT #4 */}
+                        </div>
+                    </div>	{/* END PROJECTS WRAPPER */}
+                    {/* MORE PROJECTS BUTTON */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="more-projects wow fadeInUp">
+                                <Link href="/projects" className="btn btn--theme hover--tra-black">See more projects</Link>
+                            </div>
+                        </div>
+                    </div>
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Rating1_1.js b/components/sections/Rating1_1.js
new file mode 100644
index 0000000..0106bff
--- /dev/null
+++ b/components/sections/Rating1_1.js
@@ -0,0 +1,82 @@
+
+
+export default function Rating1_1() {
+    return (
+        <>
+            <div id="rating-1" className="pt-70 rating-section">
+                <div className="container">
+                    {/* RATING TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="rating-title mb-40">
+                                <h5 className="s-18 color--grey w-500">Our clients love us as much as we love them</h5>
+                            </div>
+                        </div>
+                    </div>
+                    {/* RATING-1 WRAPPER */}
+                    <div className="rating-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* RATING BOX #1 */}
+                            <div className="col">
+                                <div id="rb-1-1" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-21.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-21-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star-half-empty mr-5" />
+                                        4.7/5
+                                    </div>
+                                </div>
+                            </div>
+                            {/* RATING BOX #2 */}
+                            <div className="col">
+                                <div id="rb-1-2" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-22.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-22-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star mr-5" />
+                                        4.95/5
+                                    </div>
+                                </div>
+                            </div>
+                            {/* RATING BOX #3 */}
+                            <div className="col">
+                                <div id="rb-1-3" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-23.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-23-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star-1 mr-5" />
+                                        4.24/5
+                                    </div>
+                                </div>
+                            </div>
+                        </div> {/* End row */}
+                    </div> {/* END RATING-1 WRAPPER */}
+                </div> {/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Rating1_10.js b/components/sections/Rating1_10.js
new file mode 100644
index 0000000..77566a4
--- /dev/null
+++ b/components/sections/Rating1_10.js
@@ -0,0 +1,82 @@
+
+
+export default function Rating1_10() {
+    return (
+        <>
+            <div id="rating-1" className="pt-70 pb-100 rating-section">
+                <div className="container">
+                    {/* RATING TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="rating-title mb-40">
+                                <h5 className="s-18 color--grey w-500">Our clients love us as much as we love them</h5>
+                            </div>
+                        </div>
+                    </div>
+                    {/* RATING-1 WRAPPER */}
+                    <div className="rating-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* RATING BOX #1 */}
+                            <div className="col">
+                                <div id="rb-1-1" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-21.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-21-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star-half-empty mr-5" />
+                                        4.7/5
+                                    </div>
+                                </div>
+                            </div>
+                            {/* RATING BOX #2 */}
+                            <div className="col">
+                                <div id="rb-1-2" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-22.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-22-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star mr-5" />
+                                        4.95/5
+                                    </div>
+                                </div>
+                            </div>
+                            {/* RATING BOX #3 */}
+                            <div className="col">
+                                <div id="rb-1-3" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-23.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-23-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star-1 mr-5" />
+                                        4.24/5
+                                    </div>
+                                </div>
+                            </div>
+                        </div>  {/* End row */}
+                    </div>	{/* END RATING-1 WRAPPER */}
+                </div>	{/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Rating1_11.js b/components/sections/Rating1_11.js
new file mode 100644
index 0000000..43209f9
--- /dev/null
+++ b/components/sections/Rating1_11.js
@@ -0,0 +1,82 @@
+
+
+export default function Rating1_11() {
+    return (
+        <>
+            <div id="rating-1" className="pt-70 rating-section">
+                <div className="container">
+                    {/* RATING TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="rating-title mb-40">
+                                <h5 className="s-18 color--grey w-500">Our clients love us as much as we love them</h5>
+                            </div>
+                        </div>
+                    </div>
+                    {/* RATING-1 WRAPPER */}
+                    <div className="rating-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* RATING BOX #1 */}
+                            <div className="col">
+                                <div id="rb-1-1" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-21.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-21-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star-half-empty mr-5" />
+                                        4.7/5
+                                    </div>
+                                </div>
+                            </div>
+                            {/* RATING BOX #2 */}
+                            <div className="col">
+                                <div id="rb-1-2" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-22.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-22-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star mr-5" />
+                                        4.95/5
+                                    </div>
+                                </div>
+                            </div>
+                            {/* RATING BOX #3 */}
+                            <div className="col">
+                                <div id="rb-1-3" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-23.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-23-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star-1 mr-5" />
+                                        4.24/5
+                                    </div>
+                                </div>
+                            </div>
+                        </div>  {/* End row */}
+                    </div>	{/* END RATING-1 WRAPPER */}
+                </div>	{/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Rating1_2.js b/components/sections/Rating1_2.js
new file mode 100644
index 0000000..2944bf5
--- /dev/null
+++ b/components/sections/Rating1_2.js
@@ -0,0 +1,82 @@
+
+
+export default function Rating1_2() {
+    return (
+        <>
+            <div id="rating-1" className="pt-80 pb-100 rating-section">
+                <div className="container">
+                    {/* RATING TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="rating-title mb-40">
+                                <h5 className="s-18 color--grey w-500">Our clients love us as much as we love them</h5>
+                            </div>
+                        </div>
+                    </div>
+                    {/* RATING-1 WRAPPER */}
+                    <div className="rating-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* RATING BOX #1 */}
+                            <div className="col">
+                                <div id="rb-1-1" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-21.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-21-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star-half-empty mr-5" />
+                                        4.7/5
+                                    </div>
+                                </div>
+                            </div>
+                            {/* RATING BOX #2 */}
+                            <div className="col">
+                                <div id="rb-1-2" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-22.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-22-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star mr-5" />
+                                        4.95/5
+                                    </div>
+                                </div>
+                            </div>
+                            {/* RATING BOX #3 */}
+                            <div className="col">
+                                <div id="rb-1-3" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-23.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-23-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star-1 mr-5" />
+                                        4.24/5
+                                    </div>
+                                </div>
+                            </div>
+                        </div>  {/* End row */}
+                    </div>	{/* END RATING-1 WRAPPER */}
+                </div>	{/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Rating1_3.js b/components/sections/Rating1_3.js
new file mode 100644
index 0000000..eaf84a0
--- /dev/null
+++ b/components/sections/Rating1_3.js
@@ -0,0 +1,82 @@
+
+
+export default function Rating1_3() {
+    return (
+        <>
+            <div id="rating-1" className="pt-70 rating-section">
+                <div className="container">
+                    {/* RATING TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="rating-title mb-40">
+                                <h5 className="s-18 color--grey w-500">Our clients love us as much as we love them</h5>
+                            </div>
+                        </div>
+                    </div>
+                    {/* RATING-1 WRAPPER */}
+                    <div className="rating-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* RATING BOX #1 */}
+                            <div className="col">
+                                <div id="rb-1-1" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-21.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-21-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star-half-empty mr-5" />
+                                        4.7/5
+                                    </div>
+                                </div>
+                            </div>
+                            {/* RATING BOX #2 */}
+                            <div className="col">
+                                <div id="rb-1-2" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-22.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-22-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star mr-5" />
+                                        4.95/5
+                                    </div>
+                                </div>
+                            </div>
+                            {/* RATING BOX #3 */}
+                            <div className="col">
+                                <div id="rb-1-3" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-23.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-23-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star-1 mr-5" />
+                                        4.24/5
+                                    </div>
+                                </div>
+                            </div>
+                        </div>  {/* End row */}
+                    </div>	{/* END RATING-1 WRAPPER */}
+                </div>	{/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Rating1_4.js b/components/sections/Rating1_4.js
new file mode 100644
index 0000000..ad239bc
--- /dev/null
+++ b/components/sections/Rating1_4.js
@@ -0,0 +1,82 @@
+
+
+export default function Rating1_4() {
+    return (
+        <>
+            <div id="rating-1" className="pt-70 rating-section">
+                <div className="container">
+                    {/* RATING TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="rating-title mb-40">
+                                <h5 className="s-18 color--grey w-500">Our clients love us as much as we love them</h5>
+                            </div>
+                        </div>
+                    </div>
+                    {/* RATING-1 WRAPPER */}
+                    <div className="rating-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* RATING BOX #1 */}
+                            <div className="col">
+                                <div id="rb-1-1" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-21.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-21-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star-half-empty mr-5" />
+                                        4.7/5
+                                    </div>
+                                </div>
+                            </div>
+                            {/* RATING BOX #2 */}
+                            <div className="col">
+                                <div id="rb-1-2" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-22.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-22-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star mr-5" />
+                                        4.95/5
+                                    </div>
+                                </div>
+                            </div>
+                            {/* RATING BOX #3 */}
+                            <div className="col">
+                                <div id="rb-1-3" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-23.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-23-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star-1 mr-5" />
+                                        4.24/5
+                                    </div>
+                                </div>
+                            </div>
+                        </div>  {/* End row */}
+                    </div>	{/* END RATING-1 WRAPPER */}
+                </div>	{/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Rating1_5.js b/components/sections/Rating1_5.js
new file mode 100644
index 0000000..f22640f
--- /dev/null
+++ b/components/sections/Rating1_5.js
@@ -0,0 +1,82 @@
+
+
+export default function Rating1_5() {
+    return (
+        <>
+            <div id="rating-1" className="pt-70 pb-100 rating-section">
+                <div className="container">
+                    {/* RATING TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="rating-title mb-40">
+                                <h5 className="s-18 color--grey w-500">Our clients love us as much as we love them</h5>
+                            </div>
+                        </div>
+                    </div>
+                    {/* RATING-1 WRAPPER */}
+                    <div className="rating-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* RATING BOX #1 */}
+                            <div className="col">
+                                <div id="rb-1-1" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-21.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-21-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star-half-empty mr-5" />
+                                        4.7/5
+                                    </div>
+                                </div>
+                            </div>
+                            {/* RATING BOX #2 */}
+                            <div className="col">
+                                <div id="rb-1-2" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-22.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-22-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star mr-5" />
+                                        4.95/5
+                                    </div>
+                                </div>
+                            </div>
+                            {/* RATING BOX #3 */}
+                            <div className="col">
+                                <div id="rb-1-3" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-23.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-23-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star-1 mr-5" />
+                                        4.24/5
+                                    </div>
+                                </div>
+                            </div>
+                        </div>  {/* End row */}
+                    </div>	{/* END RATING-1 WRAPPER */}
+                </div>	{/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Rating1_6.js b/components/sections/Rating1_6.js
new file mode 100644
index 0000000..c1c09c6
--- /dev/null
+++ b/components/sections/Rating1_6.js
@@ -0,0 +1,82 @@
+
+
+export default function Rating1_6() {
+    return (
+        <>
+            <div id="rating-1" className="pt-70 rating-section">
+                <div className="container">
+                    {/* RATING TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="rating-title mb-40">
+                                <h5 className="s-18 color--grey w-500">Our clients love us as much as we love them</h5>
+                            </div>
+                        </div>
+                    </div>
+                    {/* RATING-1 WRAPPER */}
+                    <div className="rating-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* RATING BOX #1 */}
+                            <div className="col">
+                                <div id="rb-1-1" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-21.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-21-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star-half-empty mr-5" />
+                                        4.7/5
+                                    </div>
+                                </div>
+                            </div>
+                            {/* RATING BOX #2 */}
+                            <div className="col">
+                                <div id="rb-1-2" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-22.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-22-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star mr-5" />
+                                        4.95/5
+                                    </div>
+                                </div>
+                            </div>
+                            {/* RATING BOX #3 */}
+                            <div className="col">
+                                <div id="rb-1-3" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-23.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-23-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star-1 mr-5" />
+                                        4.24/5
+                                    </div>
+                                </div>
+                            </div>
+                        </div>  {/* End row */}
+                    </div>	{/* END RATING-1 WRAPPER */}
+                </div>	{/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Rating1_7.js b/components/sections/Rating1_7.js
new file mode 100644
index 0000000..832b1f3
--- /dev/null
+++ b/components/sections/Rating1_7.js
@@ -0,0 +1,82 @@
+
+
+export default function Rating1_7() {
+    return (
+        <>
+            <div id="rating-1" className="pt-70 pb-100 rating-section">
+                <div className="container">
+                    {/* RATING TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="rating-title mb-40">
+                                <h5 className="s-18 color--grey w-500">Our clients love us as much as we love them</h5>
+                            </div>
+                        </div>
+                    </div>
+                    {/* RATING-1 WRAPPER */}
+                    <div className="rating-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* RATING BOX #1 */}
+                            <div className="col">
+                                <div id="rb-1-1" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-21.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-21-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star-half-empty mr-5" />
+                                        4.7/5
+                                    </div>
+                                </div>
+                            </div>
+                            {/* RATING BOX #2 */}
+                            <div className="col">
+                                <div id="rb-1-2" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-22.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-22-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star mr-5" />
+                                        4.95/5
+                                    </div>
+                                </div>
+                            </div>
+                            {/* RATING BOX #3 */}
+                            <div className="col">
+                                <div id="rb-1-3" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-23.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-23-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star-1 mr-5" />
+                                        4.24/5
+                                    </div>
+                                </div>
+                            </div>
+                        </div>  {/* End row */}
+                    </div>	{/* END RATING-1 WRAPPER */}
+                </div>	{/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Rating1_8.js b/components/sections/Rating1_8.js
new file mode 100644
index 0000000..e27c43e
--- /dev/null
+++ b/components/sections/Rating1_8.js
@@ -0,0 +1,82 @@
+
+
+export default function Rating1_8() {
+    return (
+        <>
+            <div id="rating-1" className="pt-70 pb-100 rating-section">
+                <div className="container">
+                    {/* RATING TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="rating-title mb-40">
+                                <h5 className="s-18 color--grey w-500">Our clients love us as much as we love them</h5>
+                            </div>
+                        </div>
+                    </div>
+                    {/* RATING-1 WRAPPER */}
+                    <div className="rating-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* RATING BOX #1 */}
+                            <div className="col">
+                                <div id="rb-1-1" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-21.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-21-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star-half-empty mr-5" />
+                                        4.7/5
+                                    </div>
+                                </div>
+                            </div>
+                            {/* RATING BOX #2 */}
+                            <div className="col">
+                                <div id="rb-1-2" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-22.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-22-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star mr-5" />
+                                        4.95/5
+                                    </div>
+                                </div>
+                            </div>
+                            {/* RATING BOX #3 */}
+                            <div className="col">
+                                <div id="rb-1-3" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-23.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-23-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star-1 mr-5" />
+                                        4.24/5
+                                    </div>
+                                </div>
+                            </div>
+                        </div>  {/* End row */}
+                    </div>	{/* END RATING-1 WRAPPER */}
+                </div>	{/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Rating1_9.js b/components/sections/Rating1_9.js
new file mode 100644
index 0000000..b342c70
--- /dev/null
+++ b/components/sections/Rating1_9.js
@@ -0,0 +1,82 @@
+
+
+export default function Rating1_9() {
+    return (
+        <>
+            <div id="rating-1" className="pt-70 pb-100 rating-section">
+                <div className="container">
+                    {/* RATING TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="rating-title mb-40">
+                                <h5 className="s-18 color--grey w-500">Our clients love us as much as we love them</h5>
+                            </div>
+                        </div>
+                    </div>
+                    {/* RATING-1 WRAPPER */}
+                    <div className="rating-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* RATING BOX #1 */}
+                            <div className="col">
+                                <div id="rb-1-1" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-21.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-21-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star-half-empty mr-5" />
+                                        4.7/5
+                                    </div>
+                                </div>
+                            </div>
+                            {/* RATING BOX #2 */}
+                            <div className="col">
+                                <div id="rb-1-2" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-22.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-22-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star mr-5" />
+                                        4.95/5
+                                    </div>
+                                </div>
+                            </div>
+                            {/* RATING BOX #3 */}
+                            <div className="col">
+                                <div id="rb-1-3" className="rbox-1">
+                                    {/* Brand Logo */}
+                                    <div className="rbox-1-img">
+                                        <img className="img-fluid light-theme-img" src="/images/brand-23.png" alt="feature-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/brand-23-white.png" alt="feature-image" />
+                                    </div>
+                                    {/* Rating Stars */}
+                                    <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star" />
+                                        <span className="flaticon-star-1 mr-5" />
+                                        4.24/5
+                                    </div>
+                                </div>
+                            </div>
+                        </div>  {/* End row */}
+                    </div>	{/* END RATING-1 WRAPPER */}
+                </div>	{/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Reviews1_1.js b/components/sections/Reviews1_1.js
new file mode 100644
index 0000000..04e3219
--- /dev/null
+++ b/components/sections/Reviews1_1.js
@@ -0,0 +1,30 @@
+import ReviewSlider1 from "../slider/ReviewSlider1"
+
+
+export default function Reviews1_1() {
+    return (
+        <>
+            <section id="reviews-1" className="pt-100 shape--06 shape--gr-whitesmoke reviews-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Here’s what our amazing clients are saying</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* TESTIMONIALS CONTENT */}
+                    <div className="row">
+                        <div className="col">
+                            <ReviewSlider1 />
+                        </div>
+                    </div> {/* END TESTIMONIALS CONTENT */}
+                </div> {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Reviews1_10.js b/components/sections/Reviews1_10.js
new file mode 100644
index 0000000..3a238b3
--- /dev/null
+++ b/components/sections/Reviews1_10.js
@@ -0,0 +1,29 @@
+
+import ReviewSlider1 from "../slider/ReviewSlider1"
+export default function Reviews1_10() {
+    return (
+        <>
+            <section id="reviews-1" className="pt-100 shape--06 shape--gr-whitesmoke reviews-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-48 w-700">Here’s what our amazing clients are saying</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* TESTIMONIALS CONTENT */}
+                    <div className="row">
+                        <div className="col">
+                        <ReviewSlider1 />
+                        </div>
+                    </div>	{/* END TESTIMONIALS CONTENT */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Reviews1_11.js b/components/sections/Reviews1_11.js
new file mode 100644
index 0000000..80a6f1e
--- /dev/null
+++ b/components/sections/Reviews1_11.js
@@ -0,0 +1,29 @@
+
+import ReviewSlider1 from "../slider/ReviewSlider1"
+export default function Reviews1_11() {
+    return (
+        <>
+            <section id="reviews-1" className="pt-100 shape--06 shape--gr-whitesmoke reviews-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Our Happy Customers</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* TESTIMONIALS CONTENT */}
+                    <div className="row">
+                        <div className="col">
+                        <ReviewSlider1 />
+                        </div>
+                    </div>	{/* END TESTIMONIALS CONTENT */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Reviews1_12.js b/components/sections/Reviews1_12.js
new file mode 100644
index 0000000..41ba0c4
--- /dev/null
+++ b/components/sections/Reviews1_12.js
@@ -0,0 +1,29 @@
+
+import ReviewSlider1 from "../slider/ReviewSlider1"
+export default function Reviews1_12() {
+    return (
+        <>
+            <section id="reviews-1" className="gr--whitesmoke pt-100 reviews-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Our Happy Customers</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* TESTIMONIALS CONTENT */}
+                    <div className="row">
+                        <div className="col">
+                        <ReviewSlider1 />
+                        </div>
+                    </div>	{/* END TESTIMONIALS CONTENT */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Reviews1_13.js b/components/sections/Reviews1_13.js
new file mode 100644
index 0000000..3ab6a44
--- /dev/null
+++ b/components/sections/Reviews1_13.js
@@ -0,0 +1,29 @@
+
+import ReviewSlider1 from "../slider/ReviewSlider1"
+export default function Reviews1_13() {
+    return (
+        <>
+            <section id="reviews-1" className="gr--whitesmoke pt-100 reviews-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-80">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Our Happy Customers</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* TESTIMONIALS CONTENT */}
+                    <div className="row">
+                        <div className="col">
+                            <ReviewSlider1 />
+                        </div>
+                    </div>	{/* END TESTIMONIALS CONTENT */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Reviews1_2.js b/components/sections/Reviews1_2.js
new file mode 100644
index 0000000..6ba0d11
--- /dev/null
+++ b/components/sections/Reviews1_2.js
@@ -0,0 +1,29 @@
+
+import ReviewSlider1 from "../slider/ReviewSlider1"
+export default function Reviews1_2() {
+    return (
+        <>
+            <section id="reviews-1" className="pt-100 shape--06 shape--gr-whitesmoke reviews-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Our Happy Customers</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* TESTIMONIALS CONTENT */}
+                    <div className="row">
+                        <div className="col">
+                        <ReviewSlider1 />
+                        </div>
+                    </div>	{/* END TESTIMONIALS CONTENT */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Reviews1_3.js b/components/sections/Reviews1_3.js
new file mode 100644
index 0000000..7bbe08d
--- /dev/null
+++ b/components/sections/Reviews1_3.js
@@ -0,0 +1,29 @@
+
+import ReviewSlider1 from "../slider/ReviewSlider1"
+export default function Reviews1_3() {
+    return (
+        <>
+            <section id="reviews-1" className="py-100 shape--06 shape--gr-whitesmoke reviews-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Our Happy Customers</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* TESTIMONIALS CONTENT */}
+                    <div className="row">
+                        <div className="col">
+                        <ReviewSlider1 />
+                        </div>
+                    </div>	{/* END TESTIMONIALS CONTENT */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Reviews1_4.js b/components/sections/Reviews1_4.js
new file mode 100644
index 0000000..10aefbd
--- /dev/null
+++ b/components/sections/Reviews1_4.js
@@ -0,0 +1,29 @@
+import ReviewSlider1 from "../slider/ReviewSlider1"
+
+export default function Reviews1_4() {
+    return (
+        <>
+            <section id="reviews-1" className="pt-100 shape--06 shape--gr-whitesmoke reviews-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Our Happy Customers</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* TESTIMONIALS CONTENT */}
+                    <div className="row">
+                        <div className="col">
+                        <ReviewSlider1 />
+                        </div>
+                    </div>	{/* END TESTIMONIALS CONTENT */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Reviews1_5.js b/components/sections/Reviews1_5.js
new file mode 100644
index 0000000..3b113ef
--- /dev/null
+++ b/components/sections/Reviews1_5.js
@@ -0,0 +1,29 @@
+import ReviewSlider1 from "../slider/ReviewSlider1"
+
+export default function Reviews1_5() {
+    return (
+        <>
+            <section id="reviews-1" className="pt-100 shape--06 shape--gr-whitesmoke reviews-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-8">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Read what our users have to say about us</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* TESTIMONIALS CONTENT */}
+                    <div className="row">
+                        <div className="col">
+                        <ReviewSlider1 />
+                        </div>
+                    </div>	{/* END TESTIMONIALS CONTENT */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Reviews1_6.js b/components/sections/Reviews1_6.js
new file mode 100644
index 0000000..bd5f464
--- /dev/null
+++ b/components/sections/Reviews1_6.js
@@ -0,0 +1,29 @@
+import ReviewSlider1 from "../slider/ReviewSlider1"
+
+export default function Reviews1_6() {
+    return (
+        <>
+            <section id="reviews-1" className="gr--whitesmoke pt-100 reviews-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-8">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-48 w-700">Read what our users have to say about us</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* TESTIMONIALS CONTENT */}
+                    <div className="row">
+                        <div className="col">
+                        <ReviewSlider1 />
+                        </div>
+                    </div>	{/* END TESTIMONIALS CONTENT */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Reviews1_7.js b/components/sections/Reviews1_7.js
new file mode 100644
index 0000000..1332492
--- /dev/null
+++ b/components/sections/Reviews1_7.js
@@ -0,0 +1,29 @@
+import ReviewSlider1 from "../slider/ReviewSlider1"
+
+export default function Reviews1_7() {
+    return (
+        <>
+            <section id="reviews-1" className="gr--whitesmoke pt-100 reviews-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-8">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Loved by thousands of creators and brands</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* TESTIMONIALS CONTENT */}
+                    <div className="row">
+                        <div className="col">
+                        <ReviewSlider1 />
+                        </div>
+                    </div>	{/* END TESTIMONIALS CONTENT */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Reviews1_8.js b/components/sections/Reviews1_8.js
new file mode 100644
index 0000000..5cdf711
--- /dev/null
+++ b/components/sections/Reviews1_8.js
@@ -0,0 +1,29 @@
+
+import ReviewSlider1 from "../slider/ReviewSlider1"
+export default function Reviews1_8() {
+    return (
+        <>
+            <section id="reviews-1" className="pt-100 shape--06 shape--gr-whitesmoke reviews-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Here’s what our amazing clients are saying</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* TESTIMONIALS CONTENT */}
+                    <div className="row">
+                        <div className="col">
+                        <ReviewSlider1 />
+                        </div>
+                    </div>	{/* END TESTIMONIALS CONTENT */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Reviews1_9.js b/components/sections/Reviews1_9.js
new file mode 100644
index 0000000..971e2d7
--- /dev/null
+++ b/components/sections/Reviews1_9.js
@@ -0,0 +1,29 @@
+
+import ReviewSlider1 from "../slider/ReviewSlider1"
+export default function Reviews1_9() {
+    return (
+        <>
+            <section id="reviews-1" className="py-100 shape--06 shape--gr-whitesmoke reviews-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Our Happy Customers</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* TESTIMONIALS CONTENT */}
+                    <div className="row">
+                        <div className="col">
+                        <ReviewSlider1 />
+                        </div>
+                    </div>	{/* END TESTIMONIALS CONTENT */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Reviews2_1.js b/components/sections/Reviews2_1.js
new file mode 100644
index 0000000..44e07bb
--- /dev/null
+++ b/components/sections/Reviews2_1.js
@@ -0,0 +1,134 @@
+
+
+export default function Reviews2_1() {
+    return (
+        <>
+            <section id="reviews-2" className="pt-100 reviews-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Our Happy Customers</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* TESTIMONIALS-2 WRAPPER */}
+                    <div className="reviews-2-wrapper rel shape--02 shape--whitesmoke">
+                        <div className="row align-items-center row-cols-1 row-cols-md-2">
+                            {/* TESTIMONIAL #1 */}
+                            <div className="col">
+                                <div id="rw-2-1" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Text */}
+                                        <p>Quaerat sodales sapien euismod blandit aliquet ipsum primis undo and cubilia
+                                            laoreet augue and luctus magna dolor luctus egestas sapien vitae
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-1.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Scott Boxer</h6>
+                                                <p className="p-sm">@scott_boxer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #1 */}
+                            {/* TESTIMONIAL #2 */}
+                            <div className="col">
+                                <div id="rw-2-2" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Text */}
+                                        <p>At sagittis congue augue and magna ipsum vitae a purus ipsum primis diam a
+                                            cubilia laoreet augue egestas luctus a donec vitae ultrice ligula magna suscipit
+                                            lectus gestas augue into cubilia
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-2.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Joel Peterson</h6>
+                                                <p className="p-sm">Internet Surfer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #2 */}
+                            {/* TESTIMONIAL #3 */}
+                            <div className="col">
+                                <div id="rw-2-3" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Text */}
+                                        <p>An augue cubilia laoreet magna suscipit egestas and ipsum a lectus purus ipsum
+                                            primis and augue ultrice ligula and egestas a suscipit lectus gestas undo auctor
+                                            tempus feugiat impedit quaerat
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-5.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Jennifer Harper</h6>
+                                                <p className="p-sm">App Developer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #3 */}
+                            {/* TESTIMONIAL #4 */}
+                            <div className="col">
+                                <div id="rw-2-4" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Text */}
+                                        <p>Augue at vitae purus tempus egestas volutpat augue undo cubilia laoreet magna
+                                            suscipit luctus dolor blandit at purus tempus feugiat impedit
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-8.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Evelyn Martinez</h6>
+                                                <p className="p-sm">WordPress Consultant</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #4 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END TESTIMONIALS-2 WRAPPER */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Reviews2_10.js b/components/sections/Reviews2_10.js
new file mode 100644
index 0000000..99d00cf
--- /dev/null
+++ b/components/sections/Reviews2_10.js
@@ -0,0 +1,134 @@
+
+
+export default function Reviews2_10() {
+    return (
+        <>
+            <section id="reviews-2" className="pt-100 reviews-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-48 w-700">Our Happy Customers</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* TESTIMONIALS-2 WRAPPER */}
+                    <div className="reviews-2-wrapper rel shape--02 shape--whitesmoke">
+                        <div className="row align-items-center row-cols-1 row-cols-md-2">
+                            {/* TESTIMONIAL #1 */}
+                            <div className="col">
+                                <div id="rw-2-1" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Text */}
+                                        <p>Quaerat sodales sapien euismod blandit aliquet ipsum primis undo and cubilia
+                                            laoreet augue and luctus magna dolor luctus egestas sapien vitae
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-1.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Scott Boxer</h6>
+                                                <p className="p-sm">@scott_boxer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #1 */}
+                            {/* TESTIMONIAL #2 */}
+                            <div className="col">
+                                <div id="rw-2-2" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Text */}
+                                        <p>At sagittis congue augue and magna ipsum vitae a purus ipsum primis diam a
+                                            cubilia laoreet augue egestas luctus a donec vitae ultrice ligula magna suscipit
+                                            lectus gestas augue into cubilia
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-2.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Joel Peterson</h6>
+                                                <p className="p-sm">Internet Surfer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #2 */}
+                            {/* TESTIMONIAL #3 */}
+                            <div className="col">
+                                <div id="rw-2-3" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Text */}
+                                        <p>An augue cubilia laoreet magna suscipit egestas and ipsum a lectus purus ipsum
+                                            primis and augue ultrice ligula and egestas a suscipit lectus gestas undo auctor
+                                            tempus feugiat impedit quaerat
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-5.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Jennifer Harper</h6>
+                                                <p className="p-sm">App Developer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #3 */}
+                            {/* TESTIMONIAL #4 */}
+                            <div className="col">
+                                <div id="rw-2-4" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Text */}
+                                        <p>Augue at vitae purus tempus egestas volutpat augue undo cubilia laoreet magna
+                                            suscipit luctus dolor blandit at purus tempus feugiat impedit
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-8.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Evelyn Martinez</h6>
+                                                <p className="p-sm">WordPress Consultant</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #4 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END TESTIMONIALS-2 WRAPPER */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Reviews2_11.js b/components/sections/Reviews2_11.js
new file mode 100644
index 0000000..349c6f7
--- /dev/null
+++ b/components/sections/Reviews2_11.js
@@ -0,0 +1,142 @@
+
+
+export default function Reviews2_11() {
+    return (
+        <>
+            <section id="reviews-2" className="py-100 reviews-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-8">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-52 w-700">Loved by thousands of creators and brands</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* TESTIMONIALS-2 WRAPPER */}
+                    <div className="reviews-2-wrapper rel shape--02 shape--white-400">
+                        <div className="row align-items-center row-cols-1 row-cols-md-2">
+                            {/* TESTIMONIAL #1 */}
+                            <div className="col">
+                                <div id="rw-2-1" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Title */}
+                                        <h6 className="s-20 w-700">This is crazy...</h6>
+                                        {/* Text */}
+                                        <p>Quaerat sodales sapien euismod blandit aliquet ipsum primis undo and cubilia
+                                            laoreet augue and luctus magna dolor luctus egestas sapien vitae
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-1.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Scott Boxer</h6>
+                                                <p className="p-sm">@scott_boxer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #1 */}
+                            {/* TESTIMONIAL #2 */}
+                            <div className="col">
+                                <div id="rw-2-2" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Title */}
+                                        <h6 className="s-20 w-700">Great Flexibility!</h6>
+                                        {/* Text */}
+                                        <p>At sagittis congue augue and magna ipsum vitae a purus ipsum primis diam a
+                                            cubilia laoreet augue egestas luctus a donec vitae ultrice ligula magna suscipit
+                                            lectus gestas augue into cubilia
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-2.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Joel Peterson</h6>
+                                                <p className="p-sm">Internet Surfer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #2 */}
+                            {/* TESTIMONIAL #3 */}
+                            <div className="col">
+                                <div id="rw-2-3" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Title */}
+                                        <h6 className="s-20 w-700">Simple and Useful!</h6>
+                                        {/* Text */}
+                                        <p>An augue cubilia laoreet magna suscipit egestas and ipsum a lectus purus ipsum
+                                            primis and augue ultrice ligula and egestas a suscipit lectus gestas undo auctor
+                                            tempus feugiat impedit quaerat
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-5.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Jennifer Harper</h6>
+                                                <p className="p-sm">App Developer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #3 */}
+                            {/* TESTIMONIAL #4 */}
+                            <div className="col">
+                                <div id="rw-2-4" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Title */}
+                                        <h6 className="s-20 w-700">Minimalistic &amp; Beautiful!</h6>
+                                        {/* Text */}
+                                        <p>Augue at vitae purus tempus egestas volutpat augue undo cubilia laoreet magna
+                                            suscipit luctus dolor blandit at purus tempus feugiat impedit
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-8.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Evelyn Martinez</h6>
+                                                <p className="p-sm">WordPress Consultant</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #4 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END TESTIMONIALS-2 WRAPPER */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Reviews2_2.js b/components/sections/Reviews2_2.js
new file mode 100644
index 0000000..8f4698b
--- /dev/null
+++ b/components/sections/Reviews2_2.js
@@ -0,0 +1,134 @@
+
+
+export default function Reviews2_2() {
+    return (
+        <>
+            <section id="reviews-2" className="pt-100 reviews-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Our Happy Customers</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* TESTIMONIALS-2 WRAPPER */}
+                    <div className="reviews-2-wrapper rel shape--02 shape--whitesmoke">
+                        <div className="row align-items-center row-cols-1 row-cols-md-2">
+                            {/* TESTIMONIAL #1 */}
+                            <div className="col">
+                                <div id="rw-2-1" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Text */}
+                                        <p>Quaerat sodales sapien euismod blandit aliquet ipsum primis undo and cubilia
+                                            laoreet augue and luctus magna dolor luctus egestas sapien vitae
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-1.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Scott Boxer</h6>
+                                                <p className="p-sm">@scott_boxer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #1 */}
+                            {/* TESTIMONIAL #2 */}
+                            <div className="col">
+                                <div id="rw-2-2" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Text */}
+                                        <p>At sagittis congue augue and magna ipsum vitae a purus ipsum primis diam a
+                                            cubilia laoreet augue egestas luctus a donec vitae ultrice ligula magna suscipit
+                                            lectus gestas augue into cubilia
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-2.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Joel Peterson</h6>
+                                                <p className="p-sm">Internet Surfer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #2 */}
+                            {/* TESTIMONIAL #3 */}
+                            <div className="col">
+                                <div id="rw-2-3" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Text */}
+                                        <p>An augue cubilia laoreet magna suscipit egestas and ipsum a lectus purus ipsum
+                                            primis and augue ultrice ligula and egestas a suscipit lectus gestas undo auctor
+                                            tempus feugiat impedit quaerat
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-5.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Jennifer Harper</h6>
+                                                <p className="p-sm">App Developer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #3 */}
+                            {/* TESTIMONIAL #4 */}
+                            <div className="col">
+                                <div id="rw-2-4" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Text */}
+                                        <p>Augue at vitae purus tempus egestas volutpat augue undo cubilia laoreet magna
+                                            suscipit luctus dolor blandit at purus tempus feugiat impedit
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-8.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Evelyn Martinez</h6>
+                                                <p className="p-sm">WordPress Consultant</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #4 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END TESTIMONIALS-2 WRAPPER */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Reviews2_3.js b/components/sections/Reviews2_3.js
new file mode 100644
index 0000000..10c726f
--- /dev/null
+++ b/components/sections/Reviews2_3.js
@@ -0,0 +1,134 @@
+
+
+export default function Reviews2_3() {
+    return (
+        <>
+            <section id="reviews-2" className="pt-100 reviews-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Our Happy Customers</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* TESTIMONIALS-2 WRAPPER */}
+                    <div className="reviews-2-wrapper rel shape--02 shape--whitesmoke">
+                        <div className="row align-items-center row-cols-1 row-cols-md-2">
+                            {/* TESTIMONIAL #1 */}
+                            <div className="col">
+                                <div id="rw-2-1" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Text */}
+                                        <p>Quaerat sodales sapien euismod blandit aliquet ipsum primis undo and cubilia
+                                            laoreet augue and luctus magna dolor luctus egestas sapien vitae
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-1.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Scott Boxer</h6>
+                                                <p className="p-sm">@scott_boxer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #1 */}
+                            {/* TESTIMONIAL #2 */}
+                            <div className="col">
+                                <div id="rw-2-2" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Text */}
+                                        <p>At sagittis congue augue and magna ipsum vitae a purus ipsum primis diam a
+                                            cubilia laoreet augue egestas luctus a donec vitae ultrice ligula magna suscipit
+                                            lectus gestas augue into cubilia
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-2.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Joel Peterson</h6>
+                                                <p className="p-sm">Internet Surfer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #2 */}
+                            {/* TESTIMONIAL #3 */}
+                            <div className="col">
+                                <div id="rw-2-3" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Text */}
+                                        <p>An augue cubilia laoreet magna suscipit egestas and ipsum a lectus purus ipsum
+                                            primis and augue ultrice ligula and egestas a suscipit lectus gestas undo auctor
+                                            tempus feugiat impedit quaerat
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-5.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Jennifer Harper</h6>
+                                                <p className="p-sm">App Developer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #3 */}
+                            {/* TESTIMONIAL #4 */}
+                            <div className="col">
+                                <div id="rw-2-4" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Text */}
+                                        <p>Augue at vitae purus tempus egestas volutpat augue undo cubilia laoreet magna
+                                            suscipit luctus dolor blandit at purus tempus feugiat impedit
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-8.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Evelyn Martinez</h6>
+                                                <p className="p-sm">WordPress Consultant</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #4 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END TESTIMONIALS-2 WRAPPER */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Reviews2_4.js b/components/sections/Reviews2_4.js
new file mode 100644
index 0000000..f9c7c9f
--- /dev/null
+++ b/components/sections/Reviews2_4.js
@@ -0,0 +1,134 @@
+
+
+export default function Reviews2_4() {
+    return (
+        <>
+            <section id="reviews-2" className="pt-100 reviews-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Our Happy Customers</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* TESTIMONIALS-2 WRAPPER */}
+                    <div className="reviews-2-wrapper rel shape--02 shape--whitesmoke">
+                        <div className="row align-items-center row-cols-1 row-cols-md-2">
+                            {/* TESTIMONIAL #1 */}
+                            <div className="col">
+                                <div id="rw-2-1" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Text */}
+                                        <p>Quaerat sodales sapien euismod blandit aliquet ipsum primis undo and cubilia
+                                            laoreet augue and luctus magna dolor luctus egestas sapien vitae
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-1.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Scott Boxer</h6>
+                                                <p className="p-sm">@scott_boxer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #1 */}
+                            {/* TESTIMONIAL #2 */}
+                            <div className="col">
+                                <div id="rw-2-2" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Text */}
+                                        <p>At sagittis congue augue and magna ipsum vitae a purus ipsum primis diam a
+                                            cubilia laoreet augue egestas luctus a donec vitae ultrice ligula magna suscipit
+                                            lectus gestas augue into cubilia
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-2.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Joel Peterson</h6>
+                                                <p className="p-sm">Internet Surfer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #2 */}
+                            {/* TESTIMONIAL #3 */}
+                            <div className="col">
+                                <div id="rw-2-3" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Text */}
+                                        <p>An augue cubilia laoreet magna suscipit egestas and ipsum a lectus purus ipsum
+                                            primis and augue ultrice ligula and egestas a suscipit lectus gestas undo auctor
+                                            tempus feugiat impedit quaerat
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-5.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Jennifer Harper</h6>
+                                                <p className="p-sm">App Developer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #3 */}
+                            {/* TESTIMONIAL #4 */}
+                            <div className="col">
+                                <div id="rw-2-4" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Text */}
+                                        <p>Augue at vitae purus tempus egestas volutpat augue undo cubilia laoreet magna
+                                            suscipit luctus dolor blandit at purus tempus feugiat impedit
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-8.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Evelyn Martinez</h6>
+                                                <p className="p-sm">WordPress Consultant</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #4 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END TESTIMONIALS-2 WRAPPER */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Reviews2_5.js b/components/sections/Reviews2_5.js
new file mode 100644
index 0000000..f74bb57
--- /dev/null
+++ b/components/sections/Reviews2_5.js
@@ -0,0 +1,134 @@
+
+
+export default function Reviews2_5() {
+    return (
+        <>
+            <section id="reviews-2" className="pt-100 reviews-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-8">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Read what our users have to say about us</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* TESTIMONIALS-2 WRAPPER */}
+                    <div className="reviews-2-wrapper rel shape--02 shape--whitesmoke">
+                        <div className="row align-items-center row-cols-1 row-cols-md-2">
+                            {/* TESTIMONIAL #1 */}
+                            <div className="col">
+                                <div id="rw-2-1" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Text */}
+                                        <p>Quaerat sodales sapien euismod blandit aliquet ipsum primis undo and cubilia
+                                            laoreet augue and luctus magna dolor luctus egestas sapien vitae
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-1.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Scott Boxer</h6>
+                                                <p className="p-sm">@scott_boxer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #1 */}
+                            {/* TESTIMONIAL #2 */}
+                            <div className="col">
+                                <div id="rw-2-2" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Text */}
+                                        <p>At sagittis congue augue and magna ipsum vitae a purus ipsum primis diam a
+                                            cubilia laoreet augue egestas luctus a donec vitae ultrice ligula magna suscipit
+                                            lectus gestas augue into cubilia
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-2.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Joel Peterson</h6>
+                                                <p className="p-sm">Internet Surfer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #2 */}
+                            {/* TESTIMONIAL #3 */}
+                            <div className="col">
+                                <div id="rw-2-3" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Text */}
+                                        <p>An augue cubilia laoreet magna suscipit egestas and ipsum a lectus purus ipsum
+                                            primis and augue ultrice ligula and egestas a suscipit lectus gestas undo auctor
+                                            tempus feugiat impedit quaerat
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-5.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Jennifer Harper</h6>
+                                                <p className="p-sm">App Developer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #3 */}
+                            {/* TESTIMONIAL #4 */}
+                            <div className="col">
+                                <div id="rw-2-4" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Text */}
+                                        <p>Augue at vitae purus tempus egestas volutpat augue undo cubilia laoreet magna
+                                            suscipit luctus dolor blandit at purus tempus feugiat impedit
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-8.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Evelyn Martinez</h6>
+                                                <p className="p-sm">WordPress Consultant</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #4 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END TESTIMONIALS-2 WRAPPER */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Reviews2_6.js b/components/sections/Reviews2_6.js
new file mode 100644
index 0000000..c3bf524
--- /dev/null
+++ b/components/sections/Reviews2_6.js
@@ -0,0 +1,151 @@
+
+
+import Link from "next/link"
+export default function Reviews2_6() {
+    return (
+        <>
+            <section id="reviews-2" className="pt-100 reviews-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Our Happy Customers</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* TESTIMONIALS-2 WRAPPER */}
+                    <div className="reviews-2-wrapper rel shape--02 shape--whitesmoke">
+                        <div className="row align-items-center row-cols-1 row-cols-md-2">
+                            {/* TESTIMONIAL #1 */}
+                            <div className="col">
+                                <div id="rw-2-1" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Title */}
+                                        <h6 className="s-20 w-700">This is crazy...</h6>
+                                        {/* Text */}
+                                        <p>Quaerat sodales sapien euismod blandit aliquet ipsum primis undo and cubilia
+                                            laoreet augue and luctus magna dolor luctus egestas sapien vitae
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-1.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Scott Boxer</h6>
+                                                <p className="p-sm">@scott_boxer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #1 */}
+                            {/* TESTIMONIAL #2 */}
+                            <div className="col">
+                                <div id="rw-2-2" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Title */}
+                                        <h6 className="s-20 w-700">Great Flexibility!</h6>
+                                        {/* Text */}
+                                        <p>At sagittis congue augue and magna ipsum vitae a purus ipsum primis diam a
+                                            cubilia laoreet augue egestas luctus a donec vitae ultrice ligula magna suscipit
+                                            lectus gestas augue into cubilia
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-2.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Joel Peterson</h6>
+                                                <p className="p-sm">Internet Surfer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #2 */}
+                            {/* TESTIMONIAL #3 */}
+                            <div className="col">
+                                <div id="rw-2-3" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Title */}
+                                        <h6 className="s-20 w-700">Simple and Useful!</h6>
+                                        {/* Text */}
+                                        <p>An augue cubilia laoreet magna suscipit egestas and ipsum a lectus purus ipsum
+                                            primis and augue ultrice ligula and egestas a suscipit lectus gestas undo auctor
+                                            tempus feugiat impedit quaerat
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-5.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Jennifer Harper</h6>
+                                                <p className="p-sm">App Developer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #3 */}
+                            {/* TESTIMONIAL #4 */}
+                            <div className="col">
+                                <div id="rw-2-4" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Title */}
+                                        <h6 className="s-20 w-700">Minimalistic &amp; Beautiful!</h6>
+                                        {/* Text */}
+                                        <p>Augue at vitae purus tempus egestas volutpat augue undo cubilia laoreet magna
+                                            suscipit luctus dolor blandit at purus tempus feugiat impedit
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-8.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Evelyn Martinez</h6>
+                                                <p className="p-sm">WordPress Consultant</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #4 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END TESTIMONIALS-2 WRAPPER */}
+                    {/* MORE BUTTON */}
+                    <div className="row">
+                        <div className="col">
+                            <div className="more-btn text-center mt-60 wow fadeInUp">
+                                <Link href="/reviews" className="btn btn--tra-black hover--theme">Read all reviews</Link>
+                            </div>
+                        </div>
+                    </div>
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Reviews2_7.js b/components/sections/Reviews2_7.js
new file mode 100644
index 0000000..91e69b4
--- /dev/null
+++ b/components/sections/Reviews2_7.js
@@ -0,0 +1,142 @@
+
+
+export default function Reviews2_7() {
+    return (
+        <>
+            <section id="reviews-2" className="pt-100 reviews-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-8">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-52 w-700">Loved by thousands of creators and brands</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* TESTIMONIALS-2 WRAPPER */}
+                    <div className="reviews-2-wrapper rel shape--02 shape--white-400">
+                        <div className="row align-items-center row-cols-1 row-cols-md-2">
+                            {/* TESTIMONIAL #1 */}
+                            <div className="col">
+                                <div id="rw-2-1" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Title */}
+                                        <h6 className="s-20 w-700">This is crazy...</h6>
+                                        {/* Text */}
+                                        <p>Quaerat sodales sapien euismod blandit aliquet ipsum primis undo and cubilia
+                                            laoreet augue and luctus magna dolor luctus egestas sapien vitae
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-1.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Scott Boxer</h6>
+                                                <p className="p-sm">@scott_boxer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #1 */}
+                            {/* TESTIMONIAL #2 */}
+                            <div className="col">
+                                <div id="rw-2-2" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Title */}
+                                        <h6 className="s-20 w-700">Great Flexibility!</h6>
+                                        {/* Text */}
+                                        <p>At sagittis congue augue and magna ipsum vitae a purus ipsum primis diam a
+                                            cubilia laoreet augue egestas luctus a donec vitae ultrice ligula magna suscipit
+                                            lectus gestas augue into cubilia
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-2.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Joel Peterson</h6>
+                                                <p className="p-sm">Internet Surfer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #2 */}
+                            {/* TESTIMONIAL #3 */}
+                            <div className="col">
+                                <div id="rw-2-3" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Title */}
+                                        <h6 className="s-20 w-700">Simple and Useful!</h6>
+                                        {/* Text */}
+                                        <p>An augue cubilia laoreet magna suscipit egestas and ipsum a lectus purus ipsum
+                                            primis and augue ultrice ligula and egestas a suscipit lectus gestas undo auctor
+                                            tempus feugiat impedit quaerat
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-5.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Jennifer Harper</h6>
+                                                <p className="p-sm">App Developer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #3 */}
+                            {/* TESTIMONIAL #4 */}
+                            <div className="col">
+                                <div id="rw-2-4" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Title */}
+                                        <h6 className="s-20 w-700">Minimalistic &amp; Beautiful!</h6>
+                                        {/* Text */}
+                                        <p>Augue at vitae purus tempus egestas volutpat augue undo cubilia laoreet magna
+                                            suscipit luctus dolor blandit at purus tempus feugiat impedit
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-8.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Evelyn Martinez</h6>
+                                                <p className="p-sm">WordPress Consultant</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #4 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END TESTIMONIALS-2 WRAPPER */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Reviews2_8.js b/components/sections/Reviews2_8.js
new file mode 100644
index 0000000..0f4201c
--- /dev/null
+++ b/components/sections/Reviews2_8.js
@@ -0,0 +1,134 @@
+
+
+export default function Reviews2_8() {
+    return (
+        <>
+            <section id="reviews-2" className="pt-100 reviews-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Our Happy Customers</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* TESTIMONIALS-2 WRAPPER */}
+                    <div className="reviews-2-wrapper rel shape--02 shape--white-400">
+                        <div className="row align-items-center row-cols-1 row-cols-md-2">
+                            {/* TESTIMONIAL #1 */}
+                            <div className="col">
+                                <div id="rw-2-1" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Text */}
+                                        <p>Quaerat sodales sapien euismod blandit aliquet ipsum primis undo and cubilia
+                                            laoreet augue and luctus magna dolor luctus egestas sapien vitae
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-1.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Scott Boxer</h6>
+                                                <p className="p-sm">@scott_boxer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #1 */}
+                            {/* TESTIMONIAL #2 */}
+                            <div className="col">
+                                <div id="rw-2-2" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Text */}
+                                        <p>At sagittis congue augue and magna ipsum vitae a purus ipsum primis diam a
+                                            cubilia laoreet augue egestas luctus a donec vitae ultrice ligula magna suscipit
+                                            lectus gestas augue into cubilia
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-2.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Joel Peterson</h6>
+                                                <p className="p-sm">Internet Surfer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #2 */}
+                            {/* TESTIMONIAL #3 */}
+                            <div className="col">
+                                <div id="rw-2-3" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Text */}
+                                        <p>An augue cubilia laoreet magna suscipit egestas and ipsum a lectus purus ipsum
+                                            primis and augue ultrice ligula and egestas a suscipit lectus gestas undo auctor
+                                            tempus feugiat impedit quaerat
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-5.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Jennifer Harper</h6>
+                                                <p className="p-sm">App Developer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #3 */}
+                            {/* TESTIMONIAL #4 */}
+                            <div className="col">
+                                <div id="rw-2-4" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Text */}
+                                        <p>Augue at vitae purus tempus egestas volutpat augue undo cubilia laoreet magna
+                                            suscipit luctus dolor blandit at purus tempus feugiat impedit
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-8.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Evelyn Martinez</h6>
+                                                <p className="p-sm">WordPress Consultant</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #4 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END TESTIMONIALS-2 WRAPPER */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Reviews2_9.js b/components/sections/Reviews2_9.js
new file mode 100644
index 0000000..67b6653
--- /dev/null
+++ b/components/sections/Reviews2_9.js
@@ -0,0 +1,134 @@
+
+
+export default function Reviews2_9() {
+    return (
+        <>
+            <section id="reviews-2" className="pt-100 reviews-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">10+ Years Experience.</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* TESTIMONIALS-2 WRAPPER */}
+                    <div className="reviews-2-wrapper rel shape--02 shape--white-400">
+                        <div className="row align-items-center row-cols-1 row-cols-md-2">
+                            {/* TESTIMONIAL #1 */}
+                            <div className="col">
+                                <div id="rw-2-1" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Text */}
+                                        <p>Quaerat sodales sapien euismod blandit aliquet ipsum primis undo and cubilia
+                                            laoreet augue and luctus magna dolor luctus egestas sapien vitae
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-1.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Scott Boxer</h6>
+                                                <p className="p-sm">@scott_boxer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #1 */}
+                            {/* TESTIMONIAL #2 */}
+                            <div className="col">
+                                <div id="rw-2-2" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Text */}
+                                        <p>At sagittis congue augue and magna ipsum vitae a purus ipsum primis diam a
+                                            cubilia laoreet augue egestas luctus a donec vitae ultrice ligula magna suscipit
+                                            lectus gestas augue into cubilia
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-2.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Joel Peterson</h6>
+                                                <p className="p-sm">Internet Surfer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #2 */}
+                            {/* TESTIMONIAL #3 */}
+                            <div className="col">
+                                <div id="rw-2-3" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Text */}
+                                        <p>An augue cubilia laoreet magna suscipit egestas and ipsum a lectus purus ipsum
+                                            primis and augue ultrice ligula and egestas a suscipit lectus gestas undo auctor
+                                            tempus feugiat impedit quaerat
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-5.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Jennifer Harper</h6>
+                                                <p className="p-sm">App Developer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #3 */}
+                            {/* TESTIMONIAL #4 */}
+                            <div className="col">
+                                <div id="rw-2-4" className="review-2 bg--white-100 block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Text */}
+                                        <p>Augue at vitae purus tempus egestas volutpat augue undo cubilia laoreet magna
+                                            suscipit luctus dolor blandit at purus tempus feugiat impedit
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-8.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Evelyn Martinez</h6>
+                                                <p className="p-sm">WordPress Consultant</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #4 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END TESTIMONIALS-2 WRAPPER */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Reviews3_1.js b/components/sections/Reviews3_1.js
new file mode 100644
index 0000000..d7065e1
--- /dev/null
+++ b/components/sections/Reviews3_1.js
@@ -0,0 +1,114 @@
+
+
+export default function Reviews3_1() {
+    return (
+        <>
+            <section id="reviews-3" className="pt-90 reviews-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-10 col-lg-9">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Our Happy Customers</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* TESTIMONIALS-3 WRAPPER */}
+                    <div className="reviews-3-wrapper rel shape--02 shape--whitesmoke r-24">
+                        <div className="row align-items-center">
+                            {/* TESTIMONIAL #1 */}
+                            <div className="col-md-5">
+                                <div id="rw-3-1" className="review-3 bg--white-100 block-border block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Title */}
+                                        <h6 className="s-20 w-700">This is crazy...</h6>
+                                        {/* Text */}
+                                        <p className="p-md">At sagittis congue an augue magna ipsum vitae a purus suscipit
+                                            ipsum primis diam a cubilia laoreet augue ultrice ligula magna a lectus gestas
+                                            augue cubilia turpis dolores aliquam  undo quaerat sodales euismod
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-2.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Joel Peterson</h6>
+                                                <p className="p-sm">Internet Surfer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #2 */}
+                            {/* TESTIMONIALS #2-3 */}
+                            <div className="col-md-7">
+                                {/* TESTIMONIAL #2 */}
+                                <div id="rw-3-2" className="review-3 bg--white-100 block-border block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Title */}
+                                        <h6 className="s-20 w-700">Great Flexibility!</h6>
+                                        {/* Text */}
+                                        <p className="p-md">An augue cubilia laoreet magna undo suscipit egestas ipsum and lectus
+                                            purus ipsum a primis gestas impedit ultrice ligula egestas a sapien lectus gestas
+                                            tempus
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-5.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Jennifer Harper</h6>
+                                                <p className="p-sm">App Developer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>	{/* END TESTIMONIAL #2 */}
+                                {/* TESTIMONIAL #3 */}
+                                <div id="rw-3-3" className="review-3 bg--white-100 block-border block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Title */}
+                                        <h6 className="s-20 w-700">Simple and Useful!</h6>
+                                        {/* Text */}
+                                        <p className="p-md">Augue at vitae purus tempus egestas volutpat augue magnis cubilia
+                                            laoreet magna and suscipit luctus dolor blandit purus tempus feugiat impedit
+                                            laoreet augue
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-8.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Evelyn Martinez</h6>
+                                                <p className="p-sm">WordPress Consultant</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>	{/* END TESTIMONIAL #3 */}
+                            </div>	{/* END TESTIMONIALS #2-3 */}
+                        </div> {/* End row */}
+                    </div>	{/* END TESTIMONIALS-3 WRAPPER */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Reviews3_2.js b/components/sections/Reviews3_2.js
new file mode 100644
index 0000000..a8f13df
--- /dev/null
+++ b/components/sections/Reviews3_2.js
@@ -0,0 +1,114 @@
+
+
+export default function Reviews3_2() {
+    return (
+        <>
+            <section id="reviews-3" className="pt-100 reviews-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-8">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Loved by thousands of creators and brands</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* TESTIMONIALS-3 WRAPPER */}
+                    <div className="reviews-3-wrapper rel shape--02 shape--whitesmoke r-24">
+                        <div className="row align-items-center">
+                            {/* TESTIMONIAL #1 */}
+                            <div className="col-md-5">
+                                <div id="rw-3-1" className="review-3 bg--white-100 block-border block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Title */}
+                                        <h6 className="s-20 w-700">This is crazy...</h6>
+                                        {/* Text */}
+                                        <p className="p-md">At sagittis congue an augue magna ipsum vitae a purus suscipit
+                                            ipsum primis diam a cubilia laoreet augue ultrice ligula magna a lectus gestas
+                                            augue cubilia turpis dolores aliquam  undo quaerat sodales euismod
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-2.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Joel Peterson</h6>
+                                                <p className="p-sm">Internet Surfer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #2 */}
+                            {/* TESTIMONIALS #2-3 */}
+                            <div className="col-md-7">
+                                {/* TESTIMONIAL #2 */}
+                                <div id="rw-3-2" className="review-3 bg--white-100 block-border block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Title */}
+                                        <h6 className="s-20 w-700">Great Flexibility!</h6>
+                                        {/* Text */}
+                                        <p className="p-md">An augue cubilia laoreet magna undo suscipit egestas ipsum and lectus
+                                            purus ipsum a primis gestas impedit ultrice ligula egestas a sapien lectus gestas
+                                            tempus
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-5.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Jennifer Harper</h6>
+                                                <p className="p-sm">App Developer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>	{/* END TESTIMONIAL #2 */}
+                                {/* TESTIMONIAL #3 */}
+                                <div id="rw-3-3" className="review-3 bg--white-100 block-border block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Title */}
+                                        <h6 className="s-20 w-700">Simple and Useful!</h6>
+                                        {/* Text */}
+                                        <p className="p-md">Augue at vitae purus tempus egestas volutpat augue magnis cubilia
+                                            laoreet magna and suscipit luctus dolor blandit purus tempus feugiat impedit
+                                            laoreet augue
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-8.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Evelyn Martinez</h6>
+                                                <p className="p-sm">WordPress Consultant</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>	{/* END TESTIMONIAL #3 */}
+                            </div>	{/* END TESTIMONIALS #2-3 */}
+                        </div> {/* End row */}
+                    </div>	{/* END TESTIMONIALS-3 WRAPPER */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Reviews3_3.js b/components/sections/Reviews3_3.js
new file mode 100644
index 0000000..e4624a0
--- /dev/null
+++ b/components/sections/Reviews3_3.js
@@ -0,0 +1,114 @@
+
+
+export default function Reviews3_3() {
+    return (
+        <>
+            <section id="reviews-3" className="pt-100 reviews-section">
+                <div className="container">
+                    {/* SECTION TITLE */}
+                    <div className="row justify-content-center">
+                        <div className="col-md-8">
+                            <div className="section-title mb-70">
+                                {/* Title */}
+                                <h2 className="s-50 w-700">Read what our users have to say about us</h2>
+                                {/* Text */}
+                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                            </div>
+                        </div>
+                    </div>
+                    {/* TESTIMONIALS-3 WRAPPER */}
+                    <div className="reviews-3-wrapper rel shape--02 shape--whitesmoke r-24">
+                        <div className="row align-items-center">
+                            {/* TESTIMONIAL #1 */}
+                            <div className="col-md-5">
+                                <div id="rw-3-1" className="review-3 bg--white-100 block-border block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Title */}
+                                        <h6 className="s-20 w-700">This is crazy...</h6>
+                                        {/* Text */}
+                                        <p className="p-md">At sagittis congue an augue magna ipsum vitae a purus suscipit
+                                            ipsum primis diam a cubilia laoreet augue ultrice ligula magna a lectus gestas
+                                            augue cubilia turpis dolores aliquam  undo quaerat sodales euismod
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-2.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Joel Peterson</h6>
+                                                <p className="p-sm">Internet Surfer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>
+                            </div>	{/* END TESTIMONIAL #2 */}
+                            {/* TESTIMONIALS #2-3 */}
+                            <div className="col-md-7">
+                                {/* TESTIMONIAL #2 */}
+                                <div id="rw-3-2" className="review-3 bg--white-100 block-border block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Title */}
+                                        <h6 className="s-20 w-700">Great Flexibility!</h6>
+                                        {/* Text */}
+                                        <p className="p-md">An augue cubilia laoreet magna undo suscipit egestas ipsum and lectus
+                                            purus ipsum a primis gestas impedit ultrice ligula egestas a sapien lectus gestas
+                                            tempus
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-5.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Jennifer Harper</h6>
+                                                <p className="p-sm">App Developer</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>	{/* END TESTIMONIAL #2 */}
+                                {/* TESTIMONIAL #3 */}
+                                <div id="rw-3-3" className="review-3 bg--white-100 block-border block-shadow r-08">
+                                    {/* Quote Icon */}
+                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                    {/* Text */}
+                                    <div className="review-txt">
+                                        {/* Title */}
+                                        <h6 className="s-20 w-700">Simple and Useful!</h6>
+                                        {/* Text */}
+                                        <p className="p-md">Augue at vitae purus tempus egestas volutpat augue magnis cubilia
+                                            laoreet magna and suscipit luctus dolor blandit purus tempus feugiat impedit
+                                            laoreet augue
+                                        </p>
+                                        {/* Author */}
+                                        <div className="author-data clearfix">
+                                            {/* Avatar */}
+                                            <div className="review-avatar">
+                                                <img src="/images/review-author-8.jpg" alt="review-avatar" />
+                                            </div>
+                                            {/* Data */}
+                                            <div className="review-author">
+                                                <h6 className="s-18 w-700">Evelyn Martinez</h6>
+                                                <p className="p-sm">WordPress Consultant</p>
+                                            </div>
+                                        </div>	{/* End Author */}
+                                    </div>	{/* End Text */}
+                                </div>	{/* END TESTIMONIAL #3 */}
+                            </div>	{/* END TESTIMONIALS #2-3 */}
+                        </div> {/* End row */}
+                    </div>	{/* END TESTIMONIALS-3 WRAPPER */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Statistic1_1.js b/components/sections/Statistic1_1.js
new file mode 100644
index 0000000..d180058
--- /dev/null
+++ b/components/sections/Statistic1_1.js
@@ -0,0 +1,64 @@
+
+import CounterUp from "../elements/CounterUp"
+export default function Statistic1_1() {
+    return (
+        <>
+            <div id="statistic-1" className="py-100 statistic-section division">
+                <div className="container">
+                    {/* STATISTIC-1 WRAPPER */}
+                    <div className="statistic-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* STATISTIC BLOCK #1 */}
+                            <div className="col">
+                                <div id="sb-1-1" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={89} />k</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Porta justo integer and velna vitae auctor</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div> {/* END STATISTIC BLOCK #1 */}
+                            {/* STATISTIC BLOCK #2 */}
+                            <div className="col">
+                                <div id="sb-1-2" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={76} />%</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Ligula magna suscipit vitae and rutrum</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div> {/* END STATISTIC BLOCK #2 */}
+                            {/* STATISTIC BLOCK #3 */}
+                            <div className="col">
+                                <div id="sb-1-3" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number">
+                                                <CounterUp end={4} />.<CounterUp end={93} />
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Sagittis congue augue egestas an egestas</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div> {/* END STATISTIC BLOCK #3 */}
+                        </div> {/* End row */}
+                    </div> {/* END STATISTIC-1 WRAPPER */}
+                </div> {/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Statistic1_10.js b/components/sections/Statistic1_10.js
new file mode 100644
index 0000000..9dce523
--- /dev/null
+++ b/components/sections/Statistic1_10.js
@@ -0,0 +1,64 @@
+
+import CounterUp from "../elements/CounterUp"
+export default function Statistic1_10() {
+    return (
+        <>
+            <div id="statistic-1" className="py-100 statistic-section division">
+                <div className="container">
+                    {/* STATISTIC-1 WRAPPER */}
+                    <div className="statistic-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* STATISTIC BLOCK #1 */}
+                            <div className="col">
+                                <div id="sb-1-1" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={89} />k</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Porta justo integer and velna vitae auctor</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #1 */}
+                            {/* STATISTIC BLOCK #2 */}
+                            <div className="col">
+                                <div id="sb-1-2" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={76} />%</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Ligula magna suscipit vitae and rutrum</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #2 */}
+                            {/* STATISTIC BLOCK #3 */}
+                            <div className="col">
+                                <div id="sb-1-3" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number">
+                                                <CounterUp end={4} />.<CounterUp end={93} />
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Sagittis congue augue egestas an egestas</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END STATISTIC-1 WRAPPER */}
+                </div>	 {/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Statistic1_11.js b/components/sections/Statistic1_11.js
new file mode 100644
index 0000000..564e8b3
--- /dev/null
+++ b/components/sections/Statistic1_11.js
@@ -0,0 +1,64 @@
+
+import CounterUp from "../elements/CounterUp"
+export default function Statistic1_11() {
+    return (
+        <>
+            <div id="statistic-1" className="py-100 statistic-section division">
+                <div className="container">
+                    {/* STATISTIC-1 WRAPPER */}
+                    <div className="statistic-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* STATISTIC BLOCK #1 */}
+                            <div className="col">
+                                <div id="sb-1-1" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={89} />k</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Porta justo integer and velna vitae auctor</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #1 */}
+                            {/* STATISTIC BLOCK #2 */}
+                            <div className="col">
+                                <div id="sb-1-2" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={76} />%</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Ligula magna suscipit vitae and rutrum</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #2 */}
+                            {/* STATISTIC BLOCK #3 */}
+                            <div className="col">
+                                <div id="sb-1-3" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number">
+                                                <CounterUp end={4} />.<CounterUp end={93} />
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Sagittis congue augue egestas an egestas</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END STATISTIC-1 WRAPPER */}
+                </div>	 {/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Statistic1_12.js b/components/sections/Statistic1_12.js
new file mode 100644
index 0000000..9ba4aa1
--- /dev/null
+++ b/components/sections/Statistic1_12.js
@@ -0,0 +1,64 @@
+
+import CounterUp from "../elements/CounterUp"
+export default function Statistic1_12() {
+    return (
+        <>
+            <div id="statistic-1" className="py-100 statistic-section division">
+                <div className="container">
+                    {/* STATISTIC-1 WRAPPER */}
+                    <div className="statistic-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* STATISTIC BLOCK #1 */}
+                            <div className="col">
+                                <div id="sb-1-1" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={89} />k</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Porta justo integer and velna vitae auctor</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #1 */}
+                            {/* STATISTIC BLOCK #2 */}
+                            <div className="col">
+                                <div id="sb-1-2" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={76} />%</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Ligula magna suscipit vitae and rutrum</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #2 */}
+                            {/* STATISTIC BLOCK #3 */}
+                            <div className="col">
+                                <div id="sb-1-3" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number">
+                                                <CounterUp end={4} />.<CounterUp end={93} />
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Sagittis congue augue egestas an egestas</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END STATISTIC-1 WRAPPER */}
+                </div>	 {/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Statistic1_13.js b/components/sections/Statistic1_13.js
new file mode 100644
index 0000000..32a99a6
--- /dev/null
+++ b/components/sections/Statistic1_13.js
@@ -0,0 +1,64 @@
+
+import CounterUp from "../elements/CounterUp"
+export default function Statistic1_13() {
+    return (
+        <>
+            <div id="statistic-1" className="py-100 statistic-section division">
+                <div className="container">
+                    {/* STATISTIC-1 WRAPPER */}
+                    <div className="statistic-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* STATISTIC BLOCK #1 */}
+                            <div className="col">
+                                <div id="sb-1-1" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={89} />k</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Porta justo integer and velna vitae auctor</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #1 */}
+                            {/* STATISTIC BLOCK #2 */}
+                            <div className="col">
+                                <div id="sb-1-2" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={76} />%</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Ligula magna suscipit vitae and rutrum</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #2 */}
+                            {/* STATISTIC BLOCK #3 */}
+                            <div className="col">
+                                <div id="sb-1-3" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number">
+                                                <CounterUp end={4} />.<CounterUp end={93} />
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Sagittis congue augue egestas an egestas</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END STATISTIC-1 WRAPPER */}
+                </div>	 {/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Statistic1_14.js b/components/sections/Statistic1_14.js
new file mode 100644
index 0000000..b5af704
--- /dev/null
+++ b/components/sections/Statistic1_14.js
@@ -0,0 +1,64 @@
+
+import CounterUp from "../elements/CounterUp"
+export default function Statistic1_14() {
+    return (
+        <>
+            <div id="statistic-1" className="py-100 statistic-section division">
+                <div className="container">
+                    {/* STATISTIC-1 WRAPPER */}
+                    <div className="statistic-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* STATISTIC BLOCK #1 */}
+                            <div className="col">
+                                <div id="sb-1-1" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={89} />k</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Porta justo integer and velna vitae auctor</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #1 */}
+                            {/* STATISTIC BLOCK #2 */}
+                            <div className="col">
+                                <div id="sb-1-2" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={76} />%</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Ligula magna suscipit vitae and rutrum</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #2 */}
+                            {/* STATISTIC BLOCK #3 */}
+                            <div className="col">
+                                <div id="sb-1-3" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number">
+                                                <CounterUp end={4} />.<CounterUp end={93} />
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Sagittis congue augue egestas an egestas</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END STATISTIC-1 WRAPPER */}
+                </div>	 {/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Statistic1_15.js b/components/sections/Statistic1_15.js
new file mode 100644
index 0000000..d582058
--- /dev/null
+++ b/components/sections/Statistic1_15.js
@@ -0,0 +1,64 @@
+
+import CounterUp from "../elements/CounterUp"
+export default function Statistic1_15() {
+    return (
+        <>
+            <div id="statistic-1" className="py-100 statistic-section division">
+                <div className="container">
+                    {/* STATISTIC-1 WRAPPER */}
+                    <div className="statistic-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* STATISTIC BLOCK #1 */}
+                            <div className="col">
+                                <div id="sb-1-1" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={89} />k</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Porta justo integer and velna vitae auctor</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #1 */}
+                            {/* STATISTIC BLOCK #2 */}
+                            <div className="col">
+                                <div id="sb-1-2" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={76} />%</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Ligula magna suscipit vitae and rutrum</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #2 */}
+                            {/* STATISTIC BLOCK #3 */}
+                            <div className="col">
+                                <div id="sb-1-3" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number">
+                                                <CounterUp end={4} />.<CounterUp end={93} />
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Sagittis congue augue egestas an egestas</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END STATISTIC-1 WRAPPER */}
+                </div>	 {/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Statistic1_16.js b/components/sections/Statistic1_16.js
new file mode 100644
index 0000000..591b868
--- /dev/null
+++ b/components/sections/Statistic1_16.js
@@ -0,0 +1,64 @@
+
+import CounterUp from "../elements/CounterUp"
+export default function Statistic1_16() {
+    return (
+        <>
+            <div id="statistic-1" className="py-100 statistic-section division">
+                <div className="container">
+                    {/* STATISTIC-1 WRAPPER */}
+                    <div className="statistic-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* STATISTIC BLOCK #1 */}
+                            <div className="col">
+                                <div id="sb-1-1" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={89} />k</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Porta justo integer and velna vitae auctor</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #1 */}
+                            {/* STATISTIC BLOCK #2 */}
+                            <div className="col">
+                                <div id="sb-1-2" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={76} />%</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Ligula magna suscipit vitae and rutrum</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #2 */}
+                            {/* STATISTIC BLOCK #3 */}
+                            <div className="col">
+                                <div id="sb-1-3" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number">
+                                                <CounterUp end={4} />.<CounterUp end={93} />
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Sagittis congue augue egestas an egestas</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END STATISTIC-1 WRAPPER */}
+                </div>	 {/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Statistic1_17.js b/components/sections/Statistic1_17.js
new file mode 100644
index 0000000..df1d68f
--- /dev/null
+++ b/components/sections/Statistic1_17.js
@@ -0,0 +1,64 @@
+
+import CounterUp from "../elements/CounterUp"
+export default function Statistic1_17() {
+    return (
+        <>
+            <div id="statistic-1" className="py-100 statistic-section division">
+                <div className="container">
+                    {/* STATISTIC-1 WRAPPER */}
+                    <div className="statistic-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* STATISTIC BLOCK #1 */}
+                            <div className="col">
+                                <div id="sb-1-1" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={89} />k</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Porta justo integer and velna vitae auctor</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #1 */}
+                            {/* STATISTIC BLOCK #2 */}
+                            <div className="col">
+                                <div id="sb-1-2" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={76} />%</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Ligula magna suscipit vitae and rutrum</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #2 */}
+                            {/* STATISTIC BLOCK #3 */}
+                            <div className="col">
+                                <div id="sb-1-3" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number">
+                                                <CounterUp end={4} />.<CounterUp end={93} />
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Sagittis congue augue egestas an egestas</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END STATISTIC-1 WRAPPER */}
+                </div>	 {/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Statistic1_18.js b/components/sections/Statistic1_18.js
new file mode 100644
index 0000000..92b19d5
--- /dev/null
+++ b/components/sections/Statistic1_18.js
@@ -0,0 +1,64 @@
+
+import CounterUp from "../elements/CounterUp"
+export default function Statistic1_18() {
+    return (
+        <>
+            <div id="statistic-1" className="py-100 statistic-section division">
+                <div className="container">
+                    {/* STATISTIC-1 WRAPPER */}
+                    <div className="statistic-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* STATISTIC BLOCK #1 */}
+                            <div className="col">
+                                <div id="sb-1-1" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={89} />k</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Porta justo integer and velna vitae auctor</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #1 */}
+                            {/* STATISTIC BLOCK #2 */}
+                            <div className="col">
+                                <div id="sb-1-2" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={76} />%</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Ligula magna suscipit vitae and rutrum</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #2 */}
+                            {/* STATISTIC BLOCK #3 */}
+                            <div className="col">
+                                <div id="sb-1-3" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number">
+                                                <CounterUp end={4} />.<CounterUp end={93} />
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Sagittis congue augue egestas an egestas</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END STATISTIC-1 WRAPPER */}
+                </div>	 {/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Statistic1_19.js b/components/sections/Statistic1_19.js
new file mode 100644
index 0000000..3e8df76
--- /dev/null
+++ b/components/sections/Statistic1_19.js
@@ -0,0 +1,64 @@
+
+import CounterUp from "../elements/CounterUp"
+export default function Statistic1_19() {
+    return (
+        <>
+            <div id="statistic-1" className="py-100 statistic-section division">
+                <div className="container">
+                    {/* STATISTIC-1 WRAPPER */}
+                    <div className="statistic-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* STATISTIC BLOCK #1 */}
+                            <div className="col">
+                                <div id="sb-1-1" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={89} />k</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Porta justo integer and velna vitae auctor</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #1 */}
+                            {/* STATISTIC BLOCK #2 */}
+                            <div className="col">
+                                <div id="sb-1-2" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={76} />%</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Ligula magna suscipit vitae and rutrum</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #2 */}
+                            {/* STATISTIC BLOCK #3 */}
+                            <div className="col">
+                                <div id="sb-1-3" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number">
+                                                <CounterUp end={4} />.<CounterUp end={93} />
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Sagittis congue augue egestas an egestas</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END STATISTIC-1 WRAPPER */}
+                </div>	 {/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Statistic1_2.js b/components/sections/Statistic1_2.js
new file mode 100644
index 0000000..21701f8
--- /dev/null
+++ b/components/sections/Statistic1_2.js
@@ -0,0 +1,64 @@
+
+import CounterUp from "../elements/CounterUp"
+export default function Statistic1_2() {
+    return (
+        <>
+            <div id="statistic-1" className="py-100 statistic-section division">
+                <div className="container">
+                    {/* STATISTIC-1 WRAPPER */}
+                    <div className="statistic-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* STATISTIC BLOCK #1 */}
+                            <div className="col">
+                                <div id="sb-1-1" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={89} />k</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Porta justo integer and velna vitae auctor</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #1 */}
+                            {/* STATISTIC BLOCK #2 */}
+                            <div className="col">
+                                <div id="sb-1-2" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={76} />%</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Ligula magna suscipit vitae and rutrum</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #2 */}
+                            {/* STATISTIC BLOCK #3 */}
+                            <div className="col">
+                                <div id="sb-1-3" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number">
+                                                <CounterUp end={4} />.<CounterUp end={93} />
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Sagittis congue augue egestas an egestas</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END STATISTIC-1 WRAPPER */}
+                </div>	 {/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Statistic1_20.js b/components/sections/Statistic1_20.js
new file mode 100644
index 0000000..d9cf7f5
--- /dev/null
+++ b/components/sections/Statistic1_20.js
@@ -0,0 +1,64 @@
+import CounterUp from "../elements/CounterUp"
+
+export default function Statistic1_20() {
+    return (
+        <>
+            <div id="statistic-1" className="py-100 statistic-section division">
+                <div className="container">
+                    {/* STATISTIC-1 WRAPPER */}
+                    <div className="statistic-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* STATISTIC BLOCK #1 */}
+                            <div className="col">
+                                <div id="sb-1-1" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={89} />k</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Porta justo integer and velna vitae auctor</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #1 */}
+                            {/* STATISTIC BLOCK #2 */}
+                            <div className="col">
+                                <div id="sb-1-2" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={76} />%</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Ligula magna suscipit vitae and rutrum</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #2 */}
+                            {/* STATISTIC BLOCK #3 */}
+                            <div className="col">
+                                <div id="sb-1-3" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number">
+                                                <CounterUp end={4} />.<CounterUp end={93} />
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Sagittis congue augue egestas an egestas</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END STATISTIC-1 WRAPPER */}
+                </div>	 {/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Statistic1_21.js b/components/sections/Statistic1_21.js
new file mode 100644
index 0000000..b4fdd47
--- /dev/null
+++ b/components/sections/Statistic1_21.js
@@ -0,0 +1,64 @@
+
+import CounterUp from "../elements/CounterUp"
+export default function Statistic1_21() {
+    return (
+        <>
+            <div id="statistic-1" className="py-100 statistic-section division">
+                <div className="container">
+                    {/* STATISTIC-1 WRAPPER */}
+                    <div className="statistic-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* STATISTIC BLOCK #1 */}
+                            <div className="col">
+                                <div id="sb-1-1" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={89} />k</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Porta justo integer and velna vitae auctor</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #1 */}
+                            {/* STATISTIC BLOCK #2 */}
+                            <div className="col">
+                                <div id="sb-1-2" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={76} />%</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Ligula magna suscipit vitae and rutrum</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #2 */}
+                            {/* STATISTIC BLOCK #3 */}
+                            <div className="col">
+                                <div id="sb-1-3" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number">
+                                                <CounterUp end={4} />.<CounterUp end={93} />
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Sagittis congue augue egestas an egestas</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END STATISTIC-1 WRAPPER */}
+                </div>	 {/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Statistic1_22.js b/components/sections/Statistic1_22.js
new file mode 100644
index 0000000..9bc3748
--- /dev/null
+++ b/components/sections/Statistic1_22.js
@@ -0,0 +1,64 @@
+
+import CounterUp from "../elements/CounterUp"
+export default function Statistic1_22() {
+    return (
+        <>
+            <div id="statistic-1" className="py-100 statistic-section division">
+                <div className="container">
+                    {/* STATISTIC-1 WRAPPER */}
+                    <div className="statistic-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* STATISTIC BLOCK #1 */}
+                            <div className="col">
+                                <div id="sb-1-1" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={89} />k</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Porta justo integer and velna vitae auctor</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #1 */}
+                            {/* STATISTIC BLOCK #2 */}
+                            <div className="col">
+                                <div id="sb-1-2" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={76} />%</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Ligula magna suscipit vitae and rutrum</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #2 */}
+                            {/* STATISTIC BLOCK #3 */}
+                            <div className="col">
+                                <div id="sb-1-3" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number">
+                                                <CounterUp end={4} />.<CounterUp end={93} />
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Sagittis congue augue egestas an egestas</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END STATISTIC-1 WRAPPER */}
+                </div>	 {/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Statistic1_3.js b/components/sections/Statistic1_3.js
new file mode 100644
index 0000000..cecfe4e
--- /dev/null
+++ b/components/sections/Statistic1_3.js
@@ -0,0 +1,64 @@
+
+import CounterUp from "../elements/CounterUp"
+export default function Statistic1_3() {
+    return (
+        <>
+            <div id="statistic-1" className="py-100 statistic-section division">
+                <div className="container">
+                    {/* STATISTIC-1 WRAPPER */}
+                    <div className="statistic-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* STATISTIC BLOCK #1 */}
+                            <div className="col">
+                                <div id="sb-1-1" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={89} />k</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Porta justo integer and velna vitae auctor</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #1 */}
+                            {/* STATISTIC BLOCK #2 */}
+                            <div className="col">
+                                <div id="sb-1-2" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={76} />%</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Ligula magna suscipit vitae and rutrum</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #2 */}
+                            {/* STATISTIC BLOCK #3 */}
+                            <div className="col">
+                                <div id="sb-1-3" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number">
+                                                <CounterUp end={4} />.<CounterUp end={93} />
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Sagittis congue augue egestas an egestas</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END STATISTIC-1 WRAPPER */}
+                </div>	 {/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Statistic1_4.js b/components/sections/Statistic1_4.js
new file mode 100644
index 0000000..9a4290c
--- /dev/null
+++ b/components/sections/Statistic1_4.js
@@ -0,0 +1,64 @@
+
+import CounterUp from "../elements/CounterUp"
+export default function Statistic1_4() {
+    return (
+        <>
+            <div id="statistic-1" className="py-100 statistic-section division">
+                <div className="container">
+                    {/* STATISTIC-1 WRAPPER */}
+                    <div className="statistic-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* STATISTIC BLOCK #1 */}
+                            <div className="col">
+                                <div id="sb-1-1" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={89} />k</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Porta justo integer and velna vitae auctor</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #1 */}
+                            {/* STATISTIC BLOCK #2 */}
+                            <div className="col">
+                                <div id="sb-1-2" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={76} />%</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Ligula magna suscipit vitae and rutrum</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #2 */}
+                            {/* STATISTIC BLOCK #3 */}
+                            <div className="col">
+                                <div id="sb-1-3" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number">
+                                                <CounterUp end={4} />.<CounterUp end={93} />
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Sagittis congue augue egestas an egestas</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END STATISTIC-1 WRAPPER */}
+                </div>	 {/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Statistic1_5.js b/components/sections/Statistic1_5.js
new file mode 100644
index 0000000..d8ee48e
--- /dev/null
+++ b/components/sections/Statistic1_5.js
@@ -0,0 +1,64 @@
+
+import CounterUp from "../elements/CounterUp"
+export default function Statistic1_5() {
+    return (
+        <>
+            <div id="statistic-1" className="py-100 statistic-section division">
+                <div className="container">
+                    {/* STATISTIC-1 WRAPPER */}
+                    <div className="statistic-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* STATISTIC BLOCK #1 */}
+                            <div className="col">
+                                <div id="sb-1-1" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={89} />k</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Porta justo integer and velna vitae auctor</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #1 */}
+                            {/* STATISTIC BLOCK #2 */}
+                            <div className="col">
+                                <div id="sb-1-2" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={76} />%</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Ligula magna suscipit vitae and rutrum</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #2 */}
+                            {/* STATISTIC BLOCK #3 */}
+                            <div className="col">
+                                <div id="sb-1-3" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number">
+                                                <CounterUp end={4} />.<CounterUp end={93} />
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Sagittis congue augue egestas an egestas</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END STATISTIC-1 WRAPPER */}
+                </div>	 {/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Statistic1_6.js b/components/sections/Statistic1_6.js
new file mode 100644
index 0000000..d279d28
--- /dev/null
+++ b/components/sections/Statistic1_6.js
@@ -0,0 +1,64 @@
+
+import CounterUp from "../elements/CounterUp"
+export default function Statistic1_6() {
+    return (
+        <>
+            <div id="statistic-1" className="py-100 statistic-section division">
+                <div className="container">
+                    {/* STATISTIC-1 WRAPPER */}
+                    <div className="statistic-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* STATISTIC BLOCK #1 */}
+                            <div className="col">
+                                <div id="sb-1-1" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={89} />k</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Porta justo integer and velna vitae auctor</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #1 */}
+                            {/* STATISTIC BLOCK #2 */}
+                            <div className="col">
+                                <div id="sb-1-2" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={76} />%</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Ligula magna suscipit vitae and rutrum</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #2 */}
+                            {/* STATISTIC BLOCK #3 */}
+                            <div className="col">
+                                <div id="sb-1-3" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number">
+                                                <CounterUp end={4} />.<CounterUp end={93} />
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Sagittis congue augue egestas an egestas</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END STATISTIC-1 WRAPPER */}
+                </div>	 {/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Statistic1_7.js b/components/sections/Statistic1_7.js
new file mode 100644
index 0000000..dec0eb6
--- /dev/null
+++ b/components/sections/Statistic1_7.js
@@ -0,0 +1,64 @@
+
+import CounterUp from "../elements/CounterUp"
+export default function Statistic1_7() {
+    return (
+        <>
+            <div id="statistic-1" className="py-100 statistic-section division">
+                <div className="container">
+                    {/* STATISTIC-1 WRAPPER */}
+                    <div className="statistic-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* STATISTIC BLOCK #1 */}
+                            <div className="col">
+                                <div id="sb-1-1" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={89} />k</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Porta justo integer and velna vitae auctor</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #1 */}
+                            {/* STATISTIC BLOCK #2 */}
+                            <div className="col">
+                                <div id="sb-1-2" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={76} />%</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Ligula magna suscipit vitae and rutrum</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #2 */}
+                            {/* STATISTIC BLOCK #3 */}
+                            <div className="col">
+                                <div id="sb-1-3" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number">
+                                                <CounterUp end={4} />.<CounterUp end={93} />
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Sagittis congue augue egestas an egestas</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END STATISTIC-1 WRAPPER */}
+                </div>	 {/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Statistic1_8.js b/components/sections/Statistic1_8.js
new file mode 100644
index 0000000..877b829
--- /dev/null
+++ b/components/sections/Statistic1_8.js
@@ -0,0 +1,64 @@
+import CounterUp from "../elements/CounterUp"
+
+export default function Statistic1_8() {
+    return (
+        <>
+            <div id="statistic-1" className="py-100 statistic-section division">
+                <div className="container">
+                    {/* STATISTIC-1 WRAPPER */}
+                    <div className="statistic-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* STATISTIC BLOCK #1 */}
+                            <div className="col">
+                                <div id="sb-1-1" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={89} />k</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Porta justo integer and velna vitae auctor</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #1 */}
+                            {/* STATISTIC BLOCK #2 */}
+                            <div className="col">
+                                <div id="sb-1-2" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={76} />%</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Ligula magna suscipit vitae and rutrum</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #2 */}
+                            {/* STATISTIC BLOCK #3 */}
+                            <div className="col">
+                                <div id="sb-1-3" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number">
+                                                <CounterUp end={4} />.<CounterUp end={93} />
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Sagittis congue augue egestas an egestas</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END STATISTIC-1 WRAPPER */}
+                </div>	 {/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Statistic1_9.js b/components/sections/Statistic1_9.js
new file mode 100644
index 0000000..7ccb5e9
--- /dev/null
+++ b/components/sections/Statistic1_9.js
@@ -0,0 +1,64 @@
+
+import CounterUp from "../elements/CounterUp"
+export default function Statistic1_9() {
+    return (
+        <>
+            <div id="statistic-1" className="py-100 statistic-section division">
+                <div className="container">
+                    {/* STATISTIC-1 WRAPPER */}
+                    <div className="statistic-1-wrapper">
+                        <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                            {/* STATISTIC BLOCK #1 */}
+                            <div className="col">
+                                <div id="sb-1-1" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={89} />k</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Porta justo integer and velna vitae auctor</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #1 */}
+                            {/* STATISTIC BLOCK #2 */}
+                            <div className="col">
+                                <div id="sb-1-2" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number"><CounterUp end={76} />%</h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Ligula magna suscipit vitae and rutrum</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #2 */}
+                            {/* STATISTIC BLOCK #3 */}
+                            <div className="col">
+                                <div id="sb-1-3" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-block-digit text-center">
+                                            <h2 className="s-46 statistic-number">
+                                                <CounterUp end={4} />.<CounterUp end={93} />
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-block-txt color--grey">
+                                            <p className="p-md">Sagittis congue augue egestas an egestas</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END STATISTIC-1 WRAPPER */}
+                </div>	 {/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Statistic5_1.js b/components/sections/Statistic5_1.js
new file mode 100644
index 0000000..0bc2f37
--- /dev/null
+++ b/components/sections/Statistic5_1.js
@@ -0,0 +1,71 @@
+
+import CounterUp from "../elements/CounterUp"
+export default function Statistic5_1() {
+    return (
+        <>
+            <div id="statistic-5" className="pt-100 statistic-section division">
+                <div className="container">
+                    {/* STATISTIC-1 WRAPPER */}
+                    <div className="statistic-5-wrapper">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* STATISTIC BLOCK #1 */}
+                            <div className="col">
+                                <div id="sb-5-1" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-digit">
+                                            <h2 className="s-44 w-700">
+                                                <CounterUp end={26} />.<CounterUp end={62} />k
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-txt">
+                                            <h5 className="s-19 w-700">Happy Customers</h5>
+                                            <p>Porta justo integer and velna vitae auctor and magna quaerat ligula</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #1 */}
+                            {/* STATISTIC BLOCK #2 */}
+                            <div className="col">
+                                <div id="sb-5-2" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-digit">
+                                            <h2 className="s-44 w-700">
+                                                <CounterUp end={13} />.<CounterUp end={54} />k
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-txt">
+                                            <h5 className="s-19 w-700">Positive Ratings</h5>
+                                            <p>Porta justo integer and velna vitae auctor and magna quaerat ligula</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #2 */}
+                            {/* STATISTIC BLOCK #3 */}
+                            <div className="col">
+                                <div id="sb-5-3" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-digit">
+                                            <h2 className="s-44 w-700">
+                                                <CounterUp end={4} />.<CounterUp end={87} />/5
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-txt">
+                                            <h5 className="s-19 w-700">Rating</h5>
+                                            <p>Porta justo integer and velna vitae auctor and magna quaerat ligula</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END STATISTIC-5 WRAPPER */}
+                </div>	 {/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Statistic5_2.js b/components/sections/Statistic5_2.js
new file mode 100644
index 0000000..5c5d78c
--- /dev/null
+++ b/components/sections/Statistic5_2.js
@@ -0,0 +1,71 @@
+
+import CounterUp from "../elements/CounterUp"
+export default function Statistic5_2() {
+    return (
+        <>
+            <div id="statistic-5" className="pt-100 statistic-section division">
+                <div className="container">
+                    {/* STATISTIC-1 WRAPPER */}
+                    <div className="statistic-5-wrapper">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* STATISTIC BLOCK #1 */}
+                            <div className="col">
+                                <div id="sb-5-1" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-digit">
+                                            <h2 className="s-44 w-700">
+                                                <CounterUp end={26} />.<CounterUp end={62} />k
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-txt">
+                                            <h5 className="s-19 w-700">Happy Customers</h5>
+                                            <p>Porta justo integer and velna vitae auctor and magna quaerat ligula</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #1 */}
+                            {/* STATISTIC BLOCK #2 */}
+                            <div className="col">
+                                <div id="sb-5-2" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-digit">
+                                            <h2 className="s-44 w-700">
+                                                <CounterUp end={13} />.<CounterUp end={54} />k
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-txt">
+                                            <h5 className="s-19 w-700">Positive Ratings</h5>
+                                            <p>Porta justo integer and velna vitae auctor and magna quaerat ligula</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #2 */}
+                            {/* STATISTIC BLOCK #3 */}
+                            <div className="col">
+                                <div id="sb-5-3" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-digit">
+                                            <h2 className="s-44 w-700">
+                                                <CounterUp end={4} />.<CounterUp end={87} />/5
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-txt">
+                                            <h5 className="s-19 w-700">Rating</h5>
+                                            <p>Porta justo integer and velna vitae auctor and magna quaerat ligula</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END STATISTIC-5 WRAPPER */}
+                </div>	 {/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Statistic5_3.js b/components/sections/Statistic5_3.js
new file mode 100644
index 0000000..65d03b4
--- /dev/null
+++ b/components/sections/Statistic5_3.js
@@ -0,0 +1,71 @@
+
+import CounterUp from "../elements/CounterUp"
+export default function Statistic5_3() {
+    return (
+        <>
+            <div id="statistic-5" className="py-100 statistic-section division">
+                <div className="container">
+                    {/* STATISTIC-1 WRAPPER */}
+                    <div className="statistic-5-wrapper">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* STATISTIC BLOCK #1 */}
+                            <div className="col">
+                                <div id="sb-5-1" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-digit">
+                                            <h2 className="s-44 w-700">
+                                                <CounterUp end={26} />.<CounterUp end={62} />k
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-txt">
+                                            <h5 className="s-19 w-700">Happy Customers</h5>
+                                            <p>Porta justo integer and velna vitae auctor and magna quaerat ligula</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #1 */}
+                            {/* STATISTIC BLOCK #2 */}
+                            <div className="col">
+                                <div id="sb-5-2" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-digit">
+                                            <h2 className="s-44 w-700">
+                                                <CounterUp end={13} />.<CounterUp end={54} />k
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-txt">
+                                            <h5 className="s-19 w-700">Positive Ratings</h5>
+                                            <p>Porta justo integer and velna vitae auctor and magna quaerat ligula</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #2 */}
+                            {/* STATISTIC BLOCK #3 */}
+                            <div className="col">
+                                <div id="sb-5-3" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-digit">
+                                            <h2 className="s-44 w-700">
+                                                <CounterUp end={4} />.<CounterUp end={87} />/5
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-txt">
+                                            <h5 className="s-19 w-700">Rating</h5>
+                                            <p>Porta justo integer and velna vitae auctor and magna quaerat ligula</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END STATISTIC-5 WRAPPER */}
+                </div>	 {/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Statistic5_4.js b/components/sections/Statistic5_4.js
new file mode 100644
index 0000000..e2ac409
--- /dev/null
+++ b/components/sections/Statistic5_4.js
@@ -0,0 +1,71 @@
+
+import CounterUp from "../elements/CounterUp"
+export default function Statistic5_4() {
+    return (
+        <>
+            <div id="statistic-5" className="pt-100 statistic-section division">
+                <div className="container">
+                    {/* STATISTIC-1 WRAPPER */}
+                    <div className="statistic-5-wrapper">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* STATISTIC BLOCK #1 */}
+                            <div className="col">
+                                <div id="sb-5-1" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-digit">
+                                            <h2 className="s-44 w-700">
+                                                <CounterUp end={26} />.<CounterUp end={62} />k
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-txt">
+                                            <h5 className="s-19 w-700">Happy Customers</h5>
+                                            <p>Porta justo integer and velna vitae auctor and magna quaerat ligula</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #1 */}
+                            {/* STATISTIC BLOCK #2 */}
+                            <div className="col">
+                                <div id="sb-5-2" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-digit">
+                                            <h2 className="s-44 w-700">
+                                                <CounterUp end={13} />.<CounterUp end={54} />k
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-txt">
+                                            <h5 className="s-19 w-700">Positive Ratings</h5>
+                                            <p>Porta justo integer and velna vitae auctor and magna quaerat ligula</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #2 */}
+                            {/* STATISTIC BLOCK #3 */}
+                            <div className="col">
+                                <div id="sb-5-3" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-digit">
+                                            <h2 className="s-44 w-700">
+                                                <CounterUp end={4} />.<CounterUp end={87} />/5
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-txt">
+                                            <h5 className="s-19 w-700">Rating</h5>
+                                            <p>Porta justo integer and velna vitae auctor and magna quaerat ligula</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END STATISTIC-5 WRAPPER */}
+                </div>	 {/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Statistic5_5.js b/components/sections/Statistic5_5.js
new file mode 100644
index 0000000..0cb1602
--- /dev/null
+++ b/components/sections/Statistic5_5.js
@@ -0,0 +1,71 @@
+
+import CounterUp from "../elements/CounterUp"
+export default function Statistic5_5() {
+    return (
+        <>
+            <div id="statistic-5" className="py-100 statistic-section division">
+                <div className="container">
+                    {/* STATISTIC-1 WRAPPER */}
+                    <div className="statistic-5-wrapper">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* STATISTIC BLOCK #1 */}
+                            <div className="col">
+                                <div id="sb-5-1" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-digit">
+                                            <h2 className="s-44 w-700">
+                                                <CounterUp end={26} />.<CounterUp end={62} />k
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-txt">
+                                            <h5 className="s-19 w-700">Happy Customers</h5>
+                                            <p>Porta justo integer and velna vitae auctor and magna quaerat ligula</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #1 */}
+                            {/* STATISTIC BLOCK #2 */}
+                            <div className="col">
+                                <div id="sb-5-2" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-digit">
+                                            <h2 className="s-44 w-700">
+                                                <CounterUp end={13} />.<CounterUp end={54} />k
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-txt">
+                                            <h5 className="s-19 w-700">Positive Ratings</h5>
+                                            <p>Porta justo integer and velna vitae auctor and magna quaerat ligula</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #2 */}
+                            {/* STATISTIC BLOCK #3 */}
+                            <div className="col">
+                                <div id="sb-5-3" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-digit">
+                                            <h2 className="s-44 w-700">
+                                                <CounterUp end={4} />.<CounterUp end={87} />/5
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-txt">
+                                            <h5 className="s-19 w-700">Rating</h5>
+                                            <p>Porta justo integer and velna vitae auctor and magna quaerat ligula</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END STATISTIC-5 WRAPPER */}
+                </div>	 {/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Statistic5_6.js b/components/sections/Statistic5_6.js
new file mode 100644
index 0000000..92ebb10
--- /dev/null
+++ b/components/sections/Statistic5_6.js
@@ -0,0 +1,72 @@
+import CounterUp from "../elements/CounterUp"
+
+
+export default function Statistic5_6() {
+    return (
+        <>
+            <div id="statistic-5" className="pt-100 statistic-section division">
+                <div className="container">
+                    {/* STATISTIC-1 WRAPPER */}
+                    <div className="statistic-5-wrapper">
+                        <div className="row row-cols-1 row-cols-md-3">
+                            {/* STATISTIC BLOCK #1 */}
+                            <div className="col">
+                                <div id="sb-5-1" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-digit">
+                                            <h2 className="s-44 w-700">
+                                                <CounterUp end={26} />.<CounterUp end={62} />k
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-txt">
+                                            <h5 className="s-19 w-700">Happy Customers</h5>
+                                            <p>Porta justo integer and velna vitae auctor and magna quaerat ligula</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #1 */}
+                            {/* STATISTIC BLOCK #2 */}
+                            <div className="col">
+                                <div id="sb-5-2" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-digit">
+                                            <h2 className="s-44 w-700">
+                                                <CounterUp end={13} />.<CounterUp end={54} />k
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-txt">
+                                            <h5 className="s-19 w-700">Positive Ratings</h5>
+                                            <p>Porta justo integer and velna vitae auctor and magna quaerat ligula</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #2 */}
+                            {/* STATISTIC BLOCK #3 */}
+                            <div className="col">
+                                <div id="sb-5-3" className="wow fadeInUp">
+                                    <div className="statistic-block">
+                                        {/* Digit */}
+                                        <div className="statistic-digit">
+                                            <h2 className="s-44 w-700">
+                                                <CounterUp end={4} />.<CounterUp end={87} />/5
+                                            </h2>
+                                        </div>
+                                        {/* Text */}
+                                        <div className="statistic-txt">
+                                            <h5 className="s-19 w-700">Rating</h5>
+                                            <p>Porta justo integer and velna vitae auctor and magna quaerat ligula</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END STATISTIC BLOCK #3 */}
+                        </div>  {/* End row */}
+                    </div>	{/* END STATISTIC-5 WRAPPER */}
+                </div>	 {/* End container */}
+            </div>
+        </>
+    )
+}
diff --git a/components/sections/Wswrapper_1.js b/components/sections/Wswrapper_1.js
new file mode 100644
index 0000000..440b1ba
--- /dev/null
+++ b/components/sections/Wswrapper_1.js
@@ -0,0 +1,43 @@
+
+
+export default function Wswrapper_1() {
+    return (
+        <>
+            <section className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-1-wrapper bg--02 bg--fixed r-16">
+                        <div className="section-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6">
+                                    <div className="img-block left-column wow fadeInRight">
+                                        <img className="img-fluid" src="/images/img-09.png" alt="content-image" />
+                                    </div>
+                                </div>
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6">
+                                    <div className="txt-block right-column wow fadeInLeft">
+                                        {/* Section ID */}
+                                        <span className="section-id">One-Stop Solution</span>
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Smart solutions, real-time results</h2>
+                                        {/* Text */}
+                                        <p>Sodales tempor sapien quaerat congue eget ipsum laoreet turpis neque auctor
+                                            vitae eros dolor luctus placerat magna ligula cursus and purus pretium
+                                        </p>
+                                        {/* Small Title */}
+                                        <h5 className="s-24 w-700 h5-title">The smarter way to work</h5>
+                                        {/* Text */}
+                                        <p className="mb-0">Sapien tempor sodales quaerat ipsum undo congue laoreet turpis neque
+                                            auctor turpis vitae dolor luctus placerat magna and ligula cursus purus vitae
+                                        </p>
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                            </div>   {/* End row */}
+                        </div>    {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Wswrapper_10.js b/components/sections/Wswrapper_10.js
new file mode 100644
index 0000000..e252d85
--- /dev/null
+++ b/components/sections/Wswrapper_10.js
@@ -0,0 +1,43 @@
+
+
+export default function Wswrapper_10() {
+    return (
+        <>
+            <section className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-1-wrapper bg--02 bg--fixed r-16">
+                        <div className="section-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6 order-last order-md-2">
+                                    <div className="txt-block left-column wow fadeInRight">
+                                        {/* Section ID */}
+                                        <span className="section-id">Productivity Focused</span>
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Automate your way to success</h2>
+                                        {/* Text */}
+                                        <p>Sodales tempor sapien quaerat congue eget ipsum laoreet turpis neque auctor
+                                            vitae eros dolor luctus placerat magna ligula cursus and purus pretium
+                                        </p>
+                                        {/* Small Title */}
+                                        <h5 className="s-24 w-700 h5-title">The smarter way to work</h5>
+                                        {/* Text */}
+                                        <p className="mb-0">Sapien tempor sodales quaerat ipsum undo congue laoreet turpis neque
+                                            auctor turpis vitae dolor luctus placerat magna and ligula cursus purus vitae
+                                        </p>
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6 order-first order-md-2">
+                                    <div className="img-block right-column wow fadeInLeft">
+                                        <img className="img-fluid" src="/images/img-08.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>    {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Wswrapper_11.js b/components/sections/Wswrapper_11.js
new file mode 100644
index 0000000..1264ff7
--- /dev/null
+++ b/components/sections/Wswrapper_11.js
@@ -0,0 +1,43 @@
+
+
+export default function Wswrapper_11() {
+    return (
+        <>
+            <section className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-1-wrapper bg--white-400 r-16">
+                        <div className="section-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6">
+                                    <div className="img-block left-column wow fadeInRight">
+                                        <img className="img-fluid" src="/images/img-06.png" alt="content-image" />
+                                    </div>
+                                </div>
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6">
+                                    <div className="txt-block right-column wow fadeInLeft">
+                                        {/* Section ID */}
+                                        <span className="section-id">Enhance Engagement</span>
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Automate your way to success</h2>
+                                        {/* Text */}
+                                        <p>Sodales tempor sapien quaerat congue eget ipsum laoreet turpis neque auctor
+                                            vitae eros dolor luctus placerat magna ligula cursus and purus pretium
+                                        </p>
+                                        {/* Small Title */}
+                                        <h5 className="s-24 w-700 h5-title">The smarter way to work</h5>
+                                        {/* Text */}
+                                        <p className="mb-0">Sapien tempor sodales quaerat ipsum undo congue laoreet turpis neque
+                                            auctor turpis vitae dolor luctus placerat magna and ligula cursus purus vitae
+                                        </p>
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                            </div>   {/* End row */}
+                        </div>    {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Wswrapper_12.js b/components/sections/Wswrapper_12.js
new file mode 100644
index 0000000..d2931ef
--- /dev/null
+++ b/components/sections/Wswrapper_12.js
@@ -0,0 +1,43 @@
+
+
+import Link from "next/link"
+export default function Wswrapper_12() {
+    return (
+        <>
+            <section className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-1-wrapper bg--02 bg--fixed r-16">
+                        <div className="section-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6">
+                                    <div className="img-block left-column wow fadeInRight">
+                                        <img className="img-fluid" src="/images/img-02.png" alt="content-image" />
+                                    </div>
+                                </div>
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6">
+                                    <div className="txt-block right-column wow fadeInLeft">
+                                        {/* Section ID */}
+                                        <span className="section-id color--theme">Easy Integration</span>
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Integrate all your essential tools</h2>
+                                        {/* Text */}
+                                        <p className="mb-0">Nemo ipsam egestas volute turpis egestas ipsum and purus sapien
+                                            ultrice an aliquam quaerat ipsum augue turpis sapien cursus congue magna purus
+                                            quaerat
+                                        </p>
+                                        {/* Button */}
+                                        <Link href="/integrations" className="btn btn-sm r-04 btn--tra-black hover--theme">
+                                            Explore all integrations
+                                        </Link>
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                            </div>   {/* End row */}
+                        </div>    {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Wswrapper_2.js b/components/sections/Wswrapper_2.js
new file mode 100644
index 0000000..baaca04
--- /dev/null
+++ b/components/sections/Wswrapper_2.js
@@ -0,0 +1,53 @@
+
+
+import Link from "next/link"
+export default function Wswrapper_2() {
+    return (
+        <>
+            <section className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-1-wrapper bg--02 bg--fixed r-16">
+                        <div className="section-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6 order-last order-md-2">
+                                    <div className="txt-block left-column wow fadeInRight">
+                                        {/* Section ID */}
+                                        <span className="section-id">One-Stop Solution</span>
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Smart solutions, real-time results</h2>
+                                        {/* List */}
+                                        <ul className="simple-list">
+                                            <li className="list-item">
+                                                <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                                    turpis sodales magna
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor
+                                                    an ultrice ipsum aliquam congue
+                                                </p>
+                                            </li>
+                                        </ul>
+                                        {/* Link */}
+                                        <div className="txt-block-tra-link mt-25">
+                                            <Link href="#features-7" className="tra-link ico-20 color--theme">
+                                                The smarter way to work <span className="flaticon-next" />
+                                            </Link>
+                                        </div>
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6 order-first order-md-2">
+                                    <div className="img-block right-column wow fadeInLeft">
+                                        <img className="img-fluid" src="/images/img-06.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>    {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Wswrapper_3.js b/components/sections/Wswrapper_3.js
new file mode 100644
index 0000000..8d514c6
--- /dev/null
+++ b/components/sections/Wswrapper_3.js
@@ -0,0 +1,56 @@
+
+
+export default function Wswrapper_3() {
+    return (
+        <>
+            <section className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-1-wrapper bg--white-400 bg--fixed r-16">
+                        <div className="section-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6">
+                                    <div className="img-block left-column wow fadeInRight">
+                                        <img className="img-fluid" src="/images/img-08.png" alt="content-image" />
+                                    </div>
+                                </div>
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6">
+                                    <div className="txt-block right-column wow fadeInLeft">
+                                        {/* TEXT BOX */}
+                                        <div className="txt-box">
+                                            {/* Title */}
+                                            <h5 className="s-24 w-700">Advanced Analytics Review</h5>
+                                            {/* Text */}
+                                            <p>Sodales tempor sapien quaerat congue eget ipsum laoreet turpis neque auctor
+                                                vitae eros dolor luctus placerat magna ligula cursus and purus pretium
+                                            </p>
+                                        </div>	{/* END TEXT BOX */}
+                                        {/* TEXT BOX */}
+                                        <div className="txt-box mb-0">
+                                            {/* Title */}
+                                            <h5 className="s-24 w-700">Email Marketing Campaigns</h5>
+                                            {/* List */}
+                                            <ul className="simple-list">
+                                                <li className="list-item">
+                                                    <p>Tempor sapien volute turpis ipsum laoreet purus and sapien dolor diam
+                                                        ultrice ipsum aliquam undo congue dolor cursus tempor sapien quaerat
+                                                    </p>
+                                                </li>
+                                                <li className="list-item">
+                                                    <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas
+                                                        vitae sapien a turpis ultrice auctor ipsum
+                                                    </p>
+                                                </li>
+                                            </ul>
+                                        </div>	{/* END TEXT BOX */}
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                            </div>   {/* End row */}
+                        </div>    {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Wswrapper_4.js b/components/sections/Wswrapper_4.js
new file mode 100644
index 0000000..bd6210f
--- /dev/null
+++ b/components/sections/Wswrapper_4.js
@@ -0,0 +1,56 @@
+
+
+export default function Wswrapper_4() {
+    return (
+        <>
+            <section id="lnk-2" className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-1-wrapper bg--02 bg--fixed r-16">
+                        <div className="section-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6 order-last order-md-2">
+                                    <div className="txt-block left-column wow fadeInRight">
+                                        {/* TEXT BOX */}
+                                        <div className="txt-box">
+                                            {/* Title */}
+                                            <h5 className="s-24 w-700">Everything in one place</h5>
+                                            {/* Text */}
+                                            <p>Sodales tempor sapien quaerat congue eget ipsum laoreet turpis neque auctor
+                                                vitae eros dolor luctus placerat magna ligula cursus and purus pretium
+                                            </p>
+                                        </div>	{/* END TEXT BOX */}
+                                        {/* TEXT BOX */}
+                                        <div className="txt-box mb-0">
+                                            {/* Title */}
+                                            <h5 className="s-24 w-700">Editing tools and exports</h5>
+                                            {/* List */}
+                                            <ul className="simple-list">
+                                                <li className="list-item">
+                                                    <p>Tempor sapien volute turpis ipsum laoreet purus and sapien dolor diam
+                                                        ultrice ipsum aliquam undo congue dolor cursus tempor sapien quaerat
+                                                    </p>
+                                                </li>
+                                                <li className="list-item">
+                                                    <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas
+                                                        vitae sapien a turpis ultrice auctor ipsum
+                                                    </p>
+                                                </li>
+                                            </ul>
+                                        </div>	{/* END TEXT BOX */}
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6 order-first order-md-2">
+                                    <div className="img-block right-column wow fadeInLeft">
+                                        <img className="img-fluid" src="/images/img-12.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>    {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Wswrapper_5.js b/components/sections/Wswrapper_5.js
new file mode 100644
index 0000000..a1ff77a
--- /dev/null
+++ b/components/sections/Wswrapper_5.js
@@ -0,0 +1,41 @@
+
+
+export default function Wswrapper_5() {
+    return (
+        <>
+            <section className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-1-wrapper bg--purple-100 bg--fixed r-16">
+                        <div className="section-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6">
+                                    <div className="img-block left-column wow fadeInRight">
+                                        <img className="img-fluid" src="/images/img-03.png" alt="content-image" />
+                                    </div>
+                                </div>
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6">
+                                    <div className="txt-block right-column wow fadeInLeft">
+                                        {/* Section ID */}
+                                        <span className="section-id">From Good to Great</span>
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Scale your unique design process</h2>
+                                        {/* Text */}
+                                        <p>Sodales tempor sapien quaerat congue eget ipsum laoreet turpis neque auctor
+                                            vitae eros dolor luctus placerat magna ligula cursus and purus pretium
+                                        </p>
+                                        {/* Text */}
+                                        <p className="mb-0">Sapien tempor sodales quaerat ipsum undo congue laoreet turpis neque
+                                            auctor turpis vitae dolor luctus placerat magna and ligula cursus purus vitae
+                                        </p>
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                            </div>   {/* End row */}
+                        </div>    {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Wswrapper_6.js b/components/sections/Wswrapper_6.js
new file mode 100644
index 0000000..2a818fa
--- /dev/null
+++ b/components/sections/Wswrapper_6.js
@@ -0,0 +1,43 @@
+
+
+export default function Wswrapper_6() {
+    return (
+        <>
+            <section className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-1-wrapper bg--02 bg--fixed r-16">
+                        <div className="section-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6">
+                                    <div className="img-block left-column wow fadeInRight">
+                                        <img className="img-fluid" src="/images/img-06.png" alt="content-image" />
+                                    </div>
+                                </div>
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6">
+                                    <div className="txt-block right-column wow fadeInLeft">
+                                        {/* Section ID */}
+                                        <span className="section-id">One-Stop Solution</span>
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Smart solutions, real-time results</h2>
+                                        {/* Text */}
+                                        <p>Sodales tempor sapien quaerat congue eget ipsum laoreet turpis neque auctor
+                                            vitae eros dolor luctus placerat magna ligula cursus and purus pretium
+                                        </p>
+                                        {/* Small Title */}
+                                        <h5 className="s-24 w-700 h5-title">The smarter way to work</h5>
+                                        {/* Text */}
+                                        <p className="mb-0">Sapien tempor sodales quaerat ipsum undo congue laoreet turpis neque
+                                            auctor turpis vitae dolor luctus placerat magna and ligula cursus purus vitae
+                                        </p>
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                            </div>   {/* End row */}
+                        </div>    {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Wswrapper_7.js b/components/sections/Wswrapper_7.js
new file mode 100644
index 0000000..b706f10
--- /dev/null
+++ b/components/sections/Wswrapper_7.js
@@ -0,0 +1,51 @@
+
+
+import Link from "next/link"
+export default function Wswrapper_7() {
+    return (
+        <>
+            <section className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-1-wrapper bg--02 bg--fixed r-16">
+                        <div className="section-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6 order-last order-md-2">
+                                    <div className="txt-block left-column wow fadeInRight">
+                                        {/* Section ID */}
+                                        <span className="section-id">One-Stop Solution</span>
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Smart solutions, real-time results</h2>
+                                        {/* List */}
+                                        <ul className="simple-list">
+                                            <li className="list-item">
+                                                <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                                    turpis sodales magna
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor
+                                                    an ultrice ipsum aliquam congue
+                                                </p>
+                                            </li>
+                                        </ul>
+                                        {/* Button */}
+                                        <Link href="#banner-13" className="btn btn-sm r-04 btn--theme hover--theme">
+                                            Get started now
+                                        </Link>
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6 order-first order-md-2">
+                                    <div className="img-block right-column wow fadeInLeft">
+                                        <img className="img-fluid" src="/images/img-06.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>    {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Wswrapper_8.js b/components/sections/Wswrapper_8.js
new file mode 100644
index 0000000..3240e91
--- /dev/null
+++ b/components/sections/Wswrapper_8.js
@@ -0,0 +1,51 @@
+
+
+import Link from "next/link"
+export default function Wswrapper_8() {
+    return (
+        <>
+            <section className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-1-wrapper bg--white-400 bg--fixed r-16">
+                        <div className="section-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6 order-last order-md-2">
+                                    <div className="txt-block left-column wow fadeInRight">
+                                        {/* Section ID */}
+                                        <span className="section-id">One-Stop Solution</span>
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Smart solutions, real-time results</h2>
+                                        {/* List */}
+                                        <ul className="simple-list">
+                                            <li className="list-item">
+                                                <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                                    turpis sodales magna
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor
+                                                    an ultrice ipsum aliquam congue
+                                                </p>
+                                            </li>
+                                        </ul>
+                                        {/* Button */}
+                                        <Link href="#features-2" className="btn btn-sm r-04 btn--theme hover--tra-black">
+                                            Best solutions
+                                        </Link>
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6 order-first order-md-2">
+                                    <div className="img-block right-column wow fadeInLeft">
+                                        <img className="img-fluid" src="/images/img-09.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>    {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/sections/Wswrapper_9.js b/components/sections/Wswrapper_9.js
new file mode 100644
index 0000000..5831c35
--- /dev/null
+++ b/components/sections/Wswrapper_9.js
@@ -0,0 +1,53 @@
+
+
+import Link from "next/link"
+export default function Wswrapper_9() {
+    return (
+        <>
+            <section className="pt-100 ws-wrapper content-section">
+                <div className="container">
+                    <div className="bc-1-wrapper bg--02 bg--fixed r-16">
+                        <div className="section-overlay">
+                            <div className="row d-flex align-items-center">
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6 order-last order-md-2">
+                                    <div className="txt-block left-column wow fadeInRight">
+                                        {/* Section ID */}
+                                        <span className="section-id color--black">Enhance Engagement</span>
+                                        {/* Title */}
+                                        <h2 className="s-44 w-700">Achieve success through data-driven decisions</h2>
+                                        {/* List */}
+                                        <ul className="simple-list">
+                                            <li className="list-item">
+                                                <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                                    turpis sodales magna
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor
+                                                    an ultrice ipsum aliquam congue
+                                                </p>
+                                            </li>
+                                        </ul>
+                                        {/* Link */}
+                                        <div className="txt-block-tra-link mt-25">
+                                            <Link href="#features-2" className="tra-link ico-20 color--theme">
+                                                All-in-one platform <span className="flaticon-next" />
+                                            </Link>
+                                        </div>
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6 order-first order-md-2">
+                                    <div className="img-block right-column wow fadeInLeft">
+                                        <img className="img-fluid" src="/images/img-06.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>   {/* End row */}
+                        </div>    {/* End section overlay */}
+                    </div>    {/* End content wrapper */}
+                </div>     {/* End container */}
+            </section>
+        </>
+    )
+}
diff --git a/components/slider/BrandSlider1.js b/components/slider/BrandSlider1.js
new file mode 100644
index 0000000..9123eba
--- /dev/null
+++ b/components/slider/BrandSlider1.js
@@ -0,0 +1,100 @@
+
+import Link from "next/link"
+import { Autoplay } from "swiper/modules"
+import { Swiper, SwiperSlide } from "swiper/react"
+
+const swiperOptions = {
+    modules: [Autoplay],
+    slidesPerView: 5,
+    // spaceBetween: 30,
+    autoplay: {
+        delay: 2500,
+        disableOnInteraction: false,
+    },
+    loop: true,
+
+    breakpoints: {
+        320: {
+            slidesPerView: 2,
+            // spaceBetween: 30,
+        },
+        575: {
+            slidesPerView: 3,
+            // spaceBetween: 30,
+        },
+        767: {
+            slidesPerView: 4,
+            // spaceBetween: 30,
+        },
+        991: {
+            slidesPerView: 4,
+            // spaceBetween: 30,
+        },
+        1199: {
+            slidesPerView: 5,
+            // spaceBetween: 30,
+        },
+        1350: {
+            slidesPerView: 5,
+            // spaceBetween: 30,
+        },
+    }
+}
+
+
+export default function BrandSlider1() {
+    return (
+        <>
+
+            {/* <Swiper {...swiperOptions}>
+                <SwiperSlide>
+
+                </SwiperSlide>
+            </Swiper> */}
+
+            <Swiper {...swiperOptions} className="brands-carousel-5">
+                {/* BRAND LOGO IMAGE */}
+                <SwiperSlide className="brand-logo">
+                    <Link href="#"><img className="img-fluid light-theme-img" src="/images/brand-1.png" alt="brand-logo" /></Link>
+                    <Link href="#"><img className="img-fluid dark-theme-img" src="/images/brand-1-white.png" alt="brand-logo" /></Link>
+                </SwiperSlide>
+                {/* BRAND LOGO IMAGE */}
+                <SwiperSlide className="brand-logo">
+                    <Link href="#"><img className="img-fluid light-theme-img" src="/images/brand-2.png" alt="brand-logo" /></Link>
+                    <Link href="#"><img className="img-fluid dark-theme-img" src="/images/brand-3-white.png" alt="brand-logo" /></Link>
+                </SwiperSlide>
+                {/* BRAND LOGO IMAGE */}
+                <SwiperSlide className="brand-logo">
+                    <Link href="#"><img className="img-fluid light-theme-img" src="/images/brand-4.png" alt="brand-logo" /></Link>
+                    <Link href="#"><img className="img-fluid dark-theme-img" src="/images/brand-4-white.png" alt="brand-logo" /></Link>
+                </SwiperSlide>
+                {/* BRAND LOGO IMAGE */}
+                <SwiperSlide className="brand-logo">
+                    <Link href="#"><img className="img-fluid light-theme-img" src="/images/brand-5.png" alt="brand-logo" /></Link>
+                    <Link href="#"><img className="img-fluid dark-theme-img" src="/images/brand-5-white.png" alt="brand-logo" /></Link>
+                </SwiperSlide>
+                {/* BRAND LOGO IMAGE */}
+                <SwiperSlide className="brand-logo">
+                    <Link href="#"><img className="img-fluid light-theme-img" src="/images/brand-6.png" alt="brand-logo" /></Link>
+                    <Link href="#"><img className="img-fluid dark-theme-img" src="/images/brand-6-white.png" alt="brand-logo" /></Link>
+                </SwiperSlide>
+                {/* BRAND LOGO IMAGE */}
+                <SwiperSlide className="brand-logo">
+                    <Link href="#"><img className="img-fluid light-theme-img" src="/images/brand-7.png" alt="brand-logo" /></Link>
+                    <Link href="#"><img className="img-fluid dark-theme-img" src="/images/brand-7-white.png" alt="brand-logo" /></Link>
+                </SwiperSlide>
+                {/* BRAND LOGO IMAGE */}
+                <SwiperSlide className="brand-logo">
+                    <Link href="#"><img className="img-fluid light-theme-img" src="/images/brand-8.png" alt="brand-logo" /></Link>
+                    <Link href="#"><img className="img-fluid dark-theme-img" src="/images/brand-8-white.png" alt="brand-logo" /></Link>
+                </SwiperSlide>
+                {/* BRAND LOGO IMAGE */}
+                <SwiperSlide className="brand-logo">
+                    <Link href="#"><img className="img-fluid light-theme-img" src="/images/brand-9.png" alt="brand-logo" /></Link>
+                    <Link href="#"><img className="img-fluid dark-theme-img" src="/images/brand-9-white.png" alt="brand-logo" /></Link>
+                </SwiperSlide>
+            </Swiper>
+
+        </>
+    )
+}
diff --git a/components/slider/BrandSlider2.js b/components/slider/BrandSlider2.js
new file mode 100644
index 0000000..c80d5e3
--- /dev/null
+++ b/components/slider/BrandSlider2.js
@@ -0,0 +1,100 @@
+
+import Link from "next/link"
+import { Autoplay } from "swiper/modules"
+import { Swiper, SwiperSlide } from "swiper/react"
+
+const swiperOptions = {
+    modules: [Autoplay],
+    slidesPerView: 6,
+    // spaceBetween: 30,
+    autoplay: {
+        delay: 2500,
+        disableOnInteraction: false,
+    },
+    loop: true,
+
+    breakpoints: {
+        320: {
+            slidesPerView: 2,
+            // spaceBetween: 30,
+        },
+        575: {
+            slidesPerView: 3,
+            // spaceBetween: 30,
+        },
+        767: {
+            slidesPerView: 4,
+            // spaceBetween: 30,
+        },
+        991: {
+            slidesPerView: 5,
+            // spaceBetween: 30,
+        },
+        1199: {
+            slidesPerView: 6,
+            // spaceBetween: 30,
+        },
+        1350: {
+            slidesPerView: 6,
+            // spaceBetween: 30,
+        },
+    }
+}
+
+
+export default function BrandSlider2() {
+    return (
+        <>
+
+            {/* <Swiper {...swiperOptions}>
+                <SwiperSlide>
+
+                </SwiperSlide>
+            </Swiper> */}
+
+            <Swiper {...swiperOptions} className="brands-carousel-6">
+                {/* BRAND LOGO IMAGE */}
+                <SwiperSlide className="brand-logo">
+                    <Link href="#"><img className="img-fluid light-theme-img" src="/images/brand-1.png" alt="brand-logo" /></Link>
+                    <Link href="#"><img className="img-fluid dark-theme-img" src="/images/brand-1-white.png" alt="brand-logo" /></Link>
+                </SwiperSlide>
+                {/* BRAND LOGO IMAGE */}
+                <SwiperSlide className="brand-logo">
+                    <Link href="#"><img className="img-fluid light-theme-img" src="/images/brand-2.png" alt="brand-logo" /></Link>
+                    <Link href="#"><img className="img-fluid dark-theme-img" src="/images/brand-3-white.png" alt="brand-logo" /></Link>
+                </SwiperSlide>
+                {/* BRAND LOGO IMAGE */}
+                <SwiperSlide className="brand-logo">
+                    <Link href="#"><img className="img-fluid light-theme-img" src="/images/brand-4.png" alt="brand-logo" /></Link>
+                    <Link href="#"><img className="img-fluid dark-theme-img" src="/images/brand-4-white.png" alt="brand-logo" /></Link>
+                </SwiperSlide>
+                {/* BRAND LOGO IMAGE */}
+                <SwiperSlide className="brand-logo">
+                    <Link href="#"><img className="img-fluid light-theme-img" src="/images/brand-5.png" alt="brand-logo" /></Link>
+                    <Link href="#"><img className="img-fluid dark-theme-img" src="/images/brand-5-white.png" alt="brand-logo" /></Link>
+                </SwiperSlide>
+                {/* BRAND LOGO IMAGE */}
+                <SwiperSlide className="brand-logo">
+                    <Link href="#"><img className="img-fluid light-theme-img" src="/images/brand-6.png" alt="brand-logo" /></Link>
+                    <Link href="#"><img className="img-fluid dark-theme-img" src="/images/brand-6-white.png" alt="brand-logo" /></Link>
+                </SwiperSlide>
+                {/* BRAND LOGO IMAGE */}
+                <SwiperSlide className="brand-logo">
+                    <Link href="#"><img className="img-fluid light-theme-img" src="/images/brand-7.png" alt="brand-logo" /></Link>
+                    <Link href="#"><img className="img-fluid dark-theme-img" src="/images/brand-7-white.png" alt="brand-logo" /></Link>
+                </SwiperSlide>
+                {/* BRAND LOGO IMAGE */}
+                <SwiperSlide className="brand-logo">
+                    <Link href="#"><img className="img-fluid light-theme-img" src="/images/brand-8.png" alt="brand-logo" /></Link>
+                    <Link href="#"><img className="img-fluid dark-theme-img" src="/images/brand-8-white.png" alt="brand-logo" /></Link>
+                </SwiperSlide>
+                {/* BRAND LOGO IMAGE */}
+                <SwiperSlide className="brand-logo">
+                    <Link href="#"><img className="img-fluid light-theme-img" src="/images/brand-9.png" alt="brand-logo" /></Link>
+                    <Link href="#"><img className="img-fluid dark-theme-img" src="/images/brand-9-white.png" alt="brand-logo" /></Link>
+                </SwiperSlide>
+            </Swiper>
+
+        </>
+    )
+}
diff --git a/components/slider/ReviewSlider1.js b/components/slider/ReviewSlider1.js
new file mode 100644
index 0000000..900e540
--- /dev/null
+++ b/components/slider/ReviewSlider1.js
@@ -0,0 +1,253 @@
+
+import { Autoplay } from "swiper/modules"
+import { Swiper, SwiperSlide } from "swiper/react"
+
+const swiperOptions = {
+    modules: [Autoplay],
+    slidesPerView: 3,
+    // spaceBetween: 30,
+    autoplay: {
+        delay: 2500,
+        disableOnInteraction: false,
+    },
+    loop: true,
+
+    breakpoints: {
+        320: {
+            slidesPerView: 1,
+            // spaceBetween: 30,
+        },
+        575: {
+            slidesPerView: 2,
+            // spaceBetween: 30,
+        },
+        767: {
+            slidesPerView: 3,
+            // spaceBetween: 30,
+        },
+        991: {
+            slidesPerView: 2,
+            // spaceBetween: 30,
+        },
+        1199: {
+            slidesPerView: 3,
+            // spaceBetween: 30,
+        },
+        1350: {
+            slidesPerView: 3,
+            // spaceBetween: 30,
+        },
+    }
+}
+
+
+export default function ReviewSlider1() {
+    return (
+        <>
+
+            {/* <Swiper {...swiperOptions}>
+                <SwiperSlide>
+
+                </SwiperSlide>
+            </Swiper> */}
+            <Swiper {...swiperOptions} className="reviews-1-wrapper">
+                {/* TESTIMONIAL #1 */}
+                <SwiperSlide className="review-1 bg--white-100 block-shadow r-08">
+                    {/* Quote Icon */}
+                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                    {/* Text */}
+                    <div className="review-txt">
+                        {/* Text */}
+                        <p>Etiam sapien sagittis congue augue a massa varius egestas ultrice varius magna
+                            a tempus aliquet undo cursus suscipit
+                        </p>
+                        {/* Author */}
+                        <div className="author-data clearfix">
+                            {/* Avatar */}
+                            <div className="review-avatar">
+                                <img src="/images/review-author-1.jpg" alt="review-avatar" />
+                            </div>
+                            {/* Data */}
+                            <div className="review-author">
+                                <h6 className="s-18 w-700">Scott Boxer</h6>
+                                <p className="p-sm">@scott_boxer</p>
+                            </div>
+                        </div> {/* End Author */}
+                    </div> {/* End Text */}
+                </SwiperSlide> {/* END TESTIMONIAL #1 */}
+                {/* TESTIMONIAL #2 */}
+                <SwiperSlide className="review-1 bg--white-100 block-shadow r-08">
+                    {/* Quote Icon */}
+                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                    {/* Text */}
+                    <div className="review-txt">
+                        {/* Text */}
+                        <p>At sagittis congue augue diam egestas magna an ipsum vitae purus ipsum primis
+                            and cubilia laoreet augue egestas a luctus donec ltrice ligula porta augue magna
+                            suscipit lectus gestas
+                        </p>
+                        {/* Author */}
+                        <div className="author-data clearfix">
+                            {/* Avatar */}
+                            <div className="review-avatar">
+                                <img src="/images/review-author-2.jpg" alt="review-avatar" />
+                            </div>
+                            {/* Data */}
+                            <div className="review-author">
+                                <h6 className="s-18 w-700">Joel Peterson</h6>
+                                <p className="p-sm">Internet Surfer</p>
+                            </div>
+                        </div> {/* End Author */}
+                    </div> {/* End Text */}
+                </SwiperSlide> {/* END TESTIMONIAL #2 */}
+                {/* TESTIMONIAL #3 */}
+                <SwiperSlide className="review-1 bg--white-100 block-shadow r-08">
+                    {/* Quote Icon */}
+                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                    {/* Text */}
+                    <div className="review-txt">
+                        {/* Text */}
+                        <p>Mauris gestas magnis a sapien etiam sapien congue an augue egestas and ultrice
+                            vitae purus diam an integer congue magna ligula egestas magna suscipit
+                        </p>
+                        {/* Author */}
+                        <div className="author-data clearfix">
+                            {/* Avatar */}
+                            <div className="review-avatar">
+                                <img src="/images/review-author-3.jpg" alt="review-avatar" />
+                            </div>
+                            {/* Data */}
+                            <div className="review-author">
+                                <h6 className="s-18 w-700">Marisol19</h6>
+                                <p className="p-sm">@marisol19</p>
+                            </div>
+                        </div> {/* End Author */}
+                    </div> {/* End Text */}
+                </SwiperSlide> {/* END TESTIMONIAL #3 */}
+                {/* TESTIMONIAL #4 */}
+                <SwiperSlide className="review-1 bg--white-100 block-shadow r-08">
+                    {/* Quote Icon */}
+                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                    {/* Text */}
+                    <div className="review-txt">
+                        {/* Text */}
+                        <p>Mauris donec a magnis sapien etiam pretium a congue augue volutpat lectus
+                            aenean magna and undo mauris lectus laoreet tempor egestas rutrum
+                        </p>
+                        {/* Author */}
+                        <div className="author-data clearfix">
+                            {/* Avatar */}
+                            <div className="review-avatar">
+                                <img src="/images/review-author-4.jpg" alt="review-avatar" />
+                            </div>
+                            {/* Data */}
+                            <div className="review-author">
+                                <h6 className="s-18 w-700">Leslie D.</h6>
+                                <p className="p-sm">Web Developer</p>
+                            </div>
+                        </div> {/* End Author */}
+                    </div> {/* End Text */}
+                </SwiperSlide> {/* END TESTIMONIAL #4 */}
+                {/* TESTIMONIAL #5 */}
+                <SwiperSlide className="review-1 bg--white-100 block-shadow r-08">
+                    {/* Quote Icon */}
+                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                    {/* Text */}
+                    <div className="review-txt">
+                        {/* Text */}
+                        <p>An augue cubilia undo laoreet magna suscipit egestas ipsum lectus purus ipsum
+                            and primis augue an ultrice ligula egestas suscipit a lectus gestas auctor
+                            tempus
+                            feugiat impedit
+                        </p>
+                        {/* Author */}
+                        <div className="author-data clearfix">
+                            {/* Avatar */}
+                            <div className="review-avatar">
+                                <img src="/images/review-author-5.jpg" alt="review-avatar" />
+                            </div>
+                            {/* Data */}
+                            <div className="review-author">
+                                <h6 className="s-18 w-700">Jennifer Harper</h6>
+                                <p className="p-sm">App Developer</p>
+                            </div>
+                        </div> {/* End Author */}
+                    </div> {/* End Text */}
+                </SwiperSlide> {/* END TESTIMONIAL #5 */}
+                {/* TESTIMONIAL #6 */}
+                <SwiperSlide className="review-1 bg--white-100 block-shadow r-08">
+                    {/* Quote Icon */}
+                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                    {/* Text */}
+                    <div className="review-txt">
+                        {/* Text */}
+                        <p>An augue cubilia laoreet undo magna ipsum semper suscipit egestas magna ipsum
+                            ligula a vitae purus and ipsum primis cubilia magna suscipit
+                        </p>
+                        {/* Author */}
+                        <div className="author-data clearfix">
+                            {/* Avatar */}
+                            <div className="review-avatar">
+                                <img src="/images/review-author-6.jpg" alt="review-avatar" />
+                            </div>
+                            {/* Data */}
+                            <div className="review-author">
+                                <h6 className="s-18 w-700">Jonathan Barnes</h6>
+                                <p className="p-sm">jQuery Programmer</p>
+                            </div>
+                        </div> {/* End Author */}
+                    </div> {/* End Text */}
+                </SwiperSlide> {/* END TESTIMONIAL #6 */}
+                {/* TESTIMONIAL #7 */}
+                <SwiperSlide className="review-1 bg--white-100 block-shadow r-08">
+                    {/* Quote Icon */}
+                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                    {/* Text */}
+                    <div className="review-txt">
+                        {/* Text */}
+                        <p>Augue egestas porta tempus volutpat egestas augue cubilia laoreet a magna
+                            suscipit luctus dolor blandit vitae purus neque tempus an aliquet porta gestas
+                            rutrum blandit vitae
+                        </p>
+                        {/* Author */}
+                        <div className="author-data clearfix">
+                            {/* Avatar */}
+                            <div className="review-avatar">
+                                <img src="/images/review-author-7.jpg" alt="review-avatar" />
+                            </div>
+                            {/* Data */}
+                            <div className="review-author">
+                                <h6 className="s-18 w-700">Mike Harris</h6>
+                                <p className="p-sm">Graphic Designer</p>
+                            </div>
+                        </div> {/* End Author */}
+                    </div> {/* End Text */}
+                </SwiperSlide> {/* END TESTIMONIAL #7 */}
+                {/* TESTIMONIAL #8 */}
+                <SwiperSlide className="review-1 bg--white-100 block-shadow r-08">
+                    {/* Quote Icon */}
+                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                    {/* Text */}
+                    <div className="review-txt">
+                        {/* Text */}
+                        <p>Augue at vitae purus tempus egestas volutpat augue undo cubilia laoreet magna
+                            suscipit luctus dolor blandit at purus tempus feugiat impedit
+                        </p>
+                        {/* Author */}
+                        <div className="author-data clearfix">
+                            {/* Avatar */}
+                            <div className="review-avatar">
+                                <img src="/images/review-author-8.jpg" alt="review-avatar" />
+                            </div>
+                            {/* Data */}
+                            <div className="review-author">
+                                <h6 className="s-18 w-700">Evelyn Martinez</h6>
+                                <p className="p-sm">WordPress Consultant</p>
+                            </div>
+                        </div> {/* End Author */}
+                    </div> {/* End Text */}
+                </SwiperSlide> {/* END TESTIMONIAL #8 */}
+            </Swiper>
+        </>
+    )
+}
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 0000000..ee3bf89
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,21 @@
+version: '3'
+services:
+  automedsys-www-com:
+    build:
+      context: .
+      dockerfile: docker/Dockerfile
+      #dockerfile: Dockerfile
+    restart: unless-stopped
+    ports:
+      - 5501:3000
+  #  working_dir: /usr/src/app
+  #  volumes:
+  #    - ./:/usr/src/app
+  #    - ./src/:/usr/src/app/src
+    extra_hosts:
+      - backend.automedsys.api.live:10.10.33.15
+      - backend.automedsys.api.test:10.10.33.15
+   # environment:
+     # - CHOKIDAR_USEPOLLING=true
+volumes:
+  src:
diff --git a/docker/Dockerfile b/docker/Dockerfile
new file mode 100644
index 0000000..88da00e
--- /dev/null
+++ b/docker/Dockerfile
@@ -0,0 +1,13 @@
+FROM node:16-alpine
+
+WORKDIR /frontend
+
+COPY package*.json ./
+
+RUN npm install
+
+COPY . .
+
+EXPOSE 3000
+
+CMD npm run dev
\ No newline at end of file
diff --git a/docker/Dockerfile.KEEP b/docker/Dockerfile.KEEP
new file mode 100644
index 0000000..7dbaf61
--- /dev/null
+++ b/docker/Dockerfile.KEEP
@@ -0,0 +1,130 @@
+FROM alpine:3.18
+
+ENV NODE_VERSION 18.17.1
+
+RUN addgroup -g 1000 node \
+    && adduser -u 1000 -G node -s /bin/sh -D node \
+    && apk add --no-cache \
+        libstdc++ \
+    && apk add --no-cache --virtual .build-deps \
+        curl \
+    && ARCH= && alpineArch="$(apk --print-arch)" \
+      && case "${alpineArch##*-}" in \
+        x86_64) \
+          ARCH='x64' \
+          CHECKSUM="a67f0b51f0951382709abb5613ee577b5af648752ed363ae32411214041f4e73" \
+          ;; \
+        *) ;; \
+      esac \
+  && if [ -n "${CHECKSUM}" ]; then \
+    set -eu; \
+    curl -fsSLO --compressed "https://unofficial-builds.nodejs.org/download/release/v$NODE_VERSION/node-v$NODE_VERSION-linux-$ARCH-musl.tar.xz"; \
+    echo "$CHECKSUM  node-v$NODE_VERSION-linux-$ARCH-musl.tar.xz" | sha256sum -c - \
+      && tar -xJf "node-v$NODE_VERSION-linux-$ARCH-musl.tar.xz" -C /usr/local --strip-components=1 --no-same-owner \
+      && ln -s /usr/local/bin/node /usr/local/bin/nodejs; \
+  else \
+    echo "Building from source" \
+    # backup build
+    && apk add --no-cache --virtual .build-deps-full \
+        binutils-gold \
+        g++ \
+        gcc \
+        gnupg \
+        libgcc \
+        linux-headers \
+        make \
+        python3 \
+    # use pre-existing gpg directory, see https://github.com/nodejs/docker-node/pull/1895#issuecomment-1550389150
+    && export GNUPGHOME="$(mktemp -d)" \
+    # gpg keys listed at https://github.com/nodejs/node#release-keys
+    && for key in \
+      4ED778F539E3634C779C87C6D7062848A1AB005C \
+      141F07595B7B3FFE74309A937405533BE57C7D57 \
+      74F12602B6F1C4E913FAA37AD3A89613643B6201 \
+      DD792F5973C6DE52C432CBDAC77ABFA00DDBF2B7 \
+      61FC681DFB92A079F1685E77973F295594EC4689 \
+      8FCCA13FEF1D0C2E91008E09770F7A9A5AE15600 \
+      C4F0DFFF4E8C1A8236409D08E73BC641CC11F4C8 \
+      890C08DB8579162FEE0DF9DB8BEAB4DFCF555EF4 \
+      C82FA3AE1CBEDC6BE46B9360C43CEC45C17AB93C \
+      108F52B48DB57BB0CC439B2997B01419BD92F80A \
+    ; do \
+      gpg --batch --keyserver hkps://keys.openpgp.org --recv-keys "$key" || \
+      gpg --batch --keyserver keyserver.ubuntu.com --recv-keys "$key" ; \
+    done \
+    && curl -fsSLO --compressed "https://nodejs.org/dist/v$NODE_VERSION/node-v$NODE_VERSION.tar.xz" \
+    && curl -fsSLO --compressed "https://nodejs.org/dist/v$NODE_VERSION/SHASUMS256.txt.asc" \
+    && gpg --batch --decrypt --output SHASUMS256.txt SHASUMS256.txt.asc \
+    && gpgconf --kill all \
+    && rm -rf "$GNUPGHOME" \
+    && grep " node-v$NODE_VERSION.tar.xz\$" SHASUMS256.txt | sha256sum -c - \
+    && tar -xf "node-v$NODE_VERSION.tar.xz" \
+    && cd "node-v$NODE_VERSION" \
+    && ./configure \
+    && make -j$(getconf _NPROCESSORS_ONLN) V= \
+    && make install \
+    && apk del .build-deps-full \
+    && cd .. \
+    && rm -Rf "node-v$NODE_VERSION" \
+    && rm "node-v$NODE_VERSION.tar.xz" SHASUMS256.txt.asc SHASUMS256.txt; \
+  fi \
+  && rm -f "node-v$NODE_VERSION-linux-$ARCH-musl.tar.xz" \
+  && apk del .build-deps \
+  # smoke tests
+  && node --version \
+  && npm --version
+
+ENV YARN_VERSION 1.22.19
+
+RUN apk add --no-cache --virtual .build-deps-yarn curl gnupg tar \
+  # use pre-existing gpg directory, see https://github.com/nodejs/docker-node/pull/1895#issuecomment-1550389150
+  && export GNUPGHOME="$(mktemp -d)" \
+  && for key in \
+    6A010C5166006599AA17F08146C2130DFD2497F5 \
+  ; do \
+    gpg --batch --keyserver hkps://keys.openpgp.org --recv-keys "$key" || \
+    gpg --batch --keyserver keyserver.ubuntu.com --recv-keys "$key" ; \
+  done \
+  && curl -fsSLO --compressed "https://yarnpkg.com/downloads/$YARN_VERSION/yarn-v$YARN_VERSION.tar.gz" \
+  && curl -fsSLO --compressed "https://yarnpkg.com/downloads/$YARN_VERSION/yarn-v$YARN_VERSION.tar.gz.asc" \
+  && gpg --batch --verify yarn-v$YARN_VERSION.tar.gz.asc yarn-v$YARN_VERSION.tar.gz \
+  && gpgconf --kill all \
+  && rm -rf "$GNUPGHOME" \
+  && mkdir -p /opt \
+  && tar -xzf yarn-v$YARN_VERSION.tar.gz -C /opt/ \
+  && ln -s /opt/yarn-v$YARN_VERSION/bin/yarn /usr/local/bin/yarn \
+  && ln -s /opt/yarn-v$YARN_VERSION/bin/yarnpkg /usr/local/bin/yarnpkg \
+  && rm yarn-v$YARN_VERSION.tar.gz.asc yarn-v$YARN_VERSION.tar.gz \
+  && apk del .build-deps-yarn \
+  # smoke test
+  && yarn --version
+
+#COPY docker-entrypoint.sh /usr/local/bin/
+#ENTRYPOINT ["docker-entrypoint.sh"]
+
+#CMD [ "node" ]
+
+# set working directory
+WORKDIR /usr/src/app
+
+# add `/app/node_modules/.bin` to $PATH
+ENV PATH /app/node_modules/.bin:$PATH
+
+# install app dependencies
+COPY package.json ./
+#COPY package-lock.json ./
+RUN npm install --silent
+#RUN npm install react-scripts@3.4.1 -g --silent
+
+# add app
+COPY . ./
+
+# start app
+# CMD ["next", "start"]
+
+
+
+
+# start app
+# CMD ["npm","run", "start"]
+# CMD ["npm","run", "build"]
diff --git a/next.config.js b/next.config.js
new file mode 100644
index 0000000..a843cbe
--- /dev/null
+++ b/next.config.js
@@ -0,0 +1,6 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+}
+
+module.exports = nextConfig
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..4c694fe
--- /dev/null
+++ b/package.json
@@ -0,0 +1,24 @@
+{
+    "name": "autoMedSys",
+    "version": "0.1.0",
+    "private": true,
+    "author": "author",
+    "scripts": {
+        "dev": "next dev",
+        "build": "next build",
+        "start": "next start",
+        "lint": "next lint",
+        "sass": "sass --watch public/assets/scss/main.scss:public/assets/css/main.css"
+    },
+    "dependencies": {
+        "eslint": "8.41.0",
+        "eslint-config-next": "13.4.3",
+        "next": "13.4.3",
+        "react": "18.2.0",
+        "react-dom": "18.2.0",
+        "react-modal-video": "^2.0.1",
+        "sass": "^1.62.1",
+        "swiper": "^10.0.4",
+        "wowjs": "^1.1.3"
+    }
+}
diff --git a/pages/404.js b/pages/404.js
new file mode 100644
index 0000000..3460d96
--- /dev/null
+++ b/pages/404.js
@@ -0,0 +1,40 @@
+import Layout from "/components/layout/Layout"
+import Link from "next/link"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={2} headerCls="navbar-dark inner-page-header">
+                <div>
+                    {/* PAGE 404
+			============================================= */}
+                    <section id="page-404" className="bg--white-300 division">
+                        <div className="container">
+                            <div className="row justify-content-center">
+                                {/* 404 PAGE TEXT */}
+                                <div className="col-md-9 col-lg-8">
+                                    <div className="page-404-txt text-center">
+                                        {/* Image */}
+                                        <div className="rel page-404-img">
+                                            <img className="img-fluid" src="/images/error-404.png" alt="error-404-img" />
+                                        </div>
+                                        {/* Text */}
+                                        <h2 className="s-56 w-700 color--dark">Page Not Found</h2>
+                                        <h6 className="s-22 color--grey">
+                                            Oops! The page you are looking for might have been moved, renamed or might never existed
+                                        </h6>
+                                        {/* Button */}
+                                        <Link href="/demo-1" className="btn btn--theme hover--theme">Back to home</Link>
+                                    </div>
+                                </div>	{/* END 404 PAGE TEXT */}
+                            </div>	   {/* End row */}
+                        </div>	   {/* End container */}
+                    </section>	{/* END PAGE 404 */}
+                    {/* DIVIDER LINE */}
+                    <hr className="divider divider-light" />
+                </div>
+
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/_app.js b/pages/_app.js
new file mode 100644
index 0000000..a7ad7f7
--- /dev/null
+++ b/pages/_app.js
@@ -0,0 +1,40 @@
+import Preloader from '../components/elements/Preloader';
+import { useEffect, useState } from "react"
+import 'swiper/css'
+import 'swiper/css/navigation'
+import 'swiper/css/pagination'
+
+import "/public/css/demo.css"
+import "/public/css/bootstrap.min.css"
+import "/public/css/flaticon.css"
+import "/public/css/menu.css"
+import "/public/css/dropdown-effects/fade-down.css"
+import "/public/css/lunar.css"
+// import "/public/css/magnific-popup.css"
+// import "/public/css/owl.carousel.min.css"
+// import "/public/css/owl.theme.default.min.css"
+// import SmoothScroll from "@/components/elements/SmoothScroll"
+import "/public/css/animate.css"
+import "/public/css/automedsys.css"
+import "/public/css/responsive.css"
+
+function MyApp({ Component, pageProps }) {
+
+    const [loading, setLoading] = useState(true)
+    useEffect(() => {
+        setTimeout(() => {
+            setLoading(false)
+        }, 1000)
+
+    }, [])
+    return (<>
+        {/* <SmoothScroll /> */}
+        {!loading ? (
+            <Component {...pageProps} />
+        ) : (
+            <Preloader />
+        )}
+    </>)
+}
+
+export default MyApp
diff --git a/pages/_document.js b/pages/_document.js
new file mode 100644
index 0000000..6d59418
--- /dev/null
+++ b/pages/_document.js
@@ -0,0 +1,18 @@
+import { Head, Html, Main, NextScript } from 'next/document'
+
+export default function Document() {
+    return (
+        <Html lang="en">
+            <Head />
+            <link rel="shortcut icon" href="/images/favicon.png" type="image/x-icon" />
+            <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap" rel="stylesheet" />
+            <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap" rel="stylesheet" />
+            <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
+
+            <body>
+                <Main />
+                <NextScript />
+            </body>
+        </Html>
+    )
+}
diff --git a/pages/about.js b/pages/about.js
new file mode 100644
index 0000000..a8b425d
--- /dev/null
+++ b/pages/about.js
@@ -0,0 +1,1047 @@
+import CounterUp from "/components/elements/CounterUp"
+import VideoPopup from "/components/elements/VidepPopup"
+import Layout from "/components/layout/Layout"
+import BrandSlider2 from "/components/slider/BrandSlider2"
+import Link from "next/link"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
+                <div>
+                    {/* ABOUT-2
+			============================================= */}
+                    <section id="about-2" className="rel inner-page-hero about-section division">
+                        {/* ABOUT-2 TITLE */}
+                        <div className="container">
+                            <div className="row">
+                                <div className="col-md-11 col-lg-10 col-xl-9">
+                                    <div className="about-2-title mb-60">
+                                        {/* Title */}
+                                        <h2 className="s-52 w-700 mb-30">We provide solutions for your creative ideas</h2>
+                                        {/* Text */}
+                                        <p className="mb-0">An enim nullam tempor sapien gravida donec pretium ipsum porta justo
+                                            integer and purus velna vitae auctor integer undo congue diam purus pretium and ligula
+                                            tempor primis libero at tempus, blandit and cursus varius magnis at sapien egestas
+                                            purus vitae purus an ipsum
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>	  {/* END ABOUT-2 TITLE */}
+                        {/* ABOUT-2 IMAGES */}
+                        <div className="container-fluid">
+                            <div className="row">
+                                {/* IMAGES-1 */}
+                                <div className="col-md-5">
+                                    <div className="text-end">
+                                        {/* IMAGE-1 */}
+                                        <div className="about-2-img a-2-1 r-12">
+                                            <img className="img-fluid" src="/images/a2-1.jpg" alt="about-image" />
+                                        </div>
+                                        {/* IMAGE-2 */}
+                                        <div className="about-2-img a-2-2 r-12">
+                                            <img className="img-fluid" src="/images/a2-2.jpg" alt="about-image" />
+                                        </div>
+                                    </div>
+                                </div>	{/* END IMAGES-1 */}
+                                {/* IMAGES-2 */}
+                                <div className="col-md-7">
+                                    {/* IMAGE-3 */}
+                                    <div className="about-2-img a-2-3 r-12">
+                                        <img className="img-fluid" src="/images/a2-3.jpg" alt="about-image" />
+                                    </div>
+                                    <div className="row">
+                                        {/* TEXT */}
+                                        <div className="col-md-7 col-lg-6">
+                                            <div className="a2-txt bg--black-400 pattern-01 bg--fixed color--white r-12">
+                                                {/* Icon */}
+                                                <div className="a2-txt-quote ico-40 o-20">
+                                                    <span className="flaticon-quote" />
+                                                </div>
+                                                {/* Text */}
+                                                <p>Nullam tempor pretium a gravida donec congue ipsum porta justo integer dolor
+                                                    odio auctor a neque suscipit an ipsum integer congue purus at pretium turpis
+                                                    egestas and volute laoreet quaerat
+                                                </p>
+                                                {/* Author */}
+                                                <p className="a2-txt-author">Charlie Cheever <span>CEO &amp; CO-FOUNDER</span></p>
+                                            </div>
+                                        </div>
+                                        {/* IMAGE-4 */}
+                                        <div className="col-md-5 col-lg-6">
+                                            <div className="about-2-img a-2-4 r-12">
+                                                <img className="img-fluid" src="/images/a2-4.jpg" alt="about-image" />
+                                            </div>
+                                        </div>
+                                    </div>	 {/* End row */}
+                                </div>	{/* END IMAGES-2 */}
+                            </div>	 {/* End row */}
+                        </div>	  {/* END ABOUT-2 IMAGES */}
+                    </section>	{/* END ABOUT-2 */}
+                    {/* ABOUT-3
+			============================================= */}
+                    <div id="about-3" className="pt-100 about-section division">
+                        <div className="container">
+                            <div className="row">
+                                {/* ABOUT-3 TEXT */}
+                                <div className="col-md-6">
+                                    <div id="a3-1" className="txt-block">
+                                        {/* Title */}
+                                        <h5 className="s-24 w-700 mb-20">Mission and impact</h5>
+                                        {/* Text */}
+                                        <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                            vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                        </p>
+                                        {/* List */}
+                                        <ul className="simple-list">
+                                            <li className="list-item">
+                                                <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                                    aliquam undo congue dolor cursus
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                    sapien turpis ultrice auctor congue magna placerat
+                                                </p>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END ABOUT-3 TEXT */}
+                                {/* ABOUT-3 TEXT */}
+                                <div className="col-md-6">
+                                    <div id="a3-2" className="txt-block">
+                                        {/* Title */}
+                                        <h5 className="s-24 w-700 mb-20">We deliver results</h5>
+                                        {/* Text */}
+                                        <p>Nemo ipsam egestas volute turpis egestas ipsum and purus sapien ultrice an aliquam quaerat
+                                            ipsum augue turpis sapien cursus congue magna purus quaerat at ligula purus egestas magna
+                                            cursus undo varius purus magnis sapien quaerat
+                                        </p>
+                                        {/* Text */}
+                                        <p className="mb-0">Egestas volute nemo ipsam turpis egestas ipsum and purus sapien ultrice an
+                                            aliquam quaerat ipsum augue turpis sapien cursus congue magna purus quaerat at ligula purus egestas magna cursus undo varius purus quaerat sapien magnis
+                                        </p>
+                                    </div>
+                                </div>	{/* END ABOUT-3 TEXT */}
+                            </div>    {/* End row */}
+                        </div>	   {/* End container */}
+                    </div>	{/* END ABOUT-3 */}
+                    {/* STATISTIC-5
+			============================================= */}
+                    <div id="statistic-5" className="py-100 statistic-section division">
+                        <div className="container">
+                            {/* STATISTIC-1 WRAPPER */}
+                            <div className="statistic-5-wrapper">
+                                <div className="row row-cols-1 row-cols-md-3">
+                                    {/* STATISTIC BLOCK #1 */}
+                                    <div className="col">
+                                        <div id="sb-5-1" className="wow fadeInUp">
+                                            <div className="statistic-block">
+                                                {/* Digit */}
+                                                <div className="statistic-digit">
+                                                    <h2 className="s-44 w-700">
+                                                        <CounterUp end={26} />.<CounterUp end={62} />k
+                                                    </h2>
+                                                </div>
+                                                {/* Text */}
+                                                <div className="statistic-txt">
+                                                    <h5 className="s-19 w-700">Happy Customers</h5>
+                                                    <p>Porta justo integer and velna vitae auctor and magna quaerat ligula</p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END STATISTIC BLOCK #1 */}
+                                    {/* STATISTIC BLOCK #2 */}
+                                    <div className="col">
+                                        <div id="sb-5-2" className="wow fadeInUp">
+                                            <div className="statistic-block">
+                                                {/* Digit */}
+                                                <div className="statistic-digit">
+                                                    <h2 className="s-44 w-700">
+                                                        <CounterUp end={13} />.<CounterUp end={54} />k
+                                                    </h2>
+                                                </div>
+                                                {/* Text */}
+                                                <div className="statistic-txt">
+                                                    <h5 className="s-19 w-700">Positive Ratings</h5>
+                                                    <p>Porta justo integer and velna vitae auctor and magna quaerat ligula</p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END STATISTIC BLOCK #2 */}
+                                    {/* STATISTIC BLOCK #3 */}
+                                    <div className="col">
+                                        <div id="sb-5-3" className="wow fadeInUp">
+                                            <div className="statistic-block">
+                                                {/* Digit */}
+                                                <div className="statistic-digit">
+                                                    <h2 className="s-44 w-700">
+                                                        <CounterUp end={4} />.<CounterUp end={87} />/5
+                                                    </h2>
+                                                </div>
+                                                {/* Text */}
+                                                <div className="statistic-txt">
+                                                    <h5 className="s-19 w-700">Rating</h5>
+                                                    <p>Porta justo integer and velna vitae auctor and magna quaerat ligula</p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END STATISTIC BLOCK #3 */}
+                                </div>  {/* End row */}
+                            </div>	{/* END STATISTIC-5 WRAPPER */}
+                        </div>	 {/* End container */}
+                    </div>	 {/* END STATISTIC-5 */}
+                    {/* TEXT CONTENT
+			============================================= */}
+                    <section className="bg--04 bg--fixed py-100 ct-01 content-section division">
+                        <div className="container">
+                            <div className="row d-flex align-items-center">
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6 order-last order-md-2">
+                                    <div className="txt-block left-column wow fadeInRight">
+                                        {/* Section ID */}
+                                        <span className="section-id">Co-founder at Martex</span>
+                                        {/* Title */}
+                                        <h2 className="s-50 w-700">Henry Adams</h2>
+                                        {/* Text */}
+                                        <p className="p-lg">"Sodales tempor sapien diam purus ipsum quaerat and volute fusce
+                                            a congue laoreet turpis neque diam auctor turpis vitae dolor magna luctus placerat
+                                            neque ipsum fusce cursus ligula cursus purus vitae purus and ipsum suscipit. Nemo
+                                            ipsam cubilia donec turpis undo egestas ipsum a purus sapien ultrice aliquam lacus
+                                            and quaerat an ipsum augue turpis sapien cursus congue augue"
+                                        </p>
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6 order-first order-md-2">
+                                    <div className="img-block j-img video-preview right-column wow fadeInLeft">
+                                        {/* Play Icon */}
+                                        <VideoPopup style={2} />
+                                        {/* Preview Image */}
+                                        <img className="img-fluid r-20" src="/images/img-17.jpg" alt="video-preview" />
+                                    </div>
+                                </div>
+                            </div>    {/* End row */}
+                        </div>	   {/* End container */}
+                    </section>	{/* END TEXT CONTENT */}
+                    {/* FEATURES-11
+			============================================= */}
+                    <section id="features-11" className="py-100 features-section division">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-9">
+                                    <div className="section-title mb-70">
+                                        {/* Title */}
+                                        <h2 className="s-50 w-700">We make your business gain more revenue at a glance</h2>
+                                        {/* Text */}
+                                        <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* FEATURES-11 WRAPPER */}
+                            <div className="fbox-wrapper">
+                                <div className="row row-cols-1 row-cols-md-2 rows-3">
+                                    {/* FEATURE BOX #1 */}
+                                    <div className="col">
+                                        <div className="fbox-11 fb-1 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="fbox-ico-wrap">
+                                                <div className="fbox-ico ico-50">
+                                                    <div className="shape-ico">
+                                                        {/* Vector Icon */}
+                                                        <span className="flaticon-graphics color--theme" />
+                                                        {/* Shape */}
+                                                        <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                            <path fill="#f4f9fc" d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                        </svg>
+                                                    </div>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h6 className="s-22 w-700">Market Research</h6>
+                                                <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                                    tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                                </p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END FEATURE BOX #1 */}
+                                    {/* FEATURE BOX #2 */}
+                                    <div className="col">
+                                        <div className="fbox-11 fb-2 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="fbox-ico-wrap">
+                                                <div className="fbox-ico ico-50">
+                                                    <div className="shape-ico">
+                                                        {/* Vector Icon */}
+                                                        <span className="flaticon-idea color--theme" />
+                                                        {/* Shape */}
+                                                        <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                            <path fill="#f4f9fc" d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                        </svg>
+                                                    </div>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h6 className="s-22 w-700">User Experience</h6>
+                                                <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                                    tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                                </p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END FEATURE BOX #2 */}
+                                    {/* FEATURE BOX #3 */}
+                                    <div className="col">
+                                        <div className="fbox-11 fb-3 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="fbox-ico-wrap">
+                                                <div className="fbox-ico ico-50">
+                                                    <div className="shape-ico">
+                                                        {/* Vector Icon */}
+                                                        <span className="flaticon-graphic color--theme" />
+                                                        {/* Shape */}
+                                                        <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                            <path fill="#f4f9fc" d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                        </svg>
+                                                    </div>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h6 className="s-22 w-700">Digital Marketing</h6>
+                                                <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                                    tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                                </p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END FEATURE BOX #3 */}
+                                    {/* FEATURE BOX #4 */}
+                                    <div className="col">
+                                        <div className="fbox-11 fb-4 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="fbox-ico-wrap">
+                                                <div className="fbox-ico ico-50">
+                                                    <div className="shape-ico">
+                                                        {/* Vector Icon */}
+                                                        <span className="flaticon-wireframe color--theme" />
+                                                        {/* Shape */}
+                                                        <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                            <path fill="#f4f9fc" d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                        </svg>
+                                                    </div>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h6 className="s-22 w-700">Web Development</h6>
+                                                <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                                    tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                                </p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END FEATURE BOX #4 */}
+                                    {/* FEATURE BOX #5 */}
+                                    <div className="col">
+                                        <div className="fbox-11 fb-5 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="fbox-ico-wrap">
+                                                <div className="fbox-ico ico-50">
+                                                    <div className="shape-ico">
+                                                        {/* Vector Icon */}
+                                                        <span className="flaticon-trophy color--theme" />
+                                                        {/* Shape */}
+                                                        <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                            <path fill="#f4f9fc" d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                        </svg>
+                                                    </div>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h6 className="s-22 w-700">Brand Design Identity</h6>
+                                                <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                                    tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                                </p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END FEATURE BOX #5 */}
+                                    {/* FEATURE BOX #6 */}
+                                    <div className="col">
+                                        <div className="fbox-11 fb-6 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="fbox-ico-wrap">
+                                                <div className="fbox-ico ico-50">
+                                                    <div className="shape-ico">
+                                                        {/* Vector Icon */}
+                                                        <span className="flaticon-search-engine-1 color--theme" />
+                                                        {/* Shape */}
+                                                        <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                            <path fill="#f4f9fc" d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                        </svg>
+                                                    </div>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h6 className="s-22 w-700">SEO &amp; SMM Services</h6>
+                                                <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                                    tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                                </p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END FEATURE BOX #6 */}
+                                </div>  {/* End row */}
+                            </div>	{/* END FEATURES-11 WRAPPER */}
+                        </div>     {/* End container */}
+                    </section>	{/* END FEATURES-11 */}
+                    {/* DIVIDER LINE */}
+                    <hr className="divider" />
+                    {/* BRANDS-1
+			============================================= */}
+                    <div id="brands-1" className="py-80 brands-section">
+                        <div className="container">
+                            {/* BRANDS TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-9">
+                                    <div className="brands-title mb-50">
+                                        <h5 className="s-20">Trusted and used by over 3,400 companies</h5>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* BRANDS CAROUSEL */}
+                            <div className="row">
+                                <div className="col text-center">
+                                    <BrandSlider2 />
+                                </div>
+                            </div>  {/* END BRANDS CAROUSEL */}
+                        </div>	{/* End container */}
+                    </div>	{/* END BRANDS-1 */}
+                    {/* DIVIDER LINE */}
+                    <hr className="divider" />
+                    {/* TEAM-1
+			============================================= */}
+                    <section id="team-1" className="pt-100 team-section">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-9">
+                                    <div className="section-title mb-80">
+                                        {/* Title */}
+                                        <h2 className="s-50 w-700">All we do is dream and craft amazing products</h2>
+                                        {/* Text */}
+                                        <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* TEAM MEMBERS WRAPPER */}
+                            <div className="team-members-wrapper">
+                                <div className="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4">
+                                    {/* TEAM MEMBER #1 */}
+                                    <div className="col">
+                                        <div className="team-member mb-50 wow fadeInUp">
+                                            {/* Team Member Photo */}
+                                            <div className="team-member-photo r-14">
+                                                <div className="hover-overlay">
+                                                    <img className="img-fluid" src="/images/team-1.jpg" alt="team-member-foto" />
+                                                    <div className="item-overlay" />
+                                                </div>
+                                            </div>
+                                            {/* Team Member Data */}
+                                            <div className="team-member-data">
+                                                <h6 className="s-20 w-700 color--black">Jonathan Barnes</h6>
+                                                <p className="color--grey">Founder and CEO</p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END TEAM MEMBER #1 */}
+                                    {/* TEAM MEMBER #2 */}
+                                    <div className="col">
+                                        <div className="team-member mb-50 wow fadeInUp">
+                                            {/* Team Member Photo */}
+                                            <div className="team-member-photo r-14">
+                                                <div className="hover-overlay">
+                                                    <img className="img-fluid" src="/images/team-2.jpg" alt="team-member-foto" />
+                                                    <div className="item-overlay" />
+                                                </div>
+                                            </div>
+                                            {/* Team Member Data */}
+                                            <div className="team-member-data">
+                                                <h6 className="s-20 w-700 color--black">Jaime Fletcher</h6>
+                                                <p className="color--grey">Software Engineer</p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END TEAM MEMBER #2 */}
+                                    {/* TEAM MEMBER #3 */}
+                                    <div className="col">
+                                        <div className="team-member mb-50 wow fadeInUp">
+                                            {/* Team Member Photo */}
+                                            <div className="team-member-photo r-14">
+                                                <div className="hover-overlay">
+                                                    <img className="img-fluid" src="/images/team-3.jpg" alt="team-member-foto" />
+                                                    <div className="item-overlay" />
+                                                </div>
+                                            </div>
+                                            {/* Team Member Data */}
+                                            <div className="team-member-data">
+                                                <h6 className="s-20 w-700 color--black">Les Bakker</h6>
+                                                <p className="color--grey">Software Engineer</p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END TEAM MEMBER #3 */}
+                                    {/* TEAM MEMBER #4 */}
+                                    <div className="col">
+                                        <div className="team-member mb-50 wow fadeInUp">
+                                            {/* Team Member Photo */}
+                                            <div className="team-member-photo r-14">
+                                                <div className="hover-overlay">
+                                                    <img className="img-fluid" src="/images/team-4.jpg" alt="team-member-foto" />
+                                                    <div className="item-overlay" />
+                                                </div>
+                                            </div>
+                                            {/* Team Member Data */}
+                                            <div className="team-member-data">
+                                                <h6 className="s-20 w-700 color--black">Alyssa Garrison</h6>
+                                                <p className="color--grey">Web Development</p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END TEAM MEMBER #4 */}
+                                    {/* TEAM MEMBER #5 */}
+                                    <div className="col">
+                                        <div className="team-member mb-50 wow fadeInUp">
+                                            {/* Team Member Photo */}
+                                            <div className="team-member-photo r-14">
+                                                <div className="hover-overlay">
+                                                    <img className="img-fluid" src="/images/team-5.jpg" alt="team-member-foto" />
+                                                    <div className="item-overlay" />
+                                                </div>
+                                            </div>
+                                            {/* Team Member Data */}
+                                            <div className="team-member-data">
+                                                <h6 className="s-20 w-700 color--black">Charlotte Johnson</h6>
+                                                <p className="color--grey">Content Manager</p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END TEAM MEMBER #5 */}
+                                    {/* TEAM MEMBER #6 */}
+                                    <div className="col">
+                                        <div className="team-member mb-50 wow fadeInUp">
+                                            {/* Team Member Photo */}
+                                            <div className="team-member-photo r-14">
+                                                <div className="hover-overlay">
+                                                    <img className="img-fluid" src="/images/team-6.jpg" alt="team-member-foto" />
+                                                    <div className="item-overlay" />
+                                                </div>
+                                            </div>
+                                            {/* Team Member Data */}
+                                            <div className="team-member-data">
+                                                <h6 className="s-20 w-700 color--black">Olivia Steiner</h6>
+                                                <p className="color--grey">Head of Marketing</p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END TEAM MEMBER #6 */}
+                                    {/* TEAM MEMBER #7 */}
+                                    <div className="col">
+                                        <div className="team-member mb-50 wow fadeInUp">
+                                            {/* Team Member Photo */}
+                                            <div className="team-member-photo r-14">
+                                                <div className="hover-overlay">
+                                                    <img className="img-fluid" src="/images/team-7.jpg" alt="team-member-foto" />
+                                                    <div className="item-overlay" />
+                                                </div>
+                                            </div>
+                                            {/* Team Member Data */}
+                                            <div className="team-member-data">
+                                                <h6 className="s-20 w-700 color--black">Charles Fairless</h6>
+                                                <p className="color--grey">Operations Manager</p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END TEAM MEMBER #7 */}
+                                    {/* TEAM MEMBER #8 */}
+                                    <div className="col">
+                                        <div className="team-member mb-50 wow fadeInUp">
+                                            {/* Team Member Photo */}
+                                            <div className="team-member-photo r-14">
+                                                <div className="hover-overlay">
+                                                    <img className="img-fluid" src="/images/team-13.jpg" alt="team-member-foto" />
+                                                    <div className="item-overlay" />
+                                                </div>
+                                            </div>
+                                            {/* Team Member Data */}
+                                            <div className="team-member-data">
+                                                <h6 className="s-20 w-700 color--black">Grow with Us!</h6>
+                                                <p className="color--grey"><Link href="mailto:youremail@mail.com">hireme@domain.com</Link></p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END TEAM MEMBER #8 */}
+                                </div>   {/* End row */}
+                            </div>	{/* TEAM MEMBERS WRAPPER */}
+                            {/* MORES BUTTON */}
+                            <div className="row">
+                                <div className="col">
+                                    <div className="more-btn text-center mt-20 wow fadeInUp">
+                                        <Link href="/careers" className="btn btn--tra-black hover--theme">Join our team</Link>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>	    {/* End container */}
+                    </section>	{/* END TEAM-1 */}
+                    {/* BOX CONTENT
+			============================================= */}
+                    <section className="pt-100 ws-wrapper content-section">
+                        <div className="container">
+                            <div className="bc-1-wrapper bg--02 bg--fixed r-16">
+                                <div className="section-overlay">
+                                    <div className="row d-flex align-items-center">
+                                        {/* TEXT BLOCK */}
+                                        <div className="col-md-6 order-last order-md-2">
+                                            <div className="txt-block left-column wow fadeInRight">
+                                                {/* Section ID */}
+                                                <span className="section-id">Why Choose Us</span>
+                                                {/* Title */}
+                                                <h2 className="s-46 w-700">With knowledge, skills &amp; hard work</h2>
+                                                {/* Text */}
+                                                <p>Sodales tempor sapien quaerat congue eget ipsum laoreet turpis neque auctor
+                                                    vitae eros dolor luctus placerat magna ligula cursus and purus pretium
+                                                </p>
+                                                {/* Small Title */}
+                                                <h5 className="s-24 w-700 h5-title">Your road to success!</h5>
+                                                {/* Text */}
+                                                <p className="mb-0">Sapien tempor sodales quaerat ipsum undo congue laoreet turpis neque
+                                                    auctor turpis vitae dolor luctus placerat magna and ligula cursus purus vitae
+                                                </p>
+                                            </div>
+                                        </div>	{/* END TEXT BLOCK */}
+                                        {/* IMAGE BLOCK */}
+                                        <div className="col-md-6 order-first order-md-2">
+                                            <div className="img-block right-column wow fadeInLeft">
+                                                <img className="img-fluid" src="/images/img-08.png" alt="content-image" />
+                                            </div>
+                                        </div>
+                                    </div>   {/* End row */}
+                                </div>    {/* End section overlay */}
+                            </div>    {/* End content wrapper */}
+                        </div>     {/* End container */}
+                    </section>	{/* END BOX CONTENT */}
+                    {/* TEXT CONTENT
+			============================================= */}
+                    <section className="pt-100 ct-02 content-section division">
+                        <div className="container">
+                            {/* SECTION CONTENT (ROW) */}
+                            <div className="row d-flex align-items-center">
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6">
+                                    <div className="img-block left-column wow fadeInRight">
+                                        <img className="img-fluid" src="/images/img-07.png" alt="content-image" />
+                                    </div>
+                                </div>
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6">
+                                    <div className="txt-block right-column wow fadeInLeft">
+                                        {/* Section ID */}
+                                        <span className="section-id">Strategies That Work</span>
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Right strategies &amp; implementations</h2>
+                                        {/* Text */}
+                                        <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                            vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                        </p>
+                                        {/* Text */}
+                                        <p className="mb-0">Nemo ipsam egestas volute turpis egestas ipsum and purus sapien ultrice
+                                            an aliquam quaerat ipsum augue turpis sapien cursus congue magna purus quaerat at ligula
+                                            purus egestas magna cursus undo varius purus magnis sapien quaerat
+                                        </p>
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                            </div>	{/* END SECTION CONTENT (ROW) */}
+                        </div>	   {/* End container */}
+                    </section>	{/* END TEXT CONTENT */}
+                    {/* TESTIMONIALS-2
+			============================================= */}
+                    <section id="reviews-2" className="pt-100 reviews-section">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-9">
+                                    <div className="section-title mb-70">
+                                        {/* Title */}
+                                        <h2 className="s-50 w-700">Here’s what our amazing clients are saying</h2>
+                                        {/* Text */}
+                                        <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* TESTIMONIALS-2 WRAPPER */}
+                            <div className="reviews-2-wrapper rel shape--02 shape--whitesmoke">
+                                <div className="row align-items-center row-cols-1 row-cols-md-2">
+                                    {/* TESTIMONIAL #1 */}
+                                    <div className="col">
+                                        <div id="rw-2-1" className="review-2 bg--white-100 block-shadow r-08">
+                                            {/* Quote Icon */}
+                                            <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                            {/* Text */}
+                                            <div className="review-txt">
+                                                {/* Text */}
+                                                <p>Quaerat sodales sapien euismod blandit aliquet ipsum primis undo and cubilia
+                                                    laoreet augue and luctus magna dolor luctus egestas sapien vitae
+                                                </p>
+                                                {/* Author */}
+                                                <div className="author-data clearfix">
+                                                    {/* Avatar */}
+                                                    <div className="review-avatar">
+                                                        <img src="/images/review-author-1.jpg" alt="review-avatar" />
+                                                    </div>
+                                                    {/* Data */}
+                                                    <div className="review-author">
+                                                        <h6 className="s-18 w-700">Scott Boxer</h6>
+                                                        <p className="p-sm">@scott_boxer</p>
+                                                    </div>
+                                                </div>	{/* End Author */}
+                                            </div>	{/* End Text */}
+                                        </div>
+                                    </div>	{/* END TESTIMONIAL #1 */}
+                                    {/* TESTIMONIAL #2 */}
+                                    <div className="col">
+                                        <div id="rw-2-2" className="review-2 bg--white-100 block-shadow r-08">
+                                            {/* Quote Icon */}
+                                            <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                            {/* Text */}
+                                            <div className="review-txt">
+                                                {/* Text */}
+                                                <p>At sagittis congue augue and magna ipsum vitae a purus ipsum primis diam a
+                                                    cubilia laoreet augue egestas luctus a donec vitae ultrice ligula magna suscipit
+                                                    lectus gestas augue into cubilia
+                                                </p>
+                                                {/* Author */}
+                                                <div className="author-data clearfix">
+                                                    {/* Avatar */}
+                                                    <div className="review-avatar">
+                                                        <img src="/images/review-author-2.jpg" alt="review-avatar" />
+                                                    </div>
+                                                    {/* Data */}
+                                                    <div className="review-author">
+                                                        <h6 className="s-18 w-700">Joel Peterson</h6>
+                                                        <p className="p-sm">Internet Surfer</p>
+                                                    </div>
+                                                </div>	{/* End Author */}
+                                            </div>	{/* End Text */}
+                                        </div>
+                                    </div>	{/* END TESTIMONIAL #2 */}
+                                    {/* TESTIMONIAL #3 */}
+                                    <div className="col">
+                                        <div id="rw-2-3" className="review-2 bg--white-100 block-shadow r-08">
+                                            {/* Quote Icon */}
+                                            <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                            {/* Text */}
+                                            <div className="review-txt">
+                                                {/* Text */}
+                                                <p>An augue cubilia laoreet magna suscipit egestas and ipsum a lectus purus ipsum
+                                                    primis and augue ultrice ligula and egestas a suscipit lectus gestas undo auctor
+                                                    tempus feugiat impedit quaerat
+                                                </p>
+                                                {/* Author */}
+                                                <div className="author-data clearfix">
+                                                    {/* Avatar */}
+                                                    <div className="review-avatar">
+                                                        <img src="/images/review-author-5.jpg" alt="review-avatar" />
+                                                    </div>
+                                                    {/* Data */}
+                                                    <div className="review-author">
+                                                        <h6 className="s-18 w-700">Jennifer Harper</h6>
+                                                        <p className="p-sm">App Developer</p>
+                                                    </div>
+                                                </div>	{/* End Author */}
+                                            </div>	{/* End Text */}
+                                        </div>
+                                    </div>	{/* END TESTIMONIAL #3 */}
+                                    {/* TESTIMONIAL #4 */}
+                                    <div className="col">
+                                        <div id="rw-2-4" className="review-2 bg--white-100 block-shadow r-08">
+                                            {/* Quote Icon */}
+                                            <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                            {/* Text */}
+                                            <div className="review-txt">
+                                                {/* Text */}
+                                                <p>Augue at vitae purus tempus egestas volutpat augue undo cubilia laoreet magna
+                                                    suscipit luctus dolor blandit at purus tempus feugiat impedit
+                                                </p>
+                                                {/* Author */}
+                                                <div className="author-data clearfix">
+                                                    {/* Avatar */}
+                                                    <div className="review-avatar">
+                                                        <img src="/images/review-author-8.jpg" alt="review-avatar" />
+                                                    </div>
+                                                    {/* Data */}
+                                                    <div className="review-author">
+                                                        <h6 className="s-18 w-700">Evelyn Martinez</h6>
+                                                        <p className="p-sm">WordPress Consultant</p>
+                                                    </div>
+                                                </div>	{/* End Author */}
+                                            </div>	{/* End Text */}
+                                        </div>
+                                    </div>	{/* END TESTIMONIAL #4 */}
+                                </div>  {/* End row */}
+                            </div>	{/* END TESTIMONIALS-2 WRAPPER */}
+                        </div>	   {/* End container */}
+                    </section>	{/* END TESTIMONIALS-2 */}
+                    {/* RATING-1
+			============================================= */}
+                    <div id="rating-1" className="pt-70 pb-100 rating-section">
+                        <div className="container">
+                            {/* RATING TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-9">
+                                    <div className="rating-title mb-40">
+                                        <h5 className="s-18 color--grey w-500">Our clients love us as much as we love them</h5>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* RATING-1 WRAPPER */}
+                            <div className="rating-1-wrapper">
+                                <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                                    {/* RATING BOX #1 */}
+                                    <div className="col">
+                                        <div id="rb-1-1" className="rbox-1">
+                                            {/* Brand Logo */}
+                                            <div className="rbox-1-img">
+                                                <Link href="#"><img className="img-fluid light-theme-img" src="/images/brand-21.png" alt="brand-logo" /></Link>
+                                                <Link href="#"><img className="img-fluid dark-theme-img" src="/images/brand-21-white.png" alt="brand-logo" /></Link>
+                                            </div>
+                                            {/* Rating Stars */}
+                                            <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                                <span className="flaticon-star" />
+                                                <span className="flaticon-star" />
+                                                <span className="flaticon-star" />
+                                                <span className="flaticon-star" />
+                                                <span className="flaticon-star-half-empty mr-5" />
+                                                4.7/5
+                                            </div>
+                                        </div>
+                                    </div>
+                                    {/* RATING BOX #2 */}
+                                    <div className="col">
+                                        <div id="rb-1-2" className="rbox-1">
+                                            {/* Brand Logo */}
+                                            <div className="rbox-1-img">
+                                                <Link href="#"><img className="img-fluid light-theme-img" src="/images/brand-22.png" alt="brand-logo" /></Link>
+                                                <Link href="#"><img className="img-fluid dark-theme-img" src="/images/brand-22-white.png" alt="brand-logo" /></Link>
+                                            </div>
+                                            {/* Rating Stars */}
+                                            <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                                <span className="flaticon-star" />
+                                                <span className="flaticon-star" />
+                                                <span className="flaticon-star" />
+                                                <span className="flaticon-star" />
+                                                <span className="flaticon-star mr-5" />
+                                                4.95/5
+                                            </div>
+                                        </div>
+                                    </div>
+                                    {/* RATING BOX #3 */}
+                                    <div className="col">
+                                        <div id="rb-1-3" className="rbox-1">
+                                            {/* Brand Logo */}
+                                            <div className="rbox-1-img">
+                                                <Link href="#"><img className="img-fluid light-theme-img" src="/images/brand-23.png" alt="brand-logo" /></Link>
+                                                <Link href="#"><img className="img-fluid dark-theme-img" src="/images/brand-23-white.png" alt="brand-logo" /></Link>
+                                            </div>
+                                            {/* Rating Stars */}
+                                            <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                                <span className="flaticon-star" />
+                                                <span className="flaticon-star" />
+                                                <span className="flaticon-star" />
+                                                <span className="flaticon-star" />
+                                                <span className="flaticon-star-1 mr-5" />
+                                                4.24/5
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>  {/* End row */}
+                            </div>	{/* END RATING-1 WRAPPER */}
+                        </div>	{/* End container */}
+                    </div>	{/* END RATING-1 */}
+                    {/* TEXT CONTENT
+			============================================= */}
+                    <section className="bg--white-400 py-100 ct-03 content-section division">
+                        <div className="container">
+                            <div className="row d-flex align-items-center">
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6 col-lg-5 order-last order-md-2">
+                                    <div className="txt-block left-column wow fadeInRight">
+                                        {/* Section ID */}
+                                        <span className="section-id">One-Stop Solution</span>
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Data-driven digital marketing</h2>
+                                        {/* List */}
+                                        <ul className="simple-list">
+                                            <li className="list-item">
+                                                <p>Tempor sapien quaerat undo ipsum laoreet purus and sapien dolor ociis ultrice
+                                                    ipsum aliquam undo congue dolor cursus congue varius magnis
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p className="mb-0">Cursus purus suscipit vitae cubilia magnis diam volute egestas
+                                                    sapien ultrice auctor
+                                                </p>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6 col-lg-7 order-first order-md-2">
+                                    <div className="img-block right-column wow fadeInLeft">
+                                        <img className="img-fluid" src="/images/img-14.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>    {/* End row */}
+                        </div>	   {/* End container */}
+                    </section>	{/* END TEXT CONTENT */}
+                    {/* BLOG-1
+			============================================= */}
+                    <section id="blog-1" className="py-100 blog-section division">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-9">
+                                    <div className="section-title mb-70">
+                                        {/* Title */}
+                                        <h2 className="s-50 w-700">Articles &amp; Resources</h2>
+                                        {/* Text */}
+                                        <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                    </div>
+                                </div>
+                            </div>
+                            <div className="row">
+                                {/* BLOG POST #1 */}
+                                <div className="col-md-6 col-lg-4">
+                                    <div id="bp-1-1" className="blog-post wow fadeInUp">
+                                        {/* BLOG POST IMAGE */}
+                                        <div className="blog-post-img mb-35">
+                                            <img className="img-fluid r-16" src="/images/blog/post-8-img.jpg" alt="blog-post-image" />
+                                        </div>
+                                        {/* BLOG POST TEXT */}
+                                        <div className="blog-post-txt">
+                                            {/* Post Tag */}
+                                            <span className="post-tag color--pink-400">Product News</span>
+                                            {/* Post Link */}
+                                            <h6 className="s-20 w-700">
+                                                <Link href="/single-post">Aliqum mullam porta blandit: tempor sapien and gravida</Link>
+                                            </h6>
+                                            {/* Text */}
+                                            <p>Egestas luctus vitae augue and ipsum ultrice quisque in cursus lacus feugiat congue
+                                                diam ultrice laoreet sagittis
+                                            </p>
+                                            {/* Post Meta */}
+                                            <div className="blog-post-meta mt-20">
+                                                <ul className="post-meta-list ico-10">
+                                                    <li><p className="p-sm w-500">By Helen J.</p></li>
+                                                    <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                                    <li><p className="p-sm">Apr 28, 2023</p></li>
+                                                </ul>
+                                            </div>
+                                        </div>	{/* END BLOG POST TEXT */}
+                                    </div>
+                                </div>	{/* END BLOG POST #1 */}
+                                {/* BLOG POST #2 */}
+                                <div className="col-md-6 col-lg-4">
+                                    <div id="bp-1-2" className="blog-post wow fadeInUp">
+                                        {/* BLOG POST IMAGE */}
+                                        <div className="blog-post-img mb-35">
+                                            <img className="img-fluid r-16" src="/images/blog/post-2-img.jpg" alt="blog-post-image" />
+                                        </div>
+                                        {/* BLOG POST TEXT */}
+                                        <div className="blog-post-txt">
+                                            {/* Post Tag */}
+                                            <span className="post-tag color--green-400">Community</span>
+                                            {/* Post Link */}
+                                            <h6 className="s-20 w-700">
+                                                <Link href="/single-post">Porttitor cursus fusce egestas CEO cursus at magna sapien
+                                                    suscipit and egestas ipsum
+                                                </Link>
+                                            </h6>
+                                            {/* Text */}
+                                            <p>Aliqum mullam ipsum vitae and blandit vitae tempor sapien and donec lipsum</p>
+                                            {/* Post Meta */}
+                                            <div className="blog-post-meta mt-20">
+                                                <ul className="post-meta-list ico-10">
+                                                    <li><p className="p-sm w-500">By Martex Team</p></li>
+                                                    <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                                    <li><p className="p-sm">Apr 14, 2023</p></li>
+                                                </ul>
+                                            </div>
+                                        </div>	{/* END BLOG POST TEXT */}
+                                    </div>
+                                </div>	{/* END BLOG POST #2 */}
+                                {/* BLOG POST #3 */}
+                                <div className="col-md-12 col-lg-4">
+                                    <div id="bp-1-3" className="blog-post wow fadeInUp">
+                                        {/* BLOG POST IMAGE */}
+                                        <div className="blog-post-img mb-35">
+                                            <img className="img-fluid r-16" src="/images/blog/post-5-img.jpg" alt="blog-post-image" />
+                                        </div>
+                                        {/* BLOG POST TEXT */}
+                                        <div className="blog-post-txt">
+                                            {/* Post Tag */}
+                                            <span className="post-tag color--purple-400">Freelancer Tips</span>
+                                            {/* Post Link */}
+                                            <h6 className="s-20 w-700">
+                                                <Link href="/single-post">Cubilia laoreet augue egestas and Martex magna impedit</Link>
+                                            </h6>
+                                            {/* Text */}
+                                            <p>Luctus vitae egestas augue and ipsum ultrice quisque in cursus lacus feugiat egets
+                                                congue ultrice sagittis laoreet
+                                            </p>
+                                            {/* Post Meta */}
+                                            <div className="blog-post-meta mt-20">
+                                                <ul className="post-meta-list ico-10">
+                                                    <li><p className="p-sm w-500">By Miranda Green</p></li>
+                                                    <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                                    <li><p className="p-sm">Mar 27, 2023</p></li>
+                                                </ul>
+                                            </div>
+                                        </div>	{/* END BLOG POST TEXT */}
+                                    </div>
+                                </div>	{/* END BLOG POST #3 */}
+                            </div>    {/* End row */}
+                        </div>    {/* End container */}
+                    </section>	{/* END BLOG-1 */}
+                    {/* DIVIDER LINE */}
+                    <hr className="divider" />
+                    {/* NEWSLETTER-1
+			============================================= */}
+                    <section id="newsletter-1" className="newsletter-section">
+                        <div className="newsletter-overlay">
+                            <div className="container">
+                                <div className="row d-flex align-items-center row-cols-1 row-cols-lg-2">
+                                    {/* NEWSLETTER TEXT */}
+                                    <div className="col">
+                                        <div className="newsletter-txt">
+                                            <h4 className="s-34 w-700">Stay up to date with our news, ideas and updates</h4>
+                                        </div>
+                                    </div>
+                                    {/* NEWSLETTER FORM */}
+                                    <div className="col">
+                                        <form className="newsletter-form">
+                                            <div className="input-group">
+                                                <input type="email" autoComplete="off" className="form-control" placeholder="Your email address" required id="s-email" />
+                                                <span className="input-group-btn">
+                                                    <button type="submit" className="btn btn--theme hover--theme">Subscribe Now</button>
+                                                </span>
+                                            </div>
+                                            {/* Newsletter Form Notification */}
+                                            <label htmlFor="s-email" className="form-notification" />
+                                        </form>
+                                    </div>	  {/* END NEWSLETTER FORM */}
+                                </div>	  {/* End row */}
+                            </div>    {/* End container */}
+                        </div>     {/* End newsletter-overlay */}
+                    </section>	{/* END NEWSLETTER-1 */}
+                    {/* DIVIDER LINE */}
+                    <hr className="divider" />
+                </div>
+
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/blog-listing.js b/pages/blog-listing.js
new file mode 100644
index 0000000..e8852bd
--- /dev/null
+++ b/pages/blog-listing.js
@@ -0,0 +1,463 @@
+import VideoPopup from "/components/elements/VidepPopup"
+import Layout from "/components/layout/Layout"
+import Link from "next/link"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
+                <div>
+                    <section id="blog-page" className="pb-60 inner-page-hero blog-page-section">
+                        <div className="container">
+                            {/* WIDE BLOG POST */}
+                            <div className="blog-post wide-post wow fadeInUp">
+                                <div className="row d-flex align-items-center">
+                                    {/* BLOG POST IMAGE */}
+                                    <div className="col-md-6">
+                                        <div className="blog-post-img">
+                                            <img className="img-fluid r-16" src="/images/blog/post-11-img.jpg" alt="blog-post-image" />
+                                        </div>
+                                    </div>
+                                    {/* BLOG POST TEXT */}
+                                    <div className="col-md-6">
+                                        <div className="blog-post-txt">
+                                            {/* Post Tag */}
+                                            <span className="post-tag color--blue-400">Social Media Marketing</span>
+                                            {/* Post Link */}
+                                            <h3 className="s-38 w-700">
+                                                <Link href="/single-post">Congue magna tempor and ipsum Martex sapien turpis
+                                                    laoreet augue
+                                                </Link>
+                                            </h3>
+                                            {/* Text */}
+                                            <p>Aliqum mullam blandit vitae and tempor sapien and donec lipsum gravida porta undo
+                                                velna dolor libero a risus aliquet tempus posuere a tempor velna tempus posuere dolor
+                                            </p>
+                                            {/* Post Meta */}
+                                            <div className="blog-post-meta mt-30">
+                                                <ul className="post-meta-list ico-10">
+                                                    <li><p className="w-500">By Martex Team</p></li>
+                                                    <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                                    <li><p>Apr 28, 2023</p></li>
+                                                </ul>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END BLOG POST TEXT */}
+                                </div>   {/* End row */}
+                            </div>	{/* END WIDE BLOG POST */}
+                            {/* POSTS WRAPPER */}
+                            <div className="posts-wrapper">
+                                <div className="row">
+                                    {/* BLOG POST #1 */}
+                                    <div className="col-md-6 col-lg-4">
+                                        <div className="blog-post mb-40 wow fadeInUp clearfix">
+                                            {/* BLOG POST IMAGE */}
+                                            <div className="blog-post-img mb-35">
+                                                <img className="img-fluid r-16" src="/images/blog/post-1-img.jpg" alt="blog-post-image" />
+                                            </div>
+                                            {/* BLOG POST TEXT */}
+                                            <div className="blog-post-txt">
+                                                {/* Post Tag */}
+                                                <span className="post-tag color--red-400">Product News</span>
+                                                {/* Post Link */}
+                                                <h6 className="s-20 w-700">
+                                                    <Link href="/single-post">Aliqum mullam porta blandit: lacus and sapien
+                                                        gravida
+                                                    </Link>
+                                                </h6>
+                                                {/* Text */}
+                                                <p>Egestas luctus vitae augue and ipsum ultrice quisque in cursus lacus feugiat
+                                                    congue diam ultrice laoreet sagittis
+                                                </p>
+                                                {/* Post Meta */}
+                                                <div className="blog-post-meta mt-20">
+                                                    <ul className="post-meta-list ico-10">
+                                                        <li><p className="p-sm w-500">By Martex Team</p></li>
+                                                        <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                                        <li><p className="p-sm">Apr 23, 2023</p></li>
+                                                    </ul>
+                                                </div>
+                                            </div>	{/* END BLOG POST TEXT */}
+                                        </div>
+                                    </div>	{/* END BLOG POST #1 */}
+                                    {/* BLOG POST #2 */}
+                                    <div className="col-md-6 col-lg-4">
+                                        <div className="blog-post mb-40 wow fadeInUp clearfix">
+                                            {/* BLOG POST IMAGE */}
+                                            <div className="blog-post-img mb-35">
+                                                <img className="img-fluid r-16" src="/images/blog/post-2-img.jpg" alt="blog-post-image" />
+                                            </div>
+                                            {/* BLOG POST TEXT */}
+                                            <div className="blog-post-txt">
+                                                {/* Post Tag */}
+                                                <span className="post-tag color--green-400">Community</span>
+                                                {/* Post Link */}
+                                                <h6 className="s-20 w-700">
+                                                    <Link href="/single-post">Porttitor cursus fusce neque CEO egestas cursus
+                                                        magna sapien and suscipit ipsum
+                                                    </Link>
+                                                </h6>
+                                                {/* Text */}
+                                                <p>Aliqum mullam ipsum vitae and blandit vitae tempor sapien and donec lipsum</p>
+                                                {/* Post Meta */}
+                                                <div className="blog-post-meta mt-20">
+                                                    <ul className="post-meta-list ico-10">
+                                                        <li><p className="p-sm w-500">By Miranda Green</p></li>
+                                                        <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                                        <li><p className="p-sm">Apr 09, 2023</p></li>
+                                                    </ul>
+                                                </div>
+                                            </div>	{/* END BLOG POST TEXT */}
+                                        </div>
+                                    </div>	{/* END BLOG POST #2 */}
+                                    {/* BLOG POST #3 */}
+                                    <div className="col-md-12 col-lg-4">
+                                        <div className="blog-post mb-40 wow fadeInUp clearfix">
+                                            {/* BLOG POST IMAGE */}
+                                            <div className="blog-post-img mb-35">
+                                                <img className="img-fluid r-16" src="/images/blog/post-3-img.jpg" alt="blog-post-image" />
+                                            </div>
+                                            {/* BLOG POST TEXT */}
+                                            <div className="blog-post-txt">
+                                                {/* Post Tag */}
+                                                <span className="post-tag color--violet-400">Freelancer Tips</span>
+                                                {/* Post Link */}
+                                                <h6 className="s-20 w-700">
+                                                    <Link href="/single-post">Cubilia laoreet ipsum augue eget egestas Martex magna</Link>
+                                                </h6>
+                                                {/* Text */}
+                                                <p>Luctus vitae egestas augue and ipsum ultrice quisque in cursus lacus feugiat
+                                                    egets congue ultrice sagittis laoreet
+                                                </p>
+                                                {/* Post Meta */}
+                                                <div className="blog-post-meta mt-20">
+                                                    <ul className="post-meta-list ico-10">
+                                                        <li><p className="p-sm w-500">By Helen J.</p></li>
+                                                        <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                                        <li><p className="p-sm">Apr 01, 2023</p></li>
+                                                    </ul>
+                                                </div>
+                                            </div>	{/* END BLOG POST TEXT */}
+                                        </div>
+                                    </div>	{/* END BLOG POST #3 */}
+                                </div>
+                            </div>	{/* END POSTS WRAPPER */}
+                            {/* BLOG POSTS CATEGORY */}
+                            <div className="row">
+                                <div className="col">
+                                    <div className="posts-category ico-20 wow fadeInUp">
+                                        <h4 className="s-34 w-700">Latest News <span className="flaticon-next" /></h4>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* POSTS WRAPPER */}
+                            <div className="posts-wrapper">
+                                <div className="row">
+                                    {/* BLOG POST #4 */}
+                                    <div className="col-md-6 col-lg-4">
+                                        <div className="blog-post mb-40 wow fadeInUp clearfix">
+                                            {/* BLOG POST IMAGE */}
+                                            <div className="blog-post-img mb-35">
+                                                <img className="img-fluid r-16" src="/images/blog/post-4-img.jpg" alt="blog-post-image" />
+                                            </div>
+                                            {/* BLOG POST TEXT */}
+                                            <div className="blog-post-txt">
+                                                {/* Post Tag */}
+                                                <span className="post-tag color--pink-400">Tutorials</span>
+                                                {/* Post Link */}
+                                                <h6 className="s-20 w-700">
+                                                    <Link href="/single-post">Phasellus blandit justo undo aliquam vitae molestie
+                                                        nunc sapien augue justo aliquet
+                                                    </Link>
+                                                </h6>
+                                                {/* Text */}
+                                                <p>Aliqum mullam ipsum vitae and blandit vitae tempor sapien and donec lipsum</p>
+                                                {/* Post Meta */}
+                                                <div className="blog-post-meta mt-20">
+                                                    <ul className="post-meta-list ico-10">
+                                                        <li><p className="p-sm w-500">By Miranda Green</p></li>
+                                                        <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                                        <li><p className="p-sm">Mar 20, 2023</p></li>
+                                                    </ul>
+                                                </div>
+                                            </div>	{/* END BLOG POST TEXT */}
+                                        </div>
+                                    </div>	{/* END BLOG POST #4 */}
+                                    {/* BLOG POST #5 */}
+                                    <div className="col-md-6 col-lg-4">
+                                        <div className="blog-post mb-40 wow fadeInUp clearfix">
+                                            {/* BLOG POST IMAGE */}
+                                            <div className="blog-post-img mb-35">
+                                                <img className="img-fluid r-16" src="/images/blog/post-5-img.jpg" alt="blog-post-image" />
+                                            </div>
+                                            {/* BLOG POST TEXT */}
+                                            <div className="blog-post-txt">
+                                                {/* Post Tag */}
+                                                <span className="post-tag color--violet-400">Freelancer Tips</span>
+                                                {/* Post Link */}
+                                                <h6 className="s-20 w-700">
+                                                    <Link href="/single-post">Blandit justo phasellus undo aliquam diam molestie
+                                                        vitae
+                                                    </Link>
+                                                </h6>
+                                                {/* Text */}
+                                                <p>Luctus vitae egestas augue and ipsum ultrice quisque in cursus lacus feugiat
+                                                    egets congue ultrice sagittis laoreet
+                                                </p>
+                                                {/* Post Meta */}
+                                                <div className="blog-post-meta mt-20">
+                                                    <ul className="post-meta-list ico-10">
+                                                        <li><p className="p-sm w-500">By Martex Team</p></li>
+                                                        <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                                        <li><p className="p-sm">Mar 13, 2023</p></li>
+                                                    </ul>
+                                                </div>
+                                            </div>	{/* END BLOG POST TEXT */}
+                                        </div>
+                                    </div>	{/* END BLOG POST #5 */}
+                                    {/* BLOG POST #6 */}
+                                    <div className="col-md-12 col-lg-4">
+                                        <div className="blog-post mb-40 wow fadeInUp clearfix">
+                                            {/* BLOG POST IMAGE */}
+                                            <div className="blog-post-img mb-35">
+                                                <img className="img-fluid r-16" src="/images/blog/post-6-img.jpg" alt="blog-post-image" />
+                                            </div>
+                                            {/* BLOG POST TEXT */}
+                                            <div className="blog-post-txt">
+                                                {/* Post Tag */}
+                                                <span className="post-tag color--blue-400">Extensions</span>
+                                                {/* Post Link */}
+                                                <h6 className="s-20 w-700">
+                                                    <Link href="/single-post">Cursus porttitor fusce neque CEO egestas cursus magna
+                                                        sapien and ipsum suscipit
+                                                    </Link>
+                                                </h6>
+                                                {/* Text */}
+                                                <p>Mullam ipsum aliqum vitae and blandit vitae tempor sapien and lipsum donec</p>
+                                                {/* Post Meta */}
+                                                <div className="blog-post-meta mt-20">
+                                                    <ul className="post-meta-list ico-10">
+                                                        <li><p className="p-sm w-500">By Martex Team</p></li>
+                                                        <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                                        <li><p className="p-sm">Feb 23, 2023</p></li>
+                                                    </ul>
+                                                </div>
+                                            </div>	{/* END BLOG POST TEXT */}
+                                        </div>
+                                    </div>	{/* END BLOG POST #6 */}
+                                </div>  {/* End row */}
+                            </div>	{/* END POSTS WRAPPER */}
+                            {/* SQUARE BLOG POST */}
+                            <div className="blog-post square-post">
+                                <div className="row">
+                                    <div className="col">
+                                        {/* SQUARE BLOG POST WRAPPER */}
+                                        <div className="square-post-wrapper bg--black-400 block-shadow r-16 wow fadeInUp">
+                                            <div className="row d-flex align-items-center">
+                                                {/* BLOG POST TEXT */}
+                                                <div className="col-md-6 order-last order-md-2">
+                                                    <div className="blog-post-txt color--white">
+                                                        {/* Post Tag */}
+                                                        <span className="post-tag color--pink-400">Video Tutorials</span>
+                                                        {/* Post Link */}
+                                                        <h4 className="s-34 w-700 mb-20">
+                                                            <Link href="/single-post">Lipsum sodales sapien Martex aliquet blandit
+                                                                augue gravida posuere
+                                                            </Link>
+                                                        </h4>
+                                                        {/* Text */}
+                                                        <p>Aliqum mullam blandit vitae and tempor sapien and donec lipsum gravida porta
+                                                            undo velna dolor libero risus aliquet tempus posuere vitae tempor
+                                                        </p>
+                                                        {/* Post Meta */}
+                                                        <div className="blog-post-meta mt-30">
+                                                            <ul className="post-meta-list ico-10">
+                                                                <li><p className="w-500">By Martex Team</p></li>
+                                                                <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                                                <li><p>Feb 12, 2023</p></li>
+                                                            </ul>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                                {/* BLOG POST IMAGE */}
+                                                <div className="col-md-6 order-first order-md-2">
+                                                    <div className="blog-post-img video-preview">
+                                                        {/* Play Icon */}
+                                                        <VideoPopup style={1}/>
+                                                        {/* Preview Image */}
+                                                        <img className="img-fluid" src="/images/blog/post-10-img.jpg" alt="video-preview" />
+                                                    </div>
+                                                </div>
+                                            </div>	  {/* End row */}
+                                        </div>	{/* END SQUARE BLOG POST WRAPPER */}
+                                    </div>
+                                </div>	  {/* End row */}
+                            </div>	{/* END SQUARE BLOG POST */}
+                            {/* BLOG POSTS CATEGORY */}
+                            <div className="row">
+                                <div className="col">
+                                    <div className="posts-category ico-20 wow fadeInUp">
+                                        <h4 className="s-34 w-700">All Stories <span className="flaticon-next" /></h4>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* POSTS WRAPPER */}
+                            <div className="posts-wrapper">
+                                <div className="row">
+                                    {/* BLOG POST #7 */}
+                                    <div className="col-md-6 col-lg-4">
+                                        <div className="blog-post mb-40 wow fadeInUp clearfix">
+                                            {/* BLOG POST IMAGE */}
+                                            <div className="blog-post-img mb-35">
+                                                <img className="img-fluid r-16" src="/images/blog/post-7-img.jpg" alt="blog-post-image" />
+                                            </div>
+                                            {/* BLOG POST TEXT */}
+                                            <div className="blog-post-txt">
+                                                {/* Post Tag */}
+                                                <span className="post-tag color--red-400">Product News</span>
+                                                {/* Post Link */}
+                                                <h6 className="s-20 w-700">
+                                                    <Link href="/single-post">Phasellus blandit justo undo aliquam diam vitae
+                                                        molestie
+                                                    </Link>
+                                                </h6>
+                                                {/* Text */}
+                                                <p>Egestas luctus vitae augue and ipsum ultrice quisque in cursus lacus feugiat
+                                                    congue diam ultrice laoreet sagittis
+                                                </p>
+                                                {/* Post Meta */}
+                                                <div className="blog-post-meta mt-20">
+                                                    <ul className="post-meta-list ico-10">
+                                                        <li><p className="p-sm w-500">By Martex Team</p></li>
+                                                        <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                                        <li><p className="p-sm">Feb 02, 2023</p></li>
+                                                    </ul>
+                                                </div>
+                                            </div>	{/* END BLOG POST TEXT */}
+                                        </div>
+                                    </div>	{/* END BLOG POST #7 */}
+                                    {/* BLOG POST #8 */}
+                                    <div className="col-md-6 col-lg-4">
+                                        <div className="blog-post mb-40 wow fadeInUp clearfix">
+                                            {/* BLOG POST IMAGE */}
+                                            <div className="blog-post-img mb-35">
+                                                <img className="img-fluid r-16" src="/images/blog/post-8-img.jpg" alt="blog-post-image" />
+                                            </div>
+                                            {/* BLOG POST TEXT */}
+                                            <div className="blog-post-txt">
+                                                {/* Post Tag */}
+                                                <span className="post-tag color--violet-400">Freelancer Tips</span>
+                                                {/* Post Link */}
+                                                <h6 className="s-20 w-700">
+                                                    <Link href="/single-post">Porttitor cursus fusce neque CEO egestas cursus
+                                                        magna sapien and suscipit ipsum
+                                                    </Link>
+                                                </h6>
+                                                {/* Text */}
+                                                <p>Aliqum mullam ipsum vitae and blandit vitae tempor sapien and donec lipsum</p>
+                                                {/* Post Meta */}
+                                                <div className="blog-post-meta mt-20">
+                                                    <ul className="post-meta-list ico-10">
+                                                        <li><p className="p-sm w-500">By Miranda Green</p></li>
+                                                        <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                                        <li><p className="p-sm">Jan 26, 2023</p></li>
+                                                    </ul>
+                                                </div>
+                                            </div>	{/* END BLOG POST TEXT */}
+                                        </div>
+                                    </div>	{/* END BLOG POST #8 */}
+                                    {/* BLOG POST #9 */}
+                                    <div className="col-md-12 col-lg-4">
+                                        <div className="blog-post mb-40 wow fadeInUp clearfix">
+                                            {/* BLOG POST IMAGE */}
+                                            <div className="blog-post-img mb-35">
+                                                <img className="img-fluid r-16" src="/images/blog/post-9-img.jpg" alt="blog-post-image" />
+                                            </div>
+                                            {/* BLOG POST TEXT */}
+                                            <div className="blog-post-txt">
+                                                {/* Post Tag */}
+                                                <span className="post-tag color--green-400">Community</span>
+                                                {/* Post Link */}
+                                                <h6 className="s-20 w-700">
+                                                    <Link href="/single-post">Aliqum mullam porta blandit: lacus and sapien
+                                                        gravida
+                                                    </Link>
+                                                </h6>
+                                                {/* Text */}
+                                                <p>Luctus vitae egestas augue and ipsum ultrice quisque in cursus lacus feugiat
+                                                    egets congue ultrice sagittis laoreet
+                                                </p>
+                                                {/* Post Meta */}
+                                                <div className="blog-post-meta mt-20">
+                                                    <ul className="post-meta-list ico-10">
+                                                        <li><p className="p-sm w-500">By Miranda Green</p></li>
+                                                        <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                                        <li><p className="p-sm">Jan 12, 2023</p></li>
+                                                    </ul>
+                                                </div>
+                                            </div>	{/* END BLOG POST TEXT */}
+                                        </div>
+                                    </div>	{/* END BLOG POST #9 */}
+                                </div>  {/* End row */}
+                            </div>	{/* END POSTS WRAPPER */}
+                        </div>	   {/* End container */}
+                    </section>	{/* END BLOG POSTS LISTING */}
+                    {/* PAGE PAGINATION
+			============================================= */}
+                    <div className="pb-100 page-pagination theme-pagination">
+                        <div className="container">
+                            <div className="row">
+                                <div className="col-md-12">
+                                    <nav aria-label="Page navigation">
+                                        <ul className="pagination ico-20 justify-content-center">
+                                            <li className="page-item disabled"><Link className="page-link" href="#" tabIndex={-1}><span className="flaticon-back" /></Link>
+                                            </li>
+                                            <li className="page-item active" aria-current="page"><Link className="page-link" href="#">1</Link></li>
+                                            <li className="page-item"><Link className="page-link" href="#">2</Link></li>
+                                            <li className="page-item"><Link className="page-link" href="#">3</Link></li>
+                                            <li className="page-item"><Link className="page-link" href="#" aria-label="Next"><span className="flaticon-next" /></Link></li>
+                                        </ul>
+                                    </nav>
+                                </div>
+                            </div>  {/* End row */}
+                        </div> {/* End container */}
+                    </div>	{/* END PAGE PAGINATION */}
+                    {/* DIVIDER LINE */}
+                    <hr className="divider" />
+                    {/* NEWSLETTER-1
+			============================================= */}
+                    <section id="newsletter-1" className="newsletter-section">
+                        <div className="newsletter-overlay">
+                            <div className="container">
+                                <div className="row d-flex align-items-center row-cols-1 row-cols-lg-2">
+                                    {/* NEWSLETTER TEXT */}
+                                    <div className="col">
+                                        <div className="newsletter-txt">
+                                            <h4 className="s-34 w-700">Stay up to date with our news, ideas and updates</h4>
+                                        </div>
+                                    </div>
+                                    {/* NEWSLETTER FORM */}
+                                    <div className="col">
+                                        <form className="newsletter-form">
+                                            <div className="input-group">
+                                                <input type="email" autoComplete="off" className="form-control" placeholder="Your email address" required id="s-email" />
+                                                <span className="input-group-btn">
+                                                    <button type="submit" className="btn btn--theme hover--theme">Subscribe Now</button>
+                                                </span>
+                                            </div>
+                                            {/* Newsletter Form Notification */}
+                                            <label htmlFor="s-email" className="form-notification" />
+                                        </form>
+                                    </div>	  {/* END NEWSLETTER FORM */}
+                                </div>	  {/* End row */}
+                            </div>    {/* End container */}
+                        </div>     {/* End newsletter-overlay */}
+                    </section>	{/* END NEWSLETTER-1 */}
+                    {/* DIVIDER LINE */}
+                    <hr className="divider" />
+                </div>
+
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/career-role.js b/pages/career-role.js
new file mode 100644
index 0000000..04cabd2
--- /dev/null
+++ b/pages/career-role.js
@@ -0,0 +1,249 @@
+import Layout from "/components/layout/Layout"
+import Link from "next/link"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={1} headerCls="navbar-dark inner-page-header">
+                <section id="role-page" className="pb-80 inner-page-hero division">
+                    <div className="container">
+                        <div className="row justify-content-center">
+                            <div className="col-xl-10">
+                                {/* INNER PAGE TITLE */}
+                                <div className="inner-page-title">
+                                    <span>Engineering</span>
+                                    <h2 className="s-52 w-700">Engineering Tech Lead</h2>
+                                    <p className="p-lg">Vancouver, British Columbia, Canada / Remote</p>
+                                </div>
+                                {/* TEXT BLOCK */}
+                                <div className="txt-block role-info">
+                                    {/* Text */}
+                                    <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
+                                        diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
+                                        bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem fusce cursus
+                                        fusce nulla vitae massa placerat and mollis, sapien gravida aliquet ipsum ultrices aliquet
+                                        lorem diam purus undo vitae aliquam auris dapibus libero fusce blandit.
+                                    </p>
+                                    {/* Text */}
+                                    <p>Congue augue sagittis egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce lorem nulla an aliquam lacinia justo molestie blandit
+                                        justo diam an aliquet tortor sagittis lacinia molestie diam egestas
+                                    </p>
+                                    {/* Line */}
+                                    <hr />
+                                    {/*Title */}
+                                    <h5 className="s-24 w-700">What would you do at Martex?</h5>
+                                    {/* Text */}
+                                    <p>Congue sagittis augue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce aliquam
+                                    </p>
+                                    {/* Text */}
+                                    <p>Congue augue sagittis egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce lorem nulla an aliquam lacinia justo molestie blandit
+                                        justo diam an aliquet tortor sagittis lacinia molestie diam egestas
+                                    </p>
+                                    {/* Line */}
+                                    <hr />
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Responsibilities</h5>
+                                    {/* List */}
+                                    <ul className="simple-list long-list">
+                                        <li className="list-item">
+                                            <p>Blandit velna vitae auctor congue magna and tempor sapien a gravida laoreet turpis</p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p>Nemo ipsam egestas volute turpis dolores an aliquam quaerat sodales sapien congue
+                                                and egestas
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p>Quaerat sodales sapien euismod and purus blandit velna a vitae auctor congue magna
+                                                tempor sapien ipsum gravida laoreet turpis urna augue, viverra a augue eget pulvinar
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p>Vitae auctor blandit velna congue magna and tempor sapien a turpis laoreet gravida</p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p>Laoreet turpis urna augue, viverra a augue eget, dictum tempor diam pulvinar dictum
+                                                tempor sagittis
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p>Euismod purus blandit viverra undo augue dictum sapien tempor diam pulvinar</p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p>Vitae auctor ipsum congue magna tempor sapien eget gravida laoreet turpis</p>
+                                        </li>
+                                    </ul>
+                                    {/* Line */}
+                                    <hr />
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Who we're looking for</h5>
+                                    {/* List */}
+                                    <ul className="simple-list long-list">
+                                        <li className="list-item">
+                                            <p>Sodales sapien quaerat euismod and purus blandit velna a vitae auctor congue magna
+                                                tempor sapien ipsum gravida laoreet turpis urna augue, augue eget a viverra pulvinar laoreet augue luctus donec.
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p>Sodales sapien quaerat euismod and purus blandit velna a vitae auctor congue magna
+                                                tempor sapien ipsum gravida laoreet turpis urna augue, augue eget a viverra pulvinar
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p>Blandit velna vitae auctor congue magna and tempor sapien a gravida laoreet turpis</p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p>Nemo ipsam egestas volute turpis dolores an aliquam quaerat sodales sapien congue and egestas</p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p>Quaerat sodales sapien euismod and purus blandit velna a vitae auctor congue magna
+                                                tempor sapien ipsum gravida laoreet turpis urna augue, viverra a augue eget pulvinar
+                                            </p>
+                                        </li>
+                                    </ul>
+                                    {/* Line */}
+                                    <hr />
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">Benefits with you in mind</h5>
+                                    {/* Text */}
+                                    <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
+                                        diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
+                                        bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem.
+                                    </p>
+                                    {/* BENEFITS */}
+                                    <div className="cbox-6-wrapper bg--white-400 r-16">
+                                        <div className="row align-items-center row-cols-1 row-cols-md-2">
+                                            {/* CONTENT BOX #1 */}
+                                            <div className="col">
+                                                <div id="cb-6-1" className="cbox-6">
+                                                    {/* Title */}
+                                                    <h6 className="s-20 w-700">Flexible time off</h6>
+                                                    {/* Text */}
+                                                    <p>Aliqum mullam blandit tempor sapien gravida donec ipsum, at porta
+                                                        justo velna vitae auctor congue magna nihil impedit ligula risus.
+                                                    </p>
+                                                </div>
+                                            </div>
+                                            {/* CONTENT BOX #2 */}
+                                            <div className="col">
+                                                <div id="cb-6-2" className="cbox-6">
+                                                    {/* Title */}
+                                                    <h6 className="s-20 w-700">Healthcare</h6>
+                                                    {/* Text */}
+                                                    <p>Blandit tempor sapien aliqum mullam gravida donec ipsum, at porta
+                                                        justo velna vitae auctor congue mauris and donec magnis sapien
+                                                    </p>
+                                                </div>
+                                            </div>
+                                            {/* CONTENT BOX #3 */}
+                                            <div className="col">
+                                                <div id="cb-6-3" className="cbox-6">
+                                                    {/* Title */}
+                                                    <h6 className="s-20 w-700">The latest hardware</h6>
+                                                    {/* Text */}
+                                                    <p>Mauris donec mullam blandit at tempor sapien gravida donec ipsum, at
+                                                        porta justo velna vitae auctor congue magna nihil impedit ligula
+                                                    </p>
+                                                </div>
+                                            </div>
+                                            {/* CONTENT BOX #4 */}
+                                            <div className="col">
+                                                <div id="cb-6-4" className="cbox-6">
+                                                    {/* Title */}
+                                                    <h6 className="s-20 w-700">Ergonomic equipment</h6>
+                                                    {/* Text */}
+                                                    <p>Sapien gravida donec ipsum porta justo velna vitae auctor congue magna
+                                                        nihil impedit ligula risus. Mauris donec ociis sagittis tempor
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END BENEFITS */}
+                                    {/* Text */}
+                                    <p>Sagittis augue congue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque aliquam fusce blandit
+                                    </p>
+                                    {/* Line */}
+                                    <hr />
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">What is our hiring process like?</h5>
+                                    {/* Text */}
+                                    <p>Aliqum mullam blandit tempor sapien gravida donec ipsum, at porta justo velna vitae auctor
+                                        congue magna nihil impedit ligula risus. Mauris donec ociis et magnis sapien sagittis sapien
+                                        congue tempor
+                                    </p>
+                                    {/* List */}
+                                    <ol className="digit-list">
+                                        <li className="list-item">
+                                            <p>Curabitur ac dapibus libero eu congue tristique neque</p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p>Sagittis congue augue blandit velna vitae auctor egestas volutpat egestas</p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p>An aliquam justo suscipit congue augue</p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p>Gestas integer congue a lectus porta</p>
+                                        </li>
+                                    </ol>
+                                    {/* Text */}
+                                    <p>Integer congue sagittis augue egestas  velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque diam augue fusce sapien
+                                    </p>
+                                    {/* Text */}
+                                    <p>Integer congue sagittis augue egestas  velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque diam augue fusce sapien nulla a primis lacinia ipsum a molestie blandit
+                                        and justo an aliquet eget molestie sagittis at quaerat sodales
+                                    </p>
+                                    {/* Line */}
+                                    <hr />
+                                    {/* Title */}
+                                    <h5 className="s-24 w-700">How to apply</h5>
+                                    {/* Text */}
+                                    <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
+                                        diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
+                                        bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem.
+                                    </p>
+                                    {/* Text */}
+                                    <p>Sagittis augue congue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque aliquam fusce blandit
+                                    </p>
+                                    {/* Button */}
+                                    <Link href="/contacts" className="btn r-04 btn--theme hover--theme">Apply to this job!</Link>
+                                </div>	{/* END TEXT BLOCK */}
+                            </div>
+                        </div>    {/* End row */}
+                    </div>     {/* End container */}
+                </section>
+
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/careers.js b/pages/careers.js
new file mode 100644
index 0000000..fd9aa46
--- /dev/null
+++ b/pages/careers.js
@@ -0,0 +1,468 @@
+import VideoPopup from "@/components/elements/VidepPopup"
+import Layout from "@/components/layout/Layout"
+import Link from "next/link"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={1} headerCls="navbar-light inner-page-header">
+                <div>
+                    <section className="page-hero-section">
+                        <div className="page-hero-section-overlay bg--01 bg--scroll">
+                            <div className="container">
+                                <div className="row d-flex align-items-center">
+                                    {/* TEXT BLOCK */}
+                                    <div className="col-md-6">
+                                        <div className="txt-block left-column color--white wow fadeInRight">
+                                            {/* Section ID */}
+                                            <span className="section-id rounded-id bg--tra-white color--white">
+                                                Careers
+                                            </span>
+                                            {/* Title */}
+                                            <h2 className="s-56 w-700">We are looking for creative and fun individuals</h2>
+                                            {/* Text */}
+                                            <p className="p-lg w-400">Sodales tempor sapien quaerat ipsum congue undo laoreet turpis
+                                                neque auctor turpis vitae dolor luctus placerat magna ipsun ligula purus cursus
+                                            </p>
+                                        </div>
+                                    </div>	{/* END TEXT BLOCK */}
+                                    {/* IMAGE BLOCK */}
+                                    <div className="col-md-6">
+                                        <div className="img-block right-column wow fadeInLeft">
+                                            <img className="img-fluid" src="/images/img-18.png" alt="content-image" />
+                                        </div>
+                                    </div>
+                                </div>   {/* End row */}
+                            </div>    {/* End container */}
+                        </div>     {/* End Page Hero Section Overlay */}
+                        {/* WAVE SHAPE BOTTOM */}
+                        <div className="wave-shape-bottom">
+                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 170"><path fill="#fff" fillOpacity={1} d="M0,160L120,160C240,160,480,160,720,138.7C960,117,1200,75,1320,53.3L1440,32L1440,320L1320,320C1200,320,960,320,720,320C480,320,240,320,120,320L0,320Z" /></svg>
+                        </div>
+                    </section>	{/* END PAGE HERO SECTION */}
+                    {/* ABOUT-3
+			============================================= */}
+                    <div id="about-3" className="pt-100 about-section division">
+                        <div className="container">
+                            <div className="row">
+                                {/* ABOUT-3 TEXT */}
+                                <div className="col-md-6">
+                                    <div id="a3-1" className="txt-block">
+                                        {/* Title */}
+                                        <h5 className="s-24 w-700 mb-20">Mission and impact</h5>
+                                        {/* Text */}
+                                        <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis vitae
+                                            dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                        </p>
+                                        {/* List */}
+                                        <ul className="simple-list">
+                                            <li className="list-item">
+                                                <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                                    aliquam undo congue dolor cursus
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                    sapien turpis ultrice auctor congue magna placerat
+                                                </p>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END ABOUT-3 TEXT */}
+                                {/* ABOUT-3 TEXT */}
+                                <div className="col-md-6">
+                                    <div id="a3-2" className="txt-block">
+                                        {/* Title */}
+                                        <h5 className="s-24 w-700 mb-20">We deliver results</h5>
+                                        {/* Text */}
+                                        <p>Nemo ipsam egestas volute turpis egestas ipsum and purus sapien ultrice an aliquam quaerat
+                                            ipsum augue turpis sapien cursus congue magna purus quaerat at ligula purus egestas magna
+                                            cursus undo varius purus magnis sapien quaerat
+                                        </p>
+                                        {/* Text */}
+                                        <p className="mb-0">Egestas volute nemo ipsam turpis egestas ipsum and purus sapien ultrice an
+                                            aliquam quaerat ipsum augue turpis sapien cursus congue magna purus quaerat at ligula purus egestas magna cursus undo varius purus quaerat sapien magnis
+                                        </p>
+                                    </div>
+                                </div>	{/* END ABOUT-3 TEXT */}
+                            </div>    {/* End row */}
+                        </div>	   {/* End container */}
+                    </div>	{/* END ABOUT-3 */}
+                    {/* ABOUT-2
+			============================================= */}
+                    <div id="about-2" className="rel pt-100 about-section division">
+                        {/* ABOUT-2 IMAGES */}
+                        <div className="container-fluid">
+                            <div className="row">
+                                {/* IMAGES-1 */}
+                                <div className="col-md-5">
+                                    <div className="text-end">
+                                        {/* IMAGE-1 */}
+                                        <div className="about-2-img a-2-1 r-12">
+                                            <img className="img-fluid" src="/images/a2-1.jpg" alt="about-image" />
+                                        </div>
+                                        {/* IMAGE-2 */}
+                                        <div className="about-2-img a-2-2 r-12">
+                                            <img className="img-fluid" src="/images/a2-2.jpg" alt="about-image" />
+                                        </div>
+                                    </div>
+                                </div>	{/* END IMAGES-1 */}
+                                {/* IMAGES-2 */}
+                                <div className="col-md-7">
+                                    {/* IMAGE-3 */}
+                                    <div className="about-2-img a-2-3 r-12">
+                                        <img className="img-fluid" src="/images/a2-3.jpg" alt="about-image" />
+                                    </div>
+                                    <div className="row">
+                                        {/* TEXT */}
+                                        <div className="col-md-7 col-lg-6">
+                                            <div className="a2-txt bg--black-400 pattern-01 bg--fixed color--white r-12">
+                                                {/* Icon */}
+                                                <div className="a2-txt-quote ico-40 o-20">
+                                                    <span className="flaticon-quote" />
+                                                </div>
+                                                {/* Text */}
+                                                <p>Nullam tempor pretium a gravida donec congue ipsum porta justo integer dolor odio
+                                                    auctor a neque suscipit an ipsum integer congue purus at pretium turpis egestas and
+                                                    volute laoreet quaerat
+                                                </p>
+                                                {/* Author */}
+                                                <p className="a2-txt-author">Charlie Cheever <span>CEO &amp; CO-FOUNDER</span></p>
+                                            </div>
+                                        </div>
+                                        {/* IMAGE-4 */}
+                                        <div className="col-md-5 col-lg-6">
+                                            <div className="about-2-img a-2-4 r-12">
+                                                <img className="img-fluid" src="/images/a2-4.jpg" alt="about-image" />
+                                            </div>
+                                        </div>
+                                    </div>	 {/* End row */}
+                                </div>	{/* END IMAGES-2 */}
+                            </div>	 {/* End row */}
+                        </div>	  {/* END ABOUT-2 IMAGES */}
+                    </div>	{/* END ABOUT-2 */}
+                    {/* FEATURES-11
+			============================================= */}
+                    <section id="features-11" className="py-100 features-section division">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-9">
+                                    <div className="section-title mb-70">
+                                        {/* Title */}
+                                        <h2 className="s-52 w-700">Benefits and Perks</h2>
+                                        {/* Text */}
+                                        <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* FEATURES-11 WRAPPER */}
+                            <div className="fbox-wrapper">
+                                <div className="row row-cols-1 row-cols-md-2 rows-3">
+                                    {/* FEATURE BOX #1 */}
+                                    <div className="col">
+                                        <div className="fbox-11 fb-1 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="fbox-ico-wrap">
+                                                <div className="fbox-ico ico-50">
+                                                    <div className="shape-ico">
+                                                        {/* Vector Icon */}
+                                                        <span className="flaticon-virus-1 color--theme" />
+                                                        {/* Shape */}
+                                                        <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                            <path fill="#f4f9fc" d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                        </svg>
+                                                    </div>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h6 className="s-22 w-700">Healthcare</h6>
+                                                <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                                    tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                                </p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END FEATURE BOX #1 */}
+                                    {/* FEATURE BOX #2 */}
+                                    <div className="col">
+                                        <div className="fbox-11 fb-2 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="fbox-ico-wrap">
+                                                <div className="fbox-ico ico-50">
+                                                    <div className="shape-ico">
+                                                        {/* Vector Icon */}
+                                                        <span className="flaticon-calendar color--theme" />
+                                                        {/* Shape */}
+                                                        <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                            <path fill="#f4f9fc" d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                        </svg>
+                                                    </div>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h6 className="s-22 w-700">Flexible Schedules</h6>
+                                                <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                                    tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                                </p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END FEATURE BOX #2 */}
+                                    {/* FEATURE BOX #3 */}
+                                    <div className="col">
+                                        <div className="fbox-11 fb-3 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="fbox-ico-wrap">
+                                                <div className="fbox-ico ico-50">
+                                                    <div className="shape-ico">
+                                                        {/* Vector Icon */}
+                                                        <span className="flaticon-profits color--theme" />
+                                                        {/* Shape */}
+                                                        <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                            <path fill="#f4f9fc" d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                        </svg>
+                                                    </div>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h6 className="s-22 w-700">401k Matching</h6>
+                                                <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                                    tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                                </p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END FEATURE BOX #3 */}
+                                    {/* FEATURE BOX #4 */}
+                                    <div className="col">
+                                        <div className="fbox-11 fb-4 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="fbox-ico-wrap">
+                                                <div className="fbox-ico ico-50">
+                                                    <div className="shape-ico">
+                                                        {/* Vector Icon */}
+                                                        <span className="flaticon-visionary color--theme" />
+                                                        {/* Shape */}
+                                                        <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                            <path fill="#f4f9fc" d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                        </svg>
+                                                    </div>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h6 className="s-22 w-700">Hardware &amp; Software</h6>
+                                                <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                                    tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                                </p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END FEATURE BOX #4 */}
+                                    {/* FEATURE BOX #5 */}
+                                    <div className="col">
+                                        <div className="fbox-11 fb-5 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="fbox-ico-wrap">
+                                                <div className="fbox-ico ico-50">
+                                                    <div className="shape-ico">
+                                                        {/* Vector Icon */}
+                                                        <span className="flaticon-fast-food color--theme" />
+                                                        {/* Shape */}
+                                                        <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                            <path fill="#f4f9fc" d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                        </svg>
+                                                    </div>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h6 className="s-22 w-700">In-office Lunch</h6>
+                                                <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                                    tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                                </p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END FEATURE BOX #5 */}
+                                    {/* FEATURE BOX #6 */}
+                                    <div className="col">
+                                        <div className="fbox-11 fb-6 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="fbox-ico-wrap">
+                                                <div className="fbox-ico ico-50">
+                                                    <div className="shape-ico">
+                                                        {/* Vector Icon */}
+                                                        <span className="flaticon-money-2 color--theme" />
+                                                        {/* Shape */}
+                                                        <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                            <path fill="#f4f9fc" d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                        </svg>
+                                                    </div>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h6 className="s-22 w-700">Competitive Salary</h6>
+                                                <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                                    tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                                </p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END FEATURE BOX #6 */}
+                                </div>  {/* End row */}
+                            </div>	{/* END FEATURES-11 WRAPPER */}
+                        </div>     {/* End container */}
+                    </section>	{/* END FEATURES-11 */}
+                    {/* TEXT CONTENT
+			============================================= */}
+                    <section className="bg--white-400 py-100 ct-01 content-section division">
+                        <div className="container">
+                            <div className="row d-flex align-items-center">
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6 order-last order-md-2">
+                                    <div className="txt-block left-column wow fadeInRight">
+                                        {/* Section ID */}
+                                        <span className="section-id">Co-founder at Martex</span>
+                                        {/* Title */}
+                                        <h2 className="s-48 w-700">Henry Adams</h2>
+                                        {/* Text */}
+                                        <p className="p-lg mb-0">"Sodales tempor sapien diam purus ipsum quaerat and volute
+                                            fusce a congue laoreet turpis neque diam auctor turpis vitae dolor magna luctus
+                                            placerat neque ipsum fusce cursus ligula cursus purus vitae purus and ipsum suscipit.
+                                            Nemo ipsam cubilia donec turpis undo egestas ipsum a purus sapien ultrice aliquam
+                                            lacus and quaerat an ipsum augue turpis sapien cursus congue augue"
+                                        </p>
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6 order-first order-md-2">
+                                    <div className="img-block j-img video-preview right-column wow fadeInLeft">
+                                        {/* Play Icon */}
+                                        <VideoPopup style={2}/>
+                                        {/* Preview Image */}
+                                        <img className="img-fluid r-20" src="/images/img-17.jpg" alt="video-preview" />
+                                    </div>
+                                </div>
+                            </div>    {/* End row */}
+                        </div>	   {/* End container */}
+                    </section>	{/* END TEXT CONTENT */}
+                    {/* CAREERS-1
+			============================================= */}
+                    <section id="careers-1" className="pt-100 pb-60 careers-section">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-9">
+                                    <div className="section-title mb-70">
+                                        {/* Title */}
+                                        <h2 className="s-52 w-700">Open Roles at Martex</h2>
+                                        {/* Text */}
+                                        <p className="p-lg">We’re building a better way to work, fueled by transparency, trust, and
+                                            technology that is a force for positive change for the hourly workforce
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* OPEN ROLES */}
+                            <div className="row row-cols-1 row-cols-md-2">
+                                {/* OPEN ROLE #1 */}
+                                <div className="col">
+                                    <div className="role-box bg--white-300 r-10">
+                                        <Link href="/career-role">
+                                            <span>Sales</span>
+                                            <h6 className="s-20 w-700">Senior Account Executive</h6>
+                                            <p>New York, NY / Full time</p>
+                                        </Link>
+                                    </div>
+                                </div>	{/* END OPEN ROLE #1 */}
+                                {/* OPEN ROLE #2 */}
+                                <div className="col">
+                                    <div className="role-box bg--white-300 r-10">
+                                        <Link href="/career-role">
+                                            <span>Engineering</span>
+                                            <h6 className="s-20 w-700">Software Engineer, Security</h6>
+                                            <p>Vancouver, British Columbia, Canada / Remote</p>
+                                        </Link>
+                                    </div>
+                                </div>	{/* END OPEN ROLE #2 */}
+                                {/* OPEN ROLE #3 */}
+                                <div className="col">
+                                    <div className="role-box bg--white-300 r-10">
+                                        <Link href="/career-role">
+                                            <span>Engineering</span>
+                                            <h6 className="s-20 w-700">Senior Backend Engineer</h6>
+                                            <p>New York, NY / Full time</p>
+                                        </Link>
+                                    </div>
+                                </div>	{/* END OPEN ROLE #3 */}
+                                {/* OPEN ROLE #4 */}
+                                <div className="col">
+                                    <div className="role-box bg--white-300 r-10">
+                                        <Link href="/career-role">
+                                            <span>Engineering</span>
+                                            <h6 className="s-20 w-700">Engineering Tech Lead</h6>
+                                            <p>Vancouver, British Columbia, Canada / Remote</p>
+                                        </Link>
+                                    </div>
+                                </div>	{/* END OPEN ROLE #4 */}
+                                {/* OPEN ROLE #5 */}
+                                <div className="col">
+                                    <div className="role-box bg--white-300 r-10">
+                                        <Link href="/career-role">
+                                            <span>Sales</span>
+                                            <h6 className="s-20 w-700">Mid-Market Account Executive</h6>
+                                            <p>New York, NY / Full time</p>
+                                        </Link>
+                                    </div>
+                                </div>	{/* END OPEN ROLE #5 */}
+                                {/* OPEN ROLE #6 */}
+                                <div className="col">
+                                    <div className="role-box bg--white-300 r-10">
+                                        <Link href="/career-role">
+                                            <span>Marketing</span>
+                                            <h6 className="s-20 w-700">Product Marketing Manager</h6>
+                                            <p>Vancouver, British Columbia, Canada / Remote</p>
+                                        </Link>
+                                    </div>
+                                </div>	{/* END OPEN ROLE #6 */}
+                            </div>	{/* END OPEN ROLES */}
+                        </div> {/* End container */}
+                    </section>	{/* END CAREERS-1 */}
+                    {/* BANNER-12
+			============================================= */}
+                    <section id="banner-12" className="banner-section">
+                        <div className="container">
+                            {/* BANNER-12 WRAPPER */}
+                            <div className="banner-12-wrapper bg--01 bg--scroll r-16">
+                                <div className="banner-overlay">
+                                    <div className="row d-flex align-items-center">
+                                        {/* BANNER-12 TEXT */}
+                                        <div className="col-md-7">
+                                            <div className="banner-12-txt color--white">
+                                                {/* Title */}
+                                                <h2 className="s-45 w-700">We are looking for talented individuals</h2>
+                                                {/* Text */}
+                                                <p className="p-lg">We're constantly looking for talented people to join our team.
+                                                    Don't hesitate to get in touch with us
+                                                </p>
+                                                {/* Button */}
+                                                <Link href="mailto:yourdomain@mail.com" className="btn r-04 btn--theme hover--tra-white">yourdomain@mail.com</Link>
+                                            </div>
+                                        </div>	{/* END BANNER-12 TEXT */}
+                                        {/* BANNER-12 IMAGE */}
+                                        <div className="col-md-5">
+                                            <div className="banner-12-img text-center">
+                                                <img className="img-fluid" src="/images/img-16.png" alt="banner-image" />
+                                            </div>
+                                        </div>
+                                    </div>   {/* End row */}
+                                </div>   {/* End banner overlay */}
+                            </div>    {/* END BANNER-12 WRAPPER */}
+                        </div>     {/* End container */}
+                    </section>
+                </div>
+
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/contacts.js b/pages/contacts.js
new file mode 100644
index 0000000..7413284
--- /dev/null
+++ b/pages/contacts.js
@@ -0,0 +1,117 @@
+import Layout from "@/components/layout/Layout"
+import Link from "next/link"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
+                <div>
+                    <section id="contacts-1" className="pb-50 inner-page-hero contacts-section division">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-9">
+                                    <div className="section-title text-center mb-80">
+                                        {/* Title */}
+                                        <h2 className="s-52 w-700">Questions? Let's Talk</h2>
+                                        {/* Text */}
+                                        <p className="p-lg">Want to learn more about Martex, get a quote, or speak with an expert?
+                                            Let us know what you are looking for and we’ll get back to you right away
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* CONTACT FORM */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-11 col-lg-10 col-xl-8">
+                                    <div className="form-holder">
+                                        <form name="contactform" className="row contact-form">
+                                            {/* Form Select */}
+                                            <div className="col-md-12 input-subject">
+                                                <p className="p-lg">This question is about: </p>
+                                                <span>Choose a topic, so we know who to send your request to: </span>
+                                                <select className="form-select subject" aria-label="Default select example">
+                                                    <option>This question is about...</option>
+                                                    <option>Registering/Authorising</option>
+                                                    <option>Using Application</option>
+                                                    <option>Troubleshooting</option>
+                                                    <option>Backup/Restore</option>
+                                                    <option>Other</option>
+                                                </select>
+                                            </div>
+                                            {/* Contact Form Input */}
+                                            <div className="col-md-12">
+                                                <p className="p-lg">Your Name: </p>
+                                                <span>Please enter your real name: </span>
+                                                <input type="text" name="name" className="form-control name" placeholder="Your Name*" />
+                                            </div>
+                                            <div className="col-md-12">
+                                                <p className="p-lg">Your Email Address: </p>
+                                                <span>Please carefully check your email address for accuracy</span>
+                                                <input type="text" name="email" className="form-control email" placeholder="Email Address*" />
+                                            </div>
+                                            <div className="col-md-12">
+                                                <p className="p-lg">Explain your question in details: </p>
+                                                <span>Your OS version, Martex version &amp; build, steps you did. Be VERY precise!</span>
+                                                <textarea className="form-control message" name="message" rows={6} placeholder="I have a problem with..." />
+                                            </div>
+                                            {/* Contact Form Button */}
+                                            <div className="col-md-12 mt-15 form-btn text-right">
+                                                <button type="submit" className="btn btn--theme hover--theme submit">Submit Request</button>
+                                            </div>
+                                            <div className="contact-form-notice">
+                                                <p className="p-sm">We are committed to your privacy. Martex uses the information you
+                                                    provide us to contact you about our relevant content, products, and services.
+                                                    You may unsubscribe from these communications at any time. For more information,
+                                                    check out our <Link href="/privacy">Privacy Policy</Link>.
+                                                </p>
+                                            </div>
+                                            {/* Contact Form Message */}
+                                            <div className="col-lg-12 contact-form-msg">
+                                                <span className="loading" />
+                                            </div>
+                                        </form>
+                                    </div>
+                                </div>
+                            </div>	   {/* END CONTACT FORM */}
+                        </div>	   {/* End container */}
+                    </section>	{/* END CONTACTS-1 */}
+                    {/* DIVIDER LINE */}
+                    <hr className="divider" />
+                    {/* NEWSLETTER-1
+			============================================= */}
+                    <section id="newsletter-1" className="newsletter-section">
+                        <div className="newsletter-overlay">
+                            <div className="container">
+                                <div className="row d-flex align-items-center row-cols-1 row-cols-lg-2">
+                                    {/* NEWSLETTER TEXT */}
+                                    <div className="col">
+                                        <div className="newsletter-txt">
+                                            <h4 className="s-34 w-700">Stay up to date with our news, ideas and updates</h4>
+                                        </div>
+                                    </div>
+                                    {/* NEWSLETTER FORM */}
+                                    <div className="col">
+                                        <form className="newsletter-form">
+                                            <div className="input-group">
+                                                <input type="email" autoComplete="off" className="form-control" placeholder="Your email address" required id="s-email" />
+                                                <span className="input-group-btn">
+                                                    <button type="submit" className="btn btn--theme hover--theme">Subscribe Now</button>
+                                                </span>
+                                            </div>
+                                            {/* Newsletter Form Notification */}
+                                            <label htmlFor="s-email" className="form-notification" />
+                                        </form>
+                                    </div>	  {/* END NEWSLETTER FORM */}
+                                </div>	  {/* End row */}
+                            </div>    {/* End container */}
+                        </div>     {/* End newsletter-overlay */}
+                    </section>	{/* END NEWSLETTER-1 */}
+                    {/* DIVIDER LINE */}
+                    <hr className="divider" />
+                </div>
+
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/cookies.js b/pages/cookies.js
new file mode 100644
index 0000000..512d67f
--- /dev/null
+++ b/pages/cookies.js
@@ -0,0 +1,228 @@
+import Layout from "@/components/layout/Layout"
+import Link from "next/link"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={1} headerCls="navbar-dark inner-page-header">
+                <section id="cookies-page" className="gr--whitesmoke pb-80 inner-page-hero division">
+                    <div className="container">
+                        <div className="row justify-content-center">
+                            <div className="col-xl-10">
+                                {/* INNER PAGE TITLE */}
+                                <div className="inner-page-title">
+                                    <h2 className="s-52 w-700">Cookies Policy</h2>
+                                    <p className="p-lg">This policy is effective as of 2th March 2022</p>
+                                </div>
+                                {/* TEXT BLOCK */}
+                                <div className="txt-block legal-info">
+                                    {/* Text */}
+                                    <p>Integer congue sagittis augue egestas <Link href="#" className="color--theme">Global Privacy
+                                        Policy</Link> nec suscipit egestas magna undo aliquam ipsum vitae purus justo lacus ligula
+                                        ipsum primis cubilia donec undo augue luctus vitae egestas a molestie donec libero
+                                        <Link href="/privacy" className="color--theme">Privacy Policy</Link> tempor undo quisque fusce
+                                        a cursus neque diam augue fusce sapien nulla a primis lacinia ipsum a molestie blandit
+                                        and justo an aliquet eget molestie cursus quaerat
+                                    </p>
+                                    {/* Text */}
+                                    <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec <Link href="#" className="color--theme">https://martex.com/software</Link> undo quisque fusce cursus neque blandit fusce an aliquam nulla lacinia justo molestie
+                                        blandit justo diam aliquet tortor non molestie sagittis lacinia
+                                    </p>
+                                    {/* Title */}
+                                    <h4 className="s-30 w-700"><span>1.</span> What is a Cookie?</h4>
+                                    {/* Text */}
+                                    <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
+                                        diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
+                                        bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem.
+                                    </p>
+                                    {/* Text */}
+                                    <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce an aliquam nulla lacinia justo molestie blandit justo
+                                        diam aliquet tortor molestie non sagittis lacinia
+                                    </p>
+                                    {/* Title */}
+                                    <h4 className="s-30 w-700"><span>2.</span> What Types of Cookies Are There?</h4>
+                                    {/* Small Title */}
+                                    <h5 className="s-24 w-700"><span>2.1.</span> Essential cookies</h5>
+                                    {/* Text */}
+                                    <p>Congue augue sagittis egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce lorem nulla an aliquam lacinia justo molestie blandit
+                                        justo diam an aliquet tortor sagittis lacinia molestie diam egestas
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Quaerat sodales sapien undo velna purus euismod purus velna blandit vitae auctor
+                                                and congue magna tempor sapien gravida laoreet turpis urna augue, viverra a augue
+                                                eget dictum tempor
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
+                                                and augue egestas
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
+                                                augue egestas sagittis massa lorem fusce cursus fusce nulla vitae massa placerat
+                                                vulputate purus
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p>Sapien sodales quaerat undo velna purus euismod purus velna blandit vitae auctor
+                                                and congue magna tempor sapien gravida laoreet turpis urna augue, viverra a augue
+                                                eget dictum pulvinar
+                                            </p>
+                                        </li>
+                                    </ul>
+                                    {/* Small Title */}
+                                    <h5 className="s-24 w-700"><span>2.2.</span> Performance cookies</h5>
+                                    {/* Text */}
+                                    <p>Congue sagittis augue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce aliquam
+                                    </p>
+                                    {/* Text */}
+                                    <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce an aliquam nulla lacinia justo molestie blandit justo
+                                        diam aliquet tortor molestie non sagittis lacinia
+                                    </p>
+                                    {/* Small Title */}
+                                    <h5 className="s-24 w-700"><span>2.3.</span> Functionality cookies</h5>
+                                    {/* Text */}
+                                    <p>Integer congue sagittis augue egestas  velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque diam augue fusce sapien nulla a primis lacinia ipsum a molestie blandit
+                                        and justo an aliquet eget molestie sagittis at quaerat sodales
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Quaerat sodales sapien undo velna purus euismod purus velna blandit vitae auctor
+                                                and congue magna tempor sapien gravida laoreet turpis urna augue, viverra a augue
+                                                eget dictum tempor
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
+                                                and augue egestas
+                                            </p>
+                                        </li>
+                                    </ul>
+                                    {/* Small Title */}
+                                    <h5 className="s-24 w-700"><span>2.4.</span> Targeting/advertising cookies</h5>
+                                    {/* Text */}
+                                    <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
+                                        diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
+                                        bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem.
+                                    </p>
+                                    {/* Title */}
+                                    <h4 className="s-30 w-700"><span>3.</span> Third-Party Cookies on Our Site</h4>
+                                    {/* Text */}
+                                    <p>Integer congue sagittis augue egestas  velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque diam augue fusce sapien nulla a rimis lacinia ipsum a molestie blandit
+                                        and justo an aliquet eget molestie sagittis at quaerat sodales
+                                    </p>
+                                    {/* Text */}
+                                    <p>Aliqum mullam tincidunt a sapien gravida and diam donec porta.</p>
+                                    {/* Text */}
+                                    <p>Integer congue sagittis augue egestas  velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque diam augue fusce sapien nulla a primis lacinia ipsum a molestie blandit
+                                        and justo an aliquet eget molestie sagittis at quaerat sodales
+                                    </p>
+                                    {/* Small Title */}
+                                    <h5 className="s-24 w-700"><span>3.1.</span> Targeting/advertising cookies</h5>
+                                    {/* Text */}
+                                    <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
+                                        diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
+                                        bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem.
+                                    </p>
+                                    {/* Title */}
+                                    <h4 className="s-30 w-700"><span>4.</span> Cookies and Your Personal Information</h4>
+                                    {/* Text */}
+                                    <p>Congue augue sagittis egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce lorem nulla an aliquam lacinia justo molestie blandit
+                                        justo diam an aliquet tortor sagittis lacinia molestie diam egestas
+                                    </p>
+                                    {/* Text */}
+                                    <p>Sagittis augue congue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque aliquam fusce blandit
+                                    </p>
+                                    {/* Title */}
+                                    <h4 className="s-30 w-700"><span>5.</span> How to Configure and Disable Cookies</h4>
+                                    {/* Text */}
+                                    <p>Integer congue sagittis augue egestas  velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque diam augue fusce sapien
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Quaerat sodales sapien undo velna purus euismod purus velna blandit vitae auctor
+                                                and congue magna tempor sapien gravida laoreet turpis urna augue, viverra a augue
+                                                eget tempor pulvinar
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
+                                                and augue egestas
+                                            </p>
+                                        </li>
+                                    </ul>
+                                    {/* Text */}
+                                    <p>Augue congue sagittis egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque donec and ipsum porta diam lorem sodales an aliquam lacinia justo
+                                        sapien congue aliquet and sodales a quaerat tortor lacinia egestas
+                                    </p>
+                                    {/* Title */}
+                                    <h4 className="s-30 w-700"><span>6.</span> How to Contact Us</h4>
+                                    {/* Text */}
+                                    <p>Integer congue sagittis augue egestas  velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque diam augue fusce sapien
+                                    </p>
+                                    {/* Text */}
+                                    <p>If you have any questions or suggestions about this Terms of Service, do not hesitate to
+                                        contact us at <Link href="mailto:yourdomain@mail.com" className="color--theme">hello@yourdomain.com</Link>
+                                    </p>
+                                </div>	{/* END TEXT BLOCK */}
+                            </div>
+                        </div>    {/* End row */}
+                    </div>     {/* End container */}
+                </section>
+
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/demo-1.js b/pages/demo-1.js
new file mode 100644
index 0000000..12a8c37
--- /dev/null
+++ b/pages/demo-1.js
@@ -0,0 +1,54 @@
+import Layout from "@/components/layout/Layout"
+import Banner3_1 from "@/components/sections/Banner3_1"
+import Brands1_1 from "@/components/sections/Brands1_1"
+import Ct01_1 from "@/components/sections/Ct01_1"
+import Ct01_2 from "@/components/sections/Ct01_2"
+import Ct02_1 from "@/components/sections/Ct02_1"
+import Ct02_2 from "@/components/sections/Ct02_2"
+import Ct08_1 from "@/components/sections/Ct08_1"
+import Faqs3_1 from "@/components/sections/Faqs3_1"
+import Features12_1 from "@/components/sections/Features12_1"
+import Features2_1 from "@/components/sections/Features2_1"
+import Features5_1 from "@/components/sections/Features5_1"
+import Features6_1 from "@/components/sections/Features6_1"
+import Hero1 from "@/components/sections/Hero1"
+import Integrations2_1 from "@/components/sections/Integrations2_1"
+import Lnk1_1 from "@/components/sections/Lnk1_1"
+import Lnk2_1 from "@/components/sections/Lnk2_1"
+import Lnk3_1 from "@/components/sections/Lnk3_1"
+import Rating1_1 from "@/components/sections/Rating1_1"
+import Reviews1_1 from "@/components/sections/Reviews1_1"
+import Statistic1_1 from "@/components/sections/Statistic1_1"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-light">
+                <Hero1 />
+                <Features6_1 />
+                <hr className="divider" />
+                <Lnk1_1 />
+                <Ct01_1 />
+                <Features5_1 />
+                <Statistic1_1 />
+                <hr className="divider" />
+                <Lnk2_1 />
+                <Features12_1 />
+                <Ct02_1 />
+                <Lnk3_1 />
+                <Brands1_1 />
+                <hr className="divider" />
+                <Features2_1 />
+                <hr className="divider" />
+                <Ct01_2 />
+                <Ct08_1 />
+                <Ct02_2 />
+                <Reviews1_1 />
+                <Rating1_1 />
+                <Integrations2_1 />
+                <Faqs3_1 />
+                <Banner3_1 />
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/demo-10.js b/pages/demo-10.js
new file mode 100644
index 0000000..e6c42fe
--- /dev/null
+++ b/pages/demo-10.js
@@ -0,0 +1,53 @@
+import Layout from "@/components/layout/Layout"
+import Banner13_3 from "@/components/sections/Banner13_3"
+import Blog1_2 from "@/components/sections/Blog1_2"
+import Brands1_8 from "@/components/sections/Brands1_8"
+import Ct01_12 from "@/components/sections/Ct01_12"
+import Ct02_19 from "@/components/sections/Ct02_19"
+import Ct02_20 from "@/components/sections/Ct02_20"
+import Ct02_21 from "@/components/sections/Ct02_21"
+import Ct02_22 from "@/components/sections/Ct02_22"
+import Ct03_4 from "@/components/sections/Ct03_4"
+import Features11_15 from "@/components/sections/Features11_15"
+import Features12_5 from "@/components/sections/Features12_5"
+import Features2_9 from "@/components/sections/Features2_9"
+import Hero10 from "@/components/sections/Hero10"
+import Lnk1_10 from "@/components/sections/Lnk1_10"
+import Lnk2_10 from "@/components/sections/Lnk2_10"
+import Lnk3_8 from "@/components/sections/Lnk3_8"
+import Newsletter1_2 from "@/components/sections/Newsletter1_2"
+import Reviews1_6 from "@/components/sections/Reviews1_6"
+import Statistic1_10 from "@/components/sections/Statistic1_10"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark light-hero-header white-menu">
+                <Hero10 />
+                <Features11_15 />
+                <Lnk1_10 />
+                <Ct02_19 />
+                <Statistic1_10 />
+                <hr className="divider" />
+                <Features2_9 />
+                <Ct02_20 />
+                {/* <Wswrapper_4 /> */}
+                <Lnk2_10 />
+                <Ct02_21 />
+                <Features12_5 />
+                <Ct02_22 />
+                <Lnk3_8 />
+                <Brands1_8 />
+                <hr className="divider" />
+                <Ct01_12 />
+                <Ct03_4 />
+                <Reviews1_6 />
+                <Banner13_3 />
+                <Blog1_2 />
+                <hr className="divider" />
+                <Newsletter1_2 />
+                <hr className="divider" />
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/demo-11.js b/pages/demo-11.js
new file mode 100644
index 0000000..6cceed3
--- /dev/null
+++ b/pages/demo-11.js
@@ -0,0 +1,51 @@
+import Layout from "@/components/layout/Layout"
+import Banner3_3 from "@/components/sections/Banner3_3"
+import Blog1_3 from "@/components/sections/Blog1_3"
+import Brands1_9 from "@/components/sections/Brands1_9"
+import Ct01_13 from "@/components/sections/Ct01_13"
+import Ct02_23 from "@/components/sections/Ct02_23"
+import Ct02_24 from "@/components/sections/Ct02_24"
+import Ct03_5 from "@/components/sections/Ct03_5"
+import Ct04_6 from "@/components/sections/Ct04_6"
+import Features13_4 from "@/components/sections/Features13_4"
+import Features2_10 from "@/components/sections/Features2_10"
+import Features7_1 from "@/components/sections/Features7_1"
+import Hero11 from "@/components/sections/Hero11"
+import Lnk1_11 from "@/components/sections/Lnk1_11"
+import Lnk2_11 from "@/components/sections/Lnk2_11"
+import Lnk3_9 from "@/components/sections/Lnk3_9"
+import Newsletter1_3 from "@/components/sections/Newsletter1_3"
+import Projects1_1 from "@/components/sections/Projects1_1"
+import Rating1_3 from "@/components/sections/Rating1_3"
+import Reviews1_7 from "@/components/sections/Reviews1_7"
+import Statistic5_1 from "@/components/sections/Statistic5_1"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark white-menu">
+                <Hero11 />
+                <Brands1_9 />
+                <hr className="divider" />
+                <Features13_4 />
+                <Statistic5_1 />
+                <Lnk1_11 />
+                <Ct02_23 />
+                <Lnk2_11 />
+                <Features2_10 />
+                <Lnk3_9 />
+                <Ct02_24 />
+                <Ct04_6 />
+                <Features7_1 />
+                <Ct03_5 />
+                <Ct01_13 />
+                <Projects1_1 />
+                <Reviews1_7 />
+                <Rating1_3 />
+                <Banner3_3 />
+                <Blog1_3 />
+                <Newsletter1_3 />
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/demo-12.js b/pages/demo-12.js
new file mode 100644
index 0000000..f89db92
--- /dev/null
+++ b/pages/demo-12.js
@@ -0,0 +1,49 @@
+import Layout from "@/components/layout/Layout"
+import Banner13_4 from "@/components/sections/Banner13_4"
+import Blog1_4 from "@/components/sections/Blog1_4"
+import Brands1_10 from "@/components/sections/Brands1_10"
+import Ct01_14 from "@/components/sections/Ct01_14"
+import Ct02_25 from "@/components/sections/Ct02_25"
+import Ct02_26 from "@/components/sections/Ct02_26"
+import Ct02_53 from "@/components/sections/Ct02_53"
+import Features11_1 from "@/components/sections/Features11_1"
+import Features12_6 from "@/components/sections/Features12_6"
+import Features2_11 from "@/components/sections/Features2_11"
+import Hero12 from "@/components/sections/Hero12"
+import Lnk1_12 from "@/components/sections/Lnk1_12"
+import Lnk2_12 from "@/components/sections/Lnk2_12"
+import Newsletter1_4 from "@/components/sections/Newsletter1_4"
+import Projects1_2 from "@/components/sections/Projects1_2"
+import Rating1_4 from "@/components/sections/Rating1_4"
+import Reviews3_2 from "@/components/sections/Reviews3_2"
+import Statistic5_2 from "@/components/sections/Statistic5_2"
+import Wswrapper_5 from "@/components/sections/Wswrapper_5"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={1} headerCls="navbar-light">
+                <Hero12 />
+                <Features11_1 />
+                <Lnk1_12 />
+                <Ct02_25 />
+                <Features2_11 />
+                <hr className="divider" />
+                <Ct02_53 />
+                <Features12_6 />
+                <Ct02_26 />
+                <Lnk2_12 />
+                <Statistic5_2 />
+                <Ct01_14 />
+                <Reviews3_2 />
+                <Rating1_4 />
+                <Wswrapper_5 />
+                <Projects1_2 />
+                <Brands1_10 />
+                <Banner13_4 />
+                <Blog1_4 />
+                <Newsletter1_4 />
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/demo-13.js b/pages/demo-13.js
new file mode 100644
index 0000000..cdb5295
--- /dev/null
+++ b/pages/demo-13.js
@@ -0,0 +1,45 @@
+import Layout from "@/components/layout/Layout"
+import Banner13_5 from "@/components/sections/Banner13_5"
+import Brands1_11 from "@/components/sections/Brands1_11"
+import Ct01_15 from "@/components/sections/Ct01_15"
+import Ct01_16 from "@/components/sections/Ct01_16"
+import Ct02_27 from "@/components/sections/Ct02_27"
+import Ct03_6 from "@/components/sections/Ct03_6"
+import Ct04_7 from "@/components/sections/Ct04_7"
+import Faqs3_9 from "@/components/sections/Faqs3_9"
+import Features13_5 from "@/components/sections/Features13_5"
+import Features1_2 from "@/components/sections/Features1_2"
+import Features5_8 from "@/components/sections/Features5_8"
+import Hero13 from "@/components/sections/Hero13"
+import Integrations2_6 from "@/components/sections/Integrations2_6"
+import Lnk1_13 from "@/components/sections/Lnk1_13"
+import Lnk2_13 from "@/components/sections/Lnk2_13"
+import Reviews2_3 from "@/components/sections/Reviews2_3"
+import Statistic5_3 from "@/components/sections/Statistic5_3"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark">
+                <Hero13 />
+                <Statistic5_3 />
+                <hr className="divider" />
+                <Features13_5 />
+                <Lnk1_13 />
+                <Ct02_27 />
+                <Lnk2_13 />
+                <Ct01_15 />
+                <Ct03_6 />
+                <Features1_2 />
+                <Integrations2_6 />
+                <Ct01_16 />
+                <Features5_8 />
+                <Reviews2_3 />
+                <Brands1_11 />
+                <Ct04_7 />
+                <Faqs3_9 />
+                <Banner13_5 />
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/demo-14.js b/pages/demo-14.js
new file mode 100644
index 0000000..0fb164f
--- /dev/null
+++ b/pages/demo-14.js
@@ -0,0 +1,49 @@
+import Layout from "@/components/layout/Layout"
+import Banner7_4 from "@/components/sections/Banner7_4"
+import Brands1_12 from "@/components/sections/Brands1_12"
+import Ct01_17 from "@/components/sections/Ct01_17"
+import Ct01_18 from "@/components/sections/Ct01_18"
+import Ct02_28 from "@/components/sections/Ct02_28"
+import Ct02_29 from "@/components/sections/Ct02_29"
+import Ct04_8 from "@/components/sections/Ct04_8"
+import Faqs3_10 from "@/components/sections/Faqs3_10"
+import Features11_2 from "@/components/sections/Features11_2"
+import Features13_6 from "@/components/sections/Features13_6"
+import Features2_12 from "@/components/sections/Features2_12"
+import Hero14 from "@/components/sections/Hero14"
+import Integrations1_4 from "@/components/sections/Integrations1_4"
+import Lnk1_14 from "@/components/sections/Lnk1_14"
+import Lnk2_14 from "@/components/sections/Lnk2_14"
+import Lnk3_10 from "@/components/sections/Lnk3_10"
+import Pricing3 from "@/components/sections/Pricing3"
+import Reviews2_4 from "@/components/sections/Reviews2_4"
+import Statistic1_11 from "@/components/sections/Statistic1_11"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={1} headerCls="navbar-light">
+                <Hero14 />
+                <Statistic1_11 />
+                <hr className="divider" />
+                <Features11_2 />
+                <Lnk1_14 />
+                <Ct02_28 />
+                <Ct01_17 />
+                <Features2_12 />
+                <Lnk2_14 />
+                <Lnk3_10 />
+                <Features13_6 />
+                <Ct01_18 />
+                <Ct02_29 />
+                <Reviews2_4 />
+                <Brands1_12 />
+                <Pricing3 />
+                <Ct04_8 />
+                <Integrations1_4 />
+                <Faqs3_10 />
+                <Banner7_4 />
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/demo-15.js b/pages/demo-15.js
new file mode 100644
index 0000000..7fd133b
--- /dev/null
+++ b/pages/demo-15.js
@@ -0,0 +1,49 @@
+import Layout from "@/components/layout/Layout"
+import Banner7_5 from "@/components/sections/Banner7_5"
+import Brands1_13 from "@/components/sections/Brands1_13"
+import Ct01_19 from "@/components/sections/Ct01_19"
+import Ct02_30 from "@/components/sections/Ct02_30"
+import Ct02_31 from "@/components/sections/Ct02_31"
+import Ct04_9 from "@/components/sections/Ct04_9"
+import Faqs3_11 from "@/components/sections/Faqs3_11"
+import Features11_3 from "@/components/sections/Features11_3"
+import Features2_13 from "@/components/sections/Features2_13"
+import Hero15 from "@/components/sections/Hero15"
+import Integrations2_7 from "@/components/sections/Integrations2_7"
+import Lnk1_15 from "@/components/sections/Lnk1_15"
+import Lnk2_15 from "@/components/sections/Lnk2_15"
+import Lnk3_11 from "@/components/sections/Lnk3_11"
+import Lnk4_2 from "@/components/sections/Lnk4_2"
+import Reviews2_5 from "@/components/sections/Reviews2_5"
+import Statistic1_12 from "@/components/sections/Statistic1_12"
+import Wswrapper_6 from "@/components/sections/Wswrapper_6"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark light-hero-header">
+                <Hero15 />
+                <Statistic1_12 />
+                <hr className="divider" />
+                <Features2_13 />
+                <Wswrapper_6 />
+                <Ct01_19 />
+                <Features11_3 />
+                <Lnk1_15 />
+                <Ct02_30 />
+                <Lnk2_15 />
+                <Lnk3_11 />
+                <Integrations2_7 />
+                <Ct02_31 />
+                <Ct04_9 />
+                <Reviews2_5 />
+                <Brands1_13 />
+                <hr className="divider" />
+                <Faqs3_11 />
+                <Lnk4_2 />
+                <Banner7_5 />
+                <hr className="divider" />
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/demo-16.js b/pages/demo-16.js
new file mode 100644
index 0000000..f910647
--- /dev/null
+++ b/pages/demo-16.js
@@ -0,0 +1,50 @@
+import Layout from "@/components/layout/Layout"
+import Banner13_6 from "@/components/sections/Banner13_6"
+import Blog1_5 from "@/components/sections/Blog1_5"
+import Brands1_14 from "@/components/sections/Brands1_14"
+import Ct02_32 from "@/components/sections/Ct02_32"
+import Ct02_33 from "@/components/sections/Ct02_33"
+import Ct04_10 from "@/components/sections/Ct04_10"
+import Features11_4 from "@/components/sections/Features11_4"
+import Features12_7 from "@/components/sections/Features12_7"
+import Features2_14 from "@/components/sections/Features2_14"
+import Hero16 from "@/components/sections/Hero16"
+import Lnk1_16 from "@/components/sections/Lnk1_16"
+import Lnk2_16 from "@/components/sections/Lnk2_16"
+import Lnk3_12 from "@/components/sections/Lnk3_12"
+import Lnk4_3 from "@/components/sections/Lnk4_3"
+import Newsletter1_5 from "@/components/sections/Newsletter1_5"
+import Rating1_5 from "@/components/sections/Rating1_5"
+import Reviews2_6 from "@/components/sections/Reviews2_6"
+import Statistic1_13 from "@/components/sections/Statistic1_13"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark light-hero-header">
+                <Hero16 />
+                <Rating1_5 />
+                <hr className="divider" />
+                <Features11_4 />
+                <Lnk1_16 />
+                <Statistic1_13 />
+                <hr className="divider" />
+                <Ct02_32 />
+                <Ct04_10 />
+                <Features2_14 />
+                <Lnk2_16 />
+                <Ct02_33 />
+                <Features12_7 />
+                <Lnk3_12 />
+                <Brands1_14 />
+                <Lnk4_3 />
+                <Reviews2_6 />
+                <Banner13_6 />
+                <Blog1_5 />
+                <hr className="divider" />
+                <Newsletter1_5 />
+                <hr className="divider" />
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/demo-17.js b/pages/demo-17.js
new file mode 100644
index 0000000..f6d5c30
--- /dev/null
+++ b/pages/demo-17.js
@@ -0,0 +1,49 @@
+import Layout from "@/components/layout/Layout"
+import Banner13_7 from "@/components/sections/Banner13_7"
+import Blog1_6 from "@/components/sections/Blog1_6"
+import Ct01_20 from "@/components/sections/Ct01_20"
+import Ct01_21 from "@/components/sections/Ct01_21"
+import Ct02_34 from "@/components/sections/Ct02_34"
+import Ct03_7 from "@/components/sections/Ct03_7"
+import Ct04_11 from "@/components/sections/Ct04_11"
+import Features11_5 from "@/components/sections/Features11_5"
+import Features2_15 from "@/components/sections/Features2_15"
+import Hero17 from "@/components/sections/Hero17"
+import Integrations1_5 from "@/components/sections/Integrations1_5"
+import Lnk1_17 from "@/components/sections/Lnk1_17"
+import Lnk2_17 from "@/components/sections/Lnk2_17"
+import Lnk3_13 from "@/components/sections/Lnk3_13"
+import Newsletter1_6 from "@/components/sections/Newsletter1_6"
+import Projects1_3 from "@/components/sections/Projects1_3"
+import Rating1_6 from "@/components/sections/Rating1_6"
+import Reviews2_7 from "@/components/sections/Reviews2_7"
+import Statistic5_4 from "@/components/sections/Statistic5_4"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark light-hero-header">
+                <Hero17 />
+                <Features2_15 />
+                <Lnk1_17 />
+                <Features11_5 />
+                <Lnk2_17 />
+                <Ct01_20 />
+                <Statistic5_4 />
+                <Ct02_34 />
+                <Ct01_21 />
+                <Lnk3_13 />
+                <Ct04_11 />
+                <Integrations1_5 />
+                <Ct03_7 />
+                <Projects1_3 />
+                <Reviews2_7 />
+                <Rating1_6 />
+                <Banner13_7 />
+                <Blog1_6 />
+                <Newsletter1_6 />
+                <hr className="divider" />
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/demo-18.js b/pages/demo-18.js
new file mode 100644
index 0000000..04e757b
--- /dev/null
+++ b/pages/demo-18.js
@@ -0,0 +1,50 @@
+import Layout from "@/components/layout/Layout"
+import Banner13_8 from "@/components/sections/Banner13_8"
+import Brands1_15 from "@/components/sections/Brands1_15"
+import Ct01_22 from "@/components/sections/Ct01_22"
+import Ct01_23 from "@/components/sections/Ct01_23"
+import Ct02_35 from "@/components/sections/Ct02_35"
+import Ct04_12 from "@/components/sections/Ct04_12"
+import Ct08_4 from "@/components/sections/Ct08_4"
+import Faqs3_12 from "@/components/sections/Faqs3_12"
+import Features11_6 from "@/components/sections/Features11_6"
+import Features13_7 from "@/components/sections/Features13_7"
+import Features2_16 from "@/components/sections/Features2_16"
+import Hero18 from "@/components/sections/Hero18"
+import Integrations1_6 from "@/components/sections/Integrations1_6"
+import Lnk1_18 from "@/components/sections/Lnk1_18"
+import Lnk2_18 from "@/components/sections/Lnk2_18"
+import Lnk3_14 from "@/components/sections/Lnk3_14"
+import Reviews1_8 from "@/components/sections/Reviews1_8"
+import Statistic1_14 from "@/components/sections/Statistic1_14"
+import Wswrapper_7 from "@/components/sections/Wswrapper_7"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark light-hero-header">
+                <Hero18 />
+                <Brands1_15 />
+                <hr className="divider" />
+                <Features2_16 />
+                <Wswrapper_7 />
+                <Features11_6 />
+                <Lnk1_18 />
+                <Ct01_22 />
+                <Lnk2_18 />
+                <Lnk3_14 />
+                <Features13_7 />
+                <Statistic1_14 />
+                <hr className="divider" />
+                <Ct01_23 />
+                <Ct08_4 />
+                <Ct02_35 />
+                <Integrations1_6 />
+                <Ct04_12 />
+                <Reviews1_8 />
+                <Faqs3_12 />
+                <Banner13_8 />
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/demo-19.js b/pages/demo-19.js
new file mode 100644
index 0000000..10d9eeb
--- /dev/null
+++ b/pages/demo-19.js
@@ -0,0 +1,48 @@
+import Layout from "@/components/layout/Layout"
+import Banner7_6 from "@/components/sections/Banner7_6"
+import Ct01_24 from "@/components/sections/Ct01_24"
+import Ct02_36 from "@/components/sections/Ct02_36"
+import Ct04_13 from "@/components/sections/Ct04_13"
+import Ct08_5 from "@/components/sections/Ct08_5"
+import Features11_7 from "@/components/sections/Features11_7"
+import Features2_17 from "@/components/sections/Features2_17"
+import Features5_9 from "@/components/sections/Features5_9"
+import Hero19 from "@/components/sections/Hero19"
+import Integrations1_7 from "@/components/sections/Integrations1_7"
+import Lnk1_19 from "@/components/sections/Lnk1_19"
+import Lnk2_19 from "@/components/sections/Lnk2_19"
+import Rating1_7 from "@/components/sections/Rating1_7"
+import Reviews1_9 from "@/components/sections/Reviews1_9"
+import Statistic1_15 from "@/components/sections/Statistic1_15"
+import Wswrapper_8 from "@/components/sections/Wswrapper_8"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark light-hero-header">
+                <Hero19 />
+                <Rating1_7 />
+                <hr className="divider" />
+                <Lnk1_19 />
+                <Wswrapper_8 />
+                <Features11_7 />
+                <hr className="divider" />
+                <Lnk2_19 />
+                <Ct02_36 />
+                <Ct01_24 />
+                <Features2_17 />
+                <hr className="divider" />
+                <Ct04_13 />
+                <Features5_9 />
+                <Statistic1_15 />
+                <hr className="divider" />
+                <Ct08_5 />
+                <Integrations1_7 />
+                <Reviews1_9 />
+                <hr className="divider" />
+                <Banner7_6 />
+                <hr className="divider" />
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/demo-2.js b/pages/demo-2.js
new file mode 100644
index 0000000..8cb2ff3
--- /dev/null
+++ b/pages/demo-2.js
@@ -0,0 +1,49 @@
+import Layout from "/components/layout/Layout"
+import Banner3_2 from "/components/sections/Banner3_2"
+import Brands1_2 from "/components/sections/Brands1_2"
+import Ct01_3 from "/components/sections/Ct01_3"
+import Ct02_3 from "/components/sections/Ct02_3"
+import Ct02_4 from "/components/sections/Ct02_4"
+import Ct03_1 from "/components/sections/Ct03_1"
+import Faqs3_2 from "/components/sections/Faqs3_2"
+import Features12_2 from "/components/sections/Features12_2"
+import Features2_2 from "/components/sections/Features2_2"
+import Features5_2 from "/components/sections/Features5_2"
+import Hero2 from "/components/sections/Hero2"
+import Integrations1_10 from "/components/sections/Integrations1_10"
+import Lnk1_2 from "/components/sections/Lnk1_2"
+import Lnk2_2 from "/components/sections/Lnk2_2"
+import Lnk3_2 from "/components/sections/Lnk3_2"
+import Lnk4_1 from "/components/sections/Lnk4_1"
+import Reviews1_2 from "/components/sections/Reviews1_2"
+import Statistic1_2 from "/components/sections/Statistic1_2"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark">
+                <Hero2 />
+                <Brands1_2 />
+                <hr className="divider" />
+                <Features2_2 />
+                <hr className="divider" />
+                <Lnk1_2 />
+                <Features12_2 />
+                <Ct02_3 />
+                <Lnk2_2 />
+                <Ct02_4 />
+                <Ct01_3 />
+                <Lnk3_2 />
+                <Statistic1_2 />
+                <hr className="divider" />
+                <Features5_2 />
+                <Lnk4_1 />
+                <Ct03_1 />
+                <Integrations1_10 />
+                <Reviews1_2 />
+                <Faqs3_2 />
+                <Banner3_2 />
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/demo-20.js b/pages/demo-20.js
new file mode 100644
index 0000000..9d5586e
--- /dev/null
+++ b/pages/demo-20.js
@@ -0,0 +1,48 @@
+import Layout from "@/components/layout/Layout"
+import Banner3_4 from "@/components/sections/Banner3_4"
+import Blog1_7 from "@/components/sections/Blog1_7"
+import Brands1_16 from "@/components/sections/Brands1_16"
+import Ct01_25 from "@/components/sections/Ct01_25"
+import Ct01_26 from "@/components/sections/Ct01_26"
+import Ct02_37 from "@/components/sections/Ct02_37"
+import Ct03_8 from "@/components/sections/Ct03_8"
+import Ct04_14 from "@/components/sections/Ct04_14"
+import Features13_8 from "@/components/sections/Features13_8"
+import Features2_18 from "@/components/sections/Features2_18"
+import Features7_2 from "@/components/sections/Features7_2"
+import Hero20 from "@/components/sections/Hero20"
+import Integrations1_8 from "@/components/sections/Integrations1_8"
+import Lnk1_20 from "@/components/sections/Lnk1_20"
+import Lnk2_20 from "@/components/sections/Lnk2_20"
+import Reviews1_10 from "@/components/sections/Reviews1_10"
+import Statistic1_16 from "@/components/sections/Statistic1_16"
+import Wswrapper_9 from "@/components/sections/Wswrapper_9"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={1} headerCls="navbar-light">
+                <Hero20 />
+                <Statistic1_16 />
+                <hr className="divider" />
+                <Features13_8 />
+                <Wswrapper_9 />
+                <Lnk1_20 />
+                <Ct01_25 />
+                <Lnk2_20 />
+                <Brands1_16 />
+                <hr className="divider" />
+                <Features2_18 />
+                <Ct03_8 />
+                <Ct01_26 />
+                <Ct02_37 />
+                <Features7_2 />
+                <Ct04_14 />
+                <Integrations1_8 />
+                <Reviews1_10 />
+                <Blog1_7 />
+                <Banner3_4 />
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/demo-21.js b/pages/demo-21.js
new file mode 100644
index 0000000..abeaf4d
--- /dev/null
+++ b/pages/demo-21.js
@@ -0,0 +1,48 @@
+import Layout from "@/components/layout/Layout"
+import Banner13_9 from "@/components/sections/Banner13_9"
+import Brands1_17 from "@/components/sections/Brands1_17"
+import Ct02_38 from "@/components/sections/Ct02_38"
+import Ct02_39 from "@/components/sections/Ct02_39"
+import Ct02_40 from "@/components/sections/Ct02_40"
+import Ct04_15 from "@/components/sections/Ct04_15"
+import Faqs3_13 from "@/components/sections/Faqs3_13"
+import Features11_8 from "@/components/sections/Features11_8"
+import Features12_8 from "@/components/sections/Features12_8"
+import Features2_19 from "@/components/sections/Features2_19"
+import Features5_10 from "@/components/sections/Features5_10"
+import Hero21 from "@/components/sections/Hero21"
+import Integrations1_9 from "@/components/sections/Integrations1_9"
+import Lnk1_21 from "@/components/sections/Lnk1_21"
+import Reviews1_11 from "@/components/sections/Reviews1_11"
+import Statistic1_17 from "@/components/sections/Statistic1_17"
+import Statistic5_5 from "@/components/sections/Statistic5_5"
+import Wswrapper_10 from "@/components/sections/Wswrapper_10"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark light-hero-header">
+                <Hero21 />
+                <Statistic5_5 />
+                <Lnk1_21 />
+                <Ct02_38 />
+                <Features2_19 />
+                <Wswrapper_10 />
+                <Brands1_17 />
+                <hr className="divider" />
+                <Features11_8 />
+                <Ct02_39 />
+                <Features12_8 />
+                <Ct02_40 />
+                <Features5_10 />
+                <Statistic1_17 />
+                <hr className="divider" />
+                <Ct04_15 />
+                <Integrations1_9 />
+                <Reviews1_11 />
+                <Faqs3_13 />
+                <Banner13_9 />
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/demo-22.js b/pages/demo-22.js
new file mode 100644
index 0000000..f78487b
--- /dev/null
+++ b/pages/demo-22.js
@@ -0,0 +1,54 @@
+import Layout from "@/components/layout/Layout"
+import Banner13_10 from "@/components/sections/Banner13_10"
+import Blog1_8 from "@/components/sections/Blog1_8"
+import Ct01_27 from "@/components/sections/Ct01_27"
+import Ct02_41 from "@/components/sections/Ct02_41"
+import Ct02_42 from "@/components/sections/Ct02_42"
+import Ct02_43 from "@/components/sections/Ct02_43"
+import Ct03_9 from "@/components/sections/Ct03_9"
+import Features11_9 from "@/components/sections/Features11_9"
+import Features12_9 from "@/components/sections/Features12_9"
+import Features2_20 from "@/components/sections/Features2_20"
+import Features5_11 from "@/components/sections/Features5_11"
+import Hero22 from "@/components/sections/Hero22"
+import Integrations2_8 from "@/components/sections/Integrations2_8"
+import Lnk1_22 from "@/components/sections/Lnk1_22"
+import Lnk2_21 from "@/components/sections/Lnk2_21"
+import Lnk3_15 from "@/components/sections/Lnk3_15"
+import Lnk4_4 from "@/components/sections/Lnk4_4"
+import Newsletter1_7 from "@/components/sections/Newsletter1_7"
+import Reviews1_12 from "@/components/sections/Reviews1_12"
+import Statistic1_18 from "@/components/sections/Statistic1_18"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark">
+                <Hero22 />
+                <Features2_20 />
+                <Lnk1_22 />
+                <Ct02_41 />
+                <Features11_9 />
+                <Ct01_27 />
+                <Lnk2_21 />
+                <Statistic1_18 />
+                <hr className="divider" />
+                <Features5_11 />
+                <Lnk3_15 />
+                <hr className="divider" />
+                <Features12_9 />
+                <Ct02_42 />
+                <Integrations2_8 />
+                <Ct03_9 />
+                <Ct02_43 />
+                <Reviews1_12 />
+                <Lnk4_4 />
+                <Banner13_10 />
+                <Blog1_8 />
+                <hr className="divider" />
+                <Newsletter1_7 />
+                <hr className="divider" />
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/demo-23.js b/pages/demo-23.js
new file mode 100644
index 0000000..b4b9ca0
--- /dev/null
+++ b/pages/demo-23.js
@@ -0,0 +1,52 @@
+import Layout from "@/components/layout/Layout"
+import Banner16_2 from "@/components/sections/Banner16_2"
+import Banner7_7 from "@/components/sections/Banner7_7"
+import Brands1_18 from "@/components/sections/Brands1_18"
+import Ct01_28 from "@/components/sections/Ct01_28"
+import Ct01_29 from "@/components/sections/Ct01_29"
+import Ct02_44 from "@/components/sections/Ct02_44"
+import Ct02_45 from "@/components/sections/Ct02_45"
+import Ct03_10 from "@/components/sections/Ct03_10"
+import Ct04_16 from "@/components/sections/Ct04_16"
+import Features11_10 from "@/components/sections/Features11_10"
+import Features12_10 from "@/components/sections/Features12_10"
+import Features2_21 from "@/components/sections/Features2_21"
+import Features5_12 from "@/components/sections/Features5_12"
+import Hero23 from "@/components/sections/Hero23"
+import Integrations2_9 from "@/components/sections/Integrations2_9"
+import Lnk1_23 from "@/components/sections/Lnk1_23"
+import Lnk2_22 from "@/components/sections/Lnk2_22"
+import Reviews2_8 from "@/components/sections/Reviews2_8"
+import Statistic1_19 from "@/components/sections/Statistic1_19"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark">
+                <Hero23 />
+                <Brands1_18 />
+                <hr className="divider" />
+                <Lnk1_23 />
+                <Ct01_28 />
+                <Ct02_44 />
+                <Features12_10 />
+                <Ct01_29 />
+                <Features5_12 />
+                <Statistic1_19 />
+                <hr className="divider" />
+                <Lnk2_22 />
+                <Features11_10 />
+                <Ct03_10 />
+                <Features2_21 />
+                <hr className="divider" />
+                <Ct04_16 />
+                <Integrations2_9 />
+                <Ct02_45 />
+                <Banner16_2 />
+                <Reviews2_8 />
+                <Banner7_7 />
+                <hr className="divider" />
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/demo-24.js b/pages/demo-24.js
new file mode 100644
index 0000000..d209189
--- /dev/null
+++ b/pages/demo-24.js
@@ -0,0 +1,53 @@
+import Layout from "@/components/layout/Layout"
+import Banner13_11 from "@/components/sections/Banner13_11"
+import Brands1_19 from "@/components/sections/Brands1_19"
+import Ct01_30 from "@/components/sections/Ct01_30"
+import Ct02_46 from "@/components/sections/Ct02_46"
+import Ct02_47 from "@/components/sections/Ct02_47"
+import Ct02_48 from "@/components/sections/Ct02_48"
+import Ct04_17 from "@/components/sections/Ct04_17"
+import Faqs3_14 from "@/components/sections/Faqs3_14"
+import Features11_11 from "@/components/sections/Features11_11"
+import Features2_22 from "@/components/sections/Features2_22"
+import Features7_3 from "@/components/sections/Features7_3"
+import Hero24 from "@/components/sections/Hero24"
+import Integrations2_10 from "@/components/sections/Integrations2_10"
+import Lnk1_24 from "@/components/sections/Lnk1_24"
+import Lnk2_23 from "@/components/sections/Lnk2_23"
+import Lnk3_16 from "@/components/sections/Lnk3_16"
+import Pricing3 from "@/components/sections/Pricing3"
+import Rating1_8 from "@/components/sections/Rating1_8"
+import Reviews2_9 from "@/components/sections/Reviews2_9"
+import Statistic1_20 from "@/components/sections/Statistic1_20"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={1} headerCls="navbar-light">
+                <Hero24 />
+                <Brands1_19 />
+                <Lnk1_24 />
+                <Features7_3 />
+                <Ct02_46 />
+                <Features2_22 />
+                <Lnk2_23 />
+                <Features11_11 />
+                <hr className="divider" />
+                <Statistic1_20 />
+                <hr className="divider" />
+                <Ct02_47 />
+                <Ct04_17 />
+                <Lnk3_16 />
+                <Ct01_30 />
+                <Integrations2_10 />
+                <Ct02_48 />
+                <Reviews2_9 />
+                <Rating1_8 />
+                <hr className="divider" />
+                <Pricing3 />
+                <Faqs3_14 />
+                <Banner13_11 />
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/demo-25.js b/pages/demo-25.js
new file mode 100644
index 0000000..0cee080
--- /dev/null
+++ b/pages/demo-25.js
@@ -0,0 +1,56 @@
+import Layout from "@/components/layout/Layout"
+import Banner3_5 from "@/components/sections/Banner3_5"
+import Brands1_20 from "@/components/sections/Brands1_20"
+import Ct01_31 from "@/components/sections/Ct01_31"
+import Ct01_32 from "@/components/sections/Ct01_32"
+import Ct01_33 from "@/components/sections/Ct01_33"
+import Ct03_11 from "@/components/sections/Ct03_11"
+import Ct04_18 from "@/components/sections/Ct04_18"
+import Faqs3_15 from "@/components/sections/Faqs3_15"
+import Features13_9 from "@/components/sections/Features13_9"
+import Features2_23 from "@/components/sections/Features2_23"
+import Features5_13 from "@/components/sections/Features5_13"
+import Hero25 from "@/components/sections/Hero25"
+import Integrations2_11 from "@/components/sections/Integrations2_11"
+import Lnk1_25 from "@/components/sections/Lnk1_25"
+import Lnk2_24 from "@/components/sections/Lnk2_24"
+import Lnk3_17 from "@/components/sections/Lnk3_17"
+import Rating1_9 from "@/components/sections/Rating1_9"
+import Reviews2_10 from "@/components/sections/Reviews2_10"
+import Statistic1_21 from "@/components/sections/Statistic1_21"
+import Wswrapper_11 from "@/components/sections/Wswrapper_11"
+
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark light-hero-header">
+                <Hero25 />
+                <Brands1_20 />
+                <hr className="divider" />
+                <Lnk1_25 />
+                <Ct01_31 />
+                <Lnk2_24 />
+                <Statistic1_21 />
+                <hr className="divider" />
+                <Ct01_32 />
+                <Features13_9 />
+                <Ct04_18 />
+                <Wswrapper_11 />
+                <Features2_23 />
+                <hr className="divider" />
+                <Lnk3_17 />
+                <hr className="divider" />
+                <Features5_13 />
+                <Reviews2_10 />
+                <Rating1_9 />
+                <hr className="divider" />
+                <Ct03_11 />
+                <Integrations2_11 />
+                <Ct01_33 />
+                <Faqs3_15 />
+                <Banner3_5 />
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/demo-26.js b/pages/demo-26.js
new file mode 100644
index 0000000..aecefa4
--- /dev/null
+++ b/pages/demo-26.js
@@ -0,0 +1,55 @@
+import Layout from "@/components/layout/Layout"
+import Banner13_12 from "@/components/sections/Banner13_12"
+import Blog1_9 from "@/components/sections/Blog1_9"
+import Brands1_21 from "@/components/sections/Brands1_21"
+import Ct01_34 from "@/components/sections/Ct01_34"
+import Ct01_35 from "@/components/sections/Ct01_35"
+import Ct02_49 from "@/components/sections/Ct02_49"
+import Ct03_12 from "@/components/sections/Ct03_12"
+import Features11_12 from "@/components/sections/Features11_12"
+import Features2_24 from "@/components/sections/Features2_24"
+import Features7_4 from "@/components/sections/Features7_4"
+import Hero26 from "@/components/sections/Hero26"
+import Lnk1_26 from "@/components/sections/Lnk1_26"
+import Lnk2_25 from "@/components/sections/Lnk2_25"
+import Lnk3_18 from "@/components/sections/Lnk3_18"
+import Newsletter1_8 from "@/components/sections/Newsletter1_8"
+import Projects1_4 from "@/components/sections/Projects1_4"
+import Rating1_10 from "@/components/sections/Rating1_10"
+import Reviews2_11 from "@/components/sections/Reviews2_11"
+import Statistic5_6 from "@/components/sections/Statistic5_6"
+import Wswrapper_12 from "@/components/sections/Wswrapper_12"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={1} headerCls="navbar-light">
+                <Hero26 />
+                <Features11_12 />
+                <Lnk1_26 />
+                <Ct01_34 />
+                <Statistic5_6 />
+                <Features2_24 />
+                <Lnk2_25 />
+                <Rating1_10 />
+                <hr className="divider" />
+                <Lnk3_18 />
+                <Features7_4 />
+                <Ct03_12 />
+                <Ct01_35 />
+                <Ct02_49 />
+                <Projects1_4 />
+                <Wswrapper_12 />
+                <Reviews2_11 />
+                <hr className="divider" />
+                <Brands1_21 />
+                <hr className="divider" />
+                <Banner13_12 />
+                <Blog1_9 />
+                <hr className="divider" />
+                <Newsletter1_8 />
+                <hr className="divider" />
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/demo-27.js b/pages/demo-27.js
new file mode 100644
index 0000000..616155f
--- /dev/null
+++ b/pages/demo-27.js
@@ -0,0 +1,54 @@
+import Layout from "@/components/layout/Layout"
+import Banner3_6 from "@/components/sections/Banner3_6"
+import Brands1_22 from "@/components/sections/Brands1_22"
+import Ct01_36 from "@/components/sections/Ct01_36"
+import Ct01_37 from "@/components/sections/Ct01_37"
+import Ct02_50 from "@/components/sections/Ct02_50"
+import Ct02_51 from "@/components/sections/Ct02_51"
+import Ct02_52 from "@/components/sections/Ct02_52"
+import Ct08_6 from "@/components/sections/Ct08_6"
+import Faqs3_16 from "@/components/sections/Faqs3_16"
+import Features12_11 from "@/components/sections/Features12_11"
+import Features2_25 from "@/components/sections/Features2_25"
+import Features5_14 from "@/components/sections/Features5_14"
+import Features7_5 from "@/components/sections/Features7_5"
+import Hero27 from "@/components/sections/Hero27"
+import Integrations2_12 from "@/components/sections/Integrations2_12"
+import Lnk1_27 from "@/components/sections/Lnk1_27"
+import Lnk2_26 from "@/components/sections/Lnk2_26"
+import Lnk3_19 from "@/components/sections/Lnk3_19"
+import Rating1_11 from "@/components/sections/Rating1_11"
+import Reviews1_13 from "@/components/sections/Reviews1_13"
+import Statistic1_22 from "@/components/sections/Statistic1_22"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark light-hero-header">
+                <Hero27 />
+                <Lnk1_27 />
+                <Ct02_50 />
+                <Ct01_36 />
+                <Features7_5 />
+                <Ct02_51 />
+                <Lnk2_26 />
+                <Brands1_22 />
+                <hr className="divider" />
+                <Lnk3_19 />
+                <Features12_11 />
+                <Ct02_52 />
+                <Features5_14 />
+                <Statistic1_22 />
+                <hr className="divider" />
+                <Ct08_6 />
+                <Ct01_37 />
+                <Features2_25 />
+                <Integrations2_12 />
+                <Faqs3_16 />
+                <Reviews1_13 />
+                <Rating1_11 />
+                <Banner3_6 />
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/demo-3.js b/pages/demo-3.js
new file mode 100644
index 0000000..02762a6
--- /dev/null
+++ b/pages/demo-3.js
@@ -0,0 +1,49 @@
+import Layout from "@/components/layout/Layout"
+import Banner13_13 from "@/components/sections/Banner13_13"
+import Brands1_23 from "@/components/sections/Brands1_23"
+import Ct01_4 from "@/components/sections/Ct01_4"
+import Ct02_5 from "@/components/sections/Ct02_5"
+import Ct02_6 from "@/components/sections/Ct02_6"
+import Ct02_7 from "@/components/sections/Ct02_7"
+import Ct04_1 from "@/components/sections/Ct04_1"
+import Faqs3_3 from "@/components/sections/Faqs3_3"
+import Features11_13 from "@/components/sections/Features11_13"
+import Features12_3 from "@/components/sections/Features12_3"
+import Features2_3 from "@/components/sections/Features2_3"
+import Features5_3 from "@/components/sections/Features5_3"
+import Hero3 from "@/components/sections/Hero3"
+import Integrations2_2 from "@/components/sections/Integrations2_2"
+import Lnk1_3 from "@/components/sections/Lnk1_3"
+import Lnk2_3 from "@/components/sections/Lnk2_3"
+import Lnk3_3 from "@/components/sections/Lnk3_3"
+import Reviews2_1 from "@/components/sections/Reviews2_1"
+import Statistic1_3 from "@/components/sections/Statistic1_3"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={1} headerCls="navbar-light">
+                <Hero3 />
+                <Features11_13 />
+                <Lnk1_3 />
+                <Ct02_5 />
+                <Features2_3 />
+                <Lnk2_3 />
+                <Statistic1_3 />
+                <hr className="divider" />
+                <Features12_3 />
+                <Ct02_6 />
+                <Ct04_1 />
+                <Lnk3_3 />
+                <Features5_3 />
+                <Reviews2_1 />
+                <Brands1_23 />
+                <Integrations2_2 />
+                <Ct01_4 />
+                <Ct02_7 />
+                <Faqs3_3 />
+                <Banner13_13 />
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/demo-4.js b/pages/demo-4.js
new file mode 100644
index 0000000..64b34bd
--- /dev/null
+++ b/pages/demo-4.js
@@ -0,0 +1,56 @@
+import Layout from "@/components/layout/Layout"
+import Banner13_1 from "@/components/sections/Banner13_1"
+import Blog1_1 from "@/components/sections/Blog1_1"
+import Brands1_3 from "@/components/sections/Brands1_3"
+import Ct01_5 from "@/components/sections/Ct01_5"
+import Ct01_6 from "@/components/sections/Ct01_6"
+import Ct02_8 from "@/components/sections/Ct02_8"
+import Ct02_9 from "@/components/sections/Ct02_9"
+import Ct03_2 from "@/components/sections/Ct03_2"
+import Faqs3_4 from "@/components/sections/Faqs3_4"
+import Features2_4 from "@/components/sections/Features2_4"
+import Features6_2 from "@/components/sections/Features6_2"
+import Features7_6 from "@/components/sections/Features7_6"
+import Hero4 from "@/components/sections/Hero4"
+import Integrations2_3 from "@/components/sections/Integrations2_3"
+import Lnk1_4 from "@/components/sections/Lnk1_4"
+import Lnk2_4 from "@/components/sections/Lnk2_4"
+import Newsletter1_1 from "@/components/sections/Newsletter1_1"
+import Rating1_2 from "@/components/sections/Rating1_2"
+import Reviews3_3 from "@/components/sections/Reviews3_3"
+import Statistic1_4 from "@/components/sections/Statistic1_4"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark">
+                <Hero4 />
+                <Brands1_3 />
+                <hr className="divider" />
+                <Features6_2 />
+                <hr className="divider" />
+                <Lnk1_4 />
+                <Features2_4 />
+                <Lnk2_4 />
+                <Statistic1_4 />
+                <hr className="divider" />
+                <Ct02_8 />
+                <Features7_6 />
+                <Ct01_5 />
+                <Ct03_2 />
+                <Integrations2_3 />
+                <Ct02_9 />
+                <Ct01_6 />
+                <Reviews3_3 />
+                <Rating1_2 />
+                <hr className="divider" />
+                <Faqs3_4 />
+                <Banner13_1 />
+                <Blog1_1 />
+                <hr className="divider" />
+                <Newsletter1_1 />
+                <hr className="divider" />
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/demo-5.js b/pages/demo-5.js
new file mode 100644
index 0000000..f2924fb
--- /dev/null
+++ b/pages/demo-5.js
@@ -0,0 +1,48 @@
+import Layout from "/components/layout/Layout"
+import Banner7_1 from "/components/sections/Banner7_1"
+import Ct01_7 from "/components/sections/Ct01_7"
+import Ct01_8 from "/components/sections/Ct01_8"
+import Ct02_10 from "/components/sections/Ct02_10"
+import Ct02_11 from "/components/sections/Ct02_11"
+import Ct03_3 from "/components/sections/Ct03_3"
+import Ct08_2 from "/components/sections/Ct08_2"
+import Features11_14 from "/components/sections/Features11_14"
+import Features13_1 from "/components/sections/Features13_1"
+import Features2_5 from "/components/sections/Features2_5"
+import Features5_4 from "/components/sections/Features5_4"
+import Hero5 from "/components/sections/Hero5"
+import Integrations1_1 from "/components/sections/Integrations1_1"
+import Lnk1_5 from "/components/sections/Lnk1_5"
+import Lnk2_5 from "/components/sections/Lnk2_5"
+import Reviews1_3 from "/components/sections/Reviews1_3"
+import Statistic1_5 from "/components/sections/Statistic1_5"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark light-hero-header">
+                <Hero5 />
+                <Statistic1_5 />
+                <hr className="divider" />
+                <Features11_14 />
+                <Lnk1_5 />
+                <Features2_5 />
+                <hr className="divider" />
+                <Lnk2_5 />
+                <Ct01_7 />
+                <Ct02_10 />
+                <Ct01_8 />
+                <Features13_1 />
+                <Features5_4 />
+                <Ct02_11 />
+                <Ct08_2 />
+                <Ct03_3 />
+                <Integrations1_1 />
+                <Reviews1_3 />
+                <hr className="divider" />
+                <Banner7_1 />
+                <hr className="divider" />
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/demo-6.js b/pages/demo-6.js
new file mode 100644
index 0000000..6658c37
--- /dev/null
+++ b/pages/demo-6.js
@@ -0,0 +1,46 @@
+import Layout from "@/components/layout/Layout"
+import Banner1 from "@/components/sections/Banner1"
+import Brands1_4 from "@/components/sections/Brands1_4"
+import Ct01_9 from "@/components/sections/Ct01_9"
+import Ct02_12 from "@/components/sections/Ct02_12"
+import Ct02_13 from "@/components/sections/Ct02_13"
+import Ct04_2 from "@/components/sections/Ct04_2"
+import Faqs3_5 from "@/components/sections/Faqs3_5"
+import Features13_2 from "@/components/sections/Features13_2"
+import Features2_6 from "@/components/sections/Features2_6"
+import Features5_5 from "@/components/sections/Features5_5"
+import Hero6 from "@/components/sections/Hero6"
+import Integrations1_2 from "@/components/sections/Integrations1_2"
+import Lnk1_6 from "@/components/sections/Lnk1_6"
+import Lnk2_6 from "@/components/sections/Lnk2_6"
+import Lnk3_4 from "@/components/sections/Lnk3_4"
+import Reviews1_4 from "@/components/sections/Reviews1_4"
+import Statistic1_6 from "@/components/sections/Statistic1_6"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark light-hero-header">
+                <Hero6 />
+                <Statistic1_6 />
+                <hr className="divider" />
+                <Lnk1_6 />
+                <Ct04_2 />
+                <Ct02_12 />
+                <Features2_6 />
+                <Lnk2_6 />
+                <Brands1_4 />
+                <hr className="divider" />
+                <Lnk3_4 />
+                <Features13_2 />
+                <Features5_5 />
+                <Ct02_13 />
+                <Ct01_9 />
+                <Integrations1_2 />
+                <Reviews1_4 />
+                <Faqs3_5 />
+                <Banner1 />
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/demo-7.js b/pages/demo-7.js
new file mode 100644
index 0000000..de9feb0
--- /dev/null
+++ b/pages/demo-7.js
@@ -0,0 +1,51 @@
+import Layout from "@/components/layout/Layout"
+import Banner7_2 from "@/components/sections/Banner7_2"
+import Brands1_5 from "@/components/sections/Brands1_5"
+import Ct01_10 from "@/components/sections/Ct01_10"
+import Ct02_14 from "@/components/sections/Ct02_14"
+import Ct04_3 from "@/components/sections/Ct04_3"
+import Ct08_3 from "@/components/sections/Ct08_3"
+import Faqs3_6 from "@/components/sections/Faqs3_6"
+import Features13_3 from "@/components/sections/Features13_3"
+import Features2_7 from "@/components/sections/Features2_7"
+import Features6_3 from "@/components/sections/Features6_3"
+import Hero7 from "@/components/sections/Hero7"
+import Integrations2_4 from "@/components/sections/Integrations2_4"
+import Lnk1_7 from "@/components/sections/Lnk1_7"
+import Lnk2_7 from "@/components/sections/Lnk2_7"
+import Lnk3_5 from "@/components/sections/Lnk3_5"
+import Reviews2_2 from "@/components/sections/Reviews2_2"
+import Statistic1_7 from "@/components/sections/Statistic1_7"
+import Wswrapper_1 from "@/components/sections/Wswrapper_1"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark">
+                <Hero7 />
+                <Features6_3 />
+                <hr className="divider" />
+                <Lnk1_7 />
+                <Ct04_3 />
+                <Features2_7 />
+                <Wswrapper_1 />
+                <Lnk2_7 />
+                <Statistic1_7 />
+                <hr className="divider" />
+                <Features13_3 />
+                <Ct01_10 />
+                <Lnk3_5 />
+                <Reviews2_2 />
+                <Brands1_5 />
+                <hr className="divider" />
+                <Ct08_3 />
+                <Ct02_14 />
+                <Integrations2_4 />
+                <Faqs3_6 />
+                <hr className="divider" />
+                <Banner7_2 />
+                <hr className="divider" />
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/demo-8.js b/pages/demo-8.js
new file mode 100644
index 0000000..fd1accb
--- /dev/null
+++ b/pages/demo-8.js
@@ -0,0 +1,48 @@
+import Layout from "@/components/layout/Layout"
+import Banner13_2 from "@/components/sections/Banner13_2"
+import Brands1_6 from "@/components/sections/Brands1_6"
+import Ct02_15 from "@/components/sections/Ct02_15"
+import Ct02_16 from "@/components/sections/Ct02_16"
+import Ct02_17 from "@/components/sections/Ct02_17"
+import Ct04_4 from "@/components/sections/Ct04_4"
+import Faqs3_7 from "@/components/sections/Faqs3_7"
+import Features12_4 from "@/components/sections/Features12_4"
+import Features2_8 from "@/components/sections/Features2_8"
+import Features5_6 from "@/components/sections/Features5_6"
+import Features6_4 from "@/components/sections/Features6_4"
+import Hero8 from "@/components/sections/Hero8"
+import Integrations1_3 from "@/components/sections/Integrations1_3"
+import Lnk1_8 from "@/components/sections/Lnk1_8"
+import Lnk2_8 from "@/components/sections/Lnk2_8"
+import Lnk3_6 from "@/components/sections/Lnk3_6"
+import Reviews1_5 from "@/components/sections/Reviews1_5"
+import Statistic1_8 from "@/components/sections/Statistic1_8"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={1} headerCls="navbar-light">
+                <Hero8 />
+                <Brands1_6 />
+                <Features2_8 />
+                <Lnk1_8 />
+                <Lnk2_8 />
+                <Features12_4 />
+                <Statistic1_8 />
+                <hr className="divider" />
+                <Ct02_15 />
+                <Lnk3_6 />
+                <Features6_4 />
+                <hr className="divider" />
+                <Ct02_16 />
+                <Features5_6 />
+                <Integrations1_3 />
+                <Ct02_17 />
+                <Ct04_4 />
+                <Reviews1_5 />
+                <Faqs3_7 />
+                <Banner13_2 />
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/demo-9.js b/pages/demo-9.js
new file mode 100644
index 0000000..469dff5
--- /dev/null
+++ b/pages/demo-9.js
@@ -0,0 +1,56 @@
+import Layout from "@/components/layout/Layout"
+import Banner16_1 from "@/components/sections/Banner16_1"
+import Banner7_3 from "@/components/sections/Banner7_3"
+import Brands1_7 from "@/components/sections/Brands1_7"
+import Ct01_11 from "@/components/sections/Ct01_11"
+import Ct02_18 from "@/components/sections/Ct02_18"
+import Ct04_5 from "@/components/sections/Ct04_5"
+import Ct13 from "@/components/sections/Ct13"
+import Faqs3_8 from "@/components/sections/Faqs3_8"
+import Features1_1 from "@/components/sections/Features1_1"
+import Features5_7 from "@/components/sections/Features5_7"
+import Features6_5 from "@/components/sections/Features6_5"
+import Features7_7 from "@/components/sections/Features7_7"
+import Hero9 from "@/components/sections/Hero9"
+import Integrations2_5 from "@/components/sections/Integrations2_5"
+import Lnk1_9 from "@/components/sections/Lnk1_9"
+import Lnk2_9 from "@/components/sections/Lnk2_9"
+import Lnk3_7 from "@/components/sections/Lnk3_7"
+import Pricing1 from "@/components/sections/Pricing1"
+import Reviews3_1 from "@/components/sections/Reviews3_1"
+import Statistic1_9 from "@/components/sections/Statistic1_9"
+import Wswrapper_2 from "@/components/sections/Wswrapper_2"
+import Wswrapper_3 from "@/components/sections/Wswrapper_3"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark">
+                <Hero9 />
+                <Features6_5 />
+                <hr className="divider" />
+                <Lnk1_9 />
+                <Features1_1 />
+                <Wswrapper_2 />
+                <Lnk2_9 />
+                <Ct01_11 />
+                <Features5_7 />
+                <Statistic1_9 />
+                <hr className="divider" />
+                <Ct02_18 />
+                <Features7_7 />
+                <Lnk3_7 />
+                <Ct13 />
+                <Integrations2_5 />
+                <Reviews3_1 />
+                <Ct04_5 />
+                <Brands1_7 />
+                <Pricing1 />
+                <Banner16_1 />
+                <Faqs3_8 />
+                <Wswrapper_3 />
+                <Banner7_3 />
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/download.js b/pages/download.js
new file mode 100644
index 0000000..ab7f83b
--- /dev/null
+++ b/pages/download.js
@@ -0,0 +1,206 @@
+import Layout from "@/components/layout/Layout"
+import Link from "next/link"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
+                <div>
+                    <section id="download-1" className="gr--whitesmoke inner-page-hero download-section division">
+                        <div className="container">
+                            <div className="row justify-content-center">
+                                <div className="col-lg-11 col-xl-10">
+                                    {/* VERSION RELEASE */}
+                                    <div className="version-release">
+                                        {/* Release Data */}
+                                        <div className="release-data">
+                                            <h5 className="s-28 w-700">Latest Version</h5>
+                                            {/* Version Data */}
+                                            <div className="rel">
+                                                <span className="version-data">4.13.019</span>
+                                                <span className="release-date">2023-05-31 <span>68.91 MB</span></span>
+                                                <Link href="download/example.zip" download="example.zip" className="btn btn--theme hover--tra-grey ico-20 ico-left release-download">
+                                                    <span className="flaticon-down-arrow-1" /> Download 4.13.019
+                                                </Link>
+                                            </div>
+                                        </div>
+                                        {/* Release Highlights */}
+                                        <div className="release-highlights">
+                                            <ul className="simple-list">
+                                                <li className="list-item"><p><b>OS X</b> (10.7 or later is required)</p></li>
+                                                <li className="list-item"><p><b>Windows</b> - also available as a portable version</p></li>
+                                                <li className="list-item"><p><b>Windows 64 bit</b> - also available as a portable version</p></li>
+                                                <li className="list-item"><p>Fixed Bug: "Euismod purus and blandit"</p></li>
+                                                <li className="list-item"><p>Fixed Crash#4680682692</p></li>
+                                            </ul>
+                                        </div>
+                                    </div>	{/* END VERSION RELEASE */}
+                                    {/* VERSION RELEASE */}
+                                    <div className="version-release">
+                                        {/* Release Data */}
+                                        <div className="release-data">
+                                            <h5 className="s-28 w-700">Older Versions</h5>
+                                            {/* Version Data */}
+                                            <div className="rel">
+                                                <span className="version-data">4.11.020</span>
+                                                <span className="release-date">2023-05-18 <span>62.46 MB</span></span>
+                                                <Link href="download/example.zip" download="example.zip" className="btn btn--tra-grey hover--theme ico-20 ico-left release-download">
+                                                    <span className="flaticon-down-arrow-1" /> Download 4.11.020
+                                                </Link>
+                                            </div>
+                                        </div>
+                                        {/* Release Highlights */}
+                                        <div className="release-highlights">
+                                            <ul className="simple-list">
+                                                <li className="list-item">
+                                                    <p>Quaerat sodales sapien undo euismod purus and blandit egestas magna on macOS 10.12.*</p>
+                                                </li>
+                                                <li className="list-item">
+                                                    <p>Fixed suscipit lectus auctor integer cursus orci vitae auctor integer</p>
+                                                </li>
+                                                <li className="list-item">
+                                                    <p>Fixed Fringilla risus nec, luctus mauris auctor integer an auctor cursus euismod</p>
+                                                </li>
+                                                <li className="list-item"><p>Fixed Crash#8341682687</p></li>
+                                            </ul>
+                                        </div>
+                                    </div>	{/* END VERSION RELEASE */}
+                                    {/* VERSION RELEASE */}
+                                    <div className="version-release">
+                                        {/* Release Data */}
+                                        <div className="release-data">
+                                            {/* Version Data */}
+                                            <div className="rel">
+                                                <span className="version-data">4.08.106</span>
+                                                <span className="release-date">2023-04-12 <span>58.83 MB</span></span>
+                                                <Link href="download/example.zip" download="example.zip" className="btn btn--tra-grey hover--theme ico-20 ico-left release-download">
+                                                    <span className="flaticon-down-arrow-1" /> Download 4.08.106
+                                                </Link>
+                                            </div>
+                                        </div>
+                                        {/* Release Highlights */}
+                                        <div className="release-highlights">
+                                            <ul className="simple-list">
+                                                <li className="list-item">
+                                                    <p>Quaerat sodales sapien undo euismod magna on 10.12 (Sierra)</p>
+                                                </li>
+                                                <li className="list-item">
+                                                    <p>Fixed suscipit lectus auctor integer cursus orci vitae auctor integer</p>
+                                                </li>
+                                                <li className="list-item">
+                                                    <p>Fixed risus nec luctus mauris auctor integer an integera congue magna</p>
+                                                </li>
+                                                <li className="list-item">
+                                                    <p>Fixed cubilia laoreet magna at auctor integer congue egestas</p>
+                                                </li>
+                                                <li className="list-item">
+                                                    <p>Fringilla risus nec, luctus mauris auctor integer an auctor cursus euismod purus
+                                                        pretium efficitur ipsum ligula undo cubilia laoreet magna and dolor suscipit
+                                                    </p>
+                                                </li>
+                                                <li className="list-item">
+                                                    <p>Fixes other minor bugs</p>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>	{/* END VERSION RELEASE */}
+                                    {/* VERSION RELEASE */}
+                                    <div className="version-release">
+                                        {/* Release Data */}
+                                        <div className="release-data">
+                                            {/* Version Data */}
+                                            <div className="rel">
+                                                <span className="version-data">4.0.018</span>
+                                                <span className="release-date">2023-02-26 <span>64.95 MB</span></span>
+                                                <Link href="download/example.zip" download="example.zip" className="btn btn--tra-grey hover--theme ico-20 ico-left release-download">
+                                                    <span className="flaticon-down-arrow-1" /> Download 4.0.018
+                                                </Link>
+                                            </div>
+                                        </div>
+                                        {/* Release Highlights */}
+                                        <div className="release-highlights">
+                                            <ul className="simple-list">
+                                                <li className="list-item">
+                                                    <p>Fixes integer cursus orci bugs on 10.13 (High Sierra)</p>
+                                                </li>
+                                                <li className="list-item">
+                                                    <p>Fixed auctor integer cursus orci vitae auctor integer</p>
+                                                </li>
+                                                <li className="list-item">
+                                                    <p>Fixed Crash#8341689840</p>
+                                                </li>
+                                                <li className="list-item">
+                                                    <p>Fixes other minor bugs</p>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>	{/* END VERSION RELEASE */}
+                                    {/* VERSION RELEASE */}
+                                    <div className="version-release">
+                                        {/* Release Data */}
+                                        <div className="release-data">
+                                            {/* Version Data */}
+                                            <div className="rel">
+                                                <span className="version-data">3.76.231</span>
+                                                <span className="release-date">2022-12-08 <span>57.39 MB</span></span>
+                                                <Link href="download/example.zip" download="example.zip" className="btn btn--tra-grey hover--theme ico-20 ico-left release-download">
+                                                    <span className="flaticon-down-arrow-1" /> Download 3.76.231
+                                                </Link>
+                                            </div>
+                                        </div>
+                                        {/* Release Highlights */}
+                                        <div className="release-highlights">
+                                            <ul className="simple-list">
+                                                <li className="list-item">
+                                                    <p>Quaerat sodales sapien undo euismod magna on 10.12 (Sierra)</p>
+                                                </li>
+                                                <li className="list-item">
+                                                    <p>Fixed suscipit lectus auctor integer cursus orci vitae auctor integer</p>
+                                                </li>
+                                                <li className="list-item">
+                                                    <p>Fixes integer cursus orci bugs on 10.13 (High Sierra)</p>
+                                                </li>
+                                                <li className="list-item">
+                                                    <p>Fixed auctor integer cursus orci vitae auctor integer</p>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>	{/* END VERSION RELEASE */}
+                                </div>
+                            </div>    {/* End row */}
+                        </div>     {/* End container */}
+                    </section>	{/* END DOWNLOAD-1 */}
+                    {/* BANNER-9
+			============================================= */}
+                    <section id="banner-9" className="bg--02 py-70 x-border banner-section">
+                        <div className="container">
+                            {/* BANNER-9 WRAPPER */}
+                            <div className="banner-7-wrapper">
+                                <div className="row justify-content-center d-flex align-items-center">
+                                    {/* BANNER-9 TEXT */}
+                                    <div className="col-md-7 col-xl-5">
+                                        <div className="banner-9-txt">
+                                            {/* Title */}
+                                            <h3 className="s-40 w-700">Any questions?</h3>
+                                            {/* Text */}
+                                            <p className="p-lg">Don't hesitate to contact us about any question you might be interested in</p>
+                                            {/* Button */}
+                                            <Link href="/faqs" className="btn r-04 btn--theme hover--theme">Read the FAQs</Link>
+                                        </div>
+                                    </div>
+                                    {/* BANNER-9 IMAGE */}
+                                    <div className="col-md-5 col-xl-5">
+                                        <div className="banner-9-img text-end">
+                                            <img className="img-fluid" src="images/help.png" alt="banner-image" />
+                                        </div>
+                                    </div>
+                                </div>     {/* End row */}
+                            </div>    {/* END BANNER-9 WRAPPER */}
+                        </div>     {/* End container */}
+                    </section>
+                </div>
+
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/faqs.js b/pages/faqs.js
new file mode 100644
index 0000000..9516df1
--- /dev/null
+++ b/pages/faqs.js
@@ -0,0 +1,598 @@
+import Layout from "/components/layout/Layout"
+import Link from "next/link"
+import { useState } from "react"
+export default function Home() {
+    const [isActive, setIsActive] = useState({
+        status: false,
+        key: 1,
+    })
+
+    const handleToggle = (key) => {
+        if (isActive.key === key) {
+            setIsActive({
+                status: false,
+            })
+        } else {
+            setIsActive({
+                status: true,
+                key,
+            })
+        }
+    }
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
+                <section id="faqs-2" className="gr--whitesmoke pb-30 inner-page-hero faqs-section division">
+                    <div className="container">
+                        <div className="row justify-content-center">
+                            <div className="col-lg-11 col-xl-10">
+                                {/* INNER PAGE TITLE */}
+                                <div className="inner-page-title">
+                                    <h2 className="s-52 w-700">Questions &amp; Answers</h2>
+                                    <p className="p-lg">Some common questions we get about Martex</p>
+                                </div>
+                                {/* QUESTIONS ACCORDION */}
+                                <div className="accordion-wrapper">
+                                    <ul className="accordion">
+                                        {/* QUESTIONS CATEGORY #1 */}
+                                        <li  className={isActive.key == 1 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(1)}>
+                                            {/* CATEGORY HEADER */}
+                                            <div className="accordion-thumb">
+                                                <h4 className="s-28 w-700">Getting Started</h4>
+                                            </div>
+                                            {/* CATEGORY ANSWERS */}
+                                            <div className="accordion-panel" style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}>
+                                                {/* QUESTION #1 */}
+                                                <div className="accordion-panel-item mb-35">
+                                                    {/* Question */}
+                                                    <div className="faqs-2-question">
+                                                        <h5 className="s-22 w-700"><span>1.</span> What is Martex and how does it work?</h5>
+                                                    </div>
+                                                    {/* Answer */}
+                                                    <div className="faqs-2-answer color--grey">
+                                                        {/* Text */}
+                                                        <p>Sagittis congue augue egestas volutpat egestas magna suscipit
+                                                            egestas magna ipsum vitae purus congue efficitur and ipsum primis
+                                                            in cubilia laoreet augue egestas luctus donec and curabitur dapibus
+                                                        </p>
+                                                    </div>
+                                                </div>	{/* END QUESTION #1 */}
+                                                {/* QUESTION #2 */}
+                                                <div className="accordion-panel-item mb-35">
+                                                    {/* Question */}
+                                                    <div className="faqs-2-question">
+                                                        <h5 className="s-22 w-700"><span>2.</span> What's inside the package?</h5>
+                                                    </div>
+                                                    {/* Answer */}
+                                                    <div className="faqs-2-answer color--grey">
+                                                        {/* Text */}
+                                                        <p>Sagittis congue augue egestas volutpat egestas magna suscipit
+                                                            egestas and magna ipsum vitae purus and efficitur ipsum primis in
+                                                            cubilia laoreet tempor gravida congue laoreet turpis neque auctor
+                                                        </p>
+                                                        {/* Text */}
+                                                        <p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
+                                                            undo lectus laoreet and gestas neque vitae auctor eros dolor luctus
+                                                            placerat a magna cursus congue magna impedit ligula congue maecenas
+                                                        </p>
+                                                    </div>
+                                                </div>	{/* END QUESTION #2 */}
+                                                {/* QUESTION #3 */}
+                                                <div className="accordion-panel-item mb-35">
+                                                    {/* Question */}
+                                                    <div className="faqs-2-question">
+                                                        <h5 className="s-22 w-700"><span>3.</span> Which languages does Martex support?</h5>
+                                                    </div>
+                                                    {/* Answer */}
+                                                    <div className="faqs-2-answer color--grey">
+                                                        {/* Text */}
+                                                        <ul className="simple-list">
+                                                            <li className="list-item">
+                                                                <p>Curabitur ac dapibus libero quisque eu congue tristique
+                                                                    neque. Phasellus blandit tristique justo aliquam quisque
+                                                                    aliquam vitae and molestie sapien nunc justo, aliquet non
+                                                                    molestie purus tempor
+                                                                </p>
+                                                            </li>
+                                                            <li className="list-item">
+                                                                <p>Sagittis congue augue egestas volutpat egestas magna suscipit
+                                                                    egestas magna ipsum undo purus vitae efficitur ipsum primis in
+                                                                    cubilia laoreet augue donec egestas luctus curabitur dapibus
+                                                                    libero
+                                                                </p>
+                                                            </li>
+                                                        </ul>
+                                                    </div>
+                                                </div>	{/* END QUESTION #3 */}
+                                                {/* QUESTION #4 */}
+                                                <div className="accordion-panel-item">
+                                                    {/* Question */}
+                                                    <div className="faqs-2-question">
+                                                        <h5 className="s-22 w-700"><span>4.</span> Automate testing with API</h5>
+                                                    </div>
+                                                    {/* Answer */}
+                                                    <div className="faqs-2-answer color--grey">
+                                                        {/* Text */}
+                                                        <p>An augue cubilia laoreet and magna suscipit egestas magna ipsum
+                                                            purus ipsum primis and augue ultrice ligula egestas suscipit lectus
+                                                            gestas integer congue a lectus porta phasellus neque blandit tristique
+                                                        </p>
+                                                    </div>
+                                                </div>	{/* END QUESTION #4 */}
+                                            </div>	{/* END CATEGORY ANSWERS */}
+                                        </li>	{/* END QUESTIONS CATEGORY #1 */}
+                                        {/* QUESTIONS CATEGORY #2 */}
+                                        <li  className={isActive.key == 2 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(2)}>
+                                            {/* CATEGORY HEADER */}
+                                            <div className="accordion-thumb">
+                                                <h4 className="s-28 w-700">Manage your account</h4>
+                                            </div>
+                                            {/* CATEGORY ANSWERS */}
+                                            <div className="accordion-panel" style={{ display: `${isActive.key == 2 ? "block" : "none"}` }}>
+                                                {/* QUESTION #1 */}
+                                                <div className="accordion-panel-item mb-35">
+                                                    {/* Question */}
+                                                    <div className="faqs-2-question">
+                                                        <h5 className="s-22 w-700"><span>1.</span> Sign up and manage your account</h5>
+                                                    </div>
+                                                    {/* Answer */}
+                                                    <div className="faqs-2-answer color--grey">
+                                                        {/* Text */}
+                                                        <ol className="digit-list">
+                                                            <li className="list-item">
+                                                                <p>Curabitur ac dapibus libero eu congue tristique neque</p>
+                                                            </li>
+                                                            <li className="list-item">
+                                                                <p>Sagittis congue augue egestas volutpat egestas</p>
+                                                            </li>
+                                                            <li className="list-item">
+                                                                <p>An aliquam justo suscipit congue augue</p>
+                                                            </li>
+                                                            <li className="list-item">
+                                                                <p>Gestas integer congue a lectus porta</p>
+                                                            </li>
+                                                        </ol>
+                                                    </div>
+                                                </div>	{/* END QUESTION #1 */}
+                                                {/* QUESTION #2 */}
+                                                <div className="accordion-panel-item mb-35">
+                                                    {/* Question */}
+                                                    <div className="faqs-2-question">
+                                                        <h5 className="s-22 w-700"><span>2.</span> Manage account settings</h5>
+                                                    </div>
+                                                    {/* Answer */}
+                                                    <div className="faqs-2-answer color--grey">
+                                                        {/* Text */}
+                                                        <p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
+                                                            magna ipsum vitae purus congue and efficitur ipsum primis in cubilia
+                                                            laoreet augue egestas luctus donec and curabitur dapibus
+                                                        </p>
+                                                    </div>
+                                                </div>	{/* END QUESTION #2 */}
+                                                {/* QUESTION #3 */}
+                                                <div className="accordion-panel-item mb-35">
+                                                    {/* Question */}
+                                                    <div className="faqs-2-question">
+                                                        <h5 className="s-22 w-700"><span>3.</span> Change language or location settings</h5>
+                                                    </div>
+                                                    {/* Answer */}
+                                                    <div className="faqs-2-answer color--grey">
+                                                        {/* Text */}
+                                                        <p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
+                                                            lectus laoreet gestas neque pulvinar vitae auctor eros dolor luctus
+                                                            placerat a magna cursus congue magna nihil mpedit ligula congue.
+                                                            Maecenas gravida porttitor nunc, quis vehicula magna luctus tempor.
+                                                            Quisque vel laoreet turpis. Viverra augue augue eget, dictum tempor
+                                                            diam. Sed pulvinar a consectetur nibh, imperdiet varius viverra
+                                                        </p>
+                                                    </div>
+                                                </div>	{/* END QUESTION #3 */}
+                                                {/* QUESTION #4 */}
+                                                <div className="accordion-panel-item mb-35">
+                                                    {/* Question */}
+                                                    <div className="faqs-2-question">
+                                                        <h5 className="s-22 w-700"><span>4.</span> Troubleshoot account issues</h5>
+                                                    </div>
+                                                    {/* Answer */}
+                                                    <div className="faqs-2-answer color--grey">
+                                                        {/* Text */}
+                                                        <p>An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
+                                                            ipsum primis and augue ultrice ligula egestas suscipit lectus gestas
+                                                            integer congue a lectus porta phasellus neque blandit tristique
+                                                        </p>
+                                                        {/* Text */}
+                                                        <p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
+                                                            and magna ipsum vitae
+                                                        </p>
+                                                        {/* Text */}
+                                                        <p>Sagittis congue augue egestas volutpat egestas and magna suscipit
+                                                            egestas magna ipsum vitae efficitur purus congue ipsum primis in
+                                                            cubilia laoreet augue egestas luctus donec and curabitur dapibus
+                                                        </p>
+                                                    </div>
+                                                </div>	{/* END QUESTION #4 */}
+                                                {/* QUESTION #5 */}
+                                                <div className="accordion-panel-item">
+                                                    {/* Question */}
+                                                    <div className="faqs-2-question">
+                                                        <h5 className="s-22 w-700"><span>5.</span> Manage accessibility settings</h5>
+                                                    </div>
+                                                    {/* Answer */}
+                                                    <div className="faqs-2-answer color--grey">
+                                                        {/* Text */}
+                                                        <p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
+                                                            lectus laoreet at gestas neque cubilia vitae auctor eros dolor luctus
+                                                            placerat a magna cursus congue magna nihil mpedit ligula congue.
+                                                            Maecenas gravida porttitor nunc, quis vehicula magna luctus tempor.
+                                                            Quisque vel laoreet turpis augue
+                                                        </p>
+                                                        {/* Text */}
+                                                        <p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
+                                                            and magna ipsum and vitae purus efficitur ipsum primis in cubilia
+                                                            laoreet tempor gravida sapien cursus congue magna purus quaerat
+                                                        </p>
+                                                    </div>
+                                                </div>	{/* END QUESTION #5 */}
+                                            </div>	{/* END CATEGORY ANSWERS */}
+                                        </li>	{/* END QUESTIONS CATEGORY #2 */}
+                                        {/* QUESTIONS CATEGORY #3 */}
+                                        <li  className={isActive.key == 3 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(3)}>
+                                            {/* CATEGORY HEADER */}
+                                            <div className="accordion-thumb">
+                                                <h4 className="s-28 w-700">Purchase and License</h4>
+                                            </div>
+                                            {/* CATEGORY ANSWERS */}
+                                            <div className="accordion-panel" style={{ display: `${isActive.key == 3 ? "block" : "none"}` }}>
+                                                {/* QUESTION #1 */}
+                                                <div className="accordion-panel-item mb-35">
+                                                    {/* Question */}
+                                                    <div className="faqs-2-question">
+                                                        <h5 className="s-22 w-700"><span>1.</span> How much does Martex cost?</h5>
+                                                    </div>
+                                                    {/* Answer */}
+                                                    <div className="faqs-2-answer color--grey">
+                                                        {/* Text */}
+                                                        <p>An augue cubilia laoreet and magna suscipit egestas magna ipsum
+                                                            purus ipsum primis and augue ultrice ligula egestas suscipit lectus
+                                                            gestas integer congue a lectus porta phasellus neque blandit tristique
+                                                        </p>
+                                                    </div>
+                                                </div>	{/* END QUESTION #1 */}
+                                                {/* QUESTION #2 */}
+                                                <div className="accordion-panel-item mb-35">
+                                                    {/* Question */}
+                                                    <div className="faqs-2-question">
+                                                        <h5 className="s-22 w-700"><span>2.</span> Do you offer discounts for annual plans?</h5>
+                                                    </div>
+                                                    {/* Answer */}
+                                                    <div className="faqs-2-answer color--grey">
+                                                        {/* Text */}
+                                                        <p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
+                                                            and magna ipsum vitae
+                                                        </p>
+                                                        {/* Text */}
+                                                        <p>Sagittis congue augue egestas volutpat egestas and magna suscipit egestas
+                                                            magna ipsum vitae purus congue efficitur ipsum primis in cubilia laoreet
+                                                            augue egestas luctus donec and curabitur dapibus
+                                                        </p>
+                                                    </div>
+                                                </div>	{/* END QUESTION #2 */}
+                                                {/* QUESTION #3 */}
+                                                <div className="accordion-panel-item">
+                                                    {/* Question */}
+                                                    <div className="faqs-2-question">
+                                                        <h5 className="s-22 w-700"><span>3.</span> I didn't receive the license key after purchased</h5>
+                                                    </div>
+                                                    {/* Answer */}
+                                                    <div className="faqs-2-answer color--grey">
+                                                        {/* Text */}
+                                                        <ul className="simple-list">
+                                                            <li className="list-item">
+                                                                <p>Curabitur ac dapibus libero. Quisque eu congue tristique neque
+                                                                    phasellus blandit tristique justo aliquam. Aliquam vitae undo
+                                                                    molestie nunc. Quisque sapien justo, aliquet non molestie purus
+                                                                    tempor
+                                                                </p>
+                                                            </li>
+                                                            <li className="list-item">
+                                                                <p>Sagittis congue augue egestas volutpat egestas magna suscipit
+                                                                    egestas magna ipsum vitae purus undo efficitur ipsum primis in
+                                                                    cubilia laoreet augue egestas luctus donec curabitur dapibus libero
+                                                                </p>
+                                                            </li>
+                                                        </ul>
+                                                    </div>
+                                                </div>	{/* END QUESTION #3 */}
+                                                {/* QUESTION #4 */}
+                                                <div className="accordion-panel-item">
+                                                    {/* Question */}
+                                                    <div className="faqs-2-question">
+                                                        <h5 className="s-22 w-700"><span>4.</span> I can't activate Martex</h5>
+                                                    </div>
+                                                    {/* Answer */}
+                                                    <div className="faqs-2-answer color--grey">
+                                                        {/* Text */}
+                                                        <p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris lectus
+                                                            laoreet gestas neque pulvinar vitae auctor eros dolor luctus placerat a
+                                                            magna cursus congue magna nihil mpedit ligula congue. Maecenas gravida
+                                                            porttitor nunc, quis vehicula magna luctus tempor. Quisque vel laoreet
+                                                            turpis. Viverra augue augue eget, dictum tempor diam. Sed pulvinar a
+                                                            consectetur nibh, imperdiet varius viverra
+                                                        </p>
+                                                        {/* Text */}
+                                                        <p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
+                                                            and magna ipsum vitae purus and efficitur ipsum primis in cubilia laoreet
+                                                            tempor gravida
+                                                        </p>
+                                                    </div>
+                                                </div>	{/* END QUESTION #4 */}
+                                                {/* QUESTION #5 */}
+                                                <div className="accordion-panel-item">
+                                                    {/* Question */}
+                                                    <div className="faqs-2-question">
+                                                        <h5 className="s-22 w-700"><span>5.</span> How to request a refund?</h5>
+                                                    </div>
+                                                    {/* Answer */}
+                                                    <div className="faqs-2-answer color--grey">
+                                                        {/* Text */}
+                                                        <ul className="simple-list">
+                                                            <li className="list-item">
+                                                                <p>Curabitur ac dapibus libero. Quisque eu congue tristique</p>
+                                                            </li>
+                                                            <li className="list-item">
+                                                                <p>Congue tristique neque phasellus blandit tristique justo undo
+                                                                    aliquam aliquam vitae molestie quisque sapien justo, aliquet non
+                                                                    molestie purus tempor
+                                                                </p>
+                                                            </li>
+                                                            <li className="list-item">
+                                                                <p>Sagittis congue augue egestas volutpat egestas magna suscipit
+                                                                    egestas magna ipsum
+                                                                </p>
+                                                            </li>
+                                                        </ul>
+                                                    </div>
+                                                </div>	{/* END QUESTION #5 */}
+                                            </div>	{/* END CATEGORY ANSWERS */}
+                                        </li>	{/* END QUESTIONS CATEGORY #3 */}
+                                        {/* QUESTIONS CATEGORY #4 */}
+                                        <li  className={isActive.key == 4 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(4)}>
+                                            {/* CATEGORY HEADER */}
+                                            <div className="accordion-thumb">
+                                                <h4 className="s-28 w-700">Policy, Safety &amp; Copyright</h4>
+                                            </div>
+                                            {/* CATEGORY ANSWERS */}
+                                            <div className="accordion-panel" style={{ display: `${isActive.key == 4 ? "block" : "none"}` }}>
+                                                {/* QUESTION #1 */}
+                                                <div className="accordion-panel-item mb-35">
+                                                    {/* Question */}
+                                                    <div className="faqs-2-question">
+                                                        <h5 className="s-22 w-700"><span>1.</span> Copyright and rights management</h5>
+                                                    </div>
+                                                    {/* Answer */}
+                                                    <div className="faqs-2-answer color--grey">
+                                                        {/* Text */}
+                                                        <p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
+                                                            lectus laoreet gestas neque pulvinar vitae auctor eros dolor luctus
+                                                            placerat a magna cursus congue magna nihil mpedit ligula congue.
+                                                            Maecenas gravida porttitor nunc, quis vehicula magna luctus tempor.
+                                                            Quisque vel laoreet turpis. Viverra augue augue eget, dictum tempor
+                                                            diam. Sed pulvinar a consectetur nibh, imperdiet varius viverra
+                                                        </p>
+                                                    </div>
+                                                </div>	{/* END QUESTION #1 */}
+                                                {/* QUESTION #2 */}
+                                                <div className="accordion-panel-item mb-35">
+                                                    {/* Question */}
+                                                    <div className="faqs-2-question">
+                                                        <h5 className="s-22 w-700"><span>2.</span> Manage privacy settings</h5>
+                                                    </div>
+                                                    {/* Answer */}
+                                                    <div className="faqs-2-answer color--grey">
+                                                        {/* Text */}
+                                                        <p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
+                                                            magna ipsum vitae purus congue efficitur ipsum and primis undo cubilia
+                                                            a laoreet augue egestas luctus donec and curabitur dapibus
+                                                        </p>
+                                                        {/* Text */}
+                                                        <ol className="digit-list">
+                                                            <li className="list-item">
+                                                                <p>Gestas integer congue a lectus porta</p>
+                                                            </li>
+                                                            <li className="list-item">
+                                                                <p>An aliquam justo suscipit congue augue</p>
+                                                            </li>
+                                                            <li className="list-item">
+                                                                <p>Sagittis congue augue egestas volutpat egestas</p>
+                                                            </li>
+                                                        </ol>
+                                                    </div>
+                                                </div>	{/* END QUESTION #2 */}
+                                                {/* QUESTION #3 */}
+                                                <div className="accordion-panel-item mb-35">
+                                                    {/* Question */}
+                                                    <div className="faqs-2-question">
+                                                        <h5 className="s-22 w-700"><span>3.</span> Change your subscription privacy settings</h5>
+                                                    </div>
+                                                    {/* Answer */}
+                                                    <div className="faqs-2-answer color--grey">
+                                                        {/* Text */}
+                                                        <p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
+                                                            lectus laoreet and gestas neque vitae auctor eros dolor luctus placerat
+                                                            a magna cursus congue magna nihil mpedit ligula congue maecenas undo
+                                                            gravida porttitor nunc, quis vehicula magna luctus tempor. Quisque
+                                                            vel laoreet turpis augue
+                                                        </p>
+                                                        {/* Text */}
+                                                        <ul className="simple-list">
+                                                            <li className="list-item">
+                                                                <p>Congue tristique neque phasellus blandit tristique justo
+                                                                    undo aliquam aliquam vitae molestie quisque and sapien justo,
+                                                                    aliquet non molestie purus tempor
+                                                                </p>
+                                                            </li>
+                                                            <li className="list-item">
+                                                                <p>Sagittis congue augue egestas volutpat egestas magna suscipit
+                                                                    egestas magna ipsum
+                                                                </p>
+                                                            </li>
+                                                        </ul>
+                                                    </div>
+                                                </div>	{/* END QUESTION #3 */}
+                                                {/* QUESTION #4 */}
+                                                <div className="accordion-panel-item">
+                                                    {/* Question */}
+                                                    <div className="faqs-2-question">
+                                                        <h5 className="s-22 w-700"><span>4.</span> Protecting your identity</h5>
+                                                    </div>
+                                                    {/* Answer */}
+                                                    <div className="faqs-2-answer color--grey">
+                                                        {/* Text */}
+                                                        <p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
+                                                            lectus laoreet gestas neque pulvinar vitae auctor eros dolor luctus
+                                                            placerat a magna cursus congue magna nihil mpedit ligula congue.
+                                                            Maecenas gravida porttitor nunc, quis vehicula magna luctus tempor.
+                                                            Quisque vel laoreet turpis. Viverra augue augue eget, dictum tempor
+                                                            diam. Sed pulvinar a consectetur nibh, imperdiet varius viverra
+                                                        </p>
+                                                        {/* Text */}
+                                                        <p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
+                                                            and magna ipsum vitae purus and efficitur ipsum primis in cubilia
+                                                            laoreet tempor gravida
+                                                        </p>
+                                                    </div>
+                                                </div>	{/* END QUESTION #4 */}
+                                            </div>	{/* END CATEGORY ANSWERS */}
+                                        </li>	{/* END QUESTIONS CATEGORY #4 */}
+                                        {/* QUESTIONS CATEGORY #5 */}
+                                        <li  className={isActive.key == 5 ? "accordion-item acc-last-item is-active" : "accordion-item acc-last-item"} onClick={() => handleToggle(5)}>
+                                            {/* CATEGORY HEADER */}
+                                            <div className="accordion-thumb">
+                                                <h4 className="s-28 w-700">Other Questions</h4>
+                                            </div>
+                                            {/* CATEGORY ANSWERS */}
+                                            <div className="accordion-panel" style={{ display: `${isActive.key == 5 ? "block" : "none"}` }}>
+                                                {/* QUESTION #1 */}
+                                                <div className="accordion-panel-item mb-35">
+                                                    {/* Question */}
+                                                    <div className="faqs-2-question">
+                                                        <h5 className="s-22 w-700"><span>1.</span> How do I get the error log?</h5>
+                                                    </div>
+                                                    {/* Answer */}
+                                                    <div className="faqs-2-answer color--grey">
+                                                        {/* Text */}
+                                                        <p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
+                                                            and magna ipsum vitae
+                                                        </p>
+                                                        {/* Text */}
+                                                        <p>Sagittis congue augue egestas volutpat egestas and magna suscipit
+                                                            egestas and magna ipsum vitae purus congue efficitur ipsum primis
+                                                            in cubilia laoreet augue egestas luctus donec and curabitur dapibus
+                                                        </p>
+                                                    </div>
+                                                </div>	{/* END QUESTION #1 */}
+                                                {/* QUESTION #2 */}
+                                                <div className="accordion-panel-item mb-35">
+                                                    {/* Question */}
+                                                    <div className="faqs-2-question">
+                                                        <h5 className="s-22 w-700"><span>2.</span> I forgot my folder password, what should I do?</h5>
+                                                    </div>
+                                                    {/* Answer */}
+                                                    <div className="faqs-2-answer color--grey">
+                                                        {/* Text */}
+                                                        <p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
+                                                            magna ipsum vitae purus congue efficitur ipsum and primis in cubilia
+                                                            laoreet augue egestas luctus donec and curabitur dapibus
+                                                        </p>
+                                                        {/* Text */}
+                                                        <ol className="digit-list">
+                                                            <li className="list-item">
+                                                                <p>Gestas integer congue a lectus porta</p>
+                                                            </li>
+                                                            <li className="list-item">
+                                                                <p>An aliquam justo suscipit congue augue</p>
+                                                            </li>
+                                                            <li className="list-item">
+                                                                <p>Sagittis congue augue egestas volutpat egestas</p>
+                                                            </li>
+                                                        </ol>
+                                                    </div>
+                                                </div>	{/* END QUESTION #2 */}
+                                                {/* QUESTION #3 */}
+                                                <div className="accordion-panel-item mb-35">
+                                                    {/* Question */}
+                                                    <div className="faqs-2-question">
+                                                        <h5 className="s-22 w-700"><span>3.</span> Limitations of folder password protection</h5>
+                                                    </div>
+                                                    {/* Answer */}
+                                                    <div className="faqs-2-answer color--grey">
+                                                        {/* Text */}
+                                                        <p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
+                                                            lectus laoreet gestas neque pulvinar vitae auctor eros dolor luctus
+                                                            placerat a magna cursus congue magna nihil mpedit ligula congue.
+                                                            Maecenas gravida porttitor nunc, quis vehicula magna luctus tempor.
+                                                            Quisque vel laoreet turpis. Viverra augue augue eget, dictum tempor
+                                                            diam. Sed pulvinar a consectetur nibh, imperdiet varius viverra
+                                                        </p>
+                                                    </div>
+                                                </div>	{/* END QUESTION #3 */}
+                                                {/* QUESTION #4 */}
+                                                <div className="accordion-panel-item mb-35">
+                                                    {/* Question */}
+                                                    <div className="faqs-2-question">
+                                                        <h5 className="s-22 w-700"><span>4.</span> Import existing library</h5>
+                                                    </div>
+                                                    {/* Answer */}
+                                                    <div className="faqs-2-answer color--grey">
+                                                        {/* Text */}
+                                                        <p>Sapien egestas, congue gestas posuere cubilia congue an ipsum mauris
+                                                            lectus laoreet gestas neque vitae auctor eros dolor luctus placerat a
+                                                            magna cursus congue magna nihil mpedit ligula congue gravida tempor
+                                                            porttitor nunc, quis vehicula magna luctus tempor. Quisque vel laoreet
+                                                            turpis augue
+                                                        </p>
+                                                        {/* Text */}
+                                                        <p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
+                                                            and magna ipsum vitae purus and efficitur ipsum primis in cubilia laoreet
+                                                            tempor gravida
+                                                        </p>
+                                                    </div>
+                                                </div>	{/* END QUESTION #4 */}
+                                                {/* QUESTION #5 */}
+                                                <div className="accordion-panel-item">
+                                                    {/* Question */}
+                                                    <div className="faqs-2-question">
+                                                        <h5 className="s-22 w-700"><span>5.</span> I lost my license. Can you send it to me?</h5>
+                                                    </div>
+                                                    {/* Answer */}
+                                                    <div className="faqs-2-answer color--grey">
+                                                        {/* Text */}
+                                                        <p>An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
+                                                            ipsum primis augue ultrice ligula egestas suscipit lectus gestas integer
+                                                            congue a lectus porta phasellus neque blandit tristique
+                                                        </p>
+                                                        {/* Text */}
+                                                        <p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
+                                                            and magna ipsum vitae
+                                                        </p>
+                                                    </div>
+                                                </div>	{/* END QUESTION #5 */}
+                                            </div>	{/* END CATEGORY ANSWERS */}
+                                        </li>	{/* END QUESTIONS CATEGORY #5 */}
+                                    </ul>
+                                </div>	{/* END QUESTIONS ACCORDION */}
+                                {/* MORE QUESTIONS LINK */}
+                                <div className="more-questions">
+                                    <div className="more-questions-txt bg--white-400 r-100">
+                                        <p className="p-lg">Have any questions? <Link href="/contacts" className="color--theme">Get in Touch</Link></p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>    {/* End row */}
+                    </div>	   {/* End container */}
+                </section>
+
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/features.js b/pages/features.js
new file mode 100644
index 0000000..3194ae6
--- /dev/null
+++ b/pages/features.js
@@ -0,0 +1,1135 @@
+import CounterUp from "/components/elements/CounterUp"
+import VideoPopup from "/components/elements/VidepPopup"
+import Layout from "/components/layout/Layout"
+import Link from "next/link"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
+                <div>
+                    <section className="ct-01 inner-page-hero content-section division">
+                        <div className="container">
+                            {/* SECTION CONTENT (ROW) */}
+                            <div className="row d-flex align-items-center">
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6 order-last order-md-2">
+                                    <div className="txt-block left-column wow fadeInRight">
+                                        {/* Section ID */}
+                                        <span className="section-id">Productivity Focused</span>
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Achieve more with better workflows</h2>
+                                        {/* Text */}
+                                        <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                            vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                        </p>
+                                        {/* List */}
+                                        <ul className="simple-list">
+                                            <li className="list-item">
+                                                <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice
+                                                    ipsum aliquam undo congue dolor cursus
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                    sapien turpis ultrice auctor congue placerat
+                                                </p>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6 order-first order-md-2">
+                                    <div className="img-block right-column wow fadeInLeft">
+                                        <img className="img-fluid" src="/images/img-06.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>	{/* END SECTION CONTENT (ROW) */}
+                        </div>	   {/* End container */}
+                    </section>	{/* END TEXT CONTENT */}
+                    {/* FEATURES-11
+			============================================= */}
+                    <section id="features-11" className="pt-100 features-section division">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-9">
+                                    <div className="section-title mb-70">
+                                        {/* Title */}
+                                        <h2 className="s-50 w-700">We make your business gain more revenue at a glance</h2>
+                                        {/* Text */}
+                                        <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* FEATURES-11 WRAPPER */}
+                            <div className="fbox-wrapper">
+                                <div className="row row-cols-1 row-cols-md-2 rows-3">
+                                    {/* FEATURE BOX #1 */}
+                                    <div className="col">
+                                        <div className="fbox-11 fb-1 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="fbox-ico-wrap">
+                                                <div className="fbox-ico ico-50">
+                                                    <div className="shape-ico color--theme">
+                                                        {/* Vector Icon */}
+                                                        <span className="flaticon-graphics" />
+                                                        {/* Shape */}
+                                                        <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                            <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                        </svg>
+                                                    </div>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h6 className="s-22 w-700">Market Research</h6>
+                                                <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                                    tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                                </p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END FEATURE BOX #1 */}
+                                    {/* FEATURE BOX #2 */}
+                                    <div className="col">
+                                        <div className="fbox-11 fb-2 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="fbox-ico-wrap">
+                                                <div className="fbox-ico ico-50">
+                                                    <div className="shape-ico color--theme">
+                                                        {/* Vector Icon */}
+                                                        <span className="flaticon-idea" />
+                                                        {/* Shape */}
+                                                        <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                            <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                        </svg>
+                                                    </div>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h6 className="s-22 w-700">User Experience</h6>
+                                                <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                                    tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                                </p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END FEATURE BOX #2 */}
+                                    {/* FEATURE BOX #3 */}
+                                    <div className="col">
+                                        <div className="fbox-11 fb-3 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="fbox-ico-wrap">
+                                                <div className="fbox-ico ico-50">
+                                                    <div className="shape-ico color--theme">
+                                                        {/* Vector Icon */}
+                                                        <span className="flaticon-graphic" />
+                                                        {/* Shape */}
+                                                        <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                            <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                        </svg>
+                                                    </div>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h6 className="s-22 w-700">Digital Marketing</h6>
+                                                <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                                    tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                                </p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END FEATURE BOX #3 */}
+                                    {/* FEATURE BOX #4 */}
+                                    <div className="col">
+                                        <div className="fbox-11 fb-4 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="fbox-ico-wrap">
+                                                <div className="fbox-ico ico-50">
+                                                    <div className="shape-ico color--theme">
+                                                        {/* Vector Icon */}
+                                                        <span className="flaticon-wireframe" />
+                                                        {/* Shape */}
+                                                        <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                            <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                        </svg>
+                                                    </div>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h6 className="s-22 w-700">Web Development</h6>
+                                                <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                                    tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                                </p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END FEATURE BOX #4 */}
+                                    {/* FEATURE BOX #5 */}
+                                    <div className="col">
+                                        <div className="fbox-11 fb-5 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="fbox-ico-wrap">
+                                                <div className="fbox-ico ico-50">
+                                                    <div className="shape-ico color--theme">
+                                                        {/* Vector Icon */}
+                                                        <span className="flaticon-trophy" />
+                                                        {/* Shape */}
+                                                        <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                            <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                        </svg>
+                                                    </div>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h6 className="s-22 w-700">Brand Design Identity</h6>
+                                                <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                                    tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                                </p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END FEATURE BOX #5 */}
+                                    {/* FEATURE BOX #6 */}
+                                    <div className="col">
+                                        <div className="fbox-11 fb-6 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="fbox-ico-wrap">
+                                                <div className="fbox-ico ico-50">
+                                                    <div className="shape-ico color--theme">
+                                                        {/* Vector Icon */}
+                                                        <span className="flaticon-search-engine-1" />
+                                                        {/* Shape */}
+                                                        <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                            <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                        </svg>
+                                                    </div>
+                                                </div>
+                                            </div>	{/* End Icon */}
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h6 className="s-22 w-700">SEO &amp; SMM Services</h6>
+                                                <p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
+                                                    tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
+                                                </p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END FEATURE BOX #6 */}
+                                </div>  {/* End row */}
+                            </div>	{/* END FEATURES-11 WRAPPER */}
+                        </div>     {/* End container */}
+                    </section>	{/* END FEATURES-11 */}
+                    {/* BOX CONTENT
+			============================================= */}
+                    <section className="pt-100 ws-wrapper content-section">
+                        <div className="container">
+                            <div className="bc-1-wrapper bg--white-400 bg--fixed r-16">
+                                <div className="section-overlay">
+                                    <div className="row d-flex align-items-center">
+                                        {/* TEXT BLOCK */}
+                                        <div className="col-md-6 order-last order-md-2">
+                                            <div className="txt-block left-column wow fadeInRight">
+                                                {/* Section ID */}
+                                                <span className="section-id">Enhance Engagement</span>
+                                                {/* Title */}
+                                                <h2 className="s-46 w-700">Automate your way to success</h2>
+                                                {/* Text */}
+                                                <p>Sodales tempor sapien quaerat congue eget ipsum laoreet turpis neque auctor
+                                                    vitae eros dolor luctus placerat magna ligula cursus and purus pretium
+                                                </p>
+                                                {/* Small Title */}
+                                                <h5 className="s-24 w-700 h5-title">The smarter way to work</h5>
+                                                {/* Text */}
+                                                <p className="mb-0">Sapien tempor sodales quaerat ipsum undo congue laoreet turpis neque
+                                                    auctor turpis vitae dolor luctus placerat magna and ligula cursus purus vitae
+                                                </p>
+                                            </div>
+                                        </div>	{/* END TEXT BLOCK */}
+                                        {/* IMAGE BLOCK */}
+                                        <div className="col-md-6 order-first order-md-2">
+                                            <div className="img-block right-column wow fadeInLeft">
+                                                <img className="img-fluid" src="/images/img-05.png" alt="content-image" />
+                                            </div>
+                                        </div>
+                                    </div>   {/* End row */}
+                                </div>    {/* End section overlay */}
+                            </div>    {/* End content wrapper */}
+                        </div>     {/* End container */}
+                    </section>	{/* END BOX CONTENT */}
+                    {/* TEXT CONTENT
+			============================================= */}
+                    <section className="pt-100 ct-02 content-section division">
+                        <div className="container">
+                            {/* SECTION CONTENT (ROW) */}
+                            <div className="row d-flex align-items-center">
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6">
+                                    <div className="img-block left-column wow fadeInRight">
+                                        <img className="img-fluid" src="/images/img-03.png" alt="content-image" />
+                                    </div>
+                                </div>
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6">
+                                    <div className="txt-block right-column wow fadeInLeft">
+                                        {/* TEXT BOX */}
+                                        <div className="txt-box">
+                                            {/* Title */}
+                                            <h5 className="s-24 w-700">Solution that grows with you</h5>
+                                            {/* Text */}
+                                            <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                                vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                            </p>
+                                        </div>	{/* END TEXT BOX */}
+                                        {/* TEXT BOX */}
+                                        <div className="txt-box mb-0">
+                                            {/* Title */}
+                                            <h5 className="s-24 w-700">Connect your data sources</h5>
+                                            {/* Text */}
+                                            <p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                                vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
+                                                purus
+                                            </p>
+                                            {/* List */}
+                                            <ul className="simple-list">
+                                                <li className="list-item">
+                                                    <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
+                                                        aliquam undo congue dolor cursus
+                                                    </p>
+                                                </li>
+                                                <li className="list-item">
+                                                    <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                        sapien turpis ultrice auctor congue magna placerat
+                                                    </p>
+                                                </li>
+                                            </ul>
+                                        </div>	{/* END TEXT BOX */}
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                            </div>	{/* END SECTION CONTENT (ROW) */}
+                        </div>	   {/* End container */}
+                    </section>	{/* END TEXT CONTENT */}
+                    {/* FEATURES-12
+			============================================= */}
+                    <section id="features-12" className="shape--bg shape--white-400 pt-100 features-section division">
+                        <div className="container">
+                            <div className="row d-flex align-items-center">
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-5">
+                                    <div className="txt-block left-column wow fadeInRight">
+                                        {/* Section ID */}
+                                        <span className="section-id">One-Stop Solution</span>
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Smart solutions, real-time results</h2>
+                                        {/* Text */}
+                                        <p>Sodales tempor sapien quaerat ipsum and congue undo laoreet turpis neque auctor turpis
+                                            vitae dolor luctus placerat magna ligula and cursus vitae
+                                        </p>
+                                        {/* List */}
+                                        <ul className="simple-list">
+                                            <li className="list-item">
+                                                <p>Tempor sapien quaerat undo ipsum laoreet diam purus sapien a dolor ociis ultrice
+                                                    ipsum aliquam congue a dolor cursus congue varius magnis
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p className="mb-0">Cursus purus suscipit  vitae cubilia magnis diam volute egestas
+                                                    sapien ultrice auctor
+                                                </p>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                                {/* FEATURES-12 WRAPPER */}
+                                <div className="col-md-7">
+                                    <div className="fbox-12-wrapper wow fadeInLeft">
+                                        <div className="row">
+                                            <div className="col-md-6">
+                                                {/* FEATURE BOX #1 */}
+                                                <div id="fb-12-1" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                                    {/* Icon */}
+                                                    <div className="fbox-ico ico-50">
+                                                        <div className="shape-ico color--theme">
+                                                            {/* Vector Icon */}
+                                                            <span className="flaticon-layers-1" />
+                                                            {/* Shape */}
+                                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                            </svg>
+                                                        </div>
+                                                    </div>	{/* End Icon */}
+                                                    {/* Text */}
+                                                    <div className="fbox-txt">
+                                                        <h5 className="s-20 w-700">Integrated</h5>
+                                                        <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                                    </div>
+                                                </div>
+                                                {/* FEATURE BOX #2 */}
+                                                <div id="fb-12-2" className="fbox-12 bg--white-100 block-shadow r-12">
+                                                    {/* Icon */}
+                                                    <div className="fbox-ico ico-50">
+                                                        <div className="shape-ico color--theme">
+                                                            {/* Vector Icon */}
+                                                            <span className="flaticon-click-1" />
+                                                            {/* Shape */}
+                                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                            </svg>
+                                                        </div>
+                                                    </div>	{/* End Icon */}
+                                                    {/* Text */}
+                                                    <div className="fbox-txt">
+                                                        <h5 className="s-20 w-700">Intuitive</h5>
+                                                        <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div className="col-md-6">
+                                                {/* FEATURE BOX #3 */}
+                                                <div id="fb-12-3" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
+                                                    {/* Icon */}
+                                                    <div className="fbox-ico ico-50">
+                                                        <div className="shape-ico color--theme">
+                                                            {/* Vector Icon */}
+                                                            <span className="flaticon-prioritize" />
+                                                            {/* Shape */}
+                                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                            </svg>
+                                                        </div>
+                                                    </div>	{/* End Icon */}
+                                                    {/* Text */}
+                                                    <div className="fbox-txt">
+                                                        <h5 className="s-20 w-700">Flexible</h5>
+                                                        <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                                    </div>
+                                                </div>
+                                                {/* FEATURE BOX #4 */}
+                                                <div id="fb-12-4" className="fbox-12 bg--white-100 block-shadow r-12">
+                                                    {/* Icon */}
+                                                    <div className="fbox-ico ico-50">
+                                                        <div className="shape-ico color--theme">
+                                                            {/* Vector Icon */}
+                                                            <span className="flaticon-analytics" />
+                                                            {/* Shape */}
+                                                            <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                                                                <path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
+                                                            </svg>
+                                                        </div>
+                                                    </div>	{/* End Icon */}
+                                                    {/* Text */}
+                                                    <div className="fbox-txt">
+                                                        <h5 className="s-20 w-700">Efficient</h5>
+                                                        <p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>	{/* End row */}
+                                </div>	{/* END FEATURES-12 WRAPPER */}
+                            </div>    {/* End row */}
+                        </div>     {/* End container */}
+                    </section>	{/* END FEATURES-12 */}
+                    {/* FEATURES-2
+			============================================= */}
+                    <section id="features-2" className="pt-100 features-section division">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-9">
+                                    <div className="section-title mb-80">
+                                        {/* Title */}
+                                        <h2 className="s-50 w-700">Everything in One Place</h2>
+                                        {/* Text */}
+                                        <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* FEATURES-2 WRAPPER */}
+                            <div className="fbox-wrapper text-center">
+                                <div className="row row-cols-1 row-cols-md-3">
+                                    {/* FEATURE BOX #1 */}
+                                    <div className="col">
+                                        <div className="fbox-2 fb-1 wow fadeInUp">
+                                            {/* Image */}
+                                            <div className="fbox-img gr--whitesmoke h-175">
+                                                <img className="img-fluid light-theme-img" src="/images/f_01.png" alt="feature-image" />
+                                                <img className="img-fluid dark-theme-img" src="/images/f_01_dark.png" alt="feature-image" />
+                                            </div>
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h6 className="s-22 w-700">Intuitive Dashboard</h6>
+                                                <p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END FEATURE BOX #1 */}
+                                    {/* FEATURE BOX #2 */}
+                                    <div className="col">
+                                        <div className="fbox-2 fb-2 wow fadeInUp">
+                                            {/* Image */}
+                                            <div className="fbox-img gr--whitesmoke h-175">
+                                                <img className="img-fluid light-theme-img" src="/images/f_05.png" alt="feature-image" />
+                                                <img className="img-fluid dark-theme-img" src="/images/f_05_dark.png" alt="feature-image" />
+                                            </div>
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h6 className="s-22 w-700">Effortless Integration</h6>
+                                                <p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END FEATURE BOX #2 */}
+                                    {/* FEATURE BOX #3 */}
+                                    <div className="col">
+                                        <div className="fbox-2 fb-3 wow fadeInUp">
+                                            {/* Image */}
+                                            <div className="fbox-img gr--whitesmoke h-175">
+                                                <img className="img-fluid light-theme-img" src="/images/f_02.png" alt="feature-image" />
+                                                <img className="img-fluid dark-theme-img" src="/images/f_02_dark.png" alt="feature-image" />
+                                            </div>
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h6 className="s-22 w-700">Real-time Analytics</h6>
+                                                <p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END FEATURE BOX #3 */}
+                                </div>  {/* End row */}
+                            </div>	{/* END FEATURES-2 WRAPPER */}
+                        </div>     {/* End container */}
+                    </section>	{/* END FEATURES-2 */}
+                    {/* BOX CONTENT
+			============================================= */}
+                    <section className="pt-100 ws-wrapper content-section">
+                        <div className="container">
+                            <div className="bc-5-wrapper bg--04 hidd bg--scroll r-16">
+                                <div className="section-overlay">
+                                    {/* SECTION TITLE */}
+                                    <div className="row justify-content-center">
+                                        <div className="col-md-11 col-lg-9">
+                                            <div className="section-title wow fadeInUp mb-60">
+                                                {/* Title */}
+                                                <h2 className="s-50 w-700">Build a customer-centric marketing strategy</h2>
+                                                {/* Text */}
+                                                <p className="p-xl">Aliquam a augue suscipit luctus neque purus ipsum neque diam
+                                                    dolor primis libero tempus, blandit and cursus varius and magnis sodales
+                                                </p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    {/* IMAGE BLOCK */}
+                                    <div className="row justify-content-center">
+                                        <div className="col">
+                                            <div className="bc-5-img bc-5-tablet img-block-hidden video-preview wow fadeInUp">
+                                                {/* Play Icon */}
+                                                <VideoPopup style={1} />
+                                                {/* Preview Image */}
+                                                <img className="img-fluid" src="/images/tablet-01.png" alt="content-image" />
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>   {/* End section overlay */}
+                            </div>    {/* End content wrapper */}
+                        </div>     {/* End container */}
+                    </section>	{/* END BOX CONTENT */}
+                    {/* STATISTIC-1
+			============================================= */}
+                    <div id="statistic-1" className="py-100 statistic-section division">
+                        <div className="container">
+                            {/* STATISTIC-1 WRAPPER */}
+                            <div className="statistic-1-wrapper">
+                                <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                                    {/* STATISTIC BLOCK #1 */}
+                                    <div className="col">
+                                        <div id="sb-1-1" className="wow fadeInUp">
+                                            <div className="statistic-block">
+                                                {/* Digit */}
+                                                <div className="statistic-block-digit text-center">
+                                                    <h2 className="s-46 statistic-number"><CounterUp end={89} />k</h2>
+                                                </div>
+                                                {/* Text */}
+                                                <div className="statistic-block-txt color--grey">
+                                                    <p className="p-md">Porta justo integer and velna vitae auctor</p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END STATISTIC BLOCK #1 */}
+                                    {/* STATISTIC BLOCK #2 */}
+                                    <div className="col">
+                                        <div id="sb-1-2" className="wow fadeInUp">
+                                            <div className="statistic-block">
+                                                {/* Digit */}
+                                                <div className="statistic-block-digit text-center">
+                                                    <h2 className="s-46 statistic-number"><CounterUp end={76} />%</h2>
+                                                </div>
+                                                {/* Text */}
+                                                <div className="statistic-block-txt color--grey">
+                                                    <p className="p-md">Ligula magna suscipit vitae and rutrum</p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END STATISTIC BLOCK #2 */}
+                                    {/* STATISTIC BLOCK #3 */}
+                                    <div className="col">
+                                        <div id="sb-1-3" className="wow fadeInUp">
+                                            <div className="statistic-block">
+                                                {/* Digit */}
+                                                <div className="statistic-block-digit text-center">
+                                                    <h2 className="s-46 statistic-number">
+                                                        <CounterUp end={4} />.<CounterUp end={93} />
+                                                    </h2>
+                                                </div>
+                                                {/* Text */}
+                                                <div className="statistic-block-txt color--grey">
+                                                    <p className="p-md">Sagittis congue augue egestas an egestas</p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END STATISTIC BLOCK #3 */}
+                                </div>  {/* End row */}
+                            </div>	{/* END STATISTIC-1 WRAPPER */}
+                        </div>	 {/* End container */}
+                    </div>	 {/* END STATISTIC-1 */}
+                    {/* DIVIDER LINE */}
+                    <hr className="divider" />
+                    {/* TEXT CONTENT
+			============================================= */}
+                    <section className="pt-100 ct-02 content-section division">
+                        <div className="container">
+                            {/* SECTION CONTENT (ROW) */}
+                            <div className="row d-flex align-items-center">
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6">
+                                    <div className="img-block left-column wow fadeInRight">
+                                        <img className="img-fluid" src="/images/img-02.png" alt="content-image" />
+                                    </div>
+                                </div>
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6">
+                                    <div className="txt-block right-column wow fadeInLeft">
+                                        {/* Section ID */}
+                                        <span className="section-id">Easy Integration</span>
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Plug your essential tools in few clicks</h2>
+                                        {/* List */}
+                                        <ul className="simple-list">
+                                            <li className="list-item">
+                                                <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
+                                                    sodales magna undo aoreet primis
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
+                                                    ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus sapien
+                                                    a blandit
+                                                </p>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                            </div>	{/* END SECTION CONTENT (ROW) */}
+                        </div>	   {/* End container */}
+                    </section>	{/* END TEXT CONTENT */}
+                    {/* TEXT CONTENT
+			============================================= */}
+                    <section className="pt-100 ct-04 content-section division">
+                        <div className="container">
+                            {/* SECTION CONTENT (ROW) */}
+                            <div className="row d-flex align-items-center">
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6 order-last order-md-2">
+                                    <div className="txt-block left-column wow fadeInRight">
+                                        {/* CONTENT BOX #1 */}
+                                        <div className="cbox-2 process-step">
+                                            {/* Icon */}
+                                            <div className="ico-wrap">
+                                                <div className="cbox-2-ico bg--theme color--white">1</div>
+                                                <span className="cbox-2-line" />
+                                            </div>
+                                            {/* Text */}
+                                            <div className="cbox-2-txt">
+                                                <h5 className="s-22 w-700">Simple, Secure &amp; Intuitive</h5>
+                                                <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
+                                                    sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
+                                                    quaerat
+                                                </p>
+                                            </div>
+                                        </div>	{/* END CONTENT BOX #1 */}
+                                        {/* CONTENT BOX #2 */}
+                                        <div className="cbox-2 process-step">
+                                            {/* Icon */}
+                                            <div className="ico-wrap">
+                                                <div className="cbox-2-ico bg--theme color--white">2</div>
+                                                <span className="cbox-2-line" />
+                                            </div>
+                                            {/* Text */}
+                                            <div className="cbox-2-txt">
+                                                <h5 className="s-22 w-700">Weekly Email Reports</h5>
+                                                <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
+                                                    sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
+                                                    quaerat
+                                                </p>
+                                            </div>
+                                        </div>	{/* END CONTENT BOX #2 */}
+                                        {/* CONTENT BOX #3 */}
+                                        <div className="cbox-2 process-step">
+                                            {/* Icon */}
+                                            <div className="ico-wrap">
+                                                <div className="cbox-2-ico bg--theme color--white">3</div>
+                                            </div>
+                                            {/* Text */}
+                                            <div className="cbox-2-txt">
+                                                <h5 className="s-22 w-700">No Personal Data Collected</h5>
+                                                <p className="mb-0">Ligula risus auctor tempus feugiat dolor lacinia nemo purus in
+                                                    lipsum purus sapien quaerat a primis viverra tellus vitae luctus dolor ipsum n
+                                                    eque ligula quaerat
+                                                </p>
+                                            </div>
+                                        </div>	{/* END CONTENT BOX #3 */}
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6 order-first order-md-2">
+                                    <div className="img-block wow fadeInLeft">
+                                        <img className="img-fluid" src="/images/tablet-01.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>	{/* END SECTION CONTENT (ROW) */}
+                        </div>	   {/* End container */}
+                    </section>	{/* END TEXT CONTENT */}
+                    {/* TEXT CONTENT
+			============================================= */}
+                    <section className="pt-100 ct-02 content-section division">
+                        <div className="container">
+                            {/* SECTION CONTENT (ROW) */}
+                            <div className="row d-flex align-items-center">
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6">
+                                    <div className="img-block left-column wow fadeInRight">
+                                        <img className="img-fluid" src="/images/img-08.png" alt="content-image" />
+                                    </div>
+                                </div>
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6">
+                                    <div className="txt-block right-column wow fadeInLeft">
+                                        {/* Section ID */}
+                                        <span className="section-id">Strategies That Work</span>
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Right strategies &amp; implementations</h2>
+                                        {/* Text */}
+                                        <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                            vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                        </p>
+                                        {/* Small Title */}
+                                        <h5 className="s-24 w-700">Get more done in less time</h5>
+                                        {/* CONTENT BOX #1 */}
+                                        <div className="cbox-1 ico-15">
+                                            <div className="ico-wrap color--theme">
+                                                <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                            </div>
+                                            <div className="cbox-1-txt">
+                                                <p>Magna dolor luctus at egestas sapien</p>
+                                            </div>
+                                        </div>
+                                        {/* CONTENT BOX #2 */}
+                                        <div className="cbox-1 ico-15">
+                                            <div className="ico-wrap color--theme">
+                                                <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                            </div>
+                                            <div className="cbox-1-txt">
+                                                <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
+                                                    turpis ultrice auctor congue varius magnis
+                                                </p>
+                                            </div>
+                                        </div>
+                                        {/* CONTENT BOX #3 */}
+                                        <div className="cbox-1 ico-15">
+                                            <div className="ico-wrap color--theme">
+                                                <div className="cbox-1-ico"><span className="flaticon-check" /></div>
+                                            </div>
+                                            <div className="cbox-1-txt">
+                                                <p className="mb-0">Volute turpis dolores and sagittis congue</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                            </div>	{/* END SECTION CONTENT (ROW) */}
+                        </div>	   {/* End container */}
+                    </section>	{/* END TEXT CONTENT */}
+                    {/* INTEGRATIONS-1
+			============================================= */}
+                    <section id="integrations-1" className="pt-100 integrations-section">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-9">
+                                    <div className="section-title mb-70">
+                                        {/* Title */}
+                                        <h2 className="s-52 w-700">All Necessary Tools</h2>
+                                        {/* Text */}
+                                        <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* INTEGRATIONS-1 WRAPPER */}
+                            <div className="integrations-1-wrapper">
+                                <div className="row row-cols-1 row-cols-md-2 row-cols-lg-3 rows-2">
+                                    {/* TOOL #1 */}
+                                    <div className="col">
+                                        <Link href="#" className="in_tool it-1 r-12 mb-30 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="in_tool-logo-wrap">
+                                                <div className="in_tool-logo ico-60">
+                                                    <img className="img-fluid" src="/images/png_icons/tool-1.png" alt="brand-logo" />
+                                                </div>
+                                            </div>
+                                            {/* Text */}
+                                            <div className="in_tool-txt">
+                                                <h6 className="s-20 w-700">Zapier</h6>
+                                                <p className="p-sm">Share findings</p>
+                                            </div>
+                                        </Link>
+                                    </div>	{/* END FEATURE BOX #1 */}
+                                    {/* TOOL #2 */}
+                                    <div className="col">
+                                        <Link href="#" className="in_tool it-2 r-12 mb-30 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="in_tool-logo-wrap">
+                                                <div className="in_tool-logo ico-60">
+                                                    <img className="img-fluid" src="/images/png_icons/tool-2.png" alt="brand-logo" />
+                                                </div>
+                                            </div>
+                                            {/* Text */}
+                                            <div className="in_tool-txt">
+                                                <h6 className="s-20 w-700">Google Analytics</h6>
+                                                <p className="p-sm">Share findings</p>
+                                            </div>
+                                        </Link>
+                                    </div>	{/* END FEATURE BOX #2 */}
+                                    {/* TOOL #3 */}
+                                    <div className="col">
+                                        <Link href="#" className="in_tool it-3 r-12 mb-30 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="in_tool-logo-wrap">
+                                                <div className="in_tool-logo ico-60">
+                                                    <img className="img-fluid" src="/images/png_icons/tool-3.png" alt="brand-logo" />
+                                                </div>
+                                            </div>
+                                            {/* Text */}
+                                            <div className="in_tool-txt">
+                                                <h6 className="s-20 w-700">Amplitude</h6>
+                                                <p className="p-sm">Share findings</p>
+                                            </div>
+                                        </Link>
+                                    </div>	{/* END FEATURE BOX #3 */}
+                                    {/* TOOL #4 */}
+                                    <div className="col">
+                                        <Link href="#" className="in_tool it-4 r-12 mb-30 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="in_tool-logo-wrap">
+                                                <div className="in_tool-logo ico-60">
+                                                    <img className="img-fluid" src="/images/png_icons/tool-4.png" alt="brand-logo" />
+                                                </div>
+                                            </div>
+                                            {/* Text */}
+                                            <div className="in_tool-txt">
+                                                <h6 className="s-20 w-700">Hubspot</h6>
+                                                <p className="p-sm">Share findings</p>
+                                            </div>
+                                        </Link>
+                                    </div>	{/* END FEATURE BOX #4 */}
+                                    {/* TOOL #5 */}
+                                    <div className="col">
+                                        <Link href="#" className="in_tool it-5 r-12 mb-30 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="in_tool-logo-wrap">
+                                                <div className="in_tool-logo ico-60">
+                                                    <img className="img-fluid" src="/images/png_icons/tool-5.png" alt="brand-logo" />
+                                                </div>
+                                            </div>
+                                            {/* Text */}
+                                            <div className="in_tool-txt">
+                                                <h6 className="s-20 w-700">MailChimp</h6>
+                                                <p className="p-sm">Import data</p>
+                                            </div>
+                                        </Link>
+                                    </div>	{/* END FEATURE BOX #5 */}
+                                    {/* TOOL #6 */}
+                                    <div className="col">
+                                        <Link href="#" className="in_tool it-6 r-12 mb-30 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="in_tool-logo-wrap">
+                                                <div className="in_tool-logo ico-60">
+                                                    <img className="img-fluid" src="/images/png_icons/tool-6.png" alt="brand-logo" />
+                                                </div>
+                                            </div>
+                                            {/* Text */}
+                                            <div className="in_tool-txt">
+                                                <h6 className="s-20 w-700">Slack</h6>
+                                                <p className="p-sm">Share findings</p>
+                                            </div>
+                                        </Link>
+                                    </div>	{/* END FEATURE BOX #6 */}
+                                    {/* TOOL #7 */}
+                                    <div className="col">
+                                        <Link href="#" className="in_tool it-7 r-12 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="in_tool-logo-wrap">
+                                                <div className="in_tool-logo ico-60">
+                                                    <img className="img-fluid" src="/images/png_icons/tool-7.png" alt="brand-logo" />
+                                                </div>
+                                            </div>
+                                            {/* Text */}
+                                            <div className="in_tool-txt">
+                                                <h6 className="s-20 w-700">Dropbox</h6>
+                                                <p className="p-sm">Import data</p>
+                                            </div>
+                                        </Link>
+                                    </div>	{/* END FEATURE BOX #7 */}
+                                    {/* TOOL #8 */}
+                                    <div className="col">
+                                        <Link href="#" className="in_tool it-8 r-12 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="in_tool-logo-wrap">
+                                                <div className="in_tool-logo ico-60">
+                                                    <img className="img-fluid" src="/images/png_icons/tool-8.png" alt="brand-logo" />
+                                                </div>
+                                            </div>
+                                            {/* Text */}
+                                            <div className="in_tool-txt">
+                                                <h6 className="s-20 w-700">Trello</h6>
+                                                <p className="p-sm">Share findings</p>
+                                            </div>
+                                        </Link>
+                                    </div>	{/* END FEATURE BOX #8 */}
+                                    {/* TOOL #9 */}
+                                    <div className="col">
+                                        <Link href="#" className="in_tool it-9 r-12 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="in_tool-logo-wrap">
+                                                <div className="in_tool-logo ico-60">
+                                                    <img className="img-fluid" src="/images/png_icons/tool-9.png" alt="brand-logo" />
+                                                </div>
+                                            </div>
+                                            {/* Text */}
+                                            <div className="in_tool-txt">
+                                                <h6 className="s-20 w-700">Google Drive</h6>
+                                                <p className="p-sm">Import data</p>
+                                            </div>
+                                        </Link>
+                                    </div>	{/* END FEATURE BOX #9 */}
+                                </div>
+                            </div>	{/* END INTEGRATIONS-1 WRAPPER */}
+                            {/* MORE BUTTON */}
+                            <div className="row">
+                                <div className="col">
+                                    <div className="more-btn text-center mt-60 wow fadeInUp">
+                                        <Link href="/integrations" className="btn btn--tra-black hover--theme">View all integrations</Link>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>     {/* End container */}
+                    </section>	{/* END INTEGRATIONS-1 */}
+                    {/* FEATURES-5
+			============================================= */}
+                    <section id="features-5" className="pt-100 features-section division">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-9">
+                                    <div className="section-title mb-70">
+                                        {/* Title */}
+                                        <h2 className="s-50 w-700">Track the progress towards objectives with key results</h2>
+                                        {/* Text */}
+                                        <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* FEATURES-5 WRAPPER */}
+                            <div className="fbox-wrapper text-center">
+                                <div className="row d-flex align-items-center">
+                                    {/* FEATURE BOX #1 */}
+                                    <div className="col-md-6">
+                                        <div className="fbox-5 fb-1 gr--smoke r-16 wow fadeInUp">
+                                            {/* Text */}
+                                            <div className="fbox-txt order-last order-md-2">
+                                                <h5 className="s-26 w-700">Marketing Integrations</h5>
+                                                <p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
+                                            </div>
+                                            {/* Image */}
+                                            <div className="fbox-5-img order-first order-md-2">
+                                                <img className="img-fluid light-theme-img" src="/images/f_06.png" alt="feature-image" />
+                                                <img className="img-fluid dark-theme-img" src="/images/f_06_dark.png" alt="feature-image" />
+                                            </div>
+                                        </div>
+                                    </div>	{/* END FEATURE BOX #1 */}
+                                    {/* FEATURE BOX #2 */}
+                                    <div className="col-md-6">
+                                        <div className="fbox-5 fb-2 gr--smoke r-16 wow fadeInUp">
+                                            {/* Image */}
+                                            <div className="fbox-5-img">
+                                                <img className="img-fluid light-theme-img" src="/images/f_04.png" alt="feature-image" />
+                                                <img className="img-fluid dark-theme-img" src="/images/f_04_dark.png" alt="feature-image" />
+                                            </div>
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-26 w-700">Productivity Focused</h5>
+                                                <p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END FEATURE BOX #2 */}
+                                </div>  {/* End row */}
+                            </div>	{/* END FEATURES-5 WRAPPER */}
+                        </div>     {/* End container */}
+                    </section>	{/* END FEATURES-5 */}
+                    {/* FAQs-3
+			============================================= */}
+                    <section id="faqs-3" className="pt-100 faqs-section">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-9">
+                                    <div className="section-title mb-70">
+                                        {/* Title */}
+                                        <h2 className="s-50 w-700">Questions &amp; Answers</h2>
+                                        {/* Text */}
+                                        <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* FAQs-3 QUESTIONS */}
+                            <div className="faqs-3-questions">
+                                <div className="row">
+                                    {/* QUESTIONS HOLDER */}
+                                    <div className="col-lg-6">
+                                        <div className="questions-holder">
+                                            {/* QUESTION #1 */}
+                                            <div className="question mb-35 wow fadeInUp">
+                                                {/* Question */}
+                                                <h5 className="s-22 w-700"><span>1.</span> Getting started with Martex</h5>
+                                                {/* Answer */}
+                                                <p className="color--grey">Etiam amet mauris suscipit in odio integer congue metus
+                                                    and vitae arcu mollis blandit ultrice ligula egestas magna suscipit lectus magna
+                                                    suscipit luctus blandit and laoreet
+                                                </p>
+                                            </div>
+                                            {/* QUESTION #2 */}
+                                            <div className="question mb-35 wow fadeInUp">
+                                                {/* Question */}
+                                                <h5 className="s-22 w-700"><span>2.</span> What's inside the package?</h5>
+                                                {/* Answer */}
+                                                <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                                    porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                                    augue pretium purus pretium ligula
+                                                </p>
+                                            </div>
+                                            {/* QUESTION #3 */}
+                                            <div className="question mb-35 wow fadeInUp">
+                                                {/* Question */}
+                                                <h5 className="s-22 w-700"><span>3.</span> How do I choose a plan?</h5>
+                                                {/* Answer */}
+                                                <ul className="simple-list color--grey">
+                                                    <li className="list-item">
+                                                        <p>Fringilla risus, luctus mauris orci auctor purus ligula euismod pretium
+                                                            purus pretium rutrum tempor sapien
+                                                        </p>
+                                                    </li>
+                                                    <li className="list-item">
+                                                        <p>Nemo ipsam egestas volute undo turpis purus lipsum primis aliquam sapien
+                                                            quaerat sodales pretium a purus
+                                                        </p>
+                                                    </li>
+                                                </ul>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END QUESTIONS HOLDER */}
+                                    {/* QUESTIONS WRAPPER */}
+                                    <div className="col-lg-6">
+                                        <div className="questions-holder">
+                                            {/* QUESTION #4 */}
+                                            <div className="question mb-35 wow fadeInUp">
+                                                {/* Question */}
+                                                <h5 className="s-22 w-700"><span>4.</span> How does Martex handle my privacy?</h5>
+                                                {/* Answer */}
+                                                <p className="color--grey">Quaerat sodales sapien euismod blandit purus a purus
+                                                    ipsum primis in cubilia laoreet augue luctus dolor luctus
+                                                </p>
+                                                {/* Answer */}
+                                                <p className="color--grey">An enim nullam tempor sapien gravida donec congue metus.
+                                                    Vitae arcu mollis blandit integer nemo volute velna
+                                                </p>
+                                            </div>
+                                            {/* QUESTION #5 */}
+                                            <div className="question mb-35 wow fadeInUp">
+                                                {/* Question */}
+                                                <h5 className="s-22 w-700"><span>5.</span> I have an issue with my account</h5>
+                                                {/* Answer */}
+                                                <p className="color--grey">Cubilia laoreet augue egestas and luctus donec curabite
+                                                    diam vitae dapibus libero and quisque gravida donec neque blandit justo
+                                                    aliquam molestie nunc sapien justo
+                                                </p>
+                                            </div>
+                                            {/* QUESTION #6 */}
+                                            <div className="question mb-35 wow fadeInUp">
+                                                {/* Question */}
+                                                <h5 className="s-22 w-700"><span>6.</span> Can I cancel at anytime?</h5>
+                                                {/* Answer */}
+                                                <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                                    porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                                    augue pretium purus pretium ligula
+                                                </p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END QUESTIONS HOLDER */}
+                                </div>  {/* End row */}
+                            </div>	{/* END FAQs-3 QUESTIONS */}
+                            {/* MORE QUESTIONS LINK */}
+                            <div className="row">
+                                <div className="col">
+                                    <div className="more-questions mt-40">
+                                        <div className="more-questions-txt bg--white-400 r-100">
+                                            <p className="p-lg">Have any questions?
+                                                <Link href="/contacts" className="color--theme">Get in Touch</Link>
+                                            </p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>	   {/* End container */}
+                    </section>	{/* END FAQs-3 */}
+                    {/* BANNER-13
+			============================================= */}
+                    <section id="banner-13" className="pt-100 banner-section">
+                        <div className="container">
+                            {/* BANNER-13 WRAPPER */}
+                            <div className="banner-13-wrapper bg--05 bg--scroll r-16 block-shadow">
+                                <div className="banner-overlay">
+                                    <div className="row d-flex align-items-center">
+                                        {/* BANNER-5 TEXT */}
+                                        <div className="col-md-7">
+                                            <div className="banner-13-txt color--white">
+                                                {/* Title */}
+                                                <h2 className="s-46 w-700">Getting started with Martex today!</h2>
+                                                {/* Text */}
+                                                <p className="p-lg">Congue laoreet turpis neque auctor turpis vitae dolor a luctus
+                                                    placerat and magna ligula cursus
+                                                </p>
+                                                {/* Button */}
+                                                <Link href="/signup-1" className="btn r-04 btn--theme hover--tra-white">Get srarted - it's free</Link>
+                                            </div>
+                                        </div>	{/* END BANNER-13 TEXT */}
+                                        {/* BANNER-13 IMAGE */}
+                                        <div className="col-md-5">
+                                            <div className="banner-13-img text-center">
+                                                <img className="img-fluid" src="/images/img-04.png" alt="banner-image" />
+                                            </div>
+                                        </div>
+                                    </div>   {/* End row */}
+                                </div>   {/* End banner overlay */}
+                            </div>    {/* END BANNER-13 WRAPPER */}
+                        </div>     {/* End container */}
+                    </section>
+                </div>
+
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/help-center.js b/pages/help-center.js
new file mode 100644
index 0000000..9235c0e
--- /dev/null
+++ b/pages/help-center.js
@@ -0,0 +1,583 @@
+import Layout from "/components/layout/Layout"
+import Link from "next/link"
+import { useState } from "react"
+export default function Home() {
+    const [activeIndex, setActiveIndex] = useState(1)
+    const handleOnClick = (index) => {
+        setActiveIndex(index)
+    }
+    const [isActive, setIsActive] = useState({
+        status: false,
+        key: 1,
+    })
+
+    const handleToggle = (key) => {
+        if (isActive.key === key) {
+            setIsActive({
+                status: false,
+            })
+        } else {
+            setIsActive({
+                status: true,
+                key,
+            })
+        }
+    }
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
+                <div>
+                    <section id="faqs-4" className="gr--whitesmoke inner-page-hero pb-100 faqs-section division">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-lg-11 col-xl-10">
+                                    <div className="inner-page-title">
+                                        <h2 className="s-52 w-700">How Can We Help?</h2>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* TABS NAVIGATION */}
+                            <div className="row">
+                                <div className="col">
+                                    <div className="tabs-nav tabs--theme clearfix">
+                                        <ul className="tabs-1">
+                                            {/* TAB-1 LINK */}
+                                            <li className={activeIndex === 1 ? "tab-link ico-45 r-16 current" : "tab-link ico-45 r-16"} onClick={() => handleOnClick(1)}>
+                                                <div className="tab-link-ico"><span className="flaticon-mechanics" /></div>
+                                                <p>Getting Started</p>
+                                            </li>
+                                            {/* TAB-2 LINK */}
+                                            <li className={activeIndex === 2 ? "tab-link ico-45 r-16 current" : "tab-link ico-45 r-16"} onClick={() => handleOnClick(2)}>
+                                                <div className="tab-link-ico"><span className="flaticon-suit" /></div>
+                                                <p>My Account</p>
+                                            </li>
+                                            {/* TAB-3 LINK */}
+                                            <li className={activeIndex === 3 ? "tab-link ico-45 r-16 current" : "tab-link ico-45 r-16"} onClick={() => handleOnClick(3)}>
+                                                <div className="tab-link-ico"><span className="flaticon-price-label" /></div>
+                                                <p>Pricing Plans</p>
+                                            </li>
+                                            {/* TAB-4 LINK */}
+                                            <li className={activeIndex === 4 ? "tab-link ico-45 r-16 current" : "tab-link ico-45 r-16"} onClick={() => handleOnClick(4)}>
+                                                <div className="tab-link-ico"><span className="flaticon-screenplay" /></div>
+                                                <p>Other Questions</p>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>	{/* END TABS NAVIGATION */}
+                            {/* TABS CONTENT */}
+                            <div className="tabs-content">
+                                <div className="row justify-content-center">
+                                    <div className="col-xl-10">
+                                        {/* TAB-1 CONTENT */}
+                                        <div id="tab-1" className={activeIndex === 1 ? "tab-content current" : "tab-content "}>
+                                            <div className="accordion-wrapper">
+                                                <ul className="accordion">
+                                                    {/* QUESTION #1 */}
+                                                    <li className={isActive.key == 1 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(1)}>
+                                                        {/* Question */}
+                                                        <div className="accordion-thumb">
+                                                            <h5 className="s-22 w-700">What is Martex and how does it work?</h5>
+                                                        </div>
+                                                        {/* Answer */}
+                                                        <div className="accordion-panel color--grey" style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}>
+                                                            {/* Text */}
+                                                            <p>Sagittis congue augue egestas volutpat egestas magna suscipit
+                                                                egestas magna ipsum vitae purus congue efficitur and ipsum primis
+                                                                in cubilia laoreet augue egestas luctus donec and curabitur dapibus
+                                                            </p>
+                                                        </div>
+                                                    </li>	{/* END QUESTION #1 */}
+                                                    {/* QUESTION #2 */}
+                                                    <li  className={isActive.key == 2 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(2)}>
+                                                        {/* Question */}
+                                                        <div className="accordion-thumb">
+                                                            <h5 className="s-22 w-700">What's inside the package?</h5>
+                                                        </div>
+                                                        {/* Answer */}
+                                                        <div className="accordion-panel color--grey" style={{ display: `${isActive.key == 2 ? "block" : "none"}` }}>
+                                                            {/* Text */}
+                                                            <p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
+                                                                tempor magna undo ipsum vitae purus and efficitur ipsum primis in
+                                                                cubilia laoreet tempor gravida luctus neque purus ipsum neque
+                                                            </p>
+                                                            {/* Text */}
+                                                            <p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
+                                                                lectus laoreet and gestas neque vitae auctor dolor luctus placerat
+                                                                a magna cursus congue magna mpedit ligula undo congue. Maecenas
+                                                                agravida augue porttitor nunc, quis vehicula magna luctus tempor.
+                                                                Quisque vel laoreet turpis. Viverra augue, a augue tempor, dictum
+                                                                tempor diam. Sed pulvinar a consectetur nibh, imperdiet varius viverra
+                                                            </p>
+                                                        </div>
+                                                    </li>	{/* END QUESTION #2 */}
+                                                    {/* QUESTION #3 */}
+                                                    <li  className={isActive.key == 3 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(3)}>
+                                                        {/* Question */}
+                                                        <div className="accordion-thumb">
+                                                            <h5 className="s-22 w-700">General settings</h5>
+                                                        </div>
+                                                        {/* Answer */}
+                                                        <div className="accordion-panel color--grey" style={{ display: `${isActive.key == 3 ? "block" : "none"}` }}>
+                                                            {/* Text */}
+                                                            <p>An augue cubilia laoreet magna suscipit egestas magna ipsum purus
+                                                                ipsum a primis an augue ultrice ligula egestas suscipit lectus gestas
+                                                                integer congue a lectus porta phasellus neque blandit tristique
+                                                            </p>
+                                                            {/* Text */}
+                                                            <p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
+                                                                and magna and vehicula
+                                                            </p>
+                                                            {/* Text */}
+                                                            <p>Sagittis congue augue egestas volutpat egestas magna suscipit lipsum
+                                                                egestas magna ipsum vitae a purus ipsum congue efficitur ipsum primis
+                                                                in cubilia laoreet augue egestas luctus donec and curabitur
+                                                            </p>
+                                                        </div>
+                                                    </li>	{/* END QUESTION #3 */}
+                                                    {/* QUESTION #4 */}
+                                                    <li  className={isActive.key == 4 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(4)}>
+                                                        {/* Question */}
+                                                        <div className="accordion-thumb">
+                                                            <h5 className="s-22 w-700">Which languages does Martex support?</h5>
+                                                        </div>
+                                                        {/* Answer */}
+                                                        <div className="accordion-panel color--grey" style={{ display: `${isActive.key == 4 ? "block" : "none"}` }}>
+                                                            {/* Text */}
+                                                            <p>An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
+                                                                ipsum primis undo augue ultrice ligula egestas suscipit lectus gestas
+                                                                integer congue a lectus porta tristique phasellus neque a blandit and
+                                                                tristique justo aliquam justo suscipit congue augue egestas volutpat
+                                                                egestas magna sem congue
+                                                            </p>
+                                                            {/* Text */}
+                                                            <p>An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
+                                                                ipsum primis and augue efficitur ligula egestas suscipit lectus gestas
+                                                                integer congue a lectus porta phasellus neque
+                                                            </p>
+                                                        </div>
+                                                    </li>	{/* END QUESTION #4 */}
+                                                    {/* QUESTION #5 */}
+                                                    <li className={isActive.key == 5 ? "accordion-item acc-last-item is-active" : "accordion-item acc-last-item"} onClick={() => handleToggle(5)}>
+                                                        {/* Question */}
+                                                        <div className="accordion-thumb">
+                                                            <h5 className="s-22 w-700">Automate testing with API</h5>
+                                                        </div>
+                                                        {/* Answer */}
+                                                        <div className="accordion-panel color--grey" style={{ display: `${isActive.key == 5 ? "block" : "none"}` }}>
+                                                            {/* Text */}
+                                                            <ul className="simple-list">
+                                                                <li className="list-item">
+                                                                    <p>Curabitur ac dapibus libero quisque eu congue tristique egestas
+                                                                        phasellus blandit tristique justo aliquam. Aliquam vitae molestie
+                                                                        quisque sapien justo, aliquet aliquam molestie sed purus undo
+                                                                        venenatis tempor gravida eget lacinia. Augue aliquam a suscipit
+                                                                        tincidunt tincidunt massa
+                                                                    </p>
+                                                                </li>
+                                                                <li className="list-item">
+                                                                    <p>Aliquam vitae molestie nunc. Quisque sapien justo, aliquet non
+                                                                        molestie sed purus, venenatis
+                                                                    </p>
+                                                                </li>
+                                                                <li className="list-item">
+                                                                    <p>Sagittis congue augue egestas volutpat egestas magna suscipit
+                                                                        egestas magna ipsum vitae an efficitur purus undo ipsum primis
+                                                                        in cubilia laoreet augue egestas luctus donec curabitur dapibus
+                                                                        libero
+                                                                    </p>
+                                                                </li>
+                                                            </ul>
+                                                        </div>
+                                                    </li>	{/* END QUESTION #5 */}
+                                                </ul>
+                                            </div>
+                                        </div>	{/* END TAB-1 CONTENT */}
+                                        {/* TAB-2 CONTENT */}
+                                        <div id="tab-2"  className={activeIndex === 2 ? "tab-content current" : "tab-content "}>
+                                            <div className="accordion-wrapper">
+                                                <ul className="accordion">
+                                                    {/* QUESTION #1 */}
+                                                    <li className={isActive.key == 6 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(6)}>
+                                                        {/* Question */}
+                                                        <div className="accordion-thumb">
+                                                            <h5 className="s-22 w-700">Sign up and manage your account</h5>
+                                                        </div>
+                                                        {/* Answer */}
+                                                        <div className="accordion-panel color--grey" style={{ display: `${isActive.key == 6 ? "block" : "none"}` }}>
+                                                            {/* Text */}
+                                                            <ol className="digit-list">
+                                                                <li className="list-item">
+                                                                    <p>Curabitur ac dapibus libero eu congue tristique neque</p>
+                                                                </li>
+                                                                <li className="list-item">
+                                                                    <p>Sagittis congue augue egestas volutpat egestas</p>
+                                                                </li>
+                                                                <li className="list-item">
+                                                                    <p>An aliquam justo suscipit congue augue</p>
+                                                                </li>
+                                                                <li className="list-item">
+                                                                    <p>Gestas integer congue a lectus porta</p>
+                                                                </li>
+                                                            </ol>
+                                                        </div>
+                                                    </li>	{/* END QUESTION #1 */}
+                                                    {/* QUESTION #2 */}
+                                                    <li  className={isActive.key == 7 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(7)}>
+                                                        {/* Question */}
+                                                        <div className="accordion-thumb">
+                                                            <h5 className="s-22 w-700">Manage account settings</h5>
+                                                        </div>
+                                                        {/* Answer */}
+                                                        <div className="accordion-panel color--grey" style={{ display: `${isActive.key == 7 ? "block" : "none"}` }}>
+                                                            {/* Text */}
+                                                            <p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris lectus
+                                                                laoreet gestas neque and vitae undo auctor dolor luctus placerat a magna
+                                                                cursus congue magna mpedit ligula congue maecenas gravida augue porttitor
+                                                                nunc, quis vehicula magna luctus tempor. Quisque vel laoreet turpis. Viverra
+                                                                augue, a augue tempor, dictum tempor diam. Sed pulvinar a consectetur nibh,
+                                                                imperdiet varius viverra
+                                                            </p>
+                                                        </div>
+                                                    </li>	{/* END QUESTION #2 */}
+                                                    {/* QUESTION #3 */}
+                                                    <li  className={isActive.key == 8 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(8)}>
+                                                        {/* Question */}
+                                                        <div className="accordion-thumb">
+                                                            <h5 className="s-22 w-700">Change language or location settings</h5>
+                                                        </div>
+                                                        {/* Answer */}
+                                                        <div className="accordion-panel color--grey" style={{ display: `${isActive.key == 8 ? "block" : "none"}` }}>
+                                                            {/* Text */}
+                                                            <p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris lectus
+                                                                laoreet gestas neque and vitae undo auctor dolor luctus placerat a magna
+                                                                cursus congue magna mpedit ligula congue maecenas gravida augue porttitor
+                                                                nunc, quis vehicula magna luctus tempor. Quisque vel laoreet turpis. Viverra
+                                                                augue, a augue tempor, dictum tempor diam. Sed pulvinar a consectetur nibh,
+                                                                imperdiet varius viverra
+                                                            </p>
+                                                        </div>
+                                                    </li>	{/* END QUESTION #3 */}
+                                                    {/* QUESTION #4 */}
+                                                    <li  className={isActive.key == 9 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(9)}>
+                                                        {/* Question */}
+                                                        <div className="accordion-thumb">
+                                                            <h5 className="s-22 w-700">Troubleshoot account issues</h5>
+                                                        </div>
+                                                        {/* Answer */}
+                                                        <div className="accordion-panel color--grey" style={{ display: `${isActive.key == 9 ? "block" : "none"}` }}>
+                                                            {/* Text */}
+                                                            <p>An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
+                                                                ipsum primis an augue ultrice ligula egestas suscipit lectus gestas
+                                                                integer congue a lectus porta tristique phasellus neque a blandit and
+                                                                tristique justo aliquam justo suscipit congue augue egestas volutpat
+                                                                egestas magna sem congue
+                                                            </p>
+                                                            {/* Text */}
+                                                            <p>An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
+                                                                ipsum primis and augue efficitur ligula egestas suscipit lectus gestas
+                                                                integer congue a lectus porta phasellus neque
+                                                            </p>
+                                                        </div>
+                                                    </li>	{/* END QUESTION #4 */}
+                                                    {/* QUESTION #5 */}
+                                                    <li className={isActive.key == 10 ? "accordion-item acc-last-item is-active" : "accordion-item acc-last-item"} onClick={() => handleToggle(10)}>
+                                                        {/* Question */}
+                                                        <div className="accordion-thumb">
+                                                            <h5 className="s-22 w-700">Manage accessibility settings</h5>
+                                                        </div>
+                                                        {/* Answer */}
+                                                        <div className="accordion-panel color--grey" style={{ display: `${isActive.key == 10 ? "block" : "none"}` }}>
+                                                            {/* Text */}
+                                                            <p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
+                                                                lectus laoreet gestas neque and vitae undo auctor dolor luctus placerat
+                                                                a magna cursus congue magna mpedit ligula congue maecenas gravida augue
+                                                                porttitor nunc, quis vehicula magna luctus tempor. Quisque vel laoreet
+                                                                turpis. Viverra augue, a augue tempor, dictum tempor diam. Sed pulvinar
+                                                                a consectetur nibh, imperdiet varius viverra
+                                                            </p>
+                                                            {/* Text */}
+                                                            <p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
+                                                                and magna ipsum vitae purus and efficitur ipsum primis in cubilia laoreet
+                                                                tempor gravida
+                                                            </p>
+                                                        </div>
+                                                    </li>	{/* END QUESTION #5 */}
+                                                </ul>
+                                            </div>
+                                        </div>	{/* END TAB-2 CONTENT */}
+                                        {/* TAB-3 CONTENT */}
+                                        <div id="tab-3"  className={activeIndex === 3 ? "tab-content current" : "tab-content "}>
+                                            <div className="accordion-wrapper">
+                                                <ul className="accordion">
+                                                    {/* QUESTION #1 */}
+                                                    <li className={isActive.key == 11 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(11)}>
+                                                        {/* Question */}
+                                                        <div className="accordion-thumb">
+                                                            <h5 className="s-22 w-700">How much does Martex cost?</h5>
+                                                        </div>
+                                                        {/* Answer */}
+                                                        <div className="accordion-panel color--grey" style={{ display: `${isActive.key == 11 ? "block" : "none"}` }}>
+                                                            {/* Text */}
+                                                            <p>An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
+                                                                ipsum primis undo augue ultrice ligula egestas suscipit lectus gestas
+                                                                integer congue a lectus porta neque blandit tristique
+                                                            </p>
+                                                        </div>
+                                                    </li>	{/* END QUESTION #1 */}
+                                                    {/* QUESTION #2 */}
+                                                    <li  className={isActive.key == 12 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(12)}>
+                                                        {/* Question */}
+                                                        <div className="accordion-thumb">
+                                                            <h5 className="s-22 w-700">I didn't receive the license key after purchased</h5>
+                                                        </div>
+                                                        {/* Answer */}
+                                                        <div className="accordion-panel color--grey" style={{ display: `${isActive.key == 12 ? "block" : "none"}` }}>
+                                                            {/* Text */}
+                                                            <ul className="simple-list">
+                                                                <li className="list-item">
+                                                                    <p>Curabitur ac dapibus libero. Quisque eu congue tristique neque.
+                                                                        Phasellus blandit tristique aliquam justo undo. Aliquam vitae molestie nunc. Quisque sapien justo, aliquet non molestie purus
+                                                                        tempor
+                                                                    </p>
+                                                                </li>
+                                                                <li className="list-item">
+                                                                    <p>Sagittis congue augue egestas volutpat egestas magna suscipit
+                                                                        egestas magna ipsum vitae purus undo efficitur ipsum primis in
+                                                                        cubilia laoreet augue egestas luctus donec curabitur dapibus libero
+                                                                    </p>
+                                                                </li>
+                                                            </ul>
+                                                        </div>
+                                                    </li>	{/* END QUESTION #2 */}
+                                                    {/* QUESTION #3 */}
+                                                    <li  className={isActive.key == 13 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(13)}>
+                                                        {/* Question */}
+                                                        <div className="accordion-thumb">
+                                                            <h5 className="s-22 w-700">Do you offer discounts for annual plans?</h5>
+                                                        </div>
+                                                        {/* Answer */}
+                                                        <div className="accordion-panel color--grey" style={{ display: `${isActive.key == 13 ? "block" : "none"}` }}>
+                                                            {/* Text */}
+                                                            <ul className="simple-list">
+                                                                <li className="list-item">
+                                                                    <p>Curabitur ac dapibus libero. Quisque eu congue justo undo
+                                                                        tristique neque phasellus and blandit tristique aliquam. Aliquam
+                                                                        vitae molestie nunc. Quisque sapien justo, aliquet non molestie
+                                                                        purus tempor
+                                                                    </p>
+                                                                </li>
+                                                                <li className="list-item">
+                                                                    <p>Sagittis congue augue egestas volutpat egestas magna suscipit
+                                                                        egestas magna ipsum vitae purus undo efficitur ipsum primis in
+                                                                        cubilia laoreet augue egestas luctus donec curabitur dapibus libero
+                                                                    </p>
+                                                                </li>
+                                                            </ul>
+                                                        </div>
+                                                    </li>	{/* END QUESTION #3 */}
+                                                    {/* QUESTION #4 */}
+                                                    <li  className={isActive.key == 14 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(14)}>
+                                                        {/* Question */}
+                                                        <div className="accordion-thumb">
+                                                            <h5 className="s-22 w-700">How safe is my data?</h5>
+                                                        </div>
+                                                        {/* Answer */}
+                                                        <div className="accordion-panel color--grey" style={{ display: `${isActive.key == 14 ? "block" : "none"}` }}>
+                                                            {/* Text */}
+                                                            <p>An augue cubilia laoreet and magna suscipit egestas magna an ipsum
+                                                                purus ipsum primis an augue ultrice ligula egestas suscipit lectus
+                                                                gestas integer congue a lectus porta tristique phasellus neque a blandit
+                                                                undo tristique justo aliquam justo suscipit congue augue egestas volutpat
+                                                                egestas magna sem
+                                                            </p>
+                                                            {/* Text */}
+                                                            <p>An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
+                                                                ipsum primis and augue efficitur ligula egestas suscipit lectus gestas
+                                                                integer congue a lectus porta phasellus neque
+                                                            </p>
+                                                        </div>
+                                                    </li>	{/* END QUESTION #4 */}
+                                                    {/* QUESTION #5 */}
+                                                    <li className={isActive.key == 15 ? "accordion-item acc-last-item is-active" : "accordion-item acc-last-item"} onClick={() => handleToggle(15)}>
+                                                        {/* Question */}
+                                                        <div className="accordion-thumb">
+                                                            <h5 className="s-22 w-700">How to request a refund?</h5>
+                                                        </div>
+                                                        {/* Answer */}
+                                                        <div className="accordion-panel color--grey" style={{ display: `${isActive.key == 15 ? "block" : "none"}` }}>
+                                                            {/* Text */}
+                                                            <ul className="simple-list">
+                                                                <li className="list-item">
+                                                                    <p>Curabitur ac dapibus libero. Quisque eu congue tristique</p>
+                                                                </li>
+                                                                <li className="list-item">
+                                                                    <p>Congue tristique neque phasellus blandit tristique justo
+                                                                        undo aliquam. Aliquam vitae molestie quisque sapien justo,
+                                                                        aliquet non molestie purus tempor
+                                                                    </p>
+                                                                </li>
+                                                                <li className="list-item">
+                                                                    <p>Sagittis congue augue egestas volutpat egestas magna suscipit
+                                                                        egestas magna ipsum
+                                                                    </p>
+                                                                </li>
+                                                            </ul>
+                                                        </div>
+                                                    </li>	{/* END QUESTION #5 */}
+                                                </ul>
+                                            </div>
+                                        </div>	{/* END TAB-3 CONTENT */}
+                                        {/* TAB-4 CONTENT */}
+                                        <div id="tab-4"  className={activeIndex === 4 ? "tab-content current" : "tab-content "}>
+                                            <div className="accordion-wrapper">
+                                                <ul className="accordion">
+                                                    {/* QUESTION #1 */}
+                                                    <li className={isActive.key == 16 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(16)}>
+                                                        {/* Question */}
+                                                        <div className="accordion-thumb">
+                                                            <h5 className="s-22 w-700">How do I get the error log?</h5>
+                                                        </div>
+                                                        {/* Answer */}
+                                                        <div className="accordion-panel color--grey" style={{ display: `${isActive.key == 16 ? "block" : "none"}` }}>
+                                                            {/* Text */}
+                                                            <p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
+                                                                and magna ipsum vitae
+                                                            </p>
+                                                            {/* Text */}
+                                                            <p>Sagittis congue augue egestas volutpat egestas and magna suscipit an
+                                                                egestas magna ipsum vitae purus congue efficitur ipsum primis in cubilia
+                                                                laoreet augue egestas luctus donec and curabitur dapibus
+                                                            </p>
+                                                        </div>
+                                                    </li>	{/* END QUESTION #1 */}
+                                                    {/* QUESTION #2 */}
+                                                    <li  className={isActive.key == 17 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(17)}>
+                                                        {/* Question */}
+                                                        <div className="accordion-thumb">
+                                                            <h5 className="s-22 w-700">I forgot my folder password, what should I do?</h5>
+                                                        </div>
+                                                        {/* Answer */}
+                                                        <div className="accordion-panel color--grey" style={{ display: `${isActive.key == 17 ? "block" : "none"}` }}>
+                                                            {/* Text */}
+                                                            <p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
+                                                                magna ipsum vitae purus congue efficitur ipsum primis in cubilia laoreet
+                                                                augue egestas luctus donec and curabitur dapibus
+                                                            </p>
+                                                            {/* Text */}
+                                                            <ol className="digit-list">
+                                                                <li className="list-item">
+                                                                    <p>Gestas integer congue a lectus porta</p>
+                                                                </li>
+                                                                <li className="list-item">
+                                                                    <p>An aliquam justo suscipit congue augue</p>
+                                                                </li>
+                                                                <li className="list-item">
+                                                                    <p>Sagittis congue augue egestas volutpat egestas</p>
+                                                                </li>
+                                                            </ol>
+                                                        </div>
+                                                    </li>	{/* END QUESTION #2 */}
+                                                    {/* QUESTION #3 */}
+                                                    <li  className={isActive.key == 18 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(18)}>
+                                                        {/* Question */}
+                                                        <div className="accordion-thumb">
+                                                            <h5 className="s-22 w-700">Limitations of folder password protection</h5>
+                                                        </div>
+                                                        {/* Answer */}
+                                                        <div className="accordion-panel color--grey" style={{ display: `${isActive.key == 18 ? "block" : "none"}` }}>
+                                                            {/* Text */}
+                                                            <p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
+                                                                lectus laoreet gestas neque and vitae undo auctor dolor luctus placerat
+                                                                a magna cursus congue magna mpedit ligula congue maecenas gravida augue
+                                                                porttitor nunc, quis vehicula magna luctus tempor. Quisque vel laoreet
+                                                                turpis. Viverra augue, a augue tempor, dictum tempor diam. Sed pulvinar
+                                                                a consectetur nibh, imperdiet varius viverra
+                                                            </p>
+                                                        </div>
+                                                    </li>	{/* END QUESTION #3 */}
+                                                    {/* QUESTION #4 */}
+                                                    <li  className={isActive.key == 19 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(19)}>
+                                                        {/* Question */}
+                                                        <div className="accordion-thumb">
+                                                            <h5 className="s-22 w-700">Import existing library</h5>
+                                                        </div>
+                                                        {/* Answer */}
+                                                        <div className="accordion-panel color--grey" style={{ display: `${isActive.key == 19 ? "block" : "none"}` }}>
+                                                            {/* Text */}
+                                                            <p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
+                                                                lectus laoreet gestas neque and vitae undo auctor dolor luctus placerat
+                                                                a magna cursus congue magna mpedit ligula congue maecenas gravida augue
+                                                                porttitor nunc, quis vehicula magna luctus tempor. Quisque vel laoreet
+                                                                turpis. Viverra augue, a augue tempor, dictum tempor diam. Sed pulvinar
+                                                                a consectetur nibh, imperdiet varius viverra
+                                                            </p>
+                                                            {/* Text */}
+                                                            <p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
+                                                                and magna ipsum vitae purus and efficitur ipsum primis in cubilia laoreet
+                                                                tempor gravida
+                                                            </p>
+                                                        </div>
+                                                    </li>	{/* END QUESTION #4 */}
+                                                    {/* QUESTION #5 */}
+                                                    <li className={isActive.key == 20 ? "accordion-item acc-last-item is-active" : "accordion-item acc-last-item"} onClick={() => handleToggle(20)}>
+                                                        {/* Question */}
+                                                        <div className="accordion-thumb">
+                                                            <h5 className="s-22 w-700">I lost my license. Can you send it to me?</h5>
+                                                        </div>
+                                                        {/* Answer */}
+                                                        <div className="accordion-panel color--grey" style={{ display: `${isActive.key == 20 ? "block" : "none"}` }}>
+                                                            {/* Text */}
+                                                            <p>An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
+                                                                ipsum primis undo augue ultrice ligula egestas suscipit lectus gestas
+                                                                integer congue phasellus neque blandit tristique
+                                                            </p>
+                                                            {/* Text */}
+                                                            <p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
+                                                                and magna ipsum vitae
+                                                            </p>
+                                                        </div>
+                                                    </li>	{/* END QUESTION #5 */}
+                                                </ul>
+                                            </div>
+                                        </div>	{/* END TAB-4 CONTENT */}
+                                    </div>
+                                </div> {/* End row */}
+                            </div>	{/* END TABS CONTENT */}
+                        </div>     {/* End container */}
+                    </section>	{/* END  FAQs-4 */}
+                    {/* BANNER-9
+			============================================= */}
+                    <section id="banner-9" className="bg--02 py-70 x-border banner-section">
+                        <div className="container">
+                            {/* BANNER-9 WRAPPER */}
+                            <div className="banner-7-wrapper">
+                                <div className="row justify-content-center d-flex align-items-center">
+                                    {/* BANNER-9 TEXT */}
+                                    <div className="col-md-7 col-xl-5">
+                                        <div className="banner-9-txt">
+                                            {/* Title */}
+                                            <h3 className="s-40 w-700">Still need help?</h3>
+                                            {/* Text */}
+                                            <p className="p-lg">Don't hesitate to contact us about any question you might be interested in</p>
+                                            {/* Button */}
+                                            <Link href="/contacts" className="btn r-04 btn--theme hover--theme">Ask your question here</Link>
+                                        </div>
+                                    </div>
+                                    {/* BANNER-9 IMAGE */}
+                                    <div className="col-md-5 col-xl-5">
+                                        <div className="banner-9-img text-end">
+                                            <img className="img-fluid" src="/images/help.png" alt="banner-image" />
+                                        </div>
+                                    </div>
+                                </div>     {/* End row */}
+                            </div>    {/* END BANNER-9 WRAPPER */}
+                        </div>     {/* End container */}
+                    </section>
+                </div>
+
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/index.js b/pages/index.js
new file mode 100644
index 0000000..1f584de
--- /dev/null
+++ b/pages/index.js
@@ -0,0 +1,49 @@
+import Layout from "/components/layout/Layout"
+import Banner3_2 from "/components/sections/Banner3_2"
+import Brands1_2 from "/components/sections/Brands1_2"
+import Ct01_3 from "/components/sections/Ct01_3"
+import Ct02_3 from "/components/sections/Ct02_3"
+import Ct02_4 from "/components/sections/Ct02_4"
+import Ct03_1 from "/components/sections/Ct03_1"
+import Faqs3_2 from "/components/sections/Faqs3_2"
+import Features12_2 from "/components/sections/Features12_2"
+import Features2_2 from "/components/sections/Features2_2"
+import Features5_2 from "/components/sections/Features5_2"
+import Hero2 from "/components/sections/Hero2"
+import Integrations1_10 from "/components/sections/Integrations1_10"
+import Lnk1_2 from "/components/sections/Lnk1_2"
+import Lnk2_2 from "/components/sections/Lnk2_2"
+import Lnk3_2 from "/components/sections/Lnk3_2"
+import Lnk4_1 from "/components/sections/Lnk4_1"
+import Reviews1_2 from "/components/sections/Reviews1_2"
+import Statistic1_2 from "/components/sections/Statistic1_2"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark">
+                <Hero2 />
+                <Brands1_2 />
+                <hr className="divider" />
+                <Features2_2 />
+                <hr className="divider" />
+                <Lnk1_2 />
+                <Features12_2 />
+                <Ct02_3 />
+                <Lnk2_2 />
+                <Ct02_4 />
+                <Ct01_3 />
+                <Lnk3_2 />
+                <Statistic1_2 />
+                <hr className="divider" />
+                <Features5_2 />
+                <Lnk4_1 />
+                <Ct03_1 />
+                {/*<Integrations1_10 />*/}
+                {/*<Reviews1_2 />*/}
+                <Faqs3_2 />
+                {/*<Banner3_2 />*/}
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/integrations.js b/pages/integrations.js
new file mode 100644
index 0000000..fc75057
--- /dev/null
+++ b/pages/integrations.js
@@ -0,0 +1,523 @@
+import CounterUp from "@/components/elements/CounterUp"
+import VideoPopup from "@/components/elements/VidepPopup"
+import Layout from "@/components/layout/Layout"
+import Link from "next/link"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
+                <div>
+                    <section className="gr--whitesmoke ct-08 inner-page-hero content-section division">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-9">
+                                    <div className="section-title mb-70">
+                                        {/* Title */}
+                                        <h2 className="s-52 w-700">Integrate with your essential tools in few clicks</h2>
+                                        {/* Text */}
+                                        <p className="s-21">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* IMAGE BLOCK */}
+                            <div className="row">
+                                <div className="col">
+                                    <div className="img-block video-preview wow fadeInUp">
+                                        {/* Play Icon */}
+                                        <VideoPopup style={2} />
+                                        {/* Preview Image */}
+                                        <img className="img-fluid" src="/images/dashboard-06.png" alt="video-preview" />
+                                    </div>
+                                </div>
+                            </div>
+                        </div>	   {/* End container */}
+                    </section>	{/* END IMAGE CONTENT */}
+                    {/* STATISTIC-1
+			============================================= */}
+                    <div id="statistic-1" className="py-100 statistic-section division">
+                        <div className="container">
+                            {/* STATISTIC-1 WRAPPER */}
+                            <div className="statistic-1-wrapper">
+                                <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                                    {/* STATISTIC BLOCK #1 */}
+                                    <div className="col">
+                                        <div id="sb-1-1" className="wow fadeInUp">
+                                            <div className="statistic-block">
+                                                {/* Digit */}
+                                                <div className="statistic-block-digit text-center">
+                                                    <h2 className="s-46 statistic-number"><CounterUp end={89} />k</h2>
+                                                </div>
+                                                {/* Text */}
+                                                <div className="statistic-block-txt color--grey">
+                                                    <p className="p-md">Porta justo integer and velna vitae auctor</p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END STATISTIC BLOCK #1 */}
+                                    {/* STATISTIC BLOCK #2 */}
+                                    <div className="col">
+                                        <div id="sb-1-2" className="wow fadeInUp">
+                                            <div className="statistic-block">
+                                                {/* Digit */}
+                                                <div className="statistic-block-digit text-center">
+                                                    <h2 className="s-46 statistic-number"><CounterUp end={76} />%</h2>
+                                                </div>
+                                                {/* Text */}
+                                                <div className="statistic-block-txt color--grey">
+                                                    <p className="p-md">Ligula magna suscipit vitae and rutrum</p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END STATISTIC BLOCK #2 */}
+                                    {/* STATISTIC BLOCK #3 */}
+                                    <div className="col">
+                                        <div id="sb-1-3" className="wow fadeInUp">
+                                            <div className="statistic-block">
+                                                {/* Digit */}
+                                                <div className="statistic-block-digit text-center">
+                                                    <h2 className="s-46 statistic-number">
+                                                        <CounterUp end={4} />.<CounterUp end={93} />
+                                                    </h2>
+                                                </div>
+                                                {/* Text */}
+                                                <div className="statistic-block-txt color--grey">
+                                                    <p className="p-md">Sagittis congue augue egestas an egestas</p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END STATISTIC BLOCK #3 */}
+                                </div>  {/* End row */}
+                            </div>	{/* END STATISTIC-1 WRAPPER */}
+                        </div>	 {/* End container */}
+                    </div>	 {/* END STATISTIC-1 */}
+                    {/* DIVIDER LINE */}
+                    <hr className="divider" />
+                    {/* TEXT CONTENT
+			============================================= */}
+                    <section className="pt-100 ct-01 content-section division">
+                        <div className="container">
+                            {/* SECTION CONTENT (ROW) */}
+                            <div className="row d-flex align-items-center">
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6 order-last order-md-2">
+                                    <div className="txt-block left-column wow fadeInRight">
+                                        {/* Section ID */}
+                                        <span className="section-id">Productivity Focused</span>
+                                        {/* Title */}
+                                        <h2 className="s-46 w-700">Achieve more with better workflows</h2>
+                                        {/* Text */}
+                                        <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
+                                            vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
+                                        </p>
+                                        {/* List */}
+                                        <ul className="simple-list">
+                                            <li className="list-item">
+                                                <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice
+                                                    ipsum aliquam undo congue dolor cursus
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
+                                                    sapien turpis ultrice auctor congue placerat
+                                                </p>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6 order-first order-md-2">
+                                    <div className="img-block right-column wow fadeInLeft">
+                                        <img className="img-fluid" src="/images/img-03.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>	{/* END SECTION CONTENT (ROW) */}
+                        </div>	   {/* End container */}
+                    </section>	{/* END TEXT CONTENT */}
+                    {/* FEATURES-2
+			============================================= */}
+                    <section id="features-2" className="pt-100 features-section division">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-9">
+                                    <div className="section-title mb-80">
+                                        {/* Title */}
+                                        <h2 className="s-52 w-700">Everything in One Place</h2>
+                                        {/* Text */}
+                                        <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* FEATURES-2 WRAPPER */}
+                            <div className="fbox-wrapper text-center">
+                                <div className="row row-cols-1 row-cols-md-3">
+                                    {/* FEATURE BOX #1 */}
+                                    <div className="col">
+                                        <div className="fbox-2 fb-1 wow fadeInUp">
+                                            {/* Image */}
+                                            <div className="fbox-img gr--whitesmoke h-175">
+                                                <img className="img-fluid light-theme-img" src="/images/f_01.png" alt="feature-image" />
+                                                <img className="img-fluid dark-theme-img" src="/images/f_01_dark.png" alt="feature-image" />
+                                            </div>
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h6 className="s-22 w-700">Intuitive Dashboard</h6>
+                                                <p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END FEATURE BOX #1 */}
+                                    {/* FEATURE BOX #2 */}
+                                    <div className="col">
+                                        <div className="fbox-2 fb-2 wow fadeInUp">
+                                            {/* Image */}
+                                            <div className="fbox-img gr--whitesmoke h-175">
+                                                <img className="img-fluid light-theme-img" src="/images/f_05.png" alt="feature-image" />
+                                                <img className="img-fluid dark-theme-img" src="/images/f_05_dark.png" alt="feature-image" />
+                                            </div>
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h6 className="s-22 w-700">Effortless Integration</h6>
+                                                <p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END FEATURE BOX #2 */}
+                                    {/* FEATURE BOX #3 */}
+                                    <div className="col">
+                                        <div className="fbox-2 fb-3 wow fadeInUp">
+                                            {/* Image */}
+                                            <div className="fbox-img gr--whitesmoke h-175">
+                                                <img className="img-fluid light-theme-img" src="/images/f_02.png" alt="feature-image" />
+                                                <img className="img-fluid dark-theme-img" src="/images/f_02_dark.png" alt="feature-image" />
+                                            </div>
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h6 className="s-22 w-700">Real-time Analytics</h6>
+                                                <p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END FEATURE BOX #3 */}
+                                </div>  {/* End row */}
+                            </div>	{/* END FEATURES-2 WRAPPER */}
+                        </div>     {/* End container */}
+                    </section>	{/* END FEATURES-2 */}
+                    {/* TEXT CONTENT
+			============================================= */}
+                    <section className="pt-100 ct-04 content-section division">
+                        <div className="container">
+                            {/* SECTION CONTENT (ROW) */}
+                            <div className="row d-flex align-items-center">
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-6 order-last order-md-2">
+                                    <div className="txt-block left-column wow fadeInRight">
+                                        {/* CONTENT BOX #1 */}
+                                        <div className="cbox-2 process-step">
+                                            {/* Icon */}
+                                            <div className="ico-wrap">
+                                                <div className="cbox-2-ico bg--theme color--white">1</div>
+                                                <span className="cbox-2-line" />
+                                            </div>
+                                            {/* Text */}
+                                            <div className="cbox-2-txt">
+                                                <h5 className="s-22 w-700">Simple, Secure &amp; Intuitive</h5>
+                                                <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
+                                                    sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
+                                                    quaerat
+                                                </p>
+                                            </div>
+                                        </div>	{/* END CONTENT BOX #1 */}
+                                        {/* CONTENT BOX #2 */}
+                                        <div className="cbox-2 process-step">
+                                            {/* Icon */}
+                                            <div className="ico-wrap">
+                                                <div className="cbox-2-ico bg--theme color--white">2</div>
+                                                <span className="cbox-2-line" />
+                                            </div>
+                                            {/* Text */}
+                                            <div className="cbox-2-txt">
+                                                <h5 className="s-22 w-700">Weekly Email Reports</h5>
+                                                <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
+                                                    sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
+                                                    quaerat
+                                                </p>
+                                            </div>
+                                        </div>	{/* END CONTENT BOX #2 */}
+                                        {/* CONTENT BOX #3 */}
+                                        <div className="cbox-2 process-step">
+                                            {/* Icon */}
+                                            <div className="ico-wrap">
+                                                <div className="cbox-2-ico bg--theme color--white">3</div>
+                                            </div>
+                                            {/* Text */}
+                                            <div className="cbox-2-txt">
+                                                <h5 className="s-22 w-700">No Personal Data Collected</h5>
+                                                <p className="mb-0">Ligula risus auctor tempus feugiat dolor lacinia nemo purus in
+                                                    lipsum purus sapien quaerat a primis viverra tellus vitae luctus dolor ipsum n
+                                                    eque ligula quaerat
+                                                </p>
+                                            </div>
+                                        </div>	{/* END CONTENT BOX #3 */}
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-6 order-first order-md-2">
+                                    <div className="img-block wow fadeInLeft">
+                                        <img className="img-fluid" src="/images/tablet-01.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>	{/* END SECTION CONTENT (ROW) */}
+                        </div>	   {/* End container */}
+                    </section>	{/* END TEXT CONTENT */}
+                    {/* FEATURES-5
+			============================================= */}
+                    <section id="features-5" className="pt-100 features-section division">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-9">
+                                    <div className="section-title mb-70">
+                                        {/* Title */}
+                                        <h2 className="s-52 w-700">Build a customer-centric marketing strategy</h2>
+                                        {/* Text */}
+                                        <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* FEATURES-5 WRAPPER */}
+                            <div className="fbox-wrapper text-center">
+                                <div className="row d-flex align-items-center">
+                                    {/* FEATURE BOX #1 */}
+                                    <div className="col-md-6">
+                                        <div className="fbox-5 fb-1 gr--smoke r-16 wow fadeInUp">
+                                            {/* Text */}
+                                            <div className="fbox-txt order-last order-md-2">
+                                                <h5 className="s-26 w-700">Marketing Integrations</h5>
+                                                <p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
+                                            </div>
+                                            {/* Image */}
+                                            <div className="fbox-5-img order-first order-md-2">
+                                                <img className="img-fluid light-theme-img" src="/images/f_06.png" alt="feature-image" />
+                                                <img className="img-fluid dark-theme-img" src="/images/f_06_dark.png" alt="feature-image" />
+                                            </div>
+                                        </div>
+                                    </div>	{/* END FEATURE BOX #1 */}
+                                    {/* FEATURE BOX #2 */}
+                                    <div className="col-md-6">
+                                        <div className="fbox-5 fb-2 gr--smoke r-16 wow fadeInUp">
+                                            {/* Image */}
+                                            <div className="fbox-5-img">
+                                                <img className="img-fluid light-theme-img" src="/images/f_04.png" alt="feature-image" />
+                                                <img className="img-fluid dark-theme-img" src="/images/f_04_dark.png" alt="feature-image" />
+                                            </div>
+                                            {/* Text */}
+                                            <div className="fbox-txt">
+                                                <h5 className="s-26 w-700">Productivity Focused</h5>
+                                                <p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END FEATURE BOX #2 */}
+                                </div>  {/* End row */}
+                            </div>	{/* END FEATURES-5 WRAPPER */}
+                        </div>     {/* End container */}
+                    </section>	{/* END FEATURES-5 */}
+                    {/* INTEGRATIONS-1
+			============================================= */}
+                    <section id="integrations-1" className="pt-100 integrations-section">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-9">
+                                    <div className="section-title mb-70">
+                                        {/* Title */}
+                                        <h2 className="s-52 w-700">Explore Integrations</h2>
+                                        {/* Text */}
+                                        <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* INTEGRATIONS-1 WRAPPER */}
+                            <div className="integrations-1-wrapper">
+                                <div className="row row-cols-1 row-cols-md-2 row-cols-lg-3 rows-2">
+                                    {/* TOOL #1 */}
+                                    <div className="col">
+                                        <Link href="#" className="in_tool it-1 r-12 mb-30 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="in_tool-logo-wrap">
+                                                <div className="in_tool-logo ico-60">
+                                                    <img className="img-fluid" src="/images/png_icons/tool-1.png" alt="brand-logo" />
+                                                </div>
+                                            </div>
+                                            {/* Text */}
+                                            <div className="in_tool-txt">
+                                                <h6 className="s-20 w-700">Zapier</h6>
+                                                <p className="p-sm">Share findings</p>
+                                            </div>
+                                        </Link>
+                                    </div>	{/* END FEATURE BOX #1 */}
+                                    {/* TOOL #2 */}
+                                    <div className="col">
+                                        <Link href="#" className="in_tool it-2 r-12 mb-30 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="in_tool-logo-wrap">
+                                                <div className="in_tool-logo ico-60">
+                                                    <img className="img-fluid" src="/images/png_icons/tool-2.png" alt="brand-logo" />
+                                                </div>
+                                            </div>
+                                            {/* Text */}
+                                            <div className="in_tool-txt">
+                                                <h6 className="s-20 w-700">Google Analytics</h6>
+                                                <p className="p-sm">Share findings</p>
+                                            </div>
+                                        </Link>
+                                    </div>	{/* END FEATURE BOX #2 */}
+                                    {/* TOOL #3 */}
+                                    <div className="col">
+                                        <Link href="#" className="in_tool it-3 r-12 mb-30 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="in_tool-logo-wrap">
+                                                <div className="in_tool-logo ico-60">
+                                                    <img className="img-fluid" src="/images/png_icons/tool-3.png" alt="brand-logo" />
+                                                </div>
+                                            </div>
+                                            {/* Text */}
+                                            <div className="in_tool-txt">
+                                                <h6 className="s-20 w-700">Amplitude</h6>
+                                                <p className="p-sm">Share findings</p>
+                                            </div>
+                                        </Link>
+                                    </div>	{/* END FEATURE BOX #3 */}
+                                    {/* TOOL #4 */}
+                                    <div className="col">
+                                        <Link href="#" className="in_tool it-4 r-12 mb-30 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="in_tool-logo-wrap">
+                                                <div className="in_tool-logo ico-60">
+                                                    <img className="img-fluid" src="/images/png_icons/tool-4.png" alt="brand-logo" />
+                                                </div>
+                                            </div>
+                                            {/* Text */}
+                                            <div className="in_tool-txt">
+                                                <h6 className="s-20 w-700">Hubspot</h6>
+                                                <p className="p-sm">Share findings</p>
+                                            </div>
+                                        </Link>
+                                    </div>	{/* END FEATURE BOX #4 */}
+                                    {/* TOOL #5 */}
+                                    <div className="col">
+                                        <Link href="#" className="in_tool it-5 r-12 mb-30 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="in_tool-logo-wrap">
+                                                <div className="in_tool-logo ico-60">
+                                                    <img className="img-fluid" src="/images/png_icons/tool-5.png" alt="brand-logo" />
+                                                </div>
+                                            </div>
+                                            {/* Text */}
+                                            <div className="in_tool-txt">
+                                                <h6 className="s-20 w-700">MailChimp</h6>
+                                                <p className="p-sm">Import data</p>
+                                            </div>
+                                        </Link>
+                                    </div>	{/* END FEATURE BOX #5 */}
+                                    {/* TOOL #6 */}
+                                    <div className="col">
+                                        <Link href="#" className="in_tool it-6 r-12 mb-30 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="in_tool-logo-wrap">
+                                                <div className="in_tool-logo ico-60">
+                                                    <img className="img-fluid" src="/images/png_icons/tool-6.png" alt="brand-logo" />
+                                                </div>
+                                            </div>
+                                            {/* Text */}
+                                            <div className="in_tool-txt">
+                                                <h6 className="s-20 w-700">Slack</h6>
+                                                <p className="p-sm">Share findings</p>
+                                            </div>
+                                        </Link>
+                                    </div>	{/* END FEATURE BOX #6 */}
+                                    {/* TOOL #7 */}
+                                    <div className="col">
+                                        <Link href="#" className="in_tool it-7 r-12 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="in_tool-logo-wrap">
+                                                <div className="in_tool-logo ico-60">
+                                                    <img className="img-fluid" src="/images/png_icons/tool-7.png" alt="brand-logo" />
+                                                </div>
+                                            </div>
+                                            {/* Text */}
+                                            <div className="in_tool-txt">
+                                                <h6 className="s-20 w-700">Dropbox</h6>
+                                                <p className="p-sm">Import data</p>
+                                            </div>
+                                        </Link>
+                                    </div>	{/* END FEATURE BOX #7 */}
+                                    {/* TOOL #8 */}
+                                    <div className="col">
+                                        <Link href="#" className="in_tool it-8 r-12 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="in_tool-logo-wrap">
+                                                <div className="in_tool-logo ico-60">
+                                                    <img className="img-fluid" src="/images/png_icons/tool-8.png" alt="brand-logo" />
+                                                </div>
+                                            </div>
+                                            {/* Text */}
+                                            <div className="in_tool-txt">
+                                                <h6 className="s-20 w-700">Trello</h6>
+                                                <p className="p-sm">Share findings</p>
+                                            </div>
+                                        </Link>
+                                    </div>	{/* END FEATURE BOX #8 */}
+                                    {/* TOOL #9 */}
+                                    <div className="col">
+                                        <Link href="#" className="in_tool it-9 r-12 wow fadeInUp">
+                                            {/* Icon */}
+                                            <div className="in_tool-logo-wrap">
+                                                <div className="in_tool-logo ico-60">
+                                                    <img className="img-fluid" src="/images/png_icons/tool-9.png" alt="brand-logo" />
+                                                </div>
+                                            </div>
+                                            {/* Text */}
+                                            <div className="in_tool-txt">
+                                                <h6 className="s-20 w-700">Google Drive</h6>
+                                                <p className="p-sm">Import data</p>
+                                            </div>
+                                        </Link>
+                                    </div>	{/* END FEATURE BOX #9 */}
+                                </div>
+                            </div>	{/* END INTEGRATIONS-1 WRAPPER */}
+                        </div>     {/* End container */}
+                    </section>	{/* END INTEGRATIONS-1 */}
+                    {/* BANNER-3
+			============================================= */}
+                    <section id="banner-3" className="pt-100 banner-section">
+                        <div className="container">
+                            {/* BANNER-3 WRAPPER */}
+                            <div className="banner-3-wrapper bg--05 bg--scroll r-16">
+                                <div className="banner-overlay">
+                                    <div className="row">
+                                        {/* BANNER-3 TEXT */}
+                                        <div className="col">
+                                            <div className="banner-3-txt color--white">
+                                                {/* Title */}
+                                                <h2 className="s-48 w-700">Starting with Martex is easy, fast and free</h2>
+                                                {/* Text */}
+                                                <p className="p-xl">It only takes a few clicks to get started</p>
+                                                {/* Button */}
+                                                <Link href="/signup-1" className="btn r-04 btn--theme hover--tra-white">Get srarted - it's free</Link>
+                                                {/* Button Text */}
+                                                <p className="p-sm btn-txt ico-15">
+                                                    <span className="flaticon-check" /> Free for 14 days, no credit card required.
+                                                </p>
+                                            </div>
+                                        </div>	{/* END BANNER-3 TEXT */}
+                                    </div>   {/* End row */}
+                                </div>   {/* End banner overlay */}
+                            </div>    {/* END BANNER-3 WRAPPER */}
+                        </div>     {/* End container */}
+                    </section>
+                </div>
+
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/login-1.js b/pages/login-1.js
new file mode 100644
index 0000000..166e116
--- /dev/null
+++ b/pages/login-1.js
@@ -0,0 +1,66 @@
+import Link from "next/link"
+export default function Home() {
+
+    return (
+        <>
+            <div id="page" className="page font--jakarta">
+                {/* LOGIN PAGE
+============================================= */}
+                <div id="login" className="bg--fixed login-1 login-section division">
+                    <div className="container">
+                        <div className="row">
+                            <div className="col-md-8 col-lg-6 offset-md-2 offset-lg-3">
+                                <div className="register-page-form">
+                                    {/* TITLE */}
+                                    <div className="col-md-12">
+                                        <div className="register-form-title">
+                                            <h3 className="s-32 w-700">Log in to Martex</h3>
+                                            <p className="p-md">Don't have an account? <Link href="/signup-1" className="color--theme">Sign up</Link></p>
+                                        </div>
+                                    </div>
+                                    {/* LOGIN FORM */}
+                                    <form name="signinform" className="row sign-in-form">
+                                        {/* Google Button */}
+                                        <div className="col-md-12">
+                                            <Link href="#" className="btn btn-google ico-left">
+                                                <img src="/images/png_icons/google.png" alt="google-icon" /> Sign in with Google
+                                            </Link>
+                                        </div>
+                                        {/* Login Separator */}
+                                        <div className="col-md-12 text-center">
+                                            <div className="separator-line">Or, sign in with your email</div>
+                                        </div>
+                                        {/* Form Input */}
+                                        <div className="col-md-12">
+                                            <p className="p-sm input-header">Email address</p>
+                                            <input className="form-control email" type="email" name="email" placeholder="example@example.com" />
+                                        </div>
+                                        {/* Form Input */}
+                                        <div className="col-md-12">
+                                            <p className="p-sm input-header">Password</p>
+                                            <div className="wrap-input">
+                                                <span className="btn-show-pass ico-20"><span className="flaticon-visibility eye-pass" /></span>
+                                                <input className="form-control password" type="password" name="password" placeholder="* * * * * * * * *" />
+                                            </div>
+                                        </div>
+                                        {/* Reset Password Link */}
+                                        <div className="col-md-12">
+                                            <div className="reset-password-link">
+                                                <p className="p-sm"><Link href="/reset-password" className="color--theme">Forgot your password?</Link></p>
+                                            </div>
+                                        </div>
+                                        {/* Form Submit Button */}
+                                        <div className="col-md-12">
+                                            <button type="submit" className="btn btn--theme hover--theme submit">Log In</button>
+                                        </div>
+                                    </form>	{/* END LOGIN FORM */}
+                                </div>
+                            </div>
+                        </div>	   {/* End row */}
+                    </div>	   {/* End container */}
+                </div>	{/* END LOGIN PAGE */}
+            </div>
+
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/login-2.js b/pages/login-2.js
new file mode 100644
index 0000000..57ad067
--- /dev/null
+++ b/pages/login-2.js
@@ -0,0 +1,90 @@
+import Link from "next/link"
+export default function Home() {
+
+    return (
+        <>
+            <div id="page" className="page font--jakarta">
+                {/* LOGIN PAGE
+============================================= */}
+                <div id="login" className="bg--scroll login-section division">
+                    <div className="container">
+                        <div className="row justify-content-center">
+                            {/* REGISTER PAGE WRAPPER */}
+                            <div className="col-lg-11">
+                                <div className="register-page-wrapper r-16 bg--fixed">
+                                    <div className="row">
+                                        {/* LOGIN PAGE TEXT */}
+                                        <div className="col-md-6">
+                                            <div className="register-page-txt color--white">
+                                                {/* Logo */}
+                                                <img className="img-fluid" src="/images/logo-white.png" alt="logo-image" />
+                                                {/* Title */}
+                                                <h2 className="s-42 w-700">Welcome</h2>
+                                                <h2 className="s-42 w-700">back to Martex</h2>
+                                                {/* Text */}
+                                                <p className="p-md mt-25">Integer congue sagittis and velna augue egestas magna
+                                                    suscipit purus aliquam
+                                                </p>
+                                                {/* Copyright */}
+                                                <div className="register-page-copyright">
+                                                    <p className="p-sm">© 2023 Martex. <span>All Rights Reserved</span></p>
+                                                </div>
+                                            </div>
+                                        </div>	{/* END LOGIN PAGE TEXT */}
+                                        {/* LOGIN FORM */}
+                                        <div className="col-md-6">
+                                            <div className="register-page-form">
+                                                <form name="signinform" className="row sign-in-form">
+                                                    {/* Google Button */}
+                                                    <div className="col-md-12">
+                                                        <Link href="#" className="btn btn-google ico-left">
+                                                            <img src="/images/png_icons/google.png" alt="google-icon" /> Sign in with Google
+                                                        </Link>
+                                                    </div>
+                                                    {/* Login Separator */}
+                                                    <div className="col-md-12 text-center">
+                                                        <div className="separator-line">Or, sign in with your email</div>
+                                                    </div>
+                                                    {/* Form Input */}
+                                                    <div className="col-md-12">
+                                                        <p className="p-sm input-header">Email address</p>
+                                                        <input className="form-control email" type="email" name="email" placeholder="example@example.com" />
+                                                    </div>
+                                                    {/* Form Input */}
+                                                    <div className="col-md-12">
+                                                        <p className="p-sm input-header">Password</p>
+                                                        <div className="wrap-input">
+                                                            <span className="btn-show-pass ico-20"><span className="flaticon-visibility eye-pass" /></span>
+                                                            <input className="form-control password" type="password" name="password" placeholder="* * * * * * * * *" />
+                                                        </div>
+                                                    </div>
+                                                    {/* Reset Password Link */}
+                                                    <div className="col-md-12">
+                                                        <div className="reset-password-link">
+                                                            <p className="p-sm"><Link href="/reset-password" className="color--theme">Forgot your password?</Link></p>
+                                                        </div>
+                                                    </div>
+                                                    {/* Form Submit Button */}
+                                                    <div className="col-md-12">
+                                                        <button type="submit" className="btn btn--theme hover--theme submit">Log In</button>
+                                                    </div>
+                                                    {/* Sign Up Link */}
+                                                    <div className="col-md-12">
+                                                        <p className="create-account text-center">
+                                                            Don't have an account? <Link href="/signup-2" className="color--theme">Sign up</Link>
+                                                        </p>
+                                                    </div>
+                                                </form>
+                                            </div>
+                                        </div>	{/* END LOGIN FORM */}
+                                    </div>  {/* End row */}
+                                </div>	{/* End register-page-wrapper */}
+                            </div>	{/* END REGISTER PAGE WRAPPER */}
+                        </div>	   {/* End row */}
+                    </div>	   {/* End container */}
+                </div>	{/* END LOGIN PAGE */}
+            </div>
+
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/pricing-1.js b/pages/pricing-1.js
new file mode 100644
index 0000000..094d1c0
--- /dev/null
+++ b/pages/pricing-1.js
@@ -0,0 +1,476 @@
+import Layout from "/components/layout/Layout"
+import BrandSlider2 from "/components/slider/BrandSlider2"
+import Link from "next/link"
+import { useState } from "react"
+export default function Home() {
+    const [isPricing, setPricing] = useState(false)
+    const handlePricing = () => setPricing(!isPricing)
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
+                <div>
+                    <section id="pricing-1" className="gr--whitesmoke pb-40 inner-page-hero pricing-section">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-8">
+                                    <div className="section-title mb-70">
+                                        {/* Title */}
+                                        <h2 className="s-52 w-700">Simple, Flexible Pricing</h2>
+                                        {/* TOGGLE BUTTON */}
+                                        {/*<div className="toggle-btn ext-toggle-btn toggle-btn-md mt-30">*/}
+                                        {/*    <span className="toggler-txt">Billed monthly</span>*/}
+                                        {/*    <label className="switch-wrap">*/}
+                                        {/*        <input type="checkbox" id="checbox" onClick={handlePricing} />*/}
+                                        {/*        <span className="switcher bg--grey switcher--theme">*/}
+                                        {/*            <span className="show-annual" />*/}
+                                        {/*            <span className="show-monthly" />*/}
+                                        {/*        </span>*/}
+                                        {/*    </label>*/}
+                                        {/*    <span className="toggler-txt">Billed yearly</span>*/}
+                                        {/*    /!* Text *!/*/}
+                                        {/*    <p className="color--theme">Save up to 35% with yearly billing</p>*/}
+                                        {/*</div>*/}
+                                    </div>
+                                </div>
+                            </div>	{/* END SECTION TITLE */}
+                            {/* PRICING TABLES */}
+                            <div className="pricing-1-wrapper">
+                                <div className="row row-cols-1 row-cols-md-3">
+                                    {/* STARTER PLAN */}
+                                    <div className="col">
+                                        <div id="pt-1-1" className="p-table pricing-1-table bg--white-100 block-shadow r-12 wow fadeInUp">
+                                            {/* TABLE HEADER */}
+                                            <div className="pricing-table-header">
+                                                {/* Title */}
+                                                <h5 className="s-24 w-700">Starter</h5>
+                                                {/* Price */}
+                                                <div className="price">
+                                                    <sup className="color--black">$</sup>
+                                                    <span className="color--black">0</span>
+                                                    <sup className="validity color--grey">/ mo</sup>
+                                                    <p className="color--grey">No setup fees. No upgrade fees. Cancel anytime.</p>
+                                                </div>
+                                                {/* Button */}
+                                                <Link href="#" className="pt-btn btn r-04 btn--theme hover--theme">Get srarted - it's free</Link>
+                                                <p className="p-sm btn-txt text-center color--grey">No credit card required</p>
+                                            </div>	{/* END TABLE HEADER */}
+                                            {/* PRICING FEATURES */}
+                                            <ul className="pricing-features color--black ico-10 ico--green mt-25">
+                                                <li><p><span className="flaticon-check" /> 2 free projects</p></li>
+                                                <li><p><span className="flaticon-check" /> 1 GB of cloud storage</p></li>
+                                                <li><p><span className="flaticon-check" /> For personal use</p></li>
+                                                <li className="disabled-option"><p><span className="flaticon-check" /> Weekly data backup</p></li>
+                                                <li className="disabled-option"><p><span className="flaticon-check" /> No Ads. No trackers</p></li>
+                                                <li><p><span className="flaticon-check" /> 12/5 email support</p></li>
+                                            </ul>
+                                        </div>
+                                    </div>	{/* END STARTER PLAN */}
+                                    {/* BASIC PLAN */}
+                                    <div className="col">
+                                        <div id="pt-1-2" className="p-table pricing-1-table bg--white-100 block-shadow r-12 wow fadeInUp">
+                                            {/* TABLE HEADER */}
+                                            <div className="pricing-table-header">
+                                                {/* Title */}
+                                                <h5 className="s-24">Professional</h5>
+                                                {/* Price */}
+                                                <div className="price">
+                                                    {/* Monthly Price */}
+                                                    {isPricing ? <div className="price1">
+                                                        <sup className="color--black">$</sup>
+                                                        <span className="color--black">142.75</span>
+                                                        <sup className="validity color--grey">/ yr</sup>
+                                                        {/* Discount Badge */}
+                                                        <div className="pricing-discount bg--yellow-400 color--black r-36">
+                                                            <h6 className="s-17">Save 30%</h6>
+                                                        </div>
+                                                    </div> : <div className="price2">
+                                                        <sup className="color--black">$</sup>
+                                                        <span className="color--black">149</span>
+                                                        <sup className="validity color--grey">/ mo</sup>
+                                                    </div>}
+                                                    {/* Text */}
+                                                    <p className="color--grey">Free package plus a lot of extra features.</p>
+                                                </div>	{/* End Price */}
+                                                {/* Button */}
+                                                <Link href="#" className="pt-btn btn r-04 btn--theme hover--theme">Start 14-day trial</Link>
+                                                <p className="p-sm btn-txt text-center color--grey">7-Day Money Back Guarantee</p>
+                                            </div>	{/* END TABLE HEADER */}
+                                            {/* PRICING FEATURES */}
+                                            <ul className="pricing-features color--black ico-10 ico--green mt-25">
+                                                <li><p><span className="flaticon-check" /> Up to 250 projects</p></li>
+                                                <li><p><span className="flaticon-check" /> 15 GB of Cloud Storage</p></li>
+                                                <li><p><span className="flaticon-check" /> Shared team workspace</p></li>
+                                                <li><p><span className="flaticon-check" /> Daily data backup</p></li>
+                                                <li><p><span className="flaticon-check" /> No Ads. No trackers</p></li>
+                                                <li><p><span className="flaticon-check" /> 12/7 email support</p></li>
+                                            </ul>
+                                        </div>
+                                    </div>	{/* END BASIC PLAN */}
+                                    {/* ADVANCED PLAN */}
+                                    <div className="col">
+                                        <div id="pt-1-3" className="p-table pricing-1-table bg--white-100 block-shadow r-12 wow fadeInUp">
+                                            {/* TABLE HEADER */}
+                                            <div className="pricing-table-header">
+                                                {/* Title */}
+                                                <h5 className="s-24">Others</h5>
+                                                {/* Price */}
+                                                <div className="price">
+                                                    {/* Monthly Price */}
+                                                    {isPricing ? <div className="price1">
+                                                        <sup className="color--black">$</sup>
+                                                        <span className="color--black">194.99</span>
+                                                        <sup className="validity color--grey">/ yr</sup>
+                                                        {/* Discount Badge */}
+                                                        <div className="pricing-discount bg--yellow-400 color--black r-36">
+                                                            <h6 className="s-17">Save 35%</h6>
+                                                        </div>
+                                                    </div> : <div className="price2">
+                                                        <sup className="color--black">$</sup>
+                                                        <span className="color--black">24.99</span>
+                                                        <sup className="validity color--grey">/ mo</sup>
+                                                    </div>}
+                                                    {/* Text */}
+                                                    <p className="color--grey">For growing teams that need more services and flexibility.</p>
+                                                </div>	{/* End Price */}
+                                                {/* Button */}
+                                                <Link href="#" className="pt-btn btn r-04 btn--theme hover--theme">Upgrade your plan</Link>
+                                                <p className="p-sm btn-txt text-center color--grey">7-Day Money Back Guarantee</p>
+                                            </div>	{/* END TABLE HEADER */}
+                                            {/* PRICING FEATURES */}
+                                            <ul className="pricing-features color--black ico-10 ico--green mt-25">
+                                                <li><p><span className="flaticon-check" /> Everything in Basic</p></li>
+                                                <li><p><span className="flaticon-check" /> Private cloud hosting</p></li>
+                                                <li><p><span className="flaticon-check" /> Custom security</p></li>
+                                                <li><p><span className="flaticon-check" /> Advanced user permissions</p></li>
+                                                <li><p><span className="flaticon-check" /> Multi-team management</p></li>
+                                                <li><p><span className="flaticon-check" /> 24/7 Email Support</p></li>
+                                            </ul>
+                                        </div>
+                                    </div>	{/* END ADVANCED PLAN */}
+                                </div>
+                            </div>	{/* PRICING TABLES */}
+                        </div>	   {/* End container */}
+                    </section>	{/* END PRICING-1 */}
+                    {/* BRANDS-1
+			============================================= */}
+                    <div id="brands-1" className="pb-100 brands-section">
+                        <div className="container">
+                            {/* BRANDS TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-9">
+                                    <div className="brands-title mb-50">
+                                        <h5 className="s-17">Trusted and used by over 3,400 companies</h5>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* BRANDS CAROUSEL */}
+                            <div className="row">
+                                <div className="col text-center">
+                                    <BrandSlider2 />
+                                </div>
+                            </div>  {/* END BRANDS CAROUSEL */}
+                        </div>	{/* End container */}
+                    </div>	{/* END BRANDS-1 */}
+                    {/* DIVIDER LINE */}
+                    <hr className="divider" />
+                    {/* PRICING COMPARE
+			============================================= */}
+                    <section id="comp-table" className="pt-100 pb-60 pricing-section division">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-9">
+                                    <div className="section-title mb-70">
+                                        {/* Title */}
+                                        <h2 className="s-52 w-700">Compare Our Plans</h2>
+                                        {/* Text */}
+                                        <p className="p-xl">Complete list of features available in our pricing plans</p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* PRICING COMPARE */}
+                            <div className="comp-table wow fadeInUp">
+                                <div className="row">
+                                    <div className="col">
+                                        {/* Table */}
+                                        <div className="table-responsive mb-50">
+                                            <table className="table text-center">
+                                                <thead>
+                                                    <tr>
+                                                        <th style={{ width: '34%' }} />
+                                                        <th style={{ width: '22%' }}>Starter</th>
+                                                        <th style={{ width: '22%' }}>Basic</th>
+                                                        <th style={{ width: '22%' }}>Premium</th>
+                                                    </tr>
+                                                </thead>
+                                                <tbody>
+                                                    <tr>
+                                                        <th scope="row" className="text-start">Available Projects</th>
+                                                        <td className="color--black">Up to 2</td>
+                                                        <td className="color--black">Up to 250</td>
+                                                        <td className="color--black">Unlimited</td>
+                                                    </tr>
+                                                    <tr>
+                                                        <th scope="row" className="text-start">Available Storage</th>
+                                                        <td className="color--black">2Gb</td>
+                                                        <td className="color--black">50Gb</td>
+                                                        <td className="color--black">350Gb</td>
+                                                    </tr>
+                                                    <tr>
+                                                        <th scope="row" className="text-start">Private Cloud Hosting</th>
+                                                        <td className="ico-15 disabled-option"><span className="flaticon-cancel" /></td>
+                                                        <td className="ico-15 disabled-option"><span className="flaticon-cancel" /></td>
+                                                        <td className="ico-20 color--theme"><span className="flaticon-check" /></td>
+                                                    </tr>
+                                                    <tr>
+                                                        <th scope="row" className="text-start">User Permissions</th>
+                                                        <td className="ico-20 color--theme"><span className="flaticon-check" /></td>
+                                                        <td className="ico-20 color--theme"><span className="flaticon-check" /></td>
+                                                        <td className="ico-20 color--theme"><span className="flaticon-check" /></td>
+                                                    </tr>
+                                                    <tr>
+                                                        <th scope="row" className="text-start">Direct Integrations</th>
+                                                        <td className="ico-20 color--theme"><span className="flaticon-check" /></td>
+                                                        <td className="ico-20 color--theme"><span className="flaticon-check" /></td>
+                                                        <td className="ico-20 color--theme"><span className="flaticon-check" /></td>
+                                                    </tr>
+                                                    <tr>
+                                                        <th scope="row" className="text-start">Reusable Components</th>
+                                                        <td className="ico-15 disabled-option"><span className="flaticon-cancel" /></td>
+                                                        <td className="ico-20 color--theme"><span className="flaticon-check" /></td>
+                                                        <td className="ico-20 color--theme"><span className="flaticon-check" /></td>
+                                                    </tr>
+                                                    <tr>
+                                                        <th scope="row" className="text-start">Data Backup</th>
+                                                        <td className="color--black">Weekly</td>
+                                                        <td className="color--black">Daily</td>
+                                                        <td className="color--black">Daily</td>
+                                                    </tr>
+                                                    <tr>
+                                                        <th scope="row" className="text-start">No Ads. No Trackers</th>
+                                                        <td className="ico-15 disabled-option"><span className="flaticon-cancel" /></td>
+                                                        <td className="ico-20 color--theme"><span className="flaticon-check" /></td>
+                                                        <td className="ico-20 color--theme"><span className="flaticon-check" /></td>
+                                                    </tr>
+                                                    <tr>
+                                                        <th scope="row" className="text-start">Advanced Security</th>
+                                                        <td className="ico-15 disabled-option"><span className="flaticon-cancel" /></td>
+                                                        <td className="ico-20 color--theme"><span className="flaticon-check" /></td>
+                                                        <td className="ico-20 color--theme"><span className="flaticon-check" /></td>
+                                                    </tr>
+                                                    <tr>
+                                                        <th scope="row" className="text-start">Shared Team Workspace</th>
+                                                        <td className="ico-15 disabled-option"><span className="flaticon-cancel" /></td>
+                                                        <td className="ico-20 color--theme"><span className="flaticon-check" /></td>
+                                                        <td className="ico-20 color--theme"><span className="flaticon-check" /></td>
+                                                    </tr>
+                                                    <tr>
+                                                        <th scope="row" className="text-start">Team Management</th>
+                                                        <td className="ico-15 disabled-option"><span className="flaticon-cancel" /></td>
+                                                        <td className="ico-15 disabled-option"><span className="flaticon-cancel" /></td>
+                                                        <td className="ico-20 color--theme"><span className="flaticon-check" /></td>
+                                                    </tr>
+                                                    <tr className="table-last-tr">
+                                                        <th scope="row" className="text-start">Customer Support</th>
+                                                        <td className="color--black">Limited</td>
+                                                        <td className="color--black">Basic</td>
+                                                        <td className="color--black">Priority</td>
+                                                    </tr>
+                                                </tbody>
+                                            </table>
+                                        </div>	{/* End Table */}
+                                    </div>
+                                </div>
+                            </div>	{/* END PRICING COMPARE */}
+                            {/* PRICING COMPARE PAYMENT */}
+                            <div className="comp-table-payment">
+                                <div className="row row-cols-1 row-cols-md-3">
+                                    {/* Payment Methods */}
+                                    <div className="col col-lg-5">
+                                        <div id="pbox-1" className="pbox mb-40 wow fadeInUp">
+                                            {/* Title */}
+                                            <h6 className="s-18 w-700">Accepted Payment Methods</h6>
+                                            {/* Payment Icons */}
+                                            <ul className="payment-icons ico-45 mt-25">
+                                                <li><img src="/images/png_icons/visa.png" alt="payment-icon" /></li>
+                                                <li><img src="/images/png_icons/am.png" alt="payment-icon" /></li>
+                                                <li><img src="/images/png_icons/discover.png" alt="payment-icon" /></li>
+                                                <li><img src="/images/png_icons/paypal.png" alt="payment-icon" /></li>
+                                                <li><img src="/images/png_icons/jcb.png" alt="payment-icon" /></li>
+                                                <li><img src="/images/png_icons/shopify.png" alt="payment-icon" /></li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                    {/* Payment Guarantee */}
+                                    <div className="col col-lg-4">
+                                        <div id="pbox-2" className="pbox mb-40 wow fadeInUp">
+                                            {/* Title */}
+                                            <h6 className="s-18 w-700">Money Back Guarantee</h6>
+                                            {/* Text */}
+                                            <p>Explore Martex Premium for 14 days. If it’s not a perfect fit, receive a full refund.</p>
+                                        </div>
+                                    </div>
+                                    {/* Payment Encrypted */}
+                                    <div className="col col-lg-3">
+                                        <div id="pbox-3" className="pbox mb-40 wow fadeInUp">
+                                            {/* Title */}
+                                            <h6 className="s-18 w-700">SSL Encrypted Payment</h6>
+                                            {/* Text */}
+                                            <p>Your information is protected by 256-bit SSL encryption.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END PRICING COMPARE PAYMENT */}
+                        </div>	   {/* End container */}
+                    </section>	{/* END PRICING COMPARE */}
+                    {/* FAQs-3
+			============================================= */}
+                    <section id="faqs-3" className="gr--whitesmoke pt-100 faqs-section">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-9">
+                                    <div className="section-title mb-70">
+                                        {/* Title */}
+                                        <h2 className="s-52 w-700">Questions &amp; Answers</h2>
+                                        {/* Text */}
+                                        <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* FAQs-3 QUESTIONS */}
+                            <div className="faqs-3-questions">
+                                <div className="row">
+                                    {/* QUESTIONS HOLDER */}
+                                    <div className="col-lg-6">
+                                        <div className="questions-holder">
+                                            {/* QUESTION #1 */}
+                                            <div className="question mb-35 wow fadeInUp">
+                                                {/* Question */}
+                                                <h5 className="s-22 w-700"><span>1.</span> Getting started with Martex</h5>
+                                                {/* Answer */}
+                                                <p className="color--grey">Etiam amet mauris suscipit in odio integer congue metus
+                                                    and vitae arcu mollis blandit ultrice ligula egestas magna suscipit lectus magna
+                                                    suscipit luctus blandit and laoreet
+                                                </p>
+                                            </div>
+                                            {/* QUESTION #2 */}
+                                            <div className="question mb-35 wow fadeInUp">
+                                                {/* Question */}
+                                                <h5 className="s-22 w-700"><span>2.</span> How do I choose a plan?</h5>
+                                                {/* Answer */}
+                                                <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                                    porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                                    augue pretium purus pretium ligula
+                                                </p>
+                                            </div>
+                                            {/* QUESTION #3 */}
+                                            <div className="question mb-35 wow fadeInUp">
+                                                {/* Question */}
+                                                <h5 className="s-22 w-700"><span>3.</span> Do I need a credit card to sign up?</h5>
+                                                {/* Answer */}
+                                                <ul className="simple-list color--grey">
+                                                    <li className="list-item">
+                                                        <p>Fringilla risus, luctus mauris orci auctor purus ligula euismod pretium
+                                                            purus pretium rutrum tempor sapien
+                                                        </p>
+                                                    </li>
+                                                    <li className="list-item">
+                                                        <p>Nemo ipsam egestas volute undo turpis purus lipsum primis aliquam sapien
+                                                            quaerat sodales pretium a purus
+                                                        </p>
+                                                    </li>
+                                                </ul>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END QUESTIONS HOLDER */}
+                                    {/* QUESTIONS WRAPPER */}
+                                    <div className="col-lg-6">
+                                        <div className="questions-holder">
+                                            {/* QUESTION #4 */}
+                                            <div className="question mb-35 wow fadeInUp">
+                                                {/* Question */}
+                                                <h5 className="s-22 w-700"><span>4.</span> Discounts for annual plans</h5>
+                                                {/* Answer */}
+                                                <p className="color--grey">Quaerat sodales sapien euismod blandit purus a purus
+                                                    ipsum primis in cubilia laoreet augue luctus dolor luctus
+                                                </p>
+                                                {/* Answer */}
+                                                <p className="color--grey">An enim nullam tempor sapien gravida donec congue metus.
+                                                    Vitae arcu mollis blandit integer nemo volute velna
+                                                </p>
+                                            </div>
+                                            {/* QUESTION #5 */}
+                                            <div className="question mb-35 wow fadeInUp">
+                                                {/* Question */}
+                                                <h5 className="s-22 w-700"><span>5.</span> How to request a refund?</h5>
+                                                {/* Answer */}
+                                                <p className="color--grey">Cubilia laoreet augue egestas and luctus donec curabite
+                                                    diam vitae dapibus libero and quisque gravida donec neque blandit justo
+                                                    aliquam molestie nunc sapien justo
+                                                </p>
+                                            </div>
+                                            {/* QUESTION #6 */}
+                                            <div className="question mb-35 wow fadeInUp">
+                                                {/* Question */}
+                                                <h5 className="s-22 w-700"><span>6.</span> Can I cancel at anytime?</h5>
+                                                {/* Answer */}
+                                                <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                                    porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                                    augue pretium purus pretium ligula
+                                                </p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END QUESTIONS HOLDER */}
+                                </div>  {/* End row */}
+                            </div>	{/* END FAQs-3 QUESTIONS */}
+                            {/* MORE QUESTIONS LINK */}
+                            <div className="row">
+                                <div className="col">
+                                    <div className="more-questions mt-40">
+                                        <div className="more-questions-txt bg--white-400 r-100">
+                                            <p className="p-lg">Have any questions?
+                                                <Link href="/contacts" className="color--theme">Get in Touch</Link>
+                                            </p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>	   {/* End container */}
+                    </section>	{/* END FAQs-3 */}
+                    {/* BANNER-1
+			============================================= */}
+                    <section id="banner-1" className="pt-100 banner-section">
+                        <div className="container">
+                            {/* BANNER-1 WRAPPER */}
+                            <div className="banner-1-wrapper r-16">
+                                <div className="banner-overlay bg--05 bg--fixed">
+                                    <div className="row">
+                                        {/* BANNER-1 TEXT */}
+                                        <div className="col">
+                                            <div className="banner-1-txt color--white">
+                                                {/* Title */}
+                                                <h2 className="s-45 w-700">Give it a try, it's free!</h2>
+                                                {/* Text */}
+                                                <p className="p-xl">It only takes a few clicks to get started</p>
+                                                {/* Button */}
+                                                <Link href="/signup-1" className="btn r-04 btn--theme hover--tra-white">Get srarted - it's free
+                                                </Link>
+                                                {/* Button Text */}
+                                                <p className="p-sm btn-txt ico-15 o-85">
+                                                    <span className="flaticon-check" /> Free for 14 days, no credit card required.
+                                                </p>
+                                            </div>
+                                        </div>	{/* END BANNER-1 TEXT */}
+                                    </div>   {/* End row */}
+                                </div>   {/* End banner overlay */}
+                            </div>    {/* END BANNER-1 WRAPPER */}
+                        </div>     {/* End container */}
+                    </section>
+                </div>
+
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/pricing-2.js b/pages/pricing-2.js
new file mode 100644
index 0000000..05f2808
--- /dev/null
+++ b/pages/pricing-2.js
@@ -0,0 +1,450 @@
+import Layout from "/components/layout/Layout"
+import BrandSlider2 from "/components/slider/BrandSlider2"
+import Link from "next/link"
+import { useState } from "react"
+export default function Home() {
+    const [isPricing, setPricing] = useState(false)
+    const handlePricing = () => setPricing(!isPricing)
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
+                <div>
+                    <section id="pricing-3" className="gr--whitesmoke inner-page-hero pb-60 pricing-section">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-8">
+                                    <div className="section-title text-center mb-60">
+                                        <h2 className="s-52 w-700">Simple, Flexible Pricing</h2>
+                                        {/* TOGGLE BUTTON */}
+                                        <div className="toggle-btn ext-toggle-btn toggle-btn-md mt-30">
+                                            <span className="toggler-txt">Billed monthly</span>
+                                            <label className="switch-wrap">
+                                                <input type="checkbox" id="checbox" onClick={handlePricing} />
+                                                <span className="switcher bg--grey switcher--theme">
+                                                    <span className="show-annual" />
+                                                    <span className="show-monthly" />
+                                                </span>
+                                            </label>
+                                            <span className="toggler-txt">Billed yearly</span>
+                                            {/* Text */}
+                                            <p className="color--theme">Save up to 25% with yearly billing</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END SECTION TITLE */}
+                            {/* PRICING TABLES */}
+                            <div className="pricing-3-wrapper text-center">
+                                <div className="row row-cols-1 row-cols-md-3">
+                                    {/* FREE PLAN */}
+                                    <div className="col">
+                                        <div id="pt-3-1" className="p-table pricing-3-table bg--white-100 block-shadow r-12 wow fadeInUp">
+                                            {/* TABLE HEADER */}
+                                            <div className="pricing-table-header">
+                                                {/* Title */}
+                                                <h4 className="s-32">Free</h4>
+                                                {/* Text */}
+                                                <p className="color--grey">For anyone getting started with smaller projects.</p>
+                                                {/* Price */}
+                                                <div className="price mt-25">
+                                                    <sup className="color--black">$</sup>
+                                                    <span className="color--black">0</span>
+                                                    <sup className="validity color--grey">forever</sup>
+                                                </div>
+                                            </div>	{/* END TABLE HEADER */}
+                                            {/* BUTTON */}
+                                            <Link href="#" className="pt-btn btn btn--theme hover--theme">Get srarted - it's free</Link>
+                                            <p className="p-sm btn-txt color--grey">No credit card required</p>
+                                        </div>
+                                    </div>	{/* END FREE PLAN */}
+                                    {/* PLUS PLAN */}
+                                    <div className="col">
+                                        <div id="pt-3-2" className="p-table pricing-3-table bg--white-100 block-shadow r-12 wow fadeInUp">
+                                            {/* TABLE HEADER */}
+                                            <div className="pricing-table-header">
+                                                {/* Title */}
+                                                <h4 className="s-32">Plus</h4>
+                                                {/* Text */}
+                                                <p className="color--grey">For personal use or small teams with simple workflows.</p>
+                                                {/* Price */}
+                                                <div className="price mt-25">
+                                                    {/* Monthly Price */}
+
+                                                    {isPricing ? <div className="price1">
+                                                        <sup className="color--black">$</sup>
+                                                        <span className="color--black">35</span>
+                                                        <sup className="coins color--black">99</sup>
+                                                        <sup className="validity color--grey">per year</sup>
+                                                    </div> : <div className="price2">
+                                                        <sup className="color--black">$</sup>
+                                                        <span className="color--black">3</span>
+                                                        <sup className="coins color--black">99</sup>
+                                                        <sup className="validity color--grey">per month</sup>
+                                                    </div>}
+
+                                                    {/* Yearly Price */}
+
+                                                </div>
+                                            </div>	{/* END TABLE HEADER */}
+                                            {/* BUTTON */}
+                                            <Link href="#" className="pt-btn btn btn--theme hover--theme">Start 14-day trial</Link>
+                                            <p className="p-sm btn-txt">7-Day Money Back Guarantee</p>
+                                        </div>
+                                    </div>	{/* END PLUS PLAN */}
+                                    {/* PRO PLAN */}
+                                    <div className="col">
+                                        <div id="pt-3-3" className="p-table pricing-3-table bg--white-100 block-shadow r-12 wow fadeInUp">
+                                            {/* TABLE HEADER */}
+                                            <div className="pricing-table-header">
+                                                {/* Title */}
+                                                <h4 className="s-32">Pro</h4>
+                                                {/* Text */}
+                                                <p className="color--grey">For growing teams that need more services and flexibility.</p>
+                                                {/* Price */}
+                                                <div className="price mt-25">
+                                                    {/* Monthly Price */}
+                                                    {isPricing ? <div className="price1">
+                                                        <sup className="color--black">$</sup>
+                                                        <span className="color--black">62</span>
+                                                        <sup className="coins color--black">99</sup>
+                                                        <sup className="validity color--grey">per year</sup>
+                                                    </div> : <div className="price2">
+                                                        <sup className="color--black">$</sup>
+                                                        <span className="color--black">6</span>
+                                                        <sup className="coins color--black">99</sup>
+                                                        <sup className="validity color--grey">per month</sup>
+                                                    </div>}
+
+                                                    {/* Yearly Price */}
+
+                                                </div>
+                                            </div>	{/* END TABLE HEADER */}
+                                            {/* BUTTON */}
+                                            <Link href="#" className="pt-btn btn btn--theme hover--theme">Upgrade to PRO</Link>
+                                            <p className="p-sm btn-txt">7-Day Money Back Guarantee</p>
+                                        </div>
+                                    </div>	{/* END PRO PLAN */}
+                                </div>
+                            </div>	{/* PRICING TABLES */}
+                        </div>	   {/* End container */}
+                    </section>	{/* END PRICING-3 */}
+                    {/* PRICING COMPARE
+			============================================= */}
+                    <section id="comp-table" className="pb-60 pricing-section division">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-9">
+                                    <div className="section-title mb-70">
+                                        {/* Title */}
+                                        <h2 className="s-52 w-700">Compare Our Plans</h2>
+                                        {/* Text */}
+                                        <p className="p-xl">Complete list of features available in our pricing plans</p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* PRICING COMPARE */}
+                            <div className="comp-table wow fadeInUp">
+                                <div className="row">
+                                    <div className="col">
+                                        {/* Table */}
+                                        <div className="table-responsive mb-50">
+                                            <table className="table text-center">
+                                                <thead>
+                                                    <tr>
+                                                        <th style={{ width: '34%' }} />
+                                                        <th style={{ width: '22%' }}>Starter</th>
+                                                        <th style={{ width: '22%' }}>Basic</th>
+                                                        <th style={{ width: '22%' }}>Premium</th>
+                                                    </tr>
+                                                </thead>
+                                                <tbody>
+                                                    <tr>
+                                                        <th scope="row" className="text-start">Available Projects</th>
+                                                        <td className="color--black">Up to 2</td>
+                                                        <td className="color--black">Up to 250</td>
+                                                        <td className="color--black">Unlimited</td>
+                                                    </tr>
+                                                    <tr>
+                                                        <th scope="row" className="text-start">Available Storage</th>
+                                                        <td className="color--black">2Gb</td>
+                                                        <td className="color--black">50Gb</td>
+                                                        <td className="color--black">350Gb</td>
+                                                    </tr>
+                                                    <tr>
+                                                        <th scope="row" className="text-start">Private Cloud Hosting</th>
+                                                        <td className="ico-15 disabled-option"><span className="flaticon-cancel" /></td>
+                                                        <td className="ico-15 disabled-option"><span className="flaticon-cancel" /></td>
+                                                        <td className="ico-20 color--theme"><span className="flaticon-check" /></td>
+                                                    </tr>
+                                                    <tr>
+                                                        <th scope="row" className="text-start">User Permissions</th>
+                                                        <td className="ico-20 color--theme"><span className="flaticon-check" /></td>
+                                                        <td className="ico-20 color--theme"><span className="flaticon-check" /></td>
+                                                        <td className="ico-20 color--theme"><span className="flaticon-check" /></td>
+                                                    </tr>
+                                                    <tr>
+                                                        <th scope="row" className="text-start">Direct Integrations</th>
+                                                        <td className="ico-20 color--theme"><span className="flaticon-check" /></td>
+                                                        <td className="ico-20 color--theme"><span className="flaticon-check" /></td>
+                                                        <td className="ico-20 color--theme"><span className="flaticon-check" /></td>
+                                                    </tr>
+                                                    <tr>
+                                                        <th scope="row" className="text-start">Reusable Components</th>
+                                                        <td className="ico-15 disabled-option"><span className="flaticon-cancel" /></td>
+                                                        <td className="ico-20 color--theme"><span className="flaticon-check" /></td>
+                                                        <td className="ico-20 color--theme"><span className="flaticon-check" /></td>
+                                                    </tr>
+                                                    <tr>
+                                                        <th scope="row" className="text-start">Data Backup</th>
+                                                        <td className="color--black">Weekly</td>
+                                                        <td className="color--black">Daily</td>
+                                                        <td className="color--black">Daily</td>
+                                                    </tr>
+                                                    <tr>
+                                                        <th scope="row" className="text-start">No Ads. No Trackers</th>
+                                                        <td className="ico-15 disabled-option"><span className="flaticon-cancel" /></td>
+                                                        <td className="ico-20 color--theme"><span className="flaticon-check" /></td>
+                                                        <td className="ico-20 color--theme"><span className="flaticon-check" /></td>
+                                                    </tr>
+                                                    <tr>
+                                                        <th scope="row" className="text-start">Advanced Security</th>
+                                                        <td className="ico-15 disabled-option"><span className="flaticon-cancel" /></td>
+                                                        <td className="ico-20 color--theme"><span className="flaticon-check" /></td>
+                                                        <td className="ico-20 color--theme"><span className="flaticon-check" /></td>
+                                                    </tr>
+                                                    <tr>
+                                                        <th scope="row" className="text-start">Shared Team Workspace</th>
+                                                        <td className="ico-15 disabled-option"><span className="flaticon-cancel" /></td>
+                                                        <td className="ico-20 color--theme"><span className="flaticon-check" /></td>
+                                                        <td className="ico-20 color--theme"><span className="flaticon-check" /></td>
+                                                    </tr>
+                                                    <tr>
+                                                        <th scope="row" className="text-start">Team Management</th>
+                                                        <td className="ico-15 disabled-option"><span className="flaticon-cancel" /></td>
+                                                        <td className="ico-15 disabled-option"><span className="flaticon-cancel" /></td>
+                                                        <td className="ico-20 color--theme"><span className="flaticon-check" /></td>
+                                                    </tr>
+                                                    <tr className="table-last-tr">
+                                                        <th scope="row" className="text-start">Customer Support</th>
+                                                        <td className="color--black">Limited</td>
+                                                        <td className="color--black">Basic</td>
+                                                        <td className="color--black">Priority</td>
+                                                    </tr>
+                                                </tbody>
+                                            </table>
+                                        </div>	{/* End Table */}
+                                    </div>
+                                </div>
+                            </div>	{/* END PRICING COMPARE */}
+                            {/* PRICING COMPARE PAYMENT */}
+                            <div className="comp-table-payment">
+                                <div className="row row-cols-1 row-cols-md-3">
+                                    {/* Payment Methods */}
+                                    <div className="col col-lg-5">
+                                        <div id="pbox-1" className="pbox mb-40 wow fadeInUp">
+                                            {/* Title */}
+                                            <h6 className="s-18 w-700">Accepted Payment Methods</h6>
+                                            {/* Payment Icons */}
+                                            <ul className="payment-icons ico-45 mt-25">
+                                                <li><img src="/images/png_icons/visa.png" alt="payment-icon" /></li>
+                                                <li><img src="/images/png_icons/am.png" alt="payment-icon" /></li>
+                                                <li><img src="/images/png_icons/discover.png" alt="payment-icon" /></li>
+                                                <li><img src="/images/png_icons/paypal.png" alt="payment-icon" /></li>
+                                                <li><img src="/images/png_icons/jcb.png" alt="payment-icon" /></li>
+                                                <li><img src="/images/png_icons/shopify.png" alt="payment-icon" /></li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                    {/* Payment Guarantee */}
+                                    <div className="col col-lg-4">
+                                        <div id="pbox-2" className="pbox mb-40 wow fadeInUp">
+                                            {/* Title */}
+                                            <h6 className="s-18 w-700">Money Back Guarantee</h6>
+                                            {/* Text */}
+                                            <p>Explore Martex Premium for 14 days. If it’s not a perfect fit, receive a full refund.</p>
+                                        </div>
+                                    </div>
+                                    {/* Payment Encrypted */}
+                                    <div className="col col-lg-3">
+                                        <div id="pbox-3" className="pbox mb-40 wow fadeInUp">
+                                            {/* Title */}
+                                            <h6 className="s-18 w-700">SSL Encrypted Payment</h6>
+                                            {/* Text */}
+                                            <p>Your information is protected by 256-bit SSL encryption.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>	{/* END PRICING COMPARE PAYMENT */}
+                        </div>	   {/* End container */}
+                    </section>	{/* END PRICING COMPARE */}
+                    {/* BRANDS-1
+			============================================= */}
+                    <div id="brands-1" className="bg--white-400 py-80 brands-section">
+                        <div className="container">
+                            {/* BRANDS TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-9">
+                                    <div className="brands-title mb-50">
+                                        <h5 className="s-17">Trusted and used by over 3,400 companies</h5>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* BRANDS CAROUSEL */}
+                            <div className="row">
+                                <div className="col text-center">
+                                    <BrandSlider2 />
+                                </div>
+                            </div>  {/* END BRANDS CAROUSEL */}
+                        </div>	{/* End container */}
+                    </div>	{/* END BRANDS-1 */}
+                    {/* FAQs-3
+			============================================= */}
+                    <section id="faqs-3" className="pt-100 faqs-section">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-9">
+                                    <div className="section-title mb-70">
+                                        {/* Title */}
+                                        <h2 className="s-52 w-700">Questions &amp; Answers</h2>
+                                        {/* Text */}
+                                        <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* FAQs-3 QUESTIONS */}
+                            <div className="faqs-3-questions">
+                                <div className="row">
+                                    {/* QUESTIONS HOLDER */}
+                                    <div className="col-lg-6">
+                                        <div className="questions-holder">
+                                            {/* QUESTION #1 */}
+                                            <div className="question mb-35 wow fadeInUp">
+                                                {/* Question */}
+                                                <h5 className="s-22 w-700"><span>1.</span> Getting started with Martex</h5>
+                                                {/* Answer */}
+                                                <p className="color--grey">Etiam amet mauris suscipit in odio integer congue metus
+                                                    and vitae arcu mollis blandit ultrice ligula egestas magna suscipit lectus magna
+                                                    suscipit luctus blandit and laoreet
+                                                </p>
+                                            </div>
+                                            {/* QUESTION #2 */}
+                                            <div className="question mb-35 wow fadeInUp">
+                                                {/* Question */}
+                                                <h5 className="s-22 w-700"><span>2.</span> How do I choose a plan?</h5>
+                                                {/* Answer */}
+                                                <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                                    porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                                    augue pretium purus pretium ligula
+                                                </p>
+                                            </div>
+                                            {/* QUESTION #3 */}
+                                            <div className="question mb-35 wow fadeInUp">
+                                                {/* Question */}
+                                                <h5 className="s-22 w-700"><span>3.</span> Do I need a credit card to sign up?</h5>
+                                                {/* Answer */}
+                                                <ul className="simple-list color--grey">
+                                                    <li className="list-item">
+                                                        <p>Fringilla risus, luctus mauris orci auctor purus ligula euismod pretium
+                                                            purus pretium rutrum tempor sapien
+                                                        </p>
+                                                    </li>
+                                                    <li className="list-item">
+                                                        <p>Nemo ipsam egestas volute undo turpis purus lipsum primis aliquam sapien
+                                                            quaerat sodales pretium a purus
+                                                        </p>
+                                                    </li>
+                                                </ul>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END QUESTIONS HOLDER */}
+                                    {/* QUESTIONS WRAPPER */}
+                                    <div className="col-lg-6">
+                                        <div className="questions-holder">
+                                            {/* QUESTION #4 */}
+                                            <div className="question mb-35 wow fadeInUp">
+                                                {/* Question */}
+                                                <h5 className="s-22 w-700"><span>4.</span> Discounts for annual plans</h5>
+                                                {/* Answer */}
+                                                <p className="color--grey">Quaerat sodales sapien euismod blandit purus a purus
+                                                    ipsum primis in cubilia laoreet augue luctus dolor luctus
+                                                </p>
+                                                {/* Answer */}
+                                                <p className="color--grey">An enim nullam tempor sapien gravida donec congue metus.
+                                                    Vitae arcu mollis blandit integer nemo volute velna
+                                                </p>
+                                            </div>
+                                            {/* QUESTION #5 */}
+                                            <div className="question mb-35 wow fadeInUp">
+                                                {/* Question */}
+                                                <h5 className="s-22 w-700"><span>5.</span> How to request a refund?</h5>
+                                                {/* Answer */}
+                                                <p className="color--grey">Cubilia laoreet augue egestas and luctus donec curabite
+                                                    diam vitae dapibus libero and quisque gravida donec neque blandit justo
+                                                    aliquam molestie nunc sapien justo
+                                                </p>
+                                            </div>
+                                            {/* QUESTION #6 */}
+                                            <div className="question mb-35 wow fadeInUp">
+                                                {/* Question */}
+                                                <h5 className="s-22 w-700"><span>6.</span> Can I cancel at anytime?</h5>
+                                                {/* Answer */}
+                                                <p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
+                                                    porta justo integer at velna vitae auctor integer congue undo magna laoreet
+                                                    augue pretium purus pretium ligula
+                                                </p>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END QUESTIONS HOLDER */}
+                                </div>  {/* End row */}
+                            </div>	{/* END FAQs-3 QUESTIONS */}
+                            {/* MORE QUESTIONS LINK */}
+                            <div className="row">
+                                <div className="col">
+                                    <div className="more-questions mt-40">
+                                        <div className="more-questions-txt bg--white-400 r-100">
+                                            <p className="p-lg">Have any questions?
+                                                <Link href="/contacts" className="color--theme">Get in Touch</Link>
+                                            </p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>	   {/* End container */}
+                    </section>	{/* END FAQs-3 */}
+                    {/* BANNER-1
+			============================================= */}
+                    <section id="banner-1" className="pt-100 banner-section">
+                        <div className="container">
+                            {/* BANNER-1 WRAPPER */}
+                            <div className="banner-1-wrapper r-16">
+                                <div className="banner-overlay bg--05 bg--scroll">
+                                    <div className="row">
+                                        {/* BANNER-1 TEXT */}
+                                        <div className="col">
+                                            <div className="banner-1-txt color--white">
+                                                {/* Title */}
+                                                <h2 className="s-45 w-700">Give it a try, it's free!</h2>
+                                                {/* Text */}
+                                                <p className="p-xl">It only takes a few clicks to get started</p>
+                                                {/* Button */}
+                                                <Link href="/signup-1" className="btn r-04 btn--theme hover--tra-white">Get srarted - it's free
+                                                </Link>
+                                                {/* Button Text */}
+                                                <p className="p-sm btn-txt ico-15 o-85">
+                                                    <span className="flaticon-check" /> Free for 14 days, no credit card required.
+                                                </p>
+                                            </div>
+                                        </div>	{/* END BANNER-1 TEXT */}
+                                    </div>   {/* End row */}
+                                </div>   {/* End banner overlay */}
+                            </div>    {/* END BANNER-1 WRAPPER */}
+                        </div>     {/* End container */}
+                    </section>
+                </div>
+
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/privacy.js b/pages/privacy.js
new file mode 100644
index 0000000..ea7bac8
--- /dev/null
+++ b/pages/privacy.js
@@ -0,0 +1,262 @@
+import Layout from "@/components/layout/Layout"
+import Link from "next/link"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={1} headerCls="navbar-dark inner-page-header">
+                <section id="privacy-page" className="gr--whitesmoke pb-80 inner-page-hero division">
+                    <div className="container">
+                        <div className="row justify-content-center">
+                            <div className="col-xl-10">
+                                {/* INNER PAGE TITLE */}
+                                <div className="inner-page-title">
+                                    <h2 className="s-52 w-700">Privacy Policy</h2>
+                                    <p className="p-lg">This policy is effective as of 11th November 2022</p>
+                                </div>
+                                {/* TEXT BLOCK */}
+                                <div className="txt-block legal-info">
+                                    {/* Title */}
+                                    <h4 className="s-30 w-700"><span>1.</span> Introduction</h4>
+                                    {/* Text */}
+                                    <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
+                                        diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
+                                        bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem.
+                                    </p>
+                                    {/* Text */}
+                                    <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce an aliquam nulla lacinia justo molestie blandit justo
+                                        diam aliquet tortor molestie non sagittis lacinia
+                                    </p>
+                                    {/* Title */}
+                                    <h4 className="s-30 w-700"><span>2.</span> Personal Information We Collect</h4>
+                                    {/* Small Title */}
+                                    <h5 className="s-24 w-700"><span>2.1.</span> Information you provide to us</h5>
+                                    {/* Text */}
+                                    <p>Congue augue sagittis egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce lorem nulla an aliquam acinia justo molestie blandit
+                                        justo diam an aliquet tortor sagittis lacinia molestie diam egestas
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Quaerat sodales sapien undo velna purus euismod purus velna blandit vitae auctor
+                                                and congue magna tempor sapien gravida laoreet turpis urna augue, viverra a augue
+                                                eget dictum tempor
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
+                                                and augue egestas
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
+                                                augue egestas sagittis massa lorem fusce cursus fusce nulla vitae massa placerat
+                                                vulputate purus
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p>Sapien sodales quaerat undo velna purus euismod purus velna blandit vitae auctor
+                                                and congue magna tempor sapien gravida laoreet turpis urna augue, viverra a augue
+                                                eget dictum pulvinar
+                                            </p>
+                                        </li>
+                                    </ul>
+                                    {/* Small Title */}
+                                    <h5 className="s-24 w-700"><span>2.2.</span> Automatic data collection</h5>
+                                    {/* Text */}
+                                    <p>Congue sagittis augue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce aliquam
+                                    </p>
+                                    {/* Text */}
+                                    <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce an aliquam nulla lacinia justo molestie blandit justo
+                                        diam aliquet tortor molestie non sagittis lacinia
+                                    </p>
+                                    {/* Small Title */}
+                                    <h5 className="s-24 w-700"><span>2.3.</span> User comments and content</h5>
+                                    {/* Text */}
+                                    <p>Integer congue sagittis augue egestas  velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque diam augue fusce sapien nulla a primis lacinia ipsum a molestie blandit
+                                        and justo an aliquet eget molestie sagittis at quaerat sodales
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Quaerat sodales sapien undo velna purus euismod purus velna blandit vitae auctor
+                                                and congue magna tempor sapien gravida laoreet turpis urna augue, viverra a augue
+                                                eget dictum tempor
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
+                                                and augue egestas
+                                            </p>
+                                        </li>
+                                    </ul>
+                                    {/* Small Title */}
+                                    <h5 className="s-24 w-700"><span>2.4.</span> Information from other sources</h5>
+                                    {/* Text */}
+                                    <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
+                                        diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
+                                        bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem.
+                                    </p>
+                                    {/* Title */}
+                                    <h4 className="s-30 w-700"><span>3.</span> Types of Information</h4>
+                                    {/* Text */}
+                                    <p>Integer congue sagittis augue egestas  velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque diam augue fusce sapien nulla a primis lacinia ipsum a molestie blandit
+                                        and justo an aliquet eget molestie sagittis at quaerat sodales
+                                    </p>
+                                    {/* Text */}
+                                    <p>Aliqum mullam tincidunt a sapien gravida and diam donec porta.</p>
+                                    {/* Text */}
+                                    <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
+                                        diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
+                                        bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem.
+                                    </p>
+                                    {/* Title */}
+                                    <h4 className="s-30 w-700"><span>4.</span> How We Use Personal Information</h4>
+                                    {/* Text */}
+                                    <p>Congue augue sagittis egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce lorem nulla an aliquam lacinia justo molestie blandit
+                                        justo diam an aliquet tortor sagittis lacinia molestie diam egestas
+                                    </p>
+                                    {/* Text */}
+                                    <p>Sagittis augue congue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque aliquam fusce blandit
+                                    </p>
+                                    {/* Small Title */}
+                                    <h5 className="s-24 w-700"><span>4.1.</span> In mails and contact forms</h5>
+                                    {/* Text */}
+                                    <p>Integer congue sagittis augue egestas  velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque diam augue fusce sapien
+                                    </p>
+                                    {/* Title */}
+                                    <h4 className="s-30 w-700"><span>5.</span> Price and Taxes</h4>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Quaerat sodales sapien undo velna purus euismod purus velna blandit vitae auctor
+                                                and congue magna tempor sapien gravida laoreet turpis urna augue, viverra a augue
+                                                eget tempor pulvinar
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
+                                                and augue egestas
+                                            </p>
+                                        </li>
+                                    </ul>
+                                    {/* Text */}
+                                    <p>Augue congue sagittis egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque donec and ipsum porta diam lorem sodales an aliquam lacinia justo
+                                        sapien congue aliquet and sodales a quaerat tortor lacinia egestas
+                                    </p>
+                                    {/* Small Title */}
+                                    <h4 className="s-30 w-700"><span>5.</span> Children's Privacy</h4>
+                                    {/* Text */}
+                                    <p>Integer congue sagittis augue egestas  velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque diam augue fusce sapien
+                                    </p>
+                                    {/* Text */}
+                                    <p>Sagittis augue congue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec and augue
+                                        luctus congue
+                                    </p>
+                                    {/* Title */}
+                                    <h4 className="s-30 w-700"><span>6.</span> Data Shared with Third Parties</h4>
+                                    {/* Text */}
+                                    <p>Integer congue sagittis augue egestas  velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque diam augue fusce sapien nulla a primis lacinia ipsum a molestie blandit
+                                        and justo an aliquet eget molestie sagittis at quaerat sodales
+                                    </p>
+                                    {/* Text */}
+                                    <p>Aliqum mullam tincidunt a sapien gravida and diam donec porta.</p>
+                                    {/* Text */}
+                                    <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
+                                        diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
+                                        bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem.
+                                    </p>
+                                    {/* Title */}
+                                    <h4 className="s-30 w-700"><span>7.</span> Security Measures</h4>
+                                    {/* Text */}
+                                    <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
+                                        diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
+                                        bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem fusce cursus
+                                        fusce nulla vitae massa placerat and mollis, sapien gravida aliquet ipsum ultrices aliquet
+                                        lorem diam purus undo vitae aliquam auris dapibus libero fusce blandit.
+                                    </p>
+                                    {/* Title */}
+                                    <h4 className="s-30 w-700"><span>8.</span> Changes in the Privacy Policy</h4>
+                                    {/* Text */}
+                                    <p>Congue augue sagittis egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce lorem nulla an aliquam lacinia justo molestie blandit
+                                        justo diam an aliquet tortor sagittis lacinia molestie diam egestas
+                                    </p>
+                                    {/* Text */}
+                                    <p>Aliqum mullam tincidunt a sapien gravida and diam donec porta.</p>
+                                    {/* Text */}
+                                    <p>Sagittis augue congue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque aliquam fusce blandit
+                                    </p>
+                                    {/* Title */}
+                                    <h4 className="s-30 w-700"><span>9.</span> How to Contact Us</h4>
+                                    {/* Text */}
+                                    <p>If you have any questions or suggestions about this Terms of Service, do not hesitate to
+                                        contact us at <Link href="mailto:yourdomain@mail.com" className="color--theme">hello@yourdomain.com</Link>
+                                    </p>
+                                </div>	{/* END TEXT BLOCK */}
+                            </div>
+                        </div>    {/* End row */}
+                    </div>     {/* End container */}
+                </section>
+
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/project-details.js b/pages/project-details.js
new file mode 100644
index 0000000..ffef7d2
--- /dev/null
+++ b/pages/project-details.js
@@ -0,0 +1,265 @@
+import VideoPopup from "@/components/elements/VidepPopup"
+import Layout from "@/components/layout/Layout"
+import Link from "next/link"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
+                <div>
+                    <section id="project-1" className="gr--whitesmoke inner-page-hero single-project">
+                        <div className="container">
+                            <div className="row justify-content-center">
+                                {/* PROJECT DISCRIPTION */}
+                                <div className="col-lg-11 col-xl-10">
+                                    <div className="project-description">
+                                        {/* PROJECT TITLE */}
+                                        <div className="project-title">
+                                            {/* Title */}
+                                            <h2 className="s-52 w-700">Online shopping concept for mobile app templates</h2>
+                                            {/* Project Data */}
+                                            <div className="project-data">
+                                                <div className="row row-cols-1 row-cols-sm-2 row-cols-md-3">
+                                                    <div className="col">
+                                                        <p className="p-lg"><span>Category:</span> Development</p>
+                                                    </div>
+                                                    <div className="col">
+                                                        <p className="p-lg"><span>Start Date:</span> 2023-02-28</p>
+                                                    </div>
+                                                    <div className="col">
+                                                        <p className="p-lg"><span>Handover:</span> 2023-04-30</p>
+                                                    </div>
+                                                    <div className="col">
+                                                        <p className="p-lg"><span>Client:</span> JThemes</p>
+                                                    </div>
+                                                    <div className="col">
+                                                        <p className="p-lg"><Link href="#" className="color--theme">www.website.com</Link></p>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>	{/* END PROJECT TITLE */}
+                                        {/* PROJECT PREVIEW IMAGE  */}
+                                        <div className="project-priview-img mb-50">
+                                            <img className="img-fluid r-16" src="/images/projects/project-07.jpg" alt="project-preview" />
+                                        </div>
+                                        {/* PROJECT TEXT */}
+                                        <div className="project-txt">
+                                            {/* Text */}
+                                            <p>Integer congue sagittis augue egestas  velna purus purus magna nec suscipit and egestas
+                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                                fusce cursus neque diam augue fusce sapien nulla a primis lacinia ipsum a molestie blandit
+                                                and justo an aliquet eget molestie sagittis at quaerat sodales
+                                            </p>
+                                            {/* List */}
+                                            <ul className="simple-list">
+                                                <li className="list-item">
+                                                    <p>Quaerat sodales sapien undo velna purus euismod purus velna blandit vitae auctor
+                                                        and congue magna tempor sapien gravida laoreet turpis urna augue, viverra a augue
+                                                        eget tempor diam
+                                                    </p>
+                                                </li>
+                                                <li className="list-item">
+                                                    <p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
+                                                        and augue egestas
+                                                    </p>
+                                                </li>
+                                            </ul>
+                                            {/* Small Title */}
+                                            <h5 className="s-24 w-700 mt-35 mb-35">Overview &amp; Challenge</h5>
+                                            {/* Text */}
+                                            <p>Congue sagittis augue egestas integer velna purus purus magna nec suscipit and egestas
+                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                                fusce cursus neque blandit fusce aliquam
+                                            </p>
+                                            {/* Text */}
+                                            <p>Congue augue sagittis egestas integer velna purus purus magna nec suscipit and egestas
+                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                                fusce cursus neque blandit fusce lorem nulla an aliquam lacinia justo molestie blandit
+                                                justo diam an aliquet tortor sagittis lacinia molestie diam egestas
+                                            </p>
+                                            {/* List */}
+                                            <ul className="simple-list">
+                                                <li className="list-item">
+                                                    <p>Quaerat sodales sapien undo velna purus euismod purus velna blandit vitae auctor
+                                                        and congue magna tempor sapien gravida laoreet turpis urna augue, viverra a augue
+                                                        eget tempor diam
+                                                    </p>
+                                                </li>
+                                                <li className="list-item">
+                                                    <p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
+                                                        and augue egestas
+                                                    </p>
+                                                </li>
+                                            </ul>
+                                            {/* PROJECT IMAGES */}
+                                            <div className="row d-flex align-items-center project-inner-img mt-50">
+                                                {/* IMAGE #1 */}
+                                                <div className="col-md-6">
+                                                    <div className="project-image project-preview top-img r-10">
+                                                        {/* Project Preview */}
+                                                        <div className="hover-overlay">
+                                                            <img className="img-fluid" src="/images/projects/project-10.jpg" alt="project-preview" />
+                                                            <div className="item-overlay" />
+                                                        </div>
+                                                        {/* Project Link */}
+                                                        <div className="project-link ico-35 color--white">
+                                                            <Link className="image-link" href="images/projects/project-10a.jpg" >
+                                                                <span className="flaticon-visibility" />
+                                                            </Link>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                                {/* IMAGE #2 */}
+                                                <div className="col-md-6">
+                                                    <div className="project-image project-preview r-10">
+                                                        {/* Project Preview */}
+                                                        <div className="hover-overlay">
+                                                            <img className="img-fluid" src="/images/projects/project-11.jpg" alt="project-preview" />
+                                                            <div className="item-overlay" />
+                                                        </div>
+                                                        {/* Project Link */}
+                                                        <div className="project-link ico-35 color--white">
+                                                            <Link className="image-link" href="images/projects/project-11a.jpg" >
+                                                                <span className="flaticon-visibility" />
+                                                            </Link>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>	{/* END PROJECT IMAGES */}
+                                            {/* WIDE IMAGE */}
+                                            <div className="project-inner-img mt-30">
+                                                <div className="project-image project-preview r-10">
+                                                    {/* Project Preview */}
+                                                    <div className="hover-overlay">
+                                                        <img className="img-fluid" src="/images/projects/project-08.jpg" alt="project-preview" />
+                                                        <div className="item-overlay" />
+                                                    </div>
+                                                    {/* Project Link */}
+                                                    <div className="project-link ico-35 color--white">
+                                                        <Link className="image-link" href="images/projects/project-08.jpg" >
+                                                            <span className="flaticon-visibility" />
+                                                        </Link>
+                                                    </div>
+                                                </div>
+                                            </div>	{/* END WIDE IMAGE */}
+                                            {/* Small Title */}
+                                            <h5 className="s-24 w-700 mt-50 mb-35">Project Summary</h5>
+                                            {/* Text */}
+                                            <p>Congue augue sagittis egestas integer velna purus purus magna nec suscipit and egestas
+                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                                fusce cursus neque blandit fusce lorem nulla an aliquam lacinia justo molestie blandit
+                                                justo diam an aliquet tortor sagittis lacinia molestie diam egestas
+                                            </p>
+                                            {/* List */}
+                                            <ul className="simple-list long-list mb-20">
+                                                <li className="list-item">
+                                                    <p>Aliqum mullam blandit tempor sapien gravida donec ipsum porta justo. Laoreet
+                                                        turpis urna augue, viverra a augue eget, dictum tempor diam pulvinar dictum
+                                                        tempor
+                                                    </p>
+                                                </li>
+                                                <li className="list-item">
+                                                    <p>Blandit velna vitae auctor and congue magna tempor sapien eget gravida laoreet
+                                                        turpis
+                                                    </p>
+                                                </li>
+                                                <li className="list-item">
+                                                    <p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien
+                                                        congue augue egestas
+                                                    </p>
+                                                </li>
+                                            </ul>
+                                            {/* Text */}
+                                            <p>Sagittis augue congue egestas integer velna purus purus magna nec suscipit and egestas
+                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                                fusce cursus neque aliquam fusce blandit
+                                            </p>
+                                            {/* VIDEO PREVIEW */}
+                                            <div className="project-image project-inner-img video-preview mt-50">
+                                                {/* Play Icon */}
+                                                <VideoPopup style={1} />
+                                                {/* Preview Image */}
+                                                <img className="img-fluid r-10" src="/images/projects/project-09.jpg" alt="video-preview" />
+                                            </div>	{/* END VIDEO PREVIEW */}
+                                            {/* Small Title */}
+                                            <h5 className="s-24 w-700 mt-50 mb-35">Solution &amp; Results</h5>
+                                            {/* Text */}
+                                            <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
+                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                                fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
+                                                diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
+                                                bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem
+                                            </p>
+                                            {/* List */}
+                                            <ul className="simple-list long-list mb-20">
+                                                <li className="list-item">
+                                                    <p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas magna ipsum
+                                                        and vitae efficitur purus and ipsum primis in cubilia laoreet augue egestas luctus
+                                                        donec.
+                                                    </p>
+                                                </li>
+                                                <li className="list-item">
+                                                    <p>Aliqum mullam blandit tempor sapien gravida donec ipsum porta justo. Laoreet
+                                                        turpis urna augue, viverra a augue eget, dictum tempor diam pulvinar dictum
+                                                        tempor
+                                                    </p>
+                                                </li>
+                                            </ul>
+                                            {/* Text */}
+                                            <p>Sagittis augue congue egestas integer velna purus purus magna nec suscipit and egestas
+                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                                fusce cursus neque aliquam fusce blandit
+                                            </p>
+                                        </div>	{/* END PROJECT TEXT */}
+                                        {/* MORE PROJECTS BUTTON */}
+                                        <div className="more-projects ico-25 text-end pb-100">
+                                            <Link href="/projects">
+                                                <h3 className="s-38 w-700">More Projects</h3><span className="flaticon-next" />
+                                            </Link>
+                                        </div>
+                                    </div>
+                                </div>	{/* END PROJECT DISCRIPTION */}
+                            </div>	  {/* End row */}
+                        </div>	   {/* End container */}
+                    </section>	{/* END SINGLE PROJECT-1 */}
+                    {/* BANNER-6
+			============================================= */}
+                    <section id="banner-6" className="bg--05 bg--scroll banner-section">
+                        <div className="banner-overlay pt-80 pb-90">
+                            <div className="container">
+                                {/* BANNER-6 WRAPPER */}
+                                <div className="banner-6-wrapper">
+                                    <div className="row justify-content-center">
+                                        {/* BANNER-6 TEXT */}
+                                        <div className="col-md-9">
+                                            <div className="banner-6-txt text-center color--white">
+                                                {/* Title */}
+                                                <h3 className="s-46 w-700">Give it a try, it's free!</h3>
+                                                {/* Text */}
+                                                <p className="p-xl o-85">It only takes a few clicks to get started</p>
+                                                {/* Button */}
+                                                <Link href="#" className="btn r-04 btn--theme hover--tra-white" data-bs-toggle="modal" data-bs-target="#modal-3">Get srarted - it's free</Link>
+                                                {/* Button Text */}
+                                                <p className="p-sm btn-txt ico-15 o-85">
+                                                    <span className="flaticon-check" /> Free for 14 days, no credit card required.
+                                                </p>
+                                            </div>
+                                        </div>	{/* END BANNER-6 TEXT */}
+                                    </div>   {/* End row */}
+                                </div>    {/* END BANNER-6 WRAPPER */}
+                            </div>    {/* End container */}
+                        </div>     {/* End banner overlay */}
+                    </section>
+                </div>
+
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/projects.js b/pages/projects.js
new file mode 100644
index 0000000..10405bc
--- /dev/null
+++ b/pages/projects.js
@@ -0,0 +1,403 @@
+import Layout from "@/components/layout/Layout"
+import Link from "next/link"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
+                <div>
+                    <section id="projects-1" className="inner-page-hero projects-section">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-9">
+                                    <div className="section-title mb-80">
+                                        {/* Title */}
+                                        <h2 className="s-52 w-700">Great Design That Works!</h2>
+                                        {/* Text */}
+                                        <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* PROJECTS WRAPPER */}
+                            <div className="projects-wrapper">
+                                <div className="row align-items-center row-cols-1 row-cols-md-2">
+                                    {/* PROJECT #1 */}
+                                    <div className="col">
+                                        <div id="pt-1-1" className="project-details">
+                                            {/* Title */}
+                                            <h5 className="s-24">Mockup Poster</h5>
+                                            {/* Image */}
+                                            <div className="project-preview r-10">
+                                                {/* Project Preview */}
+                                                <div className="hover-overlay">
+                                                    <img className="img-fluid" src="/images/projects/project-01.jpg" alt="project-preview" />
+                                                    <div className="item-overlay" />
+                                                </div>
+                                                {/* Project Link */}
+                                                <div className="project-link ico-35 color--white">
+                                                    <Link href="/project-details" ><span className="flaticon-visibility" /></Link>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END PROJECT #1 */}
+                                    {/* PROJECT #2 */}
+                                    <div className="col">
+                                        <div id="pt-1-2" className="project-details">
+                                            {/* Title */}
+                                            <h5 className="s-24">Glued Poster</h5>
+                                            {/* Image */}
+                                            <div className="project-preview r-10">
+                                                {/* Project Preview */}
+                                                <div className="hover-overlay">
+                                                    <img className="img-fluid" src="/images/projects/project-02.jpg" alt="project-preview" />
+                                                    <div className="item-overlay" />
+                                                </div>
+                                                {/* Project Link */}
+                                                <div className="project-link ico-35 color--white">
+                                                    <Link href="/project-details" ><span className="flaticon-visibility" /></Link>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END PROJECT #2 */}
+                                    {/* PROJECT #3 */}
+                                    <div className="col">
+                                        <div id="pt-1-3" className="project-details">
+                                            {/* Title */}
+                                            <h5 className="s-24">Double Color</h5>
+                                            {/* Image */}
+                                            <div className="project-preview r-10">
+                                                {/* Project Preview */}
+                                                <div className="hover-overlay">
+                                                    <img className="img-fluid" src="/images/projects/project-03.jpg" alt="project-preview" />
+                                                    <div className="item-overlay" />
+                                                </div>
+                                                {/* Project Link */}
+                                                <div className="project-link ico-35 color--white">
+                                                    <Link href="/project-details" ><span className="flaticon-visibility" /></Link>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END PROJECT #3 */}
+                                    {/* PROJECT #4 */}
+                                    <div className="col">
+                                        <div id="pt-1-4" className="project-details">
+                                            {/* Title */}
+                                            <h5 className="s-24">Reativity</h5>
+                                            {/* Image */}
+                                            <div className="project-preview r-10">
+                                                {/* Project Preview */}
+                                                <div className="hover-overlay">
+                                                    <img className="img-fluid" src="/images/projects/project-04.jpg" alt="project-preview" />
+                                                    <div className="item-overlay" />
+                                                </div>
+                                                {/* Project Link */}
+                                                <div className="project-link ico-35 color--white">
+                                                    <Link href="/project-details" ><span className="flaticon-visibility" /></Link>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END PROJECT #4 */}
+                                    {/* PROJECT #35 */}
+                                    <div className="col">
+                                        <div id="pt-1-5" className="project-details">
+                                            {/* Title */}
+                                            <h5 className="s-24">Vintage Poster</h5>
+                                            {/* Image */}
+                                            <div className="project-preview r-10">
+                                                {/* Project Preview */}
+                                                <div className="hover-overlay">
+                                                    <img className="img-fluid" src="/images/projects/project-05.jpg" alt="project-preview" />
+                                                    <div className="item-overlay" />
+                                                </div>
+                                                {/* Project Link */}
+                                                <div className="project-link ico-35 color--white">
+                                                    <Link href="/project-details" ><span className="flaticon-visibility" /></Link>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END PROJECT #5 */}
+                                    {/* PROJECT #6 */}
+                                    <div className="col">
+                                        <div id="pt-1-6" className="project-details">
+                                            {/* Title */}
+                                            <h5 className="s-24">Paper Portrait</h5>
+                                            {/* Image */}
+                                            <div className="project-preview r-10">
+                                                {/* Project Preview */}
+                                                <div className="hover-overlay">
+                                                    <img className="img-fluid" src="/images/projects/project-06.jpg" alt="project-preview" />
+                                                    <div className="item-overlay" />
+                                                </div>
+                                                {/* Project Link */}
+                                                <div className="project-link ico-35 color--white">
+                                                    <Link href="/project-details" ><span className="flaticon-visibility" /></Link>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END PROJECT #6 */}
+                                </div>
+                            </div>	{/* END PROJECTS WRAPPER */}
+                        </div>	   {/* End container */}
+                    </section>	{/* END PROJECTS-1 */}
+                    {/* PAGE PAGINATION
+			============================================= */}
+                    <div className="py-100 page-pagination theme-pagination">
+                        <div className="container">
+                            <div className="row">
+                                <div className="col-md-12">
+                                    <nav aria-label="Page navigation">
+                                        <ul className="pagination ico-20 justify-content-center">
+                                            <li className="page-item disabled"><Link className="page-link" href="#" tabIndex={-1}><span className="flaticon-back" /></Link>
+                                            </li>
+                                            <li className="page-item active" aria-current="page"><Link className="page-link" href="#">1</Link></li>
+                                            <li className="page-item"><Link className="page-link" href="#">2</Link></li>
+                                            <li className="page-item"><Link className="page-link" href="#">3</Link></li>
+                                            <li className="page-item"><Link className="page-link" href="#" aria-label="Next"><span className="flaticon-next" /></Link></li>
+                                        </ul>
+                                    </nav>
+                                </div>
+                            </div>  {/* End row */}
+                        </div> {/* End container */}
+                    </div>	{/* END PAGE PAGINATION */}
+                    {/* DIVIDER LINE */}
+                    <hr className="divider" />
+                    {/* TESTIMONIALS-2
+			============================================= */}
+                    <section id="reviews-2" className="pt-100 reviews-section">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-9">
+                                    <div className="section-title mb-70">
+                                        {/* Title */}
+                                        <h2 className="s-52 w-700">Our Happy Customers</h2>
+                                        {/* Text */}
+                                        <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* TESTIMONIALS-2 WRAPPER */}
+                            <div className="reviews-2-wrapper rel shape--02 shape--whitesmoke">
+                                <div className="row align-items-center row-cols-1 row-cols-md-2">
+                                    {/* TESTIMONIAL #1 */}
+                                    <div className="col">
+                                        <div id="rw-2-1" className="review-2 bg--white-100 block-shadow r-08">
+                                            {/* Quote Icon */}
+                                            <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                            {/* Text */}
+                                            <div className="review-txt">
+                                                {/* Text */}
+                                                <p>Quaerat sodales sapien euismod blandit aliquet ipsum primis undo and cubilia
+                                                    laoreet augue and luctus magna dolor luctus egestas sapien vitae
+                                                </p>
+                                                {/* Author */}
+                                                <div className="author-data clearfix">
+                                                    {/* Avatar */}
+                                                    <div className="review-avatar">
+                                                        <img src="/images/review-author-1.jpg" alt="review-avatar" />
+                                                    </div>
+                                                    {/* Data */}
+                                                    <div className="review-author">
+                                                        <h6 className="s-18 w-700">Scott Boxer</h6>
+                                                        <p className="p-sm">@scott_boxer</p>
+                                                    </div>
+                                                </div>	{/* End Author */}
+                                            </div>	{/* End Text */}
+                                        </div>
+                                    </div>	{/* END TESTIMONIAL #1 */}
+                                    {/* TESTIMONIAL #2 */}
+                                    <div className="col">
+                                        <div id="rw-2-2" className="review-2 bg--white-100 block-shadow r-08">
+                                            {/* Quote Icon */}
+                                            <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                            {/* Text */}
+                                            <div className="review-txt">
+                                                {/* Text */}
+                                                <p>At sagittis congue augue and magna ipsum vitae a purus ipsum primis diam a
+                                                    cubilia laoreet augue egestas luctus a donec vitae ultrice ligula magna suscipit
+                                                    lectus gestas augue into cubilia
+                                                </p>
+                                                {/* Author */}
+                                                <div className="author-data clearfix">
+                                                    {/* Avatar */}
+                                                    <div className="review-avatar">
+                                                        <img src="/images/review-author-2.jpg" alt="review-avatar" />
+                                                    </div>
+                                                    {/* Data */}
+                                                    <div className="review-author">
+                                                        <h6 className="s-18 w-700">Joel Peterson</h6>
+                                                        <p className="p-sm">Internet Surfer</p>
+                                                    </div>
+                                                </div>	{/* End Author */}
+                                            </div>	{/* End Text */}
+                                        </div>
+                                    </div>	{/* END TESTIMONIAL #2 */}
+                                    {/* TESTIMONIAL #3 */}
+                                    <div className="col">
+                                        <div id="rw-2-3" className="review-2 bg--white-100 block-shadow r-08">
+                                            {/* Quote Icon */}
+                                            <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                            {/* Text */}
+                                            <div className="review-txt">
+                                                {/* Text */}
+                                                <p>An augue cubilia laoreet magna suscipit egestas and ipsum a lectus purus ipsum
+                                                    primis and augue ultrice ligula and egestas a suscipit lectus gestas undo auctor
+                                                    tempus feugiat impedit quaerat
+                                                </p>
+                                                {/* Author */}
+                                                <div className="author-data clearfix">
+                                                    {/* Avatar */}
+                                                    <div className="review-avatar">
+                                                        <img src="/images/review-author-5.jpg" alt="review-avatar" />
+                                                    </div>
+                                                    {/* Data */}
+                                                    <div className="review-author">
+                                                        <h6 className="s-18 w-700">Jennifer Harper</h6>
+                                                        <p className="p-sm">App Developer</p>
+                                                    </div>
+                                                </div>	{/* End Author */}
+                                            </div>	{/* End Text */}
+                                        </div>
+                                    </div>	{/* END TESTIMONIAL #3 */}
+                                    {/* TESTIMONIAL #4 */}
+                                    <div className="col">
+                                        <div id="rw-2-4" className="review-2 bg--white-100 block-shadow r-08">
+                                            {/* Quote Icon */}
+                                            <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                            {/* Text */}
+                                            <div className="review-txt">
+                                                {/* Text */}
+                                                <p>Augue at vitae purus tempus egestas volutpat augue undo cubilia laoreet magna
+                                                    suscipit luctus dolor blandit at purus tempus feugiat impedit
+                                                </p>
+                                                {/* Author */}
+                                                <div className="author-data clearfix">
+                                                    {/* Avatar */}
+                                                    <div className="review-avatar">
+                                                        <img src="/images/review-author-8.jpg" alt="review-avatar" />
+                                                    </div>
+                                                    {/* Data */}
+                                                    <div className="review-author">
+                                                        <h6 className="s-18 w-700">Evelyn Martinez</h6>
+                                                        <p className="p-sm">WordPress Consultant</p>
+                                                    </div>
+                                                </div>	{/* End Author */}
+                                            </div>	{/* End Text */}
+                                        </div>
+                                    </div>	{/* END TESTIMONIAL #4 */}
+                                </div>  {/* End row */}
+                            </div>	{/* END TESTIMONIALS-2 WRAPPER */}
+                        </div>	   {/* End container */}
+                    </section>	{/* END TESTIMONIALS-2 */}
+                    {/* RATING-1
+			============================================= */}
+                    <div id="rating-1" className="pt-70 rating-section">
+                        <div className="container">
+                            {/* RATING TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-9">
+                                    <div className="rating-title mb-40">
+                                        <h5 className="s-18 color--grey w-500">Our clients love us as much as we love them</h5>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* RATING-1 WRAPPER */}
+                            <div className="rating-1-wrapper">
+                                <div className="row justify-content-md-center row-cols-1 row-cols-md-3">
+                                    {/* RATING BOX #1 */}
+                                    <div className="col">
+                                        <div id="rb-1-1" className="rbox-1">
+                                            {/* Brand Logo */}
+                                            <div className="rbox-1-img">
+                                                <img className="img-fluid light-theme-img" src="/images/brand-21.png" alt="feature-image" />
+                                                <img className="img-fluid dark-theme-img" src="/images/brand-21-white.png" alt="feature-image" />
+                                            </div>
+                                            {/* Rating Stars */}
+                                            <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                                <span className="flaticon-star" />
+                                                <span className="flaticon-star" />
+                                                <span className="flaticon-star" />
+                                                <span className="flaticon-star" />
+                                                <span className="flaticon-star-half-empty mr-5" />
+                                                4.7/5
+                                            </div>
+                                        </div>
+                                    </div>
+                                    {/* RATING BOX #2 */}
+                                    <div className="col">
+                                        <div id="rb-1-2" className="rbox-1">
+                                            {/* Brand Logo */}
+                                            <div className="rbox-1-img">
+                                                <img className="img-fluid light-theme-img" src="/images/brand-22.png" alt="feature-image" />
+                                                <img className="img-fluid dark-theme-img" src="/images/brand-22-white.png" alt="feature-image" />
+                                            </div>
+                                            {/* Rating Stars */}
+                                            <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                                <span className="flaticon-star" />
+                                                <span className="flaticon-star" />
+                                                <span className="flaticon-star" />
+                                                <span className="flaticon-star" />
+                                                <span className="flaticon-star mr-5" />
+                                                4.95/5
+                                            </div>
+                                        </div>
+                                    </div>
+                                    {/* RATING BOX #3 */}
+                                    <div className="col">
+                                        <div id="rb-1-3" className="rbox-1">
+                                            {/* Brand Logo */}
+                                            <div className="rbox-1-img">
+                                                <img className="img-fluid light-theme-img" src="/images/brand-23.png" alt="feature-image" />
+                                                <img className="img-fluid dark-theme-img" src="/images/brand-23-white.png" alt="feature-image" />
+                                            </div>
+                                            {/* Rating Stars */}
+                                            <div className="star-rating ico-10 bg--white-100 r-100 clearfix">
+                                                <span className="flaticon-star" />
+                                                <span className="flaticon-star" />
+                                                <span className="flaticon-star" />
+                                                <span className="flaticon-star" />
+                                                <span className="flaticon-star-1 mr-5" />
+                                                4.24/5
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>  {/* End row */}
+                            </div>	{/* END RATING-1 WRAPPER */}
+                        </div>	{/* End container */}
+                    </div>	{/* END RATING-1 */}
+                    {/* BANNER-1
+			============================================= */}
+                    <section id="banner-1" className="pt-100 banner-section">
+                        <div className="container">
+                            {/* BANNER-1 WRAPPER */}
+                            <div className="banner-1-wrapper r-16">
+                                <div className="banner-overlay bg--05 bg--scroll">
+                                    <div className="row">
+                                        {/* BANNER-1 TEXT */}
+                                        <div className="col">
+                                            <div className="banner-1-txt color--white">
+                                                {/* Title */}
+                                                <h2 className="s-45 w-700">Give it a try, it's free!</h2>
+                                                {/* Text */}
+                                                <p className="p-xl">It only takes a few clicks to get started</p>
+                                                {/* Button */}
+                                                <Link href="#" className="btn r-04 btn--theme hover--tra-white" data-bs-toggle="modal" data-bs-target="#modal-3">Get srarted - it's free
+                                                </Link>
+                                                {/* Button Text */}
+                                                <p className="p-sm btn-txt ico-15 o-85">
+                                                    <span className="flaticon-check" /> Free for 14 days, no credit card required.
+                                                </p>
+                                            </div>
+                                        </div>	{/* END BANNER-1 TEXT */}
+                                    </div>   {/* End row */}
+                                </div>   {/* End banner overlay */}
+                            </div>    {/* END BANNER-1 WRAPPER */}
+                        </div>     {/* End container */}
+                    </section>
+                </div>
+
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/reset-password.js b/pages/reset-password.js
new file mode 100644
index 0000000..86e59b0
--- /dev/null
+++ b/pages/reset-password.js
@@ -0,0 +1,61 @@
+import Layout from "@/components/layout/Layout"
+import Link from "next/link"
+export default function Home() {
+
+    return (
+        <>
+           
+                <div id="page" className="page font--jakarta">
+                    {/* RESET PASSWORD PAGE
+============================================= */}
+                    <section id="reset-password" className="bg--fixed reset-password-section division">
+                        <div className="container">
+                            <div className="row justify-content-center">
+                                <div className="col-md-7 col-lg-5">
+                                    {/* LOGO */}
+                                    <div className="login-page-logo">
+                                        <img className="img-fluid light-theme-img" src="/images/logo-blue.png" alt="logo-image" />
+                                        <img className="img-fluid dark-theme-img" src="/images/logo-blue-white.png" alt="logo-image" />
+                                    </div>
+                                    {/* RESET PASSWORD FORM */}
+                                    <div className="reset-page-wrapper text-center">
+                                        <form name="resetpasswordform" className="row reset-password-form r-10">
+                                            {/* Title*/}
+                                            <div className="col-md-12">
+                                                <div className="reset-form-title">
+                                                    <h5 className="s-26 w-700">Forgot your password?</h5>
+                                                    <p className="p-sm color--grey">Enter your email address, if an account exists we‘ll
+                                                        send you a link to reset your password.
+                                                    </p>
+                                                </div>
+                                            </div>
+                                            {/* Form Input */}
+                                            <div className="col-md-12">
+                                                <input className="form-control email" type="email" name="email" placeholder="example@example.com" />
+                                            </div>
+                                            {/* Form Submit Button */}
+                                            <div className="col-md-12">
+                                                <button type="submit" className="btn btn--theme hover--theme submit">Reset My Password</button>
+                                            </div>
+                                            {/* Form Data  */}
+                                            <div className="col-md-12">
+                                                <div className="form-data text-center">
+                                                    <span><Link href="/login-1">Never mind, I remembered!</Link></span>
+                                                </div>
+                                            </div>
+                                            {/* Form Message */}
+                                            <div className="col-lg-12 reset-form-msg">
+                                                <span className="loading" />
+                                            </div>
+                                        </form>
+                                    </div>	{/* END RESET PASSWORD FORM */}
+                                </div>
+                            </div>	   {/* End row */}
+                        </div>	   {/* End container */}
+                    </section>	{/* END RESET PASSWORD PAGE */}
+                </div>
+
+           
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/reviews.js b/pages/reviews.js
new file mode 100644
index 0000000..8c6b199
--- /dev/null
+++ b/pages/reviews.js
@@ -0,0 +1,246 @@
+import Layout from "@/components/layout/Layout"
+import Link from "next/link"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
+                <div>
+                    <section id="reviews-2" className="gr--whitesmoke inner-page-hero reviews-section">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-9">
+                                    <div className="section-title mb-70">
+                                        {/* Title */}
+                                        <h2 className="s-52 w-700">Here’s what our amazing clients are saying</h2>
+                                        {/* Text */}
+                                        <p className="s-21 color--grey">Read what customers think about us</p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* TESTIMONIALS-2 WRAPPER */}
+                            <div className="reviews-2-wrapper rel">
+                                <div className="row align-items-center row-cols-1 row-cols-md-2">
+                                    {/* TESTIMONIAL #1 */}
+                                    <div className="col">
+                                        <div id="rw-2-1" className="review-2 bg--white-100 block-shadow r-08">
+                                            {/* Quote Icon */}
+                                            <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                            {/* Text */}
+                                            <div className="review-txt">
+                                                {/* Text */}
+                                                <p>Quaerat sodales sapien euismod blandit aliquet ipsum primis undo and cubilia
+                                                    laoreet augue and luctus magna dolor luctus egestas sapien vitae
+                                                </p>
+                                                {/* Author */}
+                                                <div className="author-data clearfix">
+                                                    {/* Avatar */}
+                                                    <div className="review-avatar">
+                                                        <img src="/images/review-author-1.jpg" alt="review-avatar" />
+                                                    </div>
+                                                    {/* Data */}
+                                                    <div className="review-author">
+                                                        <h6 className="s-18 w-700">Scott Boxer</h6>
+                                                        <p className="p-sm">@scott_boxer</p>
+                                                    </div>
+                                                </div>	{/* End Author */}
+                                            </div>	{/* End Text */}
+                                        </div>
+                                    </div>	{/* END TESTIMONIAL #1 */}
+                                    {/* TESTIMONIAL #2 */}
+                                    <div className="col">
+                                        <div id="rw-2-2" className="review-2 bg--white-100 block-shadow r-08">
+                                            {/* Quote Icon */}
+                                            <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                            {/* Text */}
+                                            <div className="review-txt">
+                                                {/* Text */}
+                                                <p>At sagittis congue augue and magna ipsum vitae a purus ipsum primis diam a
+                                                    cubilia laoreet augue egestas luctus a donec vitae ultrice ligula magna suscipit
+                                                    lectus gestas augue into cubilia
+                                                </p>
+                                                {/* Author */}
+                                                <div className="author-data clearfix">
+                                                    {/* Avatar */}
+                                                    <div className="review-avatar">
+                                                        <img src="/images/review-author-2.jpg" alt="review-avatar" />
+                                                    </div>
+                                                    {/* Data */}
+                                                    <div className="review-author">
+                                                        <h6 className="s-18 w-700">Joel Peterson</h6>
+                                                        <p className="p-sm">Internet Surfer</p>
+                                                    </div>
+                                                </div>	{/* End Author */}
+                                            </div>	{/* End Text */}
+                                        </div>
+                                    </div>	{/* END TESTIMONIAL #2 */}
+                                    {/* TESTIMONIAL #3 */}
+                                    <div className="col">
+                                        <div id="rw-2-3" className="review-2 bg--white-100 block-shadow r-08">
+                                            {/* Quote Icon */}
+                                            <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                            {/* Text */}
+                                            <div className="review-txt">
+                                                {/* Text */}
+                                                <p>An augue cubilia laoreet magna suscipit egestas and ipsum a lectus purus ipsum
+                                                    primis and augue ultrice ligula and egestas a suscipit lectus gestas undo auctor
+                                                    tempus feugiat impedit quaerat
+                                                </p>
+                                                {/* Author */}
+                                                <div className="author-data clearfix">
+                                                    {/* Avatar */}
+                                                    <div className="review-avatar">
+                                                        <img src="/images/review-author-5.jpg" alt="review-avatar" />
+                                                    </div>
+                                                    {/* Data */}
+                                                    <div className="review-author">
+                                                        <h6 className="s-18 w-700">Jennifer Harper</h6>
+                                                        <p className="p-sm">App Developer</p>
+                                                    </div>
+                                                </div>	{/* End Author */}
+                                            </div>	{/* End Text */}
+                                        </div>
+                                    </div>	{/* END TESTIMONIAL #3 */}
+                                    {/* TESTIMONIAL #4 */}
+                                    <div className="col">
+                                        <div id="rw-2-4" className="review-2 bg--white-100 block-shadow r-08">
+                                            {/* Quote Icon */}
+                                            <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                            {/* Text */}
+                                            <div className="review-txt">
+                                                {/* Text */}
+                                                <p>Augue at vitae purus tempus egestas volutpat augue undo cubilia laoreet magna
+                                                    suscipit luctus dolor blandit at purus tempus feugiat impedit
+                                                </p>
+                                                {/* Author */}
+                                                <div className="author-data clearfix">
+                                                    {/* Avatar */}
+                                                    <div className="review-avatar">
+                                                        <img src="/images/review-author-8.jpg" alt="review-avatar" />
+                                                    </div>
+                                                    {/* Data */}
+                                                    <div className="review-author">
+                                                        <h6 className="s-18 w-700">Evelyn Martinez</h6>
+                                                        <p className="p-sm">WordPress Consultant</p>
+                                                    </div>
+                                                </div>	{/* End Author */}
+                                            </div>	{/* End Text */}
+                                        </div>
+                                    </div>	{/* END TESTIMONIAL #4 */}
+                                    {/* TESTIMONIAL #5 */}
+                                    <div className="col">
+                                        <div id="rw-2-5" className="review-2 bg--white-100 block-shadow r-08">
+                                            {/* Quote Icon */}
+                                            <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                            {/* Text */}
+                                            <div className="review-txt">
+                                                {/* Text */}
+                                                <p>Quaerat sodales sapien euismod blandit aliquet ipsum primis undo and cubilia laoreet augue and
+                                                    luctus magna dolor luctus egestas sapien vitae
+                                                </p>
+                                                {/* Author */}
+                                                <div className="author-data clearfix">
+                                                    {/* Avatar */}
+                                                    <div className="review-avatar">
+                                                        <img src="/images/review-author-6.jpg" alt="review-avatar" />
+                                                    </div>
+                                                    {/* Data */}
+                                                    <div className="review-author">
+                                                        <h6 className="s-18 w-700">Leslie D.</h6>
+                                                        <p className="p-sm">Web Developer</p>
+                                                    </div>
+                                                </div>	{/* End Author */}
+                                            </div>	{/* End Text */}
+                                        </div>
+                                    </div>	{/* END TESTIMONIAL #5 */}
+                                    {/* TESTIMONIAL #6 */}
+                                    <div className="col">
+                                        <div id="rw-2-6" className="review-2 bg--white-100 block-shadow r-08">
+                                            {/* Quote Icon */}
+                                            <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
+                                            {/* Text */}
+                                            <div className="review-txt">
+                                                {/* Text */}
+                                                <p>At sagittis congue augue and magna ipsum vitae a purus ipsum primis diam a cubilia laoreet
+                                                    augue egestas luctus a donec vitae ultrice ligula magna suscipit lectus gestas augue into
+                                                    cubilia
+                                                </p>
+                                                {/* Author */}
+                                                <div className="author-data clearfix">
+                                                    {/* Avatar */}
+                                                    <div className="review-avatar">
+                                                        <img src="/images/review-author-3.jpg" alt="review-avatar" />
+                                                    </div>
+                                                    {/* Data */}
+                                                    <div className="review-author">
+                                                        <h6 className="s-18 w-700">Marisol19</h6>
+                                                        <p className="p-sm">@marisol19</p>
+                                                    </div>
+                                                </div>	{/* End Author */}
+                                            </div>	{/* End Text */}
+                                        </div>
+                                    </div>	{/* END TESTIMONIAL #6 */}
+                                </div>  {/* End row */}
+                            </div>	{/* END TESTIMONIALS-2 WRAPPER */}
+                        </div>	   {/* End container */}
+                    </section>	{/* END TESTIMONIALS-2 */}
+                    {/* PAGE PAGINATION
+			============================================= */}
+                    <div className="py-100 page-pagination theme-pagination">
+                        <div className="container">
+                            <div className="row">
+                                <div className="col-md-12">
+                                    <nav aria-label="Page navigation">
+                                        <ul className="pagination ico-20 justify-content-center">
+                                            <li className="page-item disabled"><Link className="page-link" href="#" tabIndex={-1}><span className="flaticon-back" /></Link>
+                                            </li>
+                                            <li className="page-item active" aria-current="page"><Link className="page-link" href="#">1</Link></li>
+                                            <li className="page-item"><Link className="page-link" href="#">2</Link></li>
+                                            <li className="page-item"><Link className="page-link" href="#">3</Link></li>
+                                            <li className="page-item"><Link className="page-link" href="#" aria-label="Next"><span className="flaticon-next" /></Link></li>
+                                        </ul>
+                                    </nav>
+                                </div>
+                            </div>  {/* End row */}
+                        </div> {/* End container */}
+                    </div>	{/* END PAGE PAGINATION */}
+                    {/* DIVIDER LINE */}
+                    <hr className="divider" />
+                    {/* NEWSLETTER-1
+			============================================= */}
+                    <section id="newsletter-1" className="newsletter-section">
+                        <div className="newsletter-overlay">
+                            <div className="container">
+                                <div className="row d-flex align-items-center row-cols-1 row-cols-lg-2">
+                                    {/* NEWSLETTER TEXT */}
+                                    <div className="col">
+                                        <div className="newsletter-txt">
+                                            <h4 className="s-34 w-700">Stay up to date with our news, ideas and updates</h4>
+                                        </div>
+                                    </div>
+                                    {/* NEWSLETTER FORM */}
+                                    <div className="col">
+                                        <form className="newsletter-form">
+                                            <div className="input-group">
+                                                <input type="email" autoComplete="off" className="form-control" placeholder="Your email address" required id="s-email" />
+                                                <span className="input-group-btn">
+                                                    <button type="submit" className="btn btn--theme hover--theme">Subscribe Now</button>
+                                                </span>
+                                            </div>
+                                            {/* Newsletter Form Notification */}
+                                            <label htmlFor="s-email" className="form-notification" />
+                                        </form>
+                                    </div>	  {/* END NEWSLETTER FORM */}
+                                </div>	  {/* End row */}
+                            </div>    {/* End container */}
+                        </div>     {/* End newsletter-overlay */}
+                    </section>	{/* END NEWSLETTER-1 */}
+                    {/* DIVIDER LINE */}
+                    <hr className="divider" />
+                </div>
+
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/signup-1.js b/pages/signup-1.js
new file mode 100644
index 0000000..39fba15
--- /dev/null
+++ b/pages/signup-1.js
@@ -0,0 +1,74 @@
+import Link from "next/link"
+export default function Home() {
+
+    return (
+        <>
+
+            <div id="page" className="page font--jakarta">
+                {/* SIGN UP PAGE
+============================================= */}
+                <div id="signup" className="bg--fixed signup-1 login-section division">
+                    <div className="container">
+                        <div className="row">
+                            <div className="col-md-8 col-lg-6 offset-md-2 offset-lg-3">
+                                <div className="register-page-form">
+                                    {/* TITLE */}
+                                    <div className="col-md-12">
+                                        <div className="register-form-title">
+                                            <h3 className="s-32 w-700">Create Account</h3>
+                                            <p className="p-md">Already have an account? <Link href="/login-1" className="color--theme">Log In</Link></p>
+                                        </div>
+                                    </div>
+                                    {/* SIGN UP FORM */}
+                                    <form name="signupform" className="row sign-up-form">
+                                        {/* Google Button */}
+                                        <div className="col-md-12">
+                                            <Link href="#" className="btn btn-google ico-left">
+                                                <img src="/images/png_icons/google.png" alt="google-icon" /> Sign up with Google
+                                            </Link>
+                                        </div>
+                                        {/* Login Separator */}
+                                        <div className="col-md-12 text-center">
+                                            <div className="separator-line">Or, sign up with your email</div>
+                                        </div>
+                                        {/* Form Input */}
+                                        <div className="col-md-12">
+                                            <p className="p-sm input-header">Full name</p>
+                                            <input className="form-control name" type="text" name="name" placeholder="John Doe" />
+                                        </div>
+                                        {/* Form Input */}
+                                        <div className="col-md-12">
+                                            <p className="p-sm input-header">Email address</p>
+                                            <input className="form-control email" type="email" name="email" placeholder="example@example.com" />
+                                        </div>
+                                        {/* Form Input */}
+                                        <div className="col-md-12">
+                                            <p className="p-sm input-header">Password</p>
+                                            <div className="wrap-input">
+                                                <span className="btn-show-pass ico-20"><span className="flaticon-visibility eye-pass" /></span>
+                                                <input className="form-control password" type="password" name="password" placeholder="min 8 characters" />
+                                            </div>
+                                        </div>
+                                        {/* Checkbox */}
+                                        <div className="col-md-12">
+                                            <div className="form-data">
+                                                <span>By clicking “Create Account”, you agree to our
+                                                    <Link href="/terms">Terms</Link> and that you have read our
+                                                    <Link href="/privacy"> Privacy Policy</Link>
+                                                </span>
+                                            </div>
+                                        </div>
+                                        {/* Form Submit Button */}
+                                        <div className="col-md-12">
+                                            <button type="submit" className="btn btn--theme hover--theme submit">Create Account</button>
+                                        </div>
+                                    </form>	{/* END SIGN UP FORM */}
+                                </div>
+                            </div>
+                        </div>	   {/* End row */}
+                    </div>	   {/* End container */}
+                </div>	{/* END SIGN UP PAGE */}
+            </div>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/signup-2.js b/pages/signup-2.js
new file mode 100644
index 0000000..265404a
--- /dev/null
+++ b/pages/signup-2.js
@@ -0,0 +1,100 @@
+import Link from "next/link"
+export default function Home() {
+
+    return (
+        <>
+
+            <div id="page" className="page font--jakarta">
+                {/* SIGN UP PAGE
+============================================= */}
+                <div id="signup" className="bg--scroll login-section division">
+                    <div className="container">
+                        <div className="row justify-content-center">
+                            {/* REGISTER PAGE WRAPPER */}
+                            <div className="col-lg-11">
+                                <div className="register-page-wrapper r-16 bg--fixed">
+                                    <div className="row">
+                                        {/* SIGN UP FORM */}
+                                        <div className="col-md-6">
+                                            <div className="register-page-form">
+                                                <form name="signupform" className="row sign-up-form">
+                                                    {/* Google Button */}
+                                                    <div className="col-md-12">
+                                                        <Link href="#" className="btn btn-google ico-left">
+                                                            <img src="/images/png_icons/google.png" alt="google-icon" /> Sign up with Google
+                                                        </Link>
+                                                    </div>
+                                                    {/* Login Separator */}
+                                                    <div className="col-md-12 text-center">
+                                                        <div className="separator-line">Or, sign up with your email</div>
+                                                    </div>
+                                                    {/* Form Input */}
+                                                    <div className="col-md-12">
+                                                        <p className="p-sm input-header">Full name</p>
+                                                        <input className="form-control name" type="text" name="name" placeholder="John Doe" />
+                                                    </div>
+                                                    {/* Form Input */}
+                                                    <div className="col-md-12">
+                                                        <p className="p-sm input-header">Email address</p>
+                                                        <input className="form-control email" type="email" name="email" placeholder="example@example.com" />
+                                                    </div>
+                                                    {/* Form Input */}
+                                                    <div className="col-md-12">
+                                                        <p className="p-sm input-header">Password</p>
+                                                        <div className="wrap-input">
+                                                            <span className="btn-show-pass ico-20"><span className="flaticon-visibility eye-pass" /></span>
+                                                            <input className="form-control password" type="password" name="password" placeholder="min 8 characters" />
+                                                        </div>
+                                                    </div>
+                                                    {/* Checkbox */}
+                                                    <div className="col-md-12">
+                                                        <div className="form-data">
+                                                            <span>By clicking “Create Account”, you agree to our
+                                                                <Link href="/terms">Terms</Link> and that you have read our
+                                                                <Link href="/privacy"> Privacy Policy</Link>
+                                                            </span>
+                                                        </div>
+                                                    </div>
+                                                    {/* Form Submit Button */}
+                                                    <div className="col-md-12">
+                                                        <button type="submit" className="btn btn--theme hover--theme submit">Create Account</button>
+                                                    </div>
+                                                    {/* Log In Link */}
+                                                    <div className="col-md-12">
+                                                        <p className="create-account text-center">
+                                                            Already have an account? <Link href="/login-2" className="color--theme">Log in</Link>
+                                                        </p>
+                                                    </div>
+                                                </form>
+                                            </div>
+                                        </div>	{/* END SIGN UP FORM */}
+                                        {/* SIGN UP PAGE TEXT */}
+                                        <div className="col-md-6">
+                                            <div className="register-page-txt color--white">
+                                                {/* Section ID */}
+                                                <span className="section-id">Start for free</span>
+                                                {/* Title */}
+                                                <h2 className="s-48 w-700">Create</h2>
+                                                <h2 className="s-48 w-700">an account</h2>
+                                                {/* Text */}
+                                                <p className="p-md mt-25">Integer congue sagittis and velna augue egestas magna
+                                                    suscipit purus aliquam
+                                                </p>
+                                                {/* Copyright */}
+                                                <div className="register-page-copyright">
+                                                    <p className="p-sm">© 2023 Martex. <span>All Rights Reserved</span></p>
+                                                </div>
+                                            </div>
+                                        </div>	{/* END SIGN UP PAGE TEXT */}
+                                    </div>  {/* End row */}
+                                </div>	{/* End register-page-wrapper */}
+                            </div>	{/* END REGISTER PAGE WRAPPER */}
+                        </div>	   {/* End row */}
+                    </div>	   {/* End container */}
+                </div>	{/* END SIGN UP PAGE */}
+            </div>
+
+
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/single-post.js b/pages/single-post.js
new file mode 100644
index 0000000..13a802e
--- /dev/null
+++ b/pages/single-post.js
@@ -0,0 +1,561 @@
+import VideoPopup from "@/components/elements/VidepPopup"
+import Layout from "@/components/layout/Layout"
+import Link from "next/link"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
+                <div>
+                    <section id="single-post" className="pb-90 inner-page-hero blog-page-section">
+                        <div className="container">
+                            <div className="row justify-content-center">
+                                {/* SINGLE POST CONTENT */}
+                                <div className="col-xl-10">
+                                    <div className="post-content">
+                                        {/*  SINGLE POST TITLE */}
+                                        <div className="single-post-title text-center">
+                                            {/* Post Tag */}
+                                            <span className="post-tag color--green-400">Community</span>
+                                            {/* Title */}
+                                            <h2 className="s-46 w-700">Maecenas congue augue sagittis egestas integer velna purus</h2>
+                                            {/* Post Meta */}
+                                            <div className="blog-post-meta mt-35">
+                                                <ul className="post-meta-list ico-10">
+                                                    <li><p className="p-md w-500">By Melissa McClone</p></li>
+                                                    <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                                    <li><p className="p-md">April 29, 2023</p></li>
+                                                </ul>
+                                            </div>
+                                        </div>	{/* END SINGLE POST TITLE */}
+                                        {/* SINGLE POST IMAGE */}
+                                        <div className="blog-post-img py-50">
+                                            <img className="img-fluid r-16" src="/images/blog/post-12-img.jpg" alt="blog-post-image" />
+                                        </div>
+                                        {/* SINGLE POST TEXT */}
+                                        <div className="single-post-txt">
+                                            {/* Text */}
+                                            <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and
+                                                egestas magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia
+                                                donec undo augue luctus vitae egestas a molestie donec libero sapien dapibus congue
+                                                tempor undo quisque fusce cursus neque blandit fusce lacinia placerat and nulla
+                                                justo molestie blandit justo diam aliquet tortor molestie sagittis lacinia undo
+                                                and mullam molestie diam luctus donec bibendum aliquet massa elementum. Libero
+                                                quisque lacus and ligula massa lorem fusce cursus fusce nulla vitae massa placerat
+                                                and mollis, sapien gravida aliquet ipsum ultrices aliquet lorem diam purus undo
+                                                vitae aliquam auris dapibus libero fusce blandit.
+                                            </p>
+                                            {/* Text */}
+                                            <p>Congue augue sagittis egestas integer velna purus purus magna nec suscipit and
+                                                egestas magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia
+                                                donec undo augue luctus vitae egestas a molestie donec libero sapien dapibus congue
+                                                tempor undo quisque fusce cursus neque blandit fusce lorem nulla an aliquam lacinia
+                                                justo molestie blandit justo diam an aliquet tortor sagittis lacinia molestie
+                                                diam egestas
+                                            </p>
+                                            {/* Title */}
+                                            <h4 className="s-28 w-700">1. Lorem egestas a dolor fusce posuere</h4>
+                                            {/* Text */}
+                                            <p>Congue sagittis augue egestas integer velna purus purus magna nec suscipit and
+                                                egestas magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia
+                                                donec undo augue luctus vitae egestas a molestie donec libero sapien dapibus congue
+                                                tempor undo quisque fusce cursus neque blandit fusce aliquam
+                                            </p>
+                                            {/* List */}
+                                            <ul className="simple-list long-list">
+                                                <li className="list-item">
+                                                    <p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas magna
+                                                        ipsum and vitae efficitur purus and ipsum primis in cubilia laoreet augue
+                                                        egestas luctus donec.
+                                                    </p>
+                                                </li>
+                                                <li className="list-item">
+                                                    <p>Aliqum mullam blandit tempor sapien gravida donec ipsum porta justo. Laoreet
+                                                        turpis urna augue, viverra a augue eget, dictum tempor diam pulvinar dictum
+                                                        tempor
+                                                    </p>
+                                                </li>
+                                                <li className="list-item">
+                                                    <p>Blandit velna vitae auctor and congue magna tempor sapien eget gravida laoreet
+                                                        turpis
+                                                    </p>
+                                                </li>
+                                                <li className="list-item">
+                                                    <p>Quaerat sodales sapien undo <Link href="#" className="color--theme">create an API Key</Link>
+                                                        blandit velna vitae auctor and congue magna tempor sapien eget gravida laoreet
+                                                        turpis urna augue, viverra a augue eget tempor diam
+                                                    </p>
+                                                </li>
+                                            </ul>
+                                            {/* Text */}
+                                            <p>Congue augue sagittis egestas integer velna purus purus magna nec suscipit and egestas
+                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                                fusce cursus neque blandit fusce lorem nulla an  aliquam lacinia justo molestie blandit
+                                                justo diam an aliquet tortor sagittis lacinia molestie diam egestas
+                                            </p>
+                                            {/* Title */}
+                                            <h5 className="s-24 w-700">Lorem egestas a dolor @luctus donec/porta curabitur diam</h5>
+                                            {/* Text */}
+                                            <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
+                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                                fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
+                                                diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
+                                                bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem.
+                                            </p>
+                                            {/* Text Code */}
+                                            <div className="txt-code r-06">
+                                                <p>Tempor sapien and gravida donec ipsum <kbd>cd</kbd> consectetur vel imperdiet dui
+                                                    varius. Purus efficitur ipsum primis in cubilia laoreet augue egestas <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd>
+                                                </p>
+                                            </div>
+                                            {/* Text */}
+                                            <p>Sagittis augue congue egestas integer velna purus purus magna nec suscipit and egestas
+                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                                fusce cursus neque aliquam fusce blandit
+                                            </p>
+                                            {/* INNER IMAGE */}
+                                            <div className="post-inner-img">
+                                                <div className="video-preview">
+                                                    {/* Play Icon */}
+                                                    <VideoPopup style={1}/>
+                                                    {/* Preview Image */}
+                                                    <img className="img-fluid r-16" src="/images/blog/post-13-img.jpg" alt="video-preview" />
+                                                </div>
+                                            </div>
+                                            {/* Blockquote */}
+                                            <figure>
+                                                <blockquote className="blockquote w-300">
+                                                    <p>"Nulla tincidunt volutpat lectus purus diam ipsum primis felis a congue tempor
+                                                        gravida habitant morbi and tristique senectus netus malesuada famesa an augue
+                                                        luctus suscipit sapien neque undo purus neque dolor primis sodales dapibus
+                                                        egestas volute".
+                                                    </p>
+                                                </blockquote>
+                                                <figcaption className="blockquote-footer">
+                                                    Daniel Wells, <cite title="Source Title">Engineering Manager, Company Name</cite>
+                                                </figcaption>
+                                            </figure>
+                                            {/* Text */}
+                                            <p>Integer congue sagittis augue egestas  velna purus purus magna nec suscipit and egestas
+                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                                fusce cursus neque diam augue fusce sapien
+                                            </p>
+                                            {/* Text */}
+                                            <p>Integer congue sagittis augue egestas  velna purus purus magna nec suscipit and egestas
+                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                                fusce cursus neque diam augue fusce sapien nulla a primis lacinia ipsum a molestie blandit
+                                                and justo an aliquet eget molestie sagittis at quaerat sodales
+                                            </p>
+                                            {/* Title */}
+                                            <h4 className="s-28 w-700">2. Volutpat egestas and magna suscipit</h4>
+                                            {/* Text */}
+                                            <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
+                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                                fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
+                                                diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
+                                                bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem.
+                                            </p>
+                                            {/* Text Code */}
+                                            <div className="txt-code r-06">
+                                                <p>
+                                                    <code className="code-language-js">
+                                                        <span>
+                                                            <span className="code-variable">module</span>.
+                                                            <span className="code-property">exports</span> = {'{'}
+                                                        </span>
+                                                        <br />
+                                                        <span className="pl-30">
+                                                            <span className="code-variable">content</span>: ['
+                                                            <span className="code-string">./src/**/*.{'{'}ts,tsx,html{'}'}</span>'],
+                                                        </span>
+                                                        <br />
+                                                        <span className="pl-30">// … </span>
+                                                        <br />
+                                                        <span>{'}'}</span>
+                                                    </code>
+                                                </p>
+                                            </div>
+                                            {/* Text */}
+                                            <p>Sagittis augue congue egestas integer velna purus purus magna nec suscipit and egestas
+                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                                fusce cursus neque aliquam fusce blandit
+                                            </p>
+                                            {/* Title */}
+                                            <h5 className="s-24 w-700">Primis and augue "ligula" efficitur (viverra bibendum aliquet dapibus
+                                                aliquet dictum tempor diam as an example).
+                                            </h5>
+                                            {/* Text */}
+                                            <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
+                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                                fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
+                                                diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
+                                                bibendum aliquet massa elementum. ibero quisque lacus and ligula massa lorem fusce cursus
+                                                fusce nulla vitae massa placerat and mollis, sapien gravida aliquet ipsum ultrices aliquet
+                                                lorem diam purus undo vitae aliquam auris dapibus libero fusce blandit.
+                                            </p>
+                                            {/* Text Code */}
+                                            <div className="txt-code r-06">
+                                                <p>Quisque laoreet turpis <kbd>cmd</kbd> urna augue, viverra a augue eget, dictum tempor
+                                                    diam in cubilia laoreet augue egestas <kbd><kbd>Alt</kbd> + <kbd>F1</kbd></kbd> congue
+                                                    and egestas volutpat egestas magna suscipit.
+                                                </p>
+                                            </div>
+                                            {/* Text */}
+                                            <p>Congue augue sagittis egestas integer velna purus purus magna nec suscipit and egestas
+                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                                luctus vitae gestas a molestie donec libero sapien dapibus congue tempor undo quisque fusce
+                                                cursus neque blandit fusce lorem nulla an aliquam lacinia justo molestie blandit justo diam
+                                                an aliquet tortor sagittis lacinia molestie diam egestas
+                                            </p>
+                                            {/* Small Title */}
+                                            <h5 className="s-24 w-700">Vitae massa placerat undo purus?</h5>
+                                            {/* Text */}
+                                            <p>Sagittis augue congue egestas integer velna purus purus magna nec suscipit and egestas
+                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                                fusce cursus neque aliquam fusce blandit
+                                            </p>
+                                            {/* List */}
+                                            <ul className="simple-list long-list">
+                                                <li className="list-item">
+                                                    <p>Aliqum mullam blandit tempor sapien gravida donec ipsum porta justo. Laoreet
+                                                        turpis urna augue, viverra a augue eget, dictum tempor diam pulvinar dictum
+                                                        tempor
+                                                    </p>
+                                                </li>
+                                                <li className="list-item">
+                                                    <p>Blandit velna vitae auctor and congue magna tempor sapien eget gravida laoreet
+                                                        turpis
+                                                    </p>
+                                                </li>
+                                                <li className="list-item">
+                                                    <p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
+                                                        augue egestas
+                                                    </p>
+                                                </li>
+                                                <li className="list-item">
+                                                    <p>Quaerat sodales sapien undo euismod purus blandit velna vitae auctor and congue
+                                                        magna tempor sapien eget gravida laoreet turpis urna augue, viverra a augue eget
+                                                        tempor diam
+                                                    </p>
+                                                </li>
+                                            </ul>
+                                            {/* INNER IMAGES */}
+                                            <div className="post-inner-img">
+                                                <img className="img-fluid r-16" src="/images/blog/post-14-img.jpg" alt="blog-post-image" />
+                                            </div>
+                                            {/* Text */}
+                                            <p>Congue sagittis augue egestas integer velna purus purus magna nec suscipit and egestas
+                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                                fusce cursus neque blandit fusce aliquam
+                                            </p>
+                                            {/* Text */}
+                                            <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
+                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                                fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
+                                                diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
+                                                bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem.
+                                            </p>
+                                            {/* Title */}
+                                            <h4 className="s-28 w-700">3. Egestas volute turpis dolores</h4>
+                                            {/* Text */}
+                                            <p>Congue augue sagittis egestas integer velna purus purus magna nec suscipit and egestas
+                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                                fusce cursus neque blandit fusce lorem nulla an  aliquam lacinia justo molestie blandit
+                                                justo diam an aliquet tortor sagittis lacinia molestie diam egestas
+                                            </p>
+                                            {/* Text */}
+                                            <p>Sagittis augue congue egestas integer velna purus purus magna nec suscipit and egestas
+                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                                fusce cursus neque aliquam fusce blandit
+                                            </p>
+                                        </div>	{/* END SINGLE POST TEXT */}
+                                        {/* SINGLE POST SHARE LINKS */}
+                                        <div className="row">
+                                            <div className="col post-share-list">
+                                                <ul className="share-social-icons ico-20 text-center clearfix">
+                                                    <li><Link href="#" className="share-ico"><span className="flaticon-twitter" /></Link></li>
+                                                    <li><Link href="#" className="share-ico"><span className="flaticon-facebook" /></Link></li>
+                                                    <li><Link href="#" className="share-ico"><span className="flaticon-bookmark" /></Link></li>
+                                                </ul>
+                                            </div>
+                                        </div>	{/* END SINGLE POST SHARE */}
+                                        {/* POST AUTHOR */}
+                                        <div className="post-author py-100 x-border">
+                                            {/* Avatar */}
+                                            <div className="post-author-avatar">
+                                                <img src="/images/post-author.jpg" alt="author-avatar" />
+                                            </div>
+                                            {/* Text */}
+                                            <div className="post-author-txt">
+                                                {/* Title */}
+                                                <h5 className="s-24 w-700">Melissa McClone</h5>
+                                                {/* Text */}
+                                                <p>Lorem ipsum dolor sit amet, consectetur elit eiusmod tempor sapien dolore and
+                                                    incidide labore dolore labore incididunt turpis vitae raesent a varius dolor
+                                                    sagittis luctus placerat a magna cursus congue magna nihil mpedit.
+                                                </p>
+                                                {/* Follow Button */}
+                                                <div className="author-follow-btn r-04"><Link href="#">Follow</Link></div>
+                                            </div>
+                                        </div>	{/* END ABOUT POST AUTHOR */}
+                                        {/* POST COMMENTS */}
+                                        <div className="post-comments">
+                                            <div className="comments-wrapper">
+                                                {/* Title */}
+                                                <h5 className="s-24 w-700">4 Comments</h5>
+                                                {/* COMMENT #1 */}
+                                                <div className="comment d-flex">
+                                                    {/* Comment-1 Avatar */}
+                                                    <img src="/images/comment-author-1.jpg" alt="comment-avatar" />
+                                                    {/* Comment-Body */}
+                                                    <div className="comment-body">
+                                                        {/* Comment-1 Meta */}
+                                                        <div className="comment-meta">
+                                                            <h6 className="s-17 w-700">Jack H.</h6>
+                                                            <span className="comment-date">2 days ago - </span>
+                                                            <span className="btn-reply ico-20">
+                                                                <Link href="#leave-comment"><span className="flaticon-reply-arrow" /> Reply</Link>
+                                                            </span>
+                                                        </div>
+                                                        {/* Comment-1 Text */}
+                                                        <p className="mb-40">Ratione mollis undo risus aenean arcu lectus rutrum porta
+                                                            primis and puruss augue luctus neque purus and ipsum neque dolor primis
+                                                            libero tempus eget tempor ligula posuere varius impedit enim tempor vitae
+                                                            pulvinar at congue egestas vitae augue
+                                                        </p>
+                                                        <hr />
+                                                        {/* Nested Comment */}
+                                                        <div className="comment d-flex">
+                                                            {/* Nested Avatar */}
+                                                            <Link href="#" className="pr-3">
+                                                                <img src="/images/comment-author-2.jpg" alt="comment-avatar" />
+                                                            </Link>
+                                                            <div className="comment-body">
+                                                                {/* Comment-2 Meta */}
+                                                                <div className="comment-meta">
+                                                                    <h6 className="s-17 w-700">S. Parker</h6>
+                                                                    <span className="comment-date">4 days ago - </span>
+                                                                    <span className="btn-reply ico-20">
+                                                                        <Link href="#leave-comment"><span className="flaticon-reply-arrow" /> Reply</Link>
+                                                                    </span>
+                                                                </div>
+                                                                {/* Comment-2 Text */}
+                                                                <p>Etiam sapien magna at vitae pulvinar congue egestas and undo pretium
+                                                                    neque viverra porta suscipit ratione, mollis risus a lectus aliquet
+                                                                </p>
+                                                            </div>
+                                                        </div>	{/* End Nested Comment */}
+                                                    </div>
+                                                </div>	{/* END COMMENT #1 */}
+                                                <hr />
+                                                {/* COMMENT #3 */}
+                                                <div className="comment d-flex">
+                                                    {/* Comment Avatar */}
+                                                    <img src="/images/comment-author-3.jpg" alt="comment-avatar" />
+                                                    {/* Comment Body */}
+                                                    <div className="comment-body">
+                                                        {/* Comment Meta */}
+                                                        <div className="comment-meta">
+                                                            <h6 className="s-17 w-700">Sarah Griffi</h6>
+                                                            <span className="comment-date">16 days ago - </span>
+                                                            <span className="btn-reply ico-20">
+                                                                <Link href="#leave-comment"><span className="flaticon-reply-arrow" /> Reply</Link>
+                                                            </span>
+                                                        </div>
+                                                        {/* Comment Text */}
+                                                        <p>Porta ratione mollis risus aenean arcu lectus rutrum porta primis and
+                                                            puruss augue luctus neque purus and ipsum neque dolor primis libero tempus
+                                                            eget tempor ligula posuere varius impedit enim tempor vitae pulvinar at
+                                                            congue an augue egestas vitae
+                                                        </p>
+                                                    </div>	{/* End Comment Body */}
+                                                </div>	{/* END COMMENT #3 */}
+                                                <hr />
+                                                {/* COMMENT #4 */}
+                                                <div className="comment d-flex">
+                                                    {/* Comment Avatar */}
+                                                    <img src="/images/comment-author-4.jpg" alt="comment-avatar" />
+                                                    {/* Comment Body */}
+                                                    <div className="comment-body">
+                                                        {/* Comment Meta */}
+                                                        <div className="comment-meta">
+                                                            <h6 className="s-17 w-700">Joshua A.</h6>
+                                                            <span className="comment-date">30 days ago - </span>
+                                                            <span className="btn-reply ico-20">
+                                                                <Link href="#leave-comment"><span className="flaticon-reply-arrow" /> Reply</Link>
+                                                            </span>
+                                                        </div>
+                                                        {/* Comment Text */}
+                                                        <p>Congue augue egestas integer velna purus undo purus magna nec suscipit
+                                                            egestas magna and neque egestas a porta ratione mollis risus lectus porta
+                                                            quisque lacus
+                                                        </p>
+                                                    </div>	{/* End Comment Body */}
+                                                </div>	{/* END COMMENT #4 */}
+                                                <hr />
+                                                {/* COMMENT FORM */}
+                                                <div id="leave-comment">
+                                                    {/* Title */}
+                                                    <h5 className="s-24 w-700">Leave a Comment</h5>
+                                                    {/* Text */}
+                                                    <p>Your email address will not be published. Required fields are marked *</p>
+                                                    <form name="commentform" className="row comment-form">
+                                                        <div className="col-md-12 input-message">
+                                                            <p className="black--color">Add Comment <span>*</span></p>
+                                                            <textarea className="form-control message" name="message" rows={6} placeholder="Enter Your Comment Here* ..." required />
+                                                        </div>
+                                                        <div className="col-md-12">
+                                                            <p className="black--color">Name <span>*</span></p>
+                                                            <input type="text" name="name" className="form-control name" placeholder="Enter Your Name*" required />
+                                                        </div>
+                                                        <div className="col-md-12">
+                                                            <p className="black--color">Email <span>*</span></p>
+                                                            <input type="email" name="email" className="form-control email" placeholder="Enter Your Email*" required />
+                                                        </div>
+                                                        {/* Contact Form Button */}
+                                                        <div className="col-lg-12 form-btn">
+                                                            <button type="submit" className="btn btn--theme hover--theme submit">
+                                                                Post Comment
+                                                            </button>
+                                                        </div>
+                                                        {/* Contact Form Message */}
+                                                        <div className="col-md-12 comment-form-msg text-center">
+                                                            <div className="sending-msg"><span className="loading" /></div>
+                                                        </div>
+                                                    </form>
+                                                </div>	{/* END COMMENT FORM */}
+                                            </div>
+                                        </div>	{/* END POST COMMENTS */}
+                                    </div>
+                                </div>	{/* END  SINGLE POST CONTENT */}
+                            </div>    {/* End row */}
+                        </div>    {/* End container */}
+                    </section>	{/* END SINGLE POST */}
+                    {/* BLOG-1
+			============================================= */}
+                    <section id="blog-1" className="bg--white-300 py-100 blog-section division">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-9">
+                                    <div className="section-title mb-70">
+                                        {/* Title */}
+                                        <h2 className="s-50 w-700">Keep Reading...</h2>
+                                        {/* Text */}
+                                        <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
+                                    </div>
+                                </div>
+                            </div>
+                            <div className="row">
+                                {/* BLOG POST #1 */}
+                                <div className="col-md-6 col-lg-4">
+                                    <div id="bp-1-1" className="blog-post wow fadeInUp">
+                                        {/* BLOG POST IMAGE */}
+                                        <div className="blog-post-img mb-35">
+                                            <img className="img-fluid r-16" src="/images/blog/post-8-img.jpg" alt="blog-post-image" />
+                                        </div>
+                                        {/* BLOG POST TEXT */}
+                                        <div className="blog-post-txt">
+                                            {/* Post Tag */}
+                                            <span className="post-tag color--pink-400">Product News</span>
+                                            {/* Post Link */}
+                                            <h6 className="s-20 w-700">
+                                                <Link href="/single-post">Aliqum mullam porta blandit: tempor sapien and gravida</Link>
+                                            </h6>
+                                            {/* Text */}
+                                            <p>Egestas luctus vitae augue and ipsum ultrice quisque in cursus lacus feugiat congue
+                                                diam ultrice laoreet sagittis
+                                            </p>
+                                            {/* Post Meta */}
+                                            <div className="blog-post-meta mt-20">
+                                                <ul className="post-meta-list ico-10">
+                                                    <li><p className="p-sm w-500">By Helen J.</p></li>
+                                                    <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                                    <li><p className="p-sm">Apr 28, 2023</p></li>
+                                                </ul>
+                                            </div>
+                                        </div>	{/* END BLOG POST TEXT */}
+                                    </div>
+                                </div>	{/* END BLOG POST #1 */}
+                                {/* BLOG POST #2 */}
+                                <div className="col-md-6 col-lg-4">
+                                    <div id="bp-1-2" className="blog-post wow fadeInUp">
+                                        {/* BLOG POST IMAGE */}
+                                        <div className="blog-post-img mb-35">
+                                            <img className="img-fluid r-16" src="/images/blog/post-2-img.jpg" alt="blog-post-image" />
+                                        </div>
+                                        {/* BLOG POST TEXT */}
+                                        <div className="blog-post-txt">
+                                            {/* Post Tag */}
+                                            <span className="post-tag color--green-400">Community</span>
+                                            {/* Post Link */}
+                                            <h6 className="s-20 w-700">
+                                                <Link href="/single-post">Porttitor cursus fusce egestas CEO cursus at magna sapien
+                                                    suscipit and egestas ipsum
+                                                </Link>
+                                            </h6>
+                                            {/* Text */}
+                                            <p>Aliqum mullam ipsum vitae and blandit vitae tempor sapien and donec lipsum</p>
+                                            {/* Post Meta */}
+                                            <div className="blog-post-meta mt-20">
+                                                <ul className="post-meta-list ico-10">
+                                                    <li><p className="p-sm w-500">By Martex Team</p></li>
+                                                    <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                                    <li><p className="p-sm">Apr 14, 2023</p></li>
+                                                </ul>
+                                            </div>
+                                        </div>	{/* END BLOG POST TEXT */}
+                                    </div>
+                                </div>	{/* END BLOG POST #2 */}
+                                {/* BLOG POST #3 */}
+                                <div className="col-md-12 col-lg-4">
+                                    <div id="bp-1-3" className="blog-post wow fadeInUp">
+                                        {/* BLOG POST IMAGE */}
+                                        <div className="blog-post-img mb-35">
+                                            <img className="img-fluid r-16" src="/images/blog/post-5-img.jpg" alt="blog-post-image" />
+                                        </div>
+                                        {/* BLOG POST TEXT */}
+                                        <div className="blog-post-txt">
+                                            {/* Post Tag */}
+                                            <span className="post-tag color--purple-400">Freelancer Tips</span>
+                                            {/* Post Link */}
+                                            <h6 className="s-20 w-700">
+                                                <Link href="/single-post">Cubilia laoreet augue egestas and Martex magna impedit</Link>
+                                            </h6>
+                                            {/* Text */}
+                                            <p>Luctus vitae egestas augue and ipsum ultrice quisque in cursus lacus feugiat egets
+                                                congue ultrice sagittis laoreet
+                                            </p>
+                                            {/* Post Meta */}
+                                            <div className="blog-post-meta mt-20">
+                                                <ul className="post-meta-list ico-10">
+                                                    <li><p className="p-sm w-500">By Miranda Green</p></li>
+                                                    <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
+                                                    <li><p className="p-sm">Mar 27, 2023</p></li>
+                                                </ul>
+                                            </div>
+                                        </div>	{/* END BLOG POST TEXT */}
+                                    </div>
+                                </div>	{/* END BLOG POST #3 */}
+                            </div>    {/* End row */}
+                        </div>    {/* End container */}
+                    </section>
+                </div>
+
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/team.js b/pages/team.js
new file mode 100644
index 0000000..f3c9bc7
--- /dev/null
+++ b/pages/team.js
@@ -0,0 +1,445 @@
+import Layout from "@/components/layout/Layout"
+import Link from "next/link"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
+                <div>
+                    <section id="team-2" className="gr--whitesmoke pb-40 inner-page-hero team-section">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-9">
+                                    <div className="section-title mb-80">
+                                        <h2 className="s-52 w-700">All we do is dream and craft amazing products</h2>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* TEAM MEMBERS WRAPPER */}
+                            <div className="team-members-wrapper">
+                                <div className="row row-cols-1 row-cols-sm-2 row-cols-md-3">
+                                    {/* TEAM MEMBER #1 */}
+                                    <div className="col">
+                                        <div id="tm-2-1" className="team-member mb-60 wow fadeInUp">
+                                            {/* Team Member Photo */}
+                                            <div className="team-member-photo r-14">
+                                                <div className="hover-overlay">
+                                                    <img className="img-fluid" src="/images/team-1.jpg" alt="team-member-foto" />
+                                                    <div className="item-overlay" />
+                                                </div>
+                                            </div>
+                                            {/* Team Member Data */}
+                                            <div className="team-member-data">
+                                                {/* Data */}
+                                                <h6 className="s-20 color--black w-700">Jonathan Barnes</h6>
+                                                <p className="color--grey">Founder and CEO</p>
+                                                {/* Social Links */}
+                                                <ul className="tm-social ico-20 clearfix">
+                                                    <li><Link href="#"><span className="flaticon-facebook" /></Link></li>
+                                                    <li><Link href="#"><span className="flaticon-twitter" /></Link></li>
+                                                </ul>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END TEAM MEMBER #1 */}
+                                    {/* TEAM MEMBER #2 */}
+                                    <div className="col">
+                                        <div id="tm-2-2" className="team-member mb-60 wow fadeInUp">
+                                            {/* Team Member Photo */}
+                                            <div className="team-member-photo r-14">
+                                                <div className="hover-overlay">
+                                                    <img className="img-fluid" src="/images/team-2.jpg" alt="team-member-foto" />
+                                                    <div className="item-overlay" />
+                                                </div>
+                                            </div>
+                                            {/* Team Member Data */}
+                                            <div className="team-member-data">
+                                                {/* Data */}
+                                                <h6 className="s-20 color--black w-700">Jaime Fletcher</h6>
+                                                <p className="color--grey">Senior Software Developer</p>
+                                                {/* Social Links */}
+                                                <ul className="tm-social ico-20 clearfix">
+                                                    <li><Link href="#"><span className="flaticon-facebook" /></Link></li>
+                                                    <li><Link href="#"><span className="flaticon-twitter" /></Link></li>
+                                                </ul>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END TEAM MEMBER #2 */}
+                                    {/* TEAM MEMBER #3 */}
+                                    <div className="col">
+                                        <div id="tm-2-3" className="team-member mb-60 wow fadeInUp">
+                                            {/* Team Member Photo */}
+                                            <div className="team-member-photo r-14">
+                                                <div className="hover-overlay">
+                                                    <img className="img-fluid" src="/images/team-3.jpg" alt="team-member-foto" />
+                                                    <div className="item-overlay" />
+                                                </div>
+                                            </div>
+                                            {/* Team Member Data */}
+                                            <div className="team-member-data">
+                                                {/* Data */}
+                                                <h6 className="s-20 color--black w-700">Les Bakker</h6>
+                                                <p className="color--grey">Software Engineer</p>
+                                                {/* Social Links */}
+                                                <ul className="tm-social ico-20 clearfix">
+                                                    <li><Link href="#"><span className="flaticon-facebook" /></Link></li>
+                                                    <li><Link href="#"><span className="flaticon-twitter" /></Link></li>
+                                                </ul>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END TEAM MEMBER #3 */}
+                                    {/* TEAM MEMBER #4 */}
+                                    <div className="col">
+                                        <div id="tm-2-4" className="team-member mb-60 wow fadeInUp">
+                                            {/* Team Member Photo */}
+                                            <div className="team-member-photo r-14">
+                                                <div className="hover-overlay">
+                                                    <img className="img-fluid" src="/images/team-4.jpg" alt="team-member-foto" />
+                                                    <div className="item-overlay" />
+                                                </div>
+                                            </div>
+                                            {/* Team Member Data */}
+                                            <div className="team-member-data">
+                                                {/* Data */}
+                                                <h6 className="s-20 color--black w-700">Alyssa Garrison</h6>
+                                                <p className="color--grey">Web Development</p>
+                                                {/* Social Links */}
+                                                <ul className="tm-social ico-20 clearfix">
+                                                    <li><Link href="#"><span className="flaticon-facebook" /></Link></li>
+                                                    <li><Link href="#"><span className="flaticon-dribbble" /></Link></li>
+                                                </ul>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END TEAM MEMBER #4 */}
+                                    {/* TEAM MEMBER #5 */}
+                                    <div className="col">
+                                        <div id="tm-2-5" className="team-member mb-60 wow fadeInUp">
+                                            {/* Team Member Photo */}
+                                            <div className="team-member-photo r-14">
+                                                <div className="hover-overlay">
+                                                    <img className="img-fluid" src="/images/team-5.jpg" alt="team-member-foto" />
+                                                    <div className="item-overlay" />
+                                                </div>
+                                            </div>
+                                            {/* Team Member Data */}
+                                            <div className="team-member-data">
+                                                {/* Data */}
+                                                <h6 className="s-20 color--black w-700">Charlotte Johnson</h6>
+                                                <p className="color--grey">Content Manager</p>
+                                                {/* Social Links */}
+                                                <ul className="tm-social ico-20 clearfix">
+                                                    <li><Link href="#"><span className="flaticon-facebook" /></Link></li>
+                                                    <li><Link href="#"><span className="flaticon-dribbble" /></Link></li>
+                                                </ul>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END TEAM MEMBER #5 */}
+                                    {/* TEAM MEMBER #6 */}
+                                    <div className="col">
+                                        <div id="tm-2-6" className="team-member mb-60 wow fadeInUp">
+                                            {/* Team Member Photo */}
+                                            <div className="team-member-photo r-14">
+                                                <div className="hover-overlay">
+                                                    <img className="img-fluid" src="/images/team-6.jpg" alt="team-member-foto" />
+                                                    <div className="item-overlay" />
+                                                </div>
+                                            </div>
+                                            {/* Team Member Data */}
+                                            <div className="team-member-data">
+                                                {/* Data */}
+                                                <h6 className="s-20 color--black w-700">Olivia Steiner</h6>
+                                                <p className="color--grey">Customers Manager</p>
+                                                {/* Social Links */}
+                                                <ul className="tm-social ico-20 clearfix">
+                                                    <li><Link href="#"><span className="flaticon-facebook" /></Link></li>
+                                                    <li><Link href="#"><span className="flaticon-twitter" /></Link></li>
+                                                </ul>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END TEAM MEMBER #6 */}
+                                    {/* TEAM MEMBER #7 */}
+                                    <div className="col">
+                                        <div id="tm-2-7" className="team-member mb-60 wow fadeInUp">
+                                            {/* Team Member Photo */}
+                                            <div className="team-member-photo r-14">
+                                                <div className="hover-overlay">
+                                                    <img className="img-fluid" src="/images/team-7.jpg" alt="team-member-foto" />
+                                                    <div className="item-overlay" />
+                                                </div>
+                                            </div>
+                                            {/* Team Member Data */}
+                                            <div className="team-member-data">
+                                                {/* Data */}
+                                                <h6 className="s-20 color--black w-700">Charles Fairless</h6>
+                                                <p className="color--grey">Customers Manager</p>
+                                                {/* Social Links */}
+                                                <ul className="tm-social ico-20 clearfix">
+                                                    <li><Link href="#"><span className="flaticon-facebook" /></Link></li>
+                                                    <li><Link href="#"><span className="flaticon-twitter" /></Link></li>
+                                                </ul>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END TEAM MEMBER #7 */}
+                                    {/* TEAM MEMBER #8 */}
+                                    <div className="col">
+                                        <div id="tm-2-8" className="team-member mb-60 wow fadeInUp">
+                                            {/* Team Member Photo */}
+                                            <div className="team-member-photo r-14">
+                                                <div className="hover-overlay">
+                                                    <img className="img-fluid" src="/images/team-8.jpg" alt="team-member-foto" />
+                                                    <div className="item-overlay" />
+                                                </div>
+                                            </div>
+                                            {/* Team Member Data */}
+                                            <div className="team-member-data">
+                                                {/* Data */}
+                                                <h6 className="s-20 color--black w-700">Nancy Taylor</h6>
+                                                <p className="color--grey">Head of Marketing</p>
+                                                {/* Social Links */}
+                                                <ul className="tm-social ico-20 clearfix">
+                                                    <li><Link href="#"><span className="flaticon-facebook" /></Link></li>
+                                                    <li><Link href="#"><span className="flaticon-linkedin-logo" /></Link></li>
+                                                </ul>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END TEAM MEMBER #8 */}
+                                    {/* TEAM MEMBER #9 */}
+                                    <div className="col">
+                                        <div id="tm-2-9" className="team-member mb-60 wow fadeInUp">
+                                            {/* Team Member Photo */}
+                                            <div className="team-member-photo r-14">
+                                                <div className="hover-overlay">
+                                                    <img className="img-fluid" src="/images/team-9.jpg" alt="team-member-foto" />
+                                                    <div className="item-overlay" />
+                                                </div>
+                                            </div>
+                                            {/* Team Member Data */}
+                                            <div className="team-member-data">
+                                                {/* Data */}
+                                                <h6 className="s-20 color--black w-700">Robert Walder</h6>
+                                                <p className="color--grey">Product Manager</p>
+                                                {/* Social Links */}
+                                                <ul className="tm-social ico-20 clearfix">
+                                                    <li><Link href="#"><span className="flaticon-facebook" /></Link></li>
+                                                    <li><Link href="#"><span className="flaticon-twitter" /></Link></li>
+                                                </ul>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END TEAM MEMBER #9 */}
+                                    {/* TEAM MEMBER #10 */}
+                                    <div className="col">
+                                        <div id="tm-2-10" className="team-member mb-60 wow fadeInUp">
+                                            {/* Team Member Photo */}
+                                            <div className="team-member-photo r-14">
+                                                <div className="hover-overlay">
+                                                    <img className="img-fluid" src="/images/team-10.jpg" alt="team-member-foto" />
+                                                    <div className="item-overlay" />
+                                                </div>
+                                            </div>
+                                            {/* Team Member Data */}
+                                            <div className="team-member-data">
+                                                {/* Data */}
+                                                <h6 className="s-20 color--black w-700">Michael Green</h6>
+                                                <p className="color--grey">Marketing Manager</p>
+                                                {/* Social Links */}
+                                                <ul className="tm-social ico-20 clearfix">
+                                                    <li><Link href="#"><span className="flaticon-facebook" /></Link></li>
+                                                    <li><Link href="#"><span className="flaticon-linkedin-logo" /></Link></li>
+                                                </ul>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END TEAM MEMBER #10 */}
+                                    {/* TEAM MEMBER #11 */}
+                                    <div className="col">
+                                        <div id="tm-2-11" className="team-member mb-60 wow fadeInUp">
+                                            {/* Team Member Photo */}
+                                            <div className="team-member-photo r-14">
+                                                <div className="hover-overlay">
+                                                    <img className="img-fluid" src="/images/team-11.jpg" alt="team-member-foto" />
+                                                    <div className="item-overlay" />
+                                                </div>
+                                            </div>
+                                            {/* Team Member Data */}
+                                            <div className="team-member-data">
+                                                {/* Data */}
+                                                <h6 className="s-20 color--black w-700">Nadine Adams</h6>
+                                                <p className="color--grey">Marketing Copywriter</p>
+                                                {/* Social Links */}
+                                                <ul className="tm-social ico-20 clearfix">
+                                                    <li><Link href="#"><span className="flaticon-facebook" /></Link></li>
+                                                    <li><Link href="#"><span className="flaticon-pinterest-logo" /></Link></li>
+                                                </ul>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END TEAM MEMBER #11 */}
+                                    {/* TEAM MEMBER #12 */}
+                                    <div className="col">
+                                        <div id="tm-2-12" className="team-member mb-60 wow fadeInUp">
+                                            {/* Team Member Photo */}
+                                            <div className="team-member-photo r-14">
+                                                <div className="hover-overlay">
+                                                    <img className="img-fluid" src="/images/team-12.jpg" alt="team-member-foto" />
+                                                    <div className="item-overlay" />
+                                                </div>
+                                            </div>
+                                            {/* Team Member Data */}
+                                            <div className="team-member-data">
+                                                {/* Data */}
+                                                <h6 className="s-20 color--black w-700">Andrew Barker</h6>
+                                                <p className="color--grey">Product Support Manager</p>
+                                                {/* Social Links */}
+                                                <ul className="tm-social ico-20 clearfix">
+                                                    <li><Link href="#"><span className="flaticon-facebook" /></Link></li>
+                                                    <li><Link href="#"><span className="flaticon-linkedin-logo" /></Link></li>
+                                                </ul>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END TEAM MEMBER #12 */}
+                                </div>   {/* End row */}
+                            </div>	{/* TEAM MEMBERS WRAPPER */}
+                        </div>	    {/* End container */}
+                    </section>	{/* END TEAM-2 */}
+                    {/* BANNER-12
+			============================================= */}
+                    <section id="banner-12" className="banner-section">
+                        <div className="container">
+                            {/* BANNER-12 WRAPPER */}
+                            <div className="banner-12-wrapper bg--05 bg--fixed r-16">
+                                <div className="banner-overlay">
+                                    <div className="row d-flex align-items-center">
+                                        {/* BANNER-12 TEXT */}
+                                        <div className="col-md-7">
+                                            <div className="banner-12-txt color--white">
+                                                {/* Title */}
+                                                <h2 className="s-45 w-700">We are looking for talented individuals</h2>
+                                                {/* Text */}
+                                                <p className="p-lg">We're constantly looking for talented people to join our team.
+                                                    Don't hesitate to get in touch with us
+                                                </p>
+                                                {/* Button */}
+                                                <Link href="#careers-1" className="btn r-04 btn--theme hover--tra-white">See open roles</Link>
+                                            </div>
+                                        </div>	{/* END BANNER-12 TEXT */}
+                                        {/* BANNER-12 IMAGE */}
+                                        <div className="col-md-5">
+                                            <div className="banner-12-img text-center">
+                                                <img className="img-fluid" src="/images/img-16.png" alt="banner-image" />
+                                            </div>
+                                        </div>
+                                    </div>   {/* End row */}
+                                </div>   {/* End banner overlay */}
+                            </div>    {/* END BANNER-12 WRAPPER */}
+                        </div>     {/* End container */}
+                    </section>	{/* END BANNER-12 */}
+                    {/* CAREERS-1
+			============================================= */}
+                    <section id="careers-1" className="pt-100 pb-60 careers-section">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row justify-content-center">
+                                <div className="col-md-10 col-lg-9">
+                                    <div className="section-title mb-70">
+                                        {/* Title */}
+                                        <h2 className="s-52 w-700">Open Roles at Martex</h2>
+                                        {/* Text */}
+                                        <p className="p-lg">We’re building a better way to work, fueled by transparency, trust, and
+                                            technology that is a force for positive change for the hourly workforce
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* OPEN ROLES */}
+                            <div className="row row-cols-1 row-cols-md-2">
+                                {/* OPEN ROLE #1 */}
+                                <div className="col">
+                                    <div className="role-box bg--white-300 r-10">
+                                        <Link href="/career-role">
+                                            <span>Sales</span>
+                                            <h6 className="s-20 w-700">Senior Account Executive</h6>
+                                            <p>New York, NY / Full time</p>
+                                        </Link>
+                                    </div>
+                                </div>	{/* END OPEN ROLE #1 */}
+                                {/* OPEN ROLE #2 */}
+                                <div className="col">
+                                    <div className="role-box bg--white-300 r-10">
+                                        <Link href="/career-role">
+                                            <span>Engineering</span>
+                                            <h6 className="s-20 w-700">Software Engineer, Security</h6>
+                                            <p>Vancouver, British Columbia, Canada / Remote</p>
+                                        </Link>
+                                    </div>
+                                </div>	{/* END OPEN ROLE #2 */}
+                                {/* OPEN ROLE #3 */}
+                                <div className="col">
+                                    <div className="role-box bg--white-300 r-10">
+                                        <Link href="/career-role">
+                                            <span>Engineering</span>
+                                            <h6 className="s-20 w-700">Senior Backend Engineer</h6>
+                                            <p>New York, NY / Full time</p>
+                                        </Link>
+                                    </div>
+                                </div>	{/* END OPEN ROLE #3 */}
+                                {/* OPEN ROLE #4 */}
+                                <div className="col">
+                                    <div className="role-box bg--white-300 r-10">
+                                        <Link href="/career-role">
+                                            <span>Engineering</span>
+                                            <h6 className="s-20 w-700">Engineering Tech Lead</h6>
+                                            <p>Vancouver, British Columbia, Canada / Remote</p>
+                                        </Link>
+                                    </div>
+                                </div>	{/* END OPEN ROLE #4 */}
+                                {/* OPEN ROLE #5 */}
+                                <div className="col">
+                                    <div className="role-box bg--white-300 r-10">
+                                        <Link href="/career-role">
+                                            <span>Sales</span>
+                                            <h6 className="s-20 w-700">Mid-Market Account Executive</h6>
+                                            <p>New York, NY / Full time</p>
+                                        </Link>
+                                    </div>
+                                </div>	{/* END OPEN ROLE #5 */}
+                                {/* OPEN ROLE #6 */}
+                                <div className="col">
+                                    <div className="role-box bg--white-300 r-10">
+                                        <Link href="/career-role">
+                                            <span>Marketing</span>
+                                            <h6 className="s-20 w-700">Product Marketing Manager</h6>
+                                            <p>Vancouver, British Columbia, Canada / Remote</p>
+                                        </Link>
+                                    </div>
+                                </div>	{/* END OPEN ROLE #6 */}
+                            </div>	{/* END OPEN ROLES */}
+                        </div> {/* End container */}
+                    </section>	{/* END CAREERS-1 */}
+                    {/* BANNER-4
+			============================================= */}
+                    <section id="banner-4" className="banner-section">
+                        <div className="banner-overlay pb-100">
+                            <div className="container">
+                                {/* BANNER-4 WRAPPER */}
+                                <div className="banner-4-wrapper">
+                                    <div className="row justify-content-center">
+                                        {/* BANNER-4 TEXT */}
+                                        <div className="col-md-9">
+                                            <div className="banner-4-txt text-center">
+                                                {/* Title */}
+                                                <h2 className="s-46 w-700">We can't wait to meet you</h2>
+                                                {/* Button */}
+                                                <Link href="mailto:yourdomain@mail.com" className="btn r-04 btn--theme hover--theme">hello@yourdomain.com</Link>
+                                            </div>
+                                        </div>
+                                    </div>   {/* End row */}
+                                </div>    {/* END BANNER-4 WRAPPER */}
+                            </div>    {/* End container */}
+                        </div>     {/* End banner overlay */}
+                    </section>	{/* END BANNER-4 */}
+                    {/* DIVIDER LINE */}
+                    <hr className="divider" />
+                </div>
+
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/terms.js b/pages/terms.js
new file mode 100644
index 0000000..814a6a5
--- /dev/null
+++ b/pages/terms.js
@@ -0,0 +1,208 @@
+import Layout from "@/components/layout/Layout"
+import Link from "next/link"
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={1} headerCls="navbar-dark inner-page-header">
+                <section id="terms-page" className="gr--whitesmoke pb-80 inner-page-hero division">
+                    <div className="container">
+                        <div className="row justify-content-center">
+                            <div className="col-xl-10">
+                                {/* INNER PAGE TITLE */}
+                                <div className="inner-page-title">
+                                    <h2 className="s-52 w-700">Terms of Service</h2>
+                                    <p className="p-lg">This policy is effective as of 23th October 2022</p>
+                                </div>
+                                {/* TEXT BLOCK */}
+                                <div className="txt-block legal-info">
+                                    {/* Title */}
+                                    <h4 className="s-30 w-700"><span>1.</span> Ownership</h4>
+                                    {/* Text */}
+                                    <p>Donec sodales nibh vel (the <span>"Terms"</span>) aliquet tristique purus
+                                        justo suscipit mauris tempus sed laoreet nulla ante purus. Donec dolor and magna undo
+                                        suscipit magna at tortor laoreet dignissim, undo porttitor massa quisque and mollis,
+                                        sapien gravida aliquet ipsum ultrices aliquet lorem purus and vitae auris aliquam
+                                    </p>
+                                    {/* Text */}
+                                    <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce an aliquam nulla lacinia justo molestie blandit justo
+                                        diam aliquet tortor molestie non sagittis lacinia
+                                    </p>
+                                    {/* Title */}
+                                    <h4 className="s-30 w-700"><span>2.</span> Acceptance of Terms</h4>
+                                    {/* Text */}
+                                    <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
+                                        diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
+                                        bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem fusce cursus
+                                        fusce nulla vitae massa placerat and mollis, sapien gravida aliquet ipsum ultrices aliquet
+                                        lorem diam purus undo vitae aliquam auris dapibus libero fusce blandit.
+                                    </p>
+                                    {/* Text */}
+                                    <p>Congue augue sagittis egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce lorem nulla an aliquam lacinia justo molestie blandit
+                                        justo diam an aliquet tortor sagittis lacinia molestie diam egestas
+                                    </p>
+                                    {/* Title */}
+                                    <h4 className="s-30 w-700"><span>3.</span> Service Description</h4>
+                                    {/* Text */}
+                                    <p>Congue sagittis augue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce aliquam
+                                    </p>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Quaerat sodales sapien undo velna purus euismod purus velna blandit vitae auctor
+                                                and congue magna tempor sapien gravida laoreet turpis urna augue, viverra a augue
+                                                eget diam pulvinar
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
+                                                and augue egestas
+                                            </p>
+                                        </li>
+                                    </ul>
+                                    {/* Small Title */}
+                                    <h5 className="s-24 w-700"><span>3.1.</span> Subscription</h5>
+                                    {/* Text */}
+                                    <p>Integer congue sagittis augue egestas  velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque diam augue fusce sapien nulla a primis lacinia ipsum a molestie blandit
+                                        and justo an aliquet eget molestie sagittis at quaerat sodales
+                                    </p>
+                                    {/* Text */}
+                                    <p>Aliqum mullam tincidunt a sapien gravida and diam donec porta.</p>
+                                    {/* Title */}
+                                    <h4 className="s-30 w-700"><span>4.</span> Account Information</h4>
+                                    {/* Text */}
+                                    <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
+                                        diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
+                                        bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem.
+                                    </p>
+                                    {/* Small Title */}
+                                    <h5 className="s-24 w-700"><span>4.1.</span> Registering for an account</h5>
+                                    {/* Text */}
+                                    <p>Congue augue sagittis egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce lorem nulla an aliquam lacinia justo molestie blandit
+                                        justo diam an aliquet tortor sagittis lacinia molestie diam egestas
+                                    </p>
+                                    {/* Text */}
+                                    <p>Sagittis augue congue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque aliquam fusce blandit
+                                    </p>
+                                    {/* Small Title */}
+                                    <h5 className="s-24 w-700"><span>4.2.</span> Your responsibility for your account</h5>
+                                    {/* Text */}
+                                    <p>Integer congue sagittis augue egestas  velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque diam augue fusce sapien
+                                    </p>
+                                    {/* Title */}
+                                    <h4 className="s-30 w-700"><span>5.</span> Price and Taxes</h4>
+                                    {/* List */}
+                                    <ul className="simple-list">
+                                        <li className="list-item">
+                                            <p>Quaerat sodales sapien undo velna purus euismod purus velna blandit vitae auctor
+                                                and congue magna tempor sapien gravida laoreet turpis urna augue, viverra a augue
+                                                eget tempor diam
+                                            </p>
+                                        </li>
+                                        <li className="list-item">
+                                            <p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
+                                                and augue egestas
+                                            </p>
+                                        </li>
+                                    </ul>
+                                    {/* Text */}
+                                    <p>Augue congue sagittis egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque donec and ipsum porta diam lorem sodales an aliquam lacinia justo
+                                        sapien congue aliquet and sodales a quaerat tortor lacinia egestas
+                                    </p>
+                                    {/* Title */}
+                                    <h4 className="s-30 w-700"><span>6.</span> Method of Payment</h4>
+                                    {/* Text */}
+                                    <p>Integer congue sagittis augue egestas  velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque diam augue fusce sapien
+                                    </p>
+                                    {/* Text */}
+                                    <p>Sagittis augue congue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec and augue
+                                        luctus congue
+                                    </p>
+                                    {/* Small Title */}
+                                    <h5 className="s-24 w-700"><span>6.1.</span> Refunds</h5>
+                                    {/* Text */}
+                                    <p>Integer congue sagittis augue egestas  velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque diam augue fusce sapien nulla a primis lacinia ipsum a molestie blandit
+                                        and justo an aliquet eget molestie sagittis at quaerat sodales
+                                    </p>
+                                    {/* Text */}
+                                    <p>Aliqum mullam tincidunt a sapien gravida and diam donec porta.</p>
+                                    {/* Title */}
+                                    <h4 className="s-30 w-700"><span>7.</span> Security</h4>
+                                    {/* Text */}
+                                    <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
+                                        diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
+                                        bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem fusce cursus
+                                        fusce nulla vitae massa placerat and mollis, sapien gravida aliquet ipsum ultrices aliquet
+                                        lorem diam purus undo vitae aliquam auris dapibus libero fusce blandit.
+                                    </p>
+                                    {/* Title */}
+                                    <h4 className="s-30 w-700"><span>8.</span> Changes to This Terms of Service</h4>
+                                    {/* Text */}
+                                    <p>Congue augue sagittis egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque blandit fusce lorem nulla an aliquam lacinia justo molestie blandit
+                                        justo diam an aliquet tortor sagittis lacinia molestie diam egestas
+                                    </p>
+                                    {/* Text */}
+                                    <p>Sagittis augue congue egestas integer velna purus purus magna nec suscipit and egestas
+                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
+                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
+                                        fusce cursus neque aliquam fusce blandit
+                                    </p>
+                                    {/* Title */}
+                                    <h4 className="s-30 w-700"><span>9.</span> How to Contact Us</h4>
+                                    {/* Text */}
+                                    <p>If you have any questions or suggestions about this Terms of Service, do not hesitate to
+                                        contact us at <Link href="mailto:yourdomain@mail.com" className="color--theme">hello@yourdomain.com</Link>
+                                    </p>
+                                </div>	{/* END TEXT BLOCK */}
+                            </div>
+                        </div>    {/* End row */}
+                    </div>     {/* End container */}
+                </section>
+
+            </Layout>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/public/css/.DS_Store b/public/css/.DS_Store
new file mode 100644
index 0000000..a642a73
Binary files /dev/null and b/public/css/.DS_Store differ
diff --git a/public/css/animate.css b/public/css/animate.css
new file mode 100644
index 0000000..18ddca4
--- /dev/null
+++ b/public/css/animate.css
@@ -0,0 +1,1593 @@
+@charset "UTF-8";
+
+/*!
+ * animate.css -http://daneden.me/animate
+ * Version - 3.5.2
+ * Licensed under the MIT license - http://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2017 Daniel Eden
+ */
+
+.animated {
+  animation-duration: 1.2s;
+  animation-fill-mode: both;
+}
+/*
+.animated.zoomIn {
+  animation-duration: s;
+}*/
+
+.animated.infinite {
+  animation-iteration-count: infinite;
+}
+
+.animated.hinge {
+  animation-duration: 2s;
+}
+
+.animated.fadeInUp,
+.animated.fadeInUpBig {
+  animation-duration: 1.75s;
+}
+
+.animated.fadeInLeft,
+.animated.fadeInRight {
+  animation-duration: 2s;
+}
+
+.animated.flipOutX,
+.animated.flipOutY,
+.animated.bounceIn,
+.animated.bounceOut {
+  animation-duration: .75s;
+}
+
+@keyframes bounce {
+  from, 20%, 53%, 80%, to {
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    transform: translate3d(0,0,0);
+  }
+
+  40%, 43% {
+    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+    transform: translate3d(0, -30px, 0);
+  }
+
+  70% {
+    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+    transform: translate3d(0, -15px, 0);
+  }
+
+  90% {
+    transform: translate3d(0,-4px,0);
+  }
+}
+
+.bounce {
+  animation-name: bounce;
+  transform-origin: center bottom;
+}
+
+@keyframes flash {
+  from, 50%, to {
+    opacity: 1;
+  }
+
+  25%, 75% {
+    opacity: 0;
+  }
+}
+
+.flash {
+  animation-name: flash;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@keyframes pulse {
+  from {
+    transform: scale3d(1, 1, 1);
+  }
+
+  50% {
+    transform: scale3d(1.05, 1.05, 1.05);
+  }
+
+  to {
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+.pulse {
+  animation-name: pulse;
+}
+
+@keyframes rubberBand {
+  from {
+    transform: scale3d(1, 1, 1);
+  }
+
+  30% {
+    transform: scale3d(1.25, 0.75, 1);
+  }
+
+  40% {
+    transform: scale3d(0.75, 1.25, 1);
+  }
+
+  50% {
+    transform: scale3d(1.15, 0.85, 1);
+  }
+
+  65% {
+    transform: scale3d(.95, 1.05, 1);
+  }
+
+  75% {
+    transform: scale3d(1.05, .95, 1);
+  }
+
+  to {
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+.rubberBand {
+  animation-name: rubberBand;
+}
+
+@keyframes shake {
+  from, to {
+    transform: translate3d(0, 0, 0);
+  }
+
+  10%, 30%, 50%, 70%, 90% {
+    transform: translate3d(-10px, 0, 0);
+  }
+
+  20%, 40%, 60%, 80% {
+    transform: translate3d(10px, 0, 0);
+  }
+}
+
+.shake {
+  animation-name: shake;
+}
+
+@keyframes headShake {
+  0% {
+    transform: translateX(0);
+  }
+
+  6.5% {
+    transform: translateX(-6px) rotateY(-9deg);
+  }
+
+  18.5% {
+    transform: translateX(5px) rotateY(7deg);
+  }
+
+  31.5% {
+    transform: translateX(-3px) rotateY(-5deg);
+  }
+
+  43.5% {
+    transform: translateX(2px) rotateY(3deg);
+  }
+
+  50% {
+    transform: translateX(0);
+  }
+}
+
+.headShake {
+  animation-timing-function: ease-in-out;
+  animation-name: headShake;
+}
+
+@keyframes swing {
+  20% {
+    transform: rotate3d(0, 0, 1, 15deg);
+  }
+
+  40% {
+    transform: rotate3d(0, 0, 1, -10deg);
+  }
+
+  60% {
+    transform: rotate3d(0, 0, 1, 5deg);
+  }
+
+  80% {
+    transform: rotate3d(0, 0, 1, -5deg);
+  }
+
+  to {
+    transform: rotate3d(0, 0, 1, 0deg);
+  }
+}
+
+.swing {
+  transform-origin: top center;
+  animation-name: swing;
+}
+
+@keyframes tada {
+  from {
+    transform: scale3d(1, 1, 1);
+  }
+
+  10%, 20% {
+    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
+  }
+
+  30%, 50%, 70%, 90% {
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+  }
+
+  40%, 60%, 80% {
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+  }
+
+  to {
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+.tada {
+  animation-name: tada;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@keyframes wobble {
+  from {
+    transform: none;
+  }
+
+  15% {
+    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+  }
+
+  30% {
+    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+  }
+
+  45% {
+    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+  }
+
+  60% {
+    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+  }
+
+  75% {
+    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+  }
+
+  to {
+    transform: none;
+  }
+}
+
+.wobble {
+  animation-name: wobble;
+}
+
+@keyframes jello {
+  from, 11.1%, to {
+    transform: none;
+  }
+
+  22.2% {
+    transform: skewX(-12.5deg) skewY(-12.5deg);
+  }
+
+  33.3% {
+    transform: skewX(6.25deg) skewY(6.25deg);
+  }
+
+  44.4% {
+    transform: skewX(-3.125deg) skewY(-3.125deg);
+  }
+
+  55.5% {
+    transform: skewX(1.5625deg) skewY(1.5625deg);
+  }
+
+  66.6% {
+    transform: skewX(-0.78125deg) skewY(-0.78125deg);
+  }
+
+  77.7% {
+    transform: skewX(0.390625deg) skewY(0.390625deg);
+  }
+
+  88.8% {
+    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+  }
+}
+
+.jello {
+  animation-name: jello;
+  transform-origin: center;
+}
+
+@keyframes bounceIn {
+  from, 20%, 40%, 60%, 80%, to {
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  0% {
+    opacity: 0;
+    transform: scale3d(.3, .3, .3);
+  }
+
+  20% {
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  40% {
+    transform: scale3d(.9, .9, .9);
+  }
+
+  60% {
+    opacity: 1;
+    transform: scale3d(1.03, 1.03, 1.03);
+  }
+
+  80% {
+    transform: scale3d(.97, .97, .97);
+  }
+
+  to {
+    opacity: 1;
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+.bounceIn {
+  animation-name: bounceIn;
+}
+
+@keyframes bounceInDown {
+  from, 60%, 75%, 90%, to {
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  0% {
+    opacity: 0;
+    transform: translate3d(0, -3000px, 0);
+  }
+
+  60% {
+    opacity: 1;
+    transform: translate3d(0, 25px, 0);
+  }
+
+  75% {
+    transform: translate3d(0, -10px, 0);
+  }
+
+  90% {
+    transform: translate3d(0, 5px, 0);
+  }
+
+  to {
+    transform: none;
+  }
+}
+
+.bounceInDown {
+  animation-name: bounceInDown;
+}
+
+@keyframes bounceInLeft {
+  from, 60%, 75%, 90%, to {
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  0% {
+    opacity: 0;
+    transform: translate3d(-3000px, 0, 0);
+  }
+
+  60% {
+    opacity: 1;
+    transform: translate3d(25px, 0, 0);
+  }
+
+  75% {
+    transform: translate3d(-10px, 0, 0);
+  }
+
+  90% {
+    transform: translate3d(5px, 0, 0);
+  }
+
+  to {
+    transform: none;
+  }
+}
+
+.bounceInLeft {
+  animation-name: bounceInLeft;
+}
+
+@keyframes bounceInRight {
+  from, 60%, 75%, 90%, to {
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  from {
+    opacity: 0;
+    transform: translate3d(3000px, 0, 0);
+  }
+
+  60% {
+    opacity: 1;
+    transform: translate3d(-25px, 0, 0);
+  }
+
+  75% {
+    transform: translate3d(10px, 0, 0);
+  }
+
+  90% {
+    transform: translate3d(-5px, 0, 0);
+  }
+
+  to {
+    transform: none;
+  }
+}
+
+.bounceInRight {
+  animation-name: bounceInRight;
+}
+
+@keyframes bounceInUp {
+  from, 60%, 75%, 90%, to {
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  from {
+    opacity: 0;
+    transform: translate3d(0, 3000px, 0);
+  }
+
+  60% {
+    opacity: 1;
+    transform: translate3d(0, -20px, 0);
+  }
+
+  75% {
+    transform: translate3d(0, 10px, 0);
+  }
+
+  90% {
+    transform: translate3d(0, -5px, 0);
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.bounceInUp {
+  animation-name: bounceInUp;
+}
+
+@keyframes bounceOut {
+  20% {
+    transform: scale3d(.9, .9, .9);
+  }
+
+  50%, 55% {
+    opacity: 1;
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  to {
+    opacity: 0;
+    transform: scale3d(.3, .3, .3);
+  }
+}
+
+.bounceOut {
+  animation-name: bounceOut;
+}
+
+@keyframes bounceOutDown {
+  20% {
+    transform: translate3d(0, 10px, 0);
+  }
+
+  40%, 45% {
+    opacity: 1;
+    transform: translate3d(0, -20px, 0);
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(0, 2000px, 0);
+  }
+}
+
+.bounceOutDown {
+  animation-name: bounceOutDown;
+}
+
+@keyframes bounceOutLeft {
+  20% {
+    opacity: 1;
+    transform: translate3d(20px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(-2000px, 0, 0);
+  }
+}
+
+.bounceOutLeft {
+  animation-name: bounceOutLeft;
+}
+
+@keyframes bounceOutRight {
+  20% {
+    opacity: 1;
+    transform: translate3d(-20px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0);
+  }
+}
+
+.bounceOutRight {
+  animation-name: bounceOutRight;
+}
+
+@keyframes bounceOutUp {
+  20% {
+    transform: translate3d(0, -10px, 0);
+  }
+
+  40%, 45% {
+    opacity: 1;
+    transform: translate3d(0, 20px, 0);
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+
+.bounceOutUp {
+  animation-name: bounceOutUp;
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+.fadeIn {
+  animation-name: fadeIn;
+}
+
+@keyframes fadeInDown {
+  from {
+    opacity: 0;
+    transform: translate3d(0, -30%, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.fadeInDown {
+  animation-name: fadeInDown;
+}
+
+@keyframes fadeInDownBig {
+  from {
+    opacity: 0;
+    transform: translate3d(0, -2000px, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.fadeInDownBig {
+  animation-name: fadeInDownBig;
+}
+
+@keyframes fadeInLeft {
+  from {
+    opacity: 0;
+    transform: translate3d(-20%, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.fadeInLeft {
+  animation-name: fadeInLeft;
+}
+
+@keyframes fadeInLeftBig {
+  from {
+    opacity: 0;
+    transform: translate3d(-2000px, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.fadeInLeftBig {
+  animation-name: fadeInLeftBig;
+}
+
+@keyframes fadeInRight {
+  from {
+    opacity: 0;
+    transform: translate3d(20%, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.fadeInRight {
+  animation-name: fadeInRight;
+}
+
+@keyframes fadeInRightBig {
+  from {
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.fadeInRightBig {
+  animation-name: fadeInRightBig;
+}
+
+@keyframes fadeInUp {
+  from {
+    opacity: 0;
+    transform: translate3d(0, 30%, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.fadeInUp {
+  animation-name: fadeInUp;
+}
+
+@keyframes fadeInUpBig {
+  from {
+    opacity: 0;
+    transform: translate3d(0, 50%, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.fadeInUpBig {
+  animation-name: fadeInUpBig;
+}
+
+@keyframes fadeOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+.fadeOut {
+  animation-name: fadeOut;
+}
+
+@keyframes fadeOutDown {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(0, 100%, 0);
+  }
+}
+
+.fadeOutDown {
+  animation-name: fadeOutDown;
+}
+
+@keyframes fadeOutDownBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(0, 2000px, 0);
+  }
+}
+
+.fadeOutDownBig {
+  animation-name: fadeOutDownBig;
+}
+
+@keyframes fadeOutLeft {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+.fadeOutLeft {
+  animation-name: fadeOutLeft;
+}
+
+@keyframes fadeOutLeftBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(-2000px, 0, 0);
+  }
+}
+
+.fadeOutLeftBig {
+  animation-name: fadeOutLeftBig;
+}
+
+@keyframes fadeOutRight {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+.fadeOutRight {
+  animation-name: fadeOutRight;
+}
+
+@keyframes fadeOutRightBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0);
+  }
+}
+
+.fadeOutRightBig {
+  animation-name: fadeOutRightBig;
+}
+
+@keyframes fadeOutUp {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+.fadeOutUp {
+  animation-name: fadeOutUp;
+}
+
+@keyframes fadeOutUpBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+
+.fadeOutUpBig {
+  animation-name: fadeOutUpBig;
+}
+
+@keyframes flip {
+  from {
+    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
+    animation-timing-function: ease-out;
+  }
+
+  40% {
+    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
+    animation-timing-function: ease-out;
+  }
+
+  50% {
+    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
+    animation-timing-function: ease-in;
+  }
+
+  80% {
+    transform: perspective(400px) scale3d(.95, .95, .95);
+    animation-timing-function: ease-in;
+  }
+
+  to {
+    transform: perspective(400px);
+    animation-timing-function: ease-in;
+  }
+}
+
+.animated.flip {
+  -webkit-backface-visibility: visible;
+  backface-visibility: visible;
+  animation-name: flip;
+}
+
+@keyframes flipInX {
+  from {
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    animation-timing-function: ease-in;
+    opacity: 0;
+  }
+
+  40% {
+    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    animation-timing-function: ease-in;
+  }
+
+  60% {
+    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+    opacity: 1;
+  }
+
+  80% {
+    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+  }
+
+  to {
+    transform: perspective(400px);
+  }
+}
+
+.flipInX {
+  -webkit-backface-visibility: visible !important;
+  backface-visibility: visible !important;
+  animation-name: flipInX;
+}
+
+@keyframes flipInY {
+  from {
+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    animation-timing-function: ease-in;
+    opacity: 0;
+  }
+
+  40% {
+    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+    animation-timing-function: ease-in;
+  }
+
+  60% {
+    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+    opacity: 1;
+  }
+
+  80% {
+    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+  }
+
+  to {
+    transform: perspective(400px);
+  }
+}
+
+.flipInY {
+  -webkit-backface-visibility: visible !important;
+  backface-visibility: visible !important;
+  animation-name: flipInY;
+}
+
+@keyframes flipOutX {
+  from {
+    transform: perspective(400px);
+  }
+
+  30% {
+    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    opacity: 1;
+  }
+
+  to {
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    opacity: 0;
+  }
+}
+
+.flipOutX {
+  animation-name: flipOutX;
+  -webkit-backface-visibility: visible !important;
+  backface-visibility: visible !important;
+}
+
+@keyframes flipOutY {
+  from {
+    transform: perspective(400px);
+  }
+
+  30% {
+    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+    opacity: 1;
+  }
+
+  to {
+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    opacity: 0;
+  }
+}
+
+.flipOutY {
+  -webkit-backface-visibility: visible !important;
+  backface-visibility: visible !important;
+  animation-name: flipOutY;
+}
+
+@keyframes lightSpeedIn {
+  from {
+    transform: translate3d(100%, 0, 0) skewX(-30deg);
+    opacity: 0;
+  }
+
+  60% {
+    transform: skewX(20deg);
+    opacity: 1;
+  }
+
+  80% {
+    transform: skewX(-5deg);
+    opacity: 1;
+  }
+
+  to {
+    transform: none;
+    opacity: 1;
+  }
+}
+
+.lightSpeedIn {
+  animation-name: lightSpeedIn;
+  animation-timing-function: ease-out;
+}
+
+@keyframes lightSpeedOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    transform: translate3d(100%, 0, 0) skewX(30deg);
+    opacity: 0;
+  }
+}
+
+.lightSpeedOut {
+  animation-name: lightSpeedOut;
+  animation-timing-function: ease-in;
+}
+
+@keyframes rotateIn {
+  from {
+    transform-origin: center;
+    transform: rotate3d(0, 0, 1, -200deg);
+    opacity: 0;
+  }
+
+  to {
+    transform-origin: center;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+.rotateIn {
+  animation-name: rotateIn;
+}
+
+@keyframes rotateInDownLeft {
+  from {
+    transform-origin: left bottom;
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+
+  to {
+    transform-origin: left bottom;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+.rotateInDownLeft {
+  animation-name: rotateInDownLeft;
+}
+
+@keyframes rotateInDownRight {
+  from {
+    transform-origin: right bottom;
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+
+  to {
+    transform-origin: right bottom;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+.rotateInDownRight {
+  animation-name: rotateInDownRight;
+}
+
+@keyframes rotateInUpLeft {
+  from {
+    transform-origin: left bottom;
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+
+  to {
+    transform-origin: left bottom;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+.rotateInUpLeft {
+  animation-name: rotateInUpLeft;
+}
+
+@keyframes rotateInUpRight {
+  from {
+    transform-origin: right bottom;
+    transform: rotate3d(0, 0, 1, -90deg);
+    opacity: 0;
+  }
+
+  to {
+    transform-origin: right bottom;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+.rotateInUpRight {
+  animation-name: rotateInUpRight;
+}
+
+@keyframes rotateOut {
+  from {
+    transform-origin: center;
+    opacity: 1;
+  }
+
+  to {
+    transform-origin: center;
+    transform: rotate3d(0, 0, 1, 200deg);
+    opacity: 0;
+  }
+}
+
+.rotateOut {
+  animation-name: rotateOut;
+}
+
+@keyframes rotateOutDownLeft {
+  from {
+    transform-origin: left bottom;
+    opacity: 1;
+  }
+
+  to {
+    transform-origin: left bottom;
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+}
+
+.rotateOutDownLeft {
+  animation-name: rotateOutDownLeft;
+}
+
+@keyframes rotateOutDownRight {
+  from {
+    transform-origin: right bottom;
+    opacity: 1;
+  }
+
+  to {
+    transform-origin: right bottom;
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+}
+
+.rotateOutDownRight {
+  animation-name: rotateOutDownRight;
+}
+
+@keyframes rotateOutUpLeft {
+  from {
+    transform-origin: left bottom;
+    opacity: 1;
+  }
+
+  to {
+    transform-origin: left bottom;
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+}
+
+.rotateOutUpLeft {
+  animation-name: rotateOutUpLeft;
+}
+
+@keyframes rotateOutUpRight {
+  from {
+    transform-origin: right bottom;
+    opacity: 1;
+  }
+
+  to {
+    transform-origin: right bottom;
+    transform: rotate3d(0, 0, 1, 90deg);
+    opacity: 0;
+  }
+}
+
+.rotateOutUpRight {
+  animation-name: rotateOutUpRight;
+}
+
+@keyframes hinge {
+  0% {
+    transform-origin: top left;
+    animation-timing-function: ease-in-out;
+  }
+
+  20%, 60% {
+    transform: rotate3d(0, 0, 1, 80deg);
+    transform-origin: top left;
+    animation-timing-function: ease-in-out;
+  }
+
+  40%, 80% {
+    transform: rotate3d(0, 0, 1, 60deg);
+    transform-origin: top left;
+    animation-timing-function: ease-in-out;
+    opacity: 1;
+  }
+
+  to {
+    transform: translate3d(0, 700px, 0);
+    opacity: 0;
+  }
+}
+
+.hinge {
+  animation-name: hinge;
+}
+
+@keyframes jackInTheBox {
+  from {
+    opacity: 0;
+    transform: scale(0.1) rotate(30deg);
+    transform-origin: center bottom;
+  }
+
+  50% {
+    transform: rotate(-10deg);
+  }
+
+  70% {
+    transform: rotate(3deg);
+  }
+
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+.jackInTheBox {
+  animation-name: jackInTheBox;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@keyframes rollIn {
+  from {
+    opacity: 0;
+    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+  }
+
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.rollIn {
+  animation-name: rollIn;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@keyframes rollOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+  }
+}
+
+.rollOut {
+  animation-name: rollOut;
+}
+
+@keyframes zoomIn {
+  from {
+    opacity: 0;
+    transform: scale3d(.3, .3, .3);
+  }
+
+  50% {
+    opacity: 1;
+  }
+}
+
+.zoomIn {
+  animation-name: zoomIn;
+}
+
+@keyframes zoomInDown {
+  from {
+    opacity: 0;
+    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  60% {
+    opacity: 1;
+    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomInDown {
+  animation-name: zoomInDown;
+}
+
+@keyframes zoomInLeft {
+  from {
+    opacity: 0;
+    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  60% {
+    opacity: 1;
+    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomInLeft {
+  animation-name: zoomInLeft;
+}
+
+@keyframes zoomInRight {
+  from {
+    opacity: 0;
+    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  60% {
+    opacity: 1;
+    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomInRight {
+  animation-name: zoomInRight;
+}
+
+@keyframes zoomInUp {
+  from {
+    opacity: 0;
+    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  60% {
+    opacity: 1;
+    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomInUp {
+  animation-name: zoomInUp;
+}
+
+@keyframes zoomOut {
+  from {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0;
+    transform: scale3d(.3, .3, .3);
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+.zoomOut {
+  animation-name: zoomOut;
+}
+
+@keyframes zoomOutDown {
+  40% {
+    opacity: 1;
+    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  to {
+    opacity: 0;
+    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
+    transform-origin: center bottom;
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomOutDown {
+  animation-name: zoomOutDown;
+}
+
+@keyframes zoomOutLeft {
+  40% {
+    opacity: 1;
+    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    transform: scale(.1) translate3d(-2000px, 0, 0);
+    transform-origin: left center;
+  }
+}
+
+.zoomOutLeft {
+  animation-name: zoomOutLeft;
+}
+
+@keyframes zoomOutRight {
+  40% {
+    opacity: 1;
+    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    transform: scale(.1) translate3d(2000px, 0, 0);
+    transform-origin: right center;
+  }
+}
+
+.zoomOutRight {
+  animation-name: zoomOutRight;
+}
+
+@keyframes zoomOutUp {
+  40% {
+    opacity: 1;
+    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  to {
+    opacity: 0;
+    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
+    transform-origin: center bottom;
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomOutUp {
+  animation-name: zoomOutUp;
+}
+
+@keyframes slideInDown {
+  from {
+    transform: translate3d(0, -100%, 0);
+    visibility: visible;
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.slideInDown {
+  animation-name: slideInDown;
+}
+
+@keyframes slideInLeft {
+  from {
+    transform: translate3d(-100%, 0, 0);
+    visibility: visible;
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.slideInLeft {
+  animation-name: slideInLeft;
+}
+
+@keyframes slideInRight {
+  from {
+    transform: translate3d(100%, 0, 0);
+    visibility: visible;
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.slideInRight {
+  animation-name: slideInRight;
+}
+
+@keyframes slideInUp {
+  from {
+    transform: translate3d(0, 100%, 0);
+    visibility: visible;
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.slideInUp {
+  animation-name: slideInUp;
+}
+
+@keyframes slideOutDown {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    transform: translate3d(0, 100%, 0);
+  }
+}
+
+.slideOutDown {
+  animation-name: slideOutDown;
+}
+
+@keyframes slideOutLeft {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+.slideOutLeft {
+  animation-name: slideOutLeft;
+}
+
+@keyframes slideOutRight {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+.slideOutRight {
+  animation-name: slideOutRight;
+}
+
+@keyframes slideOutUp {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+.slideOutUp {
+  animation-name: slideOutUp;
+}
diff --git a/public/css/automedsys.css b/public/css/automedsys.css
new file mode 100644
index 0000000..624856f
--- /dev/null
+++ b/public/css/automedsys.css
@@ -0,0 +1,13230 @@
+
+/* ==========================================================================
+  01. GENERAL & BASIC STYLES
+  =========================================================================== */
+
+html {
+    -webkit-font-smoothing: antialiased;
+    font-size: 16px;
+}
+
+body {
+    font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    color: #6c757d;
+    line-height: 1.6666;
+    font-weight: 400;
+}
+
+/*------------------------------------------*/
+/*  PAGE CONTENT
+/*------------------------------------------*/
+
+#page,
+.hidd {
+    overflow: hidden;
+}
+
+.rel,
+section,
+.container {
+    position: relative !important;
+    z-index: 3;
+}
+
+.section-overlay {
+    width: 100%;
+    height: 100%;
+}
+
+/*------------------------------------------*/
+/*  BLOCK SHADOW
+/*------------------------------------------*/
+
+.block-shadow {
+    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
+    -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
+    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
+}
+
+/*------------------------------------------*/
+/*  BORDER SETTINGS
+/*------------------------------------------*/
+
+.block-border {
+    border: 1px solid #e7e7e7;
+}
+
+.block-border.block-shadow {
+    border: 1px solid #f5f6f6;
+}
+
+.x-border {
+    border-top: 1px solid #e7e7e7;
+    border-bottom: 1px solid #e7e7e7;
+}
+
+.top-border {
+    border-top: 1px solid #e7e7e7;
+}
+
+.bottom-border {
+    border-bottom: 1px solid #e7e7e7;
+}
+
+/*------------------------------------------*/
+/*  BORDER RADIUS SETTING
+/*------------------------------------------*/
+
+.r-0 {
+    -webkit-border-radius: 0px;
+    -moz-border-radius: 0px;
+    -o-border-radius: 0px;
+    border-radius: 0px;
+}
+
+.r-02 {
+    -webkit-border-radius: 2px;
+    -moz-border-radius: 2px;
+    -o-border-radius: 2px;
+    border-radius: 2px;
+}
+
+.r-04 {
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    -o-border-radius: 4px;
+    border-radius: 4px;
+}
+
+.r-06 {
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    -o-border-radius: 6px;
+    border-radius: 6px;
+}
+
+.r-08 {
+    -webkit-border-radius: 8px;
+    -moz-border-radius: 8px;
+    -o-border-radius: 8px;
+    border-radius: 8px;
+}
+
+.r-10 {
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    -o-border-radius: 10px;
+    border-radius: 10px;
+}
+
+.r-12 {
+    -webkit-border-radius: 12px;
+    -moz-border-radius: 12px;
+    -o-border-radius: 12px;
+    border-radius: 12px;
+}
+
+.r-14 {
+    -webkit-border-radius: 14px;
+    -moz-border-radius: 14px;
+    -o-border-radius: 14px;
+    border-radius: 14px;
+}
+
+.r-16 {
+    -webkit-border-radius: 16px;
+    -moz-border-radius: 16px;
+    -o-border-radius: 16px;
+    border-radius: 16px;
+}
+
+.r-18 {
+    -webkit-border-radius: 18px;
+    -moz-border-radius: 18px;
+    -o-border-radius: 18px;
+    border-radius: 18px;
+}
+
+.r-20 {
+    -webkit-border-radius: 20px;
+    -moz-border-radius: 20px;
+    -o-border-radius: 20px;
+    border-radius: 20px;
+}
+
+.r-22 {
+    -webkit-border-radius: 22px;
+    -moz-border-radius: 22px;
+    -o-border-radius: 22px;
+    border-radius: 22px;
+}
+
+.r-24 {
+    -webkit-border-radius: 24px;
+    -moz-border-radius: 24px;
+    -o-border-radius: 24px;
+    border-radius: 24px;
+}
+
+.r-26 {
+    -webkit-border-radius: 26px;
+    -moz-border-radius: 26px;
+    -o-border-radius: 26px;
+    border-radius: 26px;
+}
+
+.r-28 {
+    -webkit-border-radius: 28px;
+    -moz-border-radius: 28px;
+    -o-border-radius: 28px;
+    border-radius: 28px;
+}
+
+.r-30 {
+    -webkit-border-radius: 30px;
+    -moz-border-radius: 30px;
+    -o-border-radius: 30px;
+    border-radius: 30px;
+}
+
+.r-32 {
+    -webkit-border-radius: 32px;
+    -moz-border-radius: 32px;
+    -o-border-radius: 32px;
+    border-radius: 32px;
+}
+
+.r-34 {
+    -webkit-border-radius: 34px;
+    -moz-border-radius: 34px;
+    -o-border-radius: 34px;
+    border-radius: 34px;
+}
+
+.r-36 {
+    -webkit-border-radius: 36px;
+    -moz-border-radius: 36px;
+    -o-border-radius: 36px;
+    border-radius: 36px;
+}
+
+.r-100 {
+    -webkit-border-radius: 100px;
+    -moz-border-radius: 100px;
+    -o-border-radius: 100px;
+    border-radius: 100px;
+}
+
+/*------------------------------------------*/
+/*  OPACITY SETTINGS
+/*------------------------------------------*/
+
+.o-0 {
+    opacity: 0 !important;
+}
+
+.o-10 {
+    opacity: .1 !important;
+}
+
+.o-15 {
+    opacity: .15 !important;
+}
+
+.o-20 {
+    opacity: .2 !important;
+}
+
+.o-25 {
+    opacity: .25 !important;
+}
+
+.o-30 {
+    opacity: .3 !important;
+}
+
+.o-35 {
+    opacity: .35 !important;
+}
+
+.o-40 {
+    opacity: .4 !important;
+}
+
+.o-45 {
+    opacity: .45 !important;
+}
+
+.o-50 {
+    opacity: .5 !important;
+}
+
+.o-55 {
+    opacity: .55 !important;
+}
+
+.o-60 {
+    opacity: .60 !important;
+}
+
+.o-65 {
+    opacity: .65 !important;
+}
+
+.o-70 {
+    opacity: .7 !important;
+}
+
+.o-75 {
+    opacity: .75 !important;
+}
+
+.o-80 {
+    opacity: .8 !important;
+}
+
+.o-85 {
+    opacity: .85 !important;
+}
+
+.o-90 {
+    opacity: .9 !important;
+}
+
+.o-95 {
+    opacity: .95 !important;
+}
+
+.o-100 {
+    opacity: 1 !important;
+}
+
+/*------------------------------------------*/
+/*  SPACING & INDENTS
+/*------------------------------------------*/
+
+.py-5 {
+    padding-top: 5px;
+    padding-bottom: 5px;
+}
+
+.py-10 {
+    padding-top: 10px;
+    padding-bottom: 10px;
+}
+
+.py-15 {
+    padding-top: 15px;
+    padding-bottom: 15px;
+}
+
+.py-20 {
+    padding-top: 20px;
+    padding-bottom: 20px;
+}
+
+.py-30 {
+    padding-top: 30px;
+    padding-bottom: 30px;
+}
+
+.py-40 {
+    padding-top: 40px;
+    padding-bottom: 40px;
+}
+
+.py-50 {
+    padding-top: 50px;
+    padding-bottom: 50px;
+}
+
+.py-60 {
+    padding-top: 60px;
+    padding-bottom: 60px;
+}
+
+.py-70 {
+    padding-top: 70px;
+    padding-bottom: 70px;
+}
+
+.py-80 {
+    padding-top: 80px;
+    padding-bottom: 80px;
+}
+
+.py-90 {
+    padding-top: 90px;
+    padding-bottom: 90px;
+}
+
+.py-100 {
+    padding-top: 100px;
+    padding-bottom: 100px;
+}
+
+.pt-30 {
+    padding-top: 30px;
+}
+
+.pt-40 {
+    padding-top: 40px;
+}
+
+.pt-50 {
+    padding-top: 50px;
+}
+
+.pt-60 {
+    padding-top: 60px;
+}
+
+.pt-70 {
+    padding-top: 70px;
+}
+
+.pt-80 {
+    padding-top: 80px;
+}
+
+.pt-90 {
+    padding-top: 90px;
+}
+
+.pt-100 {
+    padding-top: 100px;
+}
+
+.pb-30 {
+    padding-bottom: 30px;
+}
+
+.pb-40 {
+    padding-bottom: 40px;
+}
+
+.pb-50 {
+    padding-bottom: 50px;
+}
+
+.pb-60 {
+    padding-bottom: 60px;
+}
+
+.pb-70 {
+    padding-bottom: 70px;
+}
+
+.pb-80 {
+    padding-bottom: 80px;
+}
+
+.pb-90 {
+    padding-bottom: 90px;
+}
+
+.pb-100 {
+    padding-bottom: 100px;
+}
+
+.mt-10 {
+    margin-top: 10px;
+}
+
+.mt-15 {
+    margin-top: 15px;
+}
+
+.mt-20 {
+    margin-top: 20px;
+}
+
+.mt-25 {
+    margin-top: 25px;
+}
+
+.mt-30 {
+    margin-top: 30px;
+}
+
+.mt-35 {
+    margin-top: 35px;
+}
+
+.mt-40 {
+    margin-top: 40px;
+}
+
+.mt-45 {
+    margin-top: 45px;
+}
+
+.mt-50 {
+    margin-top: 50px;
+}
+
+.mt-55 {
+    margin-top: 55px;
+}
+
+.mt-60 {
+    margin-top: 60px;
+}
+
+.mt-65 {
+    margin-top: 65px;
+}
+
+.mt-70 {
+    margin-top: 70px;
+}
+
+.mt-75 {
+    margin-top: 75px;
+}
+
+.mt-80 {
+    margin-top: 80px;
+}
+
+.mt-85 {
+    margin-top: 85px;
+}
+
+.mt-90 {
+    margin-top: 90px;
+}
+
+.mt-95 {
+    margin-top: 95px;
+}
+
+.mt-100 {
+    margin-top: 100px;
+}
+
+.mb-10 {
+    margin-bottom: 10px;
+}
+
+.mb-15 {
+    margin-bottom: 15px;
+}
+
+.mb-20 {
+    margin-bottom: 20px;
+}
+
+.mb-25 {
+    margin-bottom: 25px;
+}
+
+.mb-30 {
+    margin-bottom: 30px;
+}
+
+.mb-35 {
+    margin-bottom: 35px;
+}
+
+.mb-40 {
+    margin-bottom: 40px;
+}
+
+.mb-45 {
+    margin-bottom: 45px;
+}
+
+.mb-50 {
+    margin-bottom: 50px;
+}
+
+.mb-55 {
+    margin-bottom: 55px;
+}
+
+.mb-60 {
+    margin-bottom: 60px;
+}
+
+.mb-65 {
+    margin-bottom: 65px;
+}
+
+.mb-70 {
+    margin-bottom: 70px;
+}
+
+.mb-75 {
+    margin-bottom: 75px;
+}
+
+.mb-80 {
+    margin-bottom: 80px;
+}
+
+.mb-85 {
+    margin-bottom: 85px;
+}
+
+.mb-90 {
+    margin-bottom: 90px;
+}
+
+.mb-95 {
+    margin-bottom: 95px;
+}
+
+.mb-100 {
+    margin-bottom: 100px;
+}
+
+.ml-5 {
+    margin-left: 5px;
+}
+
+.ml-10 {
+    margin-left: 10px;
+}
+
+.ml-15 {
+    margin-left: 15px;
+}
+
+.ml-20 {
+    margin-left: 20px;
+}
+
+.ml-25 {
+    margin-left: 25px;
+}
+
+.ml-30 {
+    margin-left: 30px;
+}
+
+.mr-5 {
+    margin-right: 5px;
+}
+
+.mr-10 {
+    margin-right: 10px;
+}
+
+.mr-15 {
+    margin-right: 15px;
+}
+
+.mr-20 {
+    margin-right: 20px;
+}
+
+.mr-25 {
+    margin-right: 25px;
+}
+
+.mr-30 {
+    margin-right: 30px;
+}
+
+/*------------------------------------------*/
+/*  BACKGROUND SETTINGS
+/*------------------------------------------*/
+
+.bg--fixed,
+.bg--scroll {
+    width: 100%;
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: cover;
+}
+
+.bg--fixed {
+    background-attachment: scroll !important;
+}
+
+.bg--scroll {
+    background-attachment: fixed !important;
+}
+
+/*------------------------------------------*/
+/*  BACKGROUND COLORS
+/*------------------------------------------*/
+
+.bg--white-500 {
+    background-color: #f2f4f8;
+}
+
+.bg--white-400 {
+    background-color: #f4f4f9;
+}
+
+.bg--white-300 {
+    background-color: #f7f8f9;
+}
+
+.bg--white-200 {
+    background-color: #fbfbfd;
+}
+
+.bg--white-100 {
+    background-color: #fff;
+}
+
+.bg--black-500 {
+    background-color: #22223b;
+}
+
+.bg--black-400 {
+    background-color: #2e3648;
+}
+
+.bg--black-300 {
+    background-color: #394455;
+}
+
+.bg--black-200 {
+    background-color: #e1e3e5;
+}
+
+.bg--black-100 {
+    background-color: #ecf1f4;
+}
+
+.bg--blue-500 {
+    background-color: #185abd;
+}
+
+.bg--blue-400 {
+    background-color: #1680fb;
+}
+
+.bg--blue-300 {
+    background-color: #3eb1ff;
+}
+
+.bg--blue-200 {
+    background-color: #ddedff;
+}
+
+.bg--blue-100 {
+    background-color: #f4f9fc;
+}
+
+.bg--green-500 {
+    background-color: #00a14e;
+}
+
+.bg--green-400 {
+    background-color: #0fbc49;
+}
+
+.bg--green-300 {
+    background-color: #6fd792;
+}
+
+.bg--green-200 {
+    background-color: #cff2db;
+}
+
+.bg--green-100 {
+    background-color: #e9f8f2;
+}
+
+.bg--pink-500 {
+    background-color: #6091a4;
+}
+
+.bg--pink-400 {
+    background-color: #f74780;
+}
+
+.bg--pink-300 {
+    background-color: #fcb5cc;
+}
+
+.bg--pink-200 {
+    background-color: #fee4ec;
+}
+
+.bg--pink-100 {
+    background-color: #feecf2;
+}
+
+.bg--purple-5000 {
+    background-color: #663ae9;
+}
+
+.bg--purple-500 {
+    background-color: #7827e6;
+}
+
+.bg--purple-400 {
+    background-color: #7b5dd6;
+}
+
+.bg--purple-300 {
+    background-color: #bdaeea;
+}
+
+.bg--purple-200 {
+    background-color: #e5deff;
+}
+
+.bg--purple-100 {
+    background-color: #f1edff;
+}
+
+.bg--red-500 {
+    background-color: #da0f29;
+}
+
+.bg--red-400 {
+    background-color: #ff1e1a;
+}
+
+.bg--red-300 {
+    background-color: #ffa5a3;
+}
+
+.bg--red-200 {
+    background-color: #ffd2d1;
+}
+
+.bg--red-100 {
+    background-color: #fce7e4;
+}
+
+.bg--violet-500 {
+    background-color: #c73e9b;
+}
+
+.bg--violet-400 {
+    background-color: #be6cbe;
+}
+
+.bg--violet-300 {
+    background-color: #e2bde2;
+}
+
+.bg--violet-200 {
+    background-color: #f1cde5;
+}
+
+.bg--violet-100 {
+    background-color: #f7e4f1;
+}
+
+.bg--yellow-500 {
+    background-color: #ffba01;
+}
+
+.bg--yellow-400 {
+    background-color: #ffbd45;
+}
+
+.bg--yellow-300 {
+    background-color: #ffdf35;
+}
+
+.bg--yellow-200 {
+    background-color: #fef5cd;
+}
+
+.bg--yellow-100 {
+    background-color: #fef9e5;
+}
+
+.bg--tra-black {
+    background-color: rgba(0, 0, 0, .04);
+}
+
+.bg--tra-white {
+    background-color: rgba(255, 255, 255, .15);
+}
+
+.bg--primary-blue {
+    background-color: #2160fd;
+}
+
+.bg--light-grey {
+    background-color: #f0f3ff;
+}
+
+.bg--snow {
+    background-color: #fdfdfd;
+}
+
+/*------------------------------------------*/
+/*  GRADIENT COLOR BACKGROUND
+/*------------------------------------------*/
+
+.gr--ghost {
+    background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%);
+}
+
+.gr--snow {
+    background-image: linear-gradient(to left, #f3edf7, #f9f6fa);
+}
+
+.gr--cotton {
+    background-image: linear-gradient(180deg, rgba(223, 225, 250, .8) 50%, rgba(223, 225, 250, .05) 100%);
+}
+
+.gr--ghostwhite {
+    background-image: linear-gradient(to left, #e9e9f5, #f4f4f9);
+}
+
+.gr--smoke {
+    background: linear-gradient(180deg, #f8f9fe 0%, #f4f4f9 100%);
+}
+
+.gr--whitesmoke {
+    background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%);
+}
+
+.gr--perl {
+    background-image: linear-gradient(180deg, rgba(236, 234, 253, .8) 50%, rgba(236, 234, 253, .05) 100%);
+}
+
+/*------------------------------------------*/
+/*  BACKGROUND SHAPE
+/*------------------------------------------*/
+
+.shape--01:after,
+.shape--02:after,
+.shape--03:after,
+.shape--04:after,
+.shape--05:after,
+.shape--06:after,
+.shape--07:after {
+    position: absolute;
+    content: '';
+    z-index: -1;
+}
+
+.shape--02.r-24:after {
+    -webkit-border-radius: 24px;
+    -moz-border-radius: 24px;
+    -o-border-radius: 24px;
+    border-radius: 24px;
+}
+
+.shape--01:after {
+    width: 150%;
+    height: 80%;
+    top: 13%;
+    left: -25%;
+}
+
+.shape--02:after {
+    width: 86%;
+    height: 80%;
+    top: 13%;
+    left: 7%;
+}
+
+.shape--03:after {
+    width: 78%;
+    height: 120%;
+    top: -60px;
+    left: 11%;
+    -webkit-border-radius: 24px;
+    -moz-border-radius: 24px;
+    -o-border-radius: 24px;
+    border-radius: 24px;
+}
+
+.shape--04:after {
+    width: 100%;
+    height: 80%;
+    top: 10%;
+    left: 0;
+}
+
+.shape--05:after {
+    width: 150%;
+    height: 90%;
+    top: 0;
+    left: -25%;
+}
+
+.shape--06:after {
+    width: 150%;
+    height: 75%;
+    top: 0;
+    left: -25%;
+}
+
+.shape--07:after {
+    width: 200%;
+    height: 50%;
+    top: 37%;
+    left: -50%;
+}
+
+.shape--whitesmoke:after {
+    background-color: rgba(123, 104, 238, .05);
+}
+
+.shape--white-500:after {
+    background-color: #f2f4f8;
+}
+
+.shape--white-400:after {
+    background-color: #f4f4f9;
+}
+
+.shape--white-300:after {
+    background-color: #f7f8f9;
+}
+
+.shape--white-200:after {
+    background-color: #fbfbfd;
+}
+
+.shape--black-500:after {
+    background-color: #22223b;
+}
+
+.shape--black-400:after {
+    background-color: #2e3648;
+}
+
+.shape--black-300:after {
+    background-color: #394455;
+}
+
+.shape--black-200:after {
+    background-color: #e1e3e5;
+}
+
+.shape--black-100:after {
+    background-color: #ecf1f4;
+}
+
+.shape--blue-500:after {
+    background-color: #185abd;
+}
+
+.shape--blue-400:after {
+    background-color: #1680fb;
+}
+
+.shape--blue-300:after {
+    background-color: #3eb1ff;
+}
+
+.shape--blue-200:after {
+    background-color: #ddedff;
+}
+
+.shape--blue-100:after {
+    background-color: #f4f9fc;
+}
+
+.shape--green-500:after {
+    background-color: #00a14e;
+}
+
+.shape--green-400:after {
+    background-color: #0fbc49;
+}
+
+.shape--green-300:after {
+    background-color: #6fd792;
+}
+
+.shape--green-200:after {
+    background-color: #cff2db;
+}
+
+.shape--green-100:after {
+    background-color: #e9f8f2;
+}
+
+.shape--pink-500:after {
+    background-color: #6091a4;
+}
+
+.shape--pink-400:after {
+    background-color: #f74780;
+}
+
+.shape--pink-300:after {
+    background-color: #fcb5cc;
+}
+
+.shape--pink-200:after {
+    background-color: #fee4ec;
+}
+
+.shape--pink-100:after {
+    background-color: #feecf2;
+}
+
+.shape--purple-500:after {
+    background-color: #663ae9;
+}
+
+.shape--purple-400:after {
+    background-color: #7b5dd6;
+}
+
+.shape--purple-300:after {
+    background-color: #bdaeea;
+}
+
+.shape--purple-200:after {
+    background-color: #e5deff;
+}
+
+.shape--purple-100:after {
+    background-color: #f1edff;
+}
+
+.shape--red-500:after {
+    background-color: #da0f29;
+}
+
+.shape--red-400:after {
+    background-color: #ff1e1a;
+}
+
+.shape--red-300:after {
+    background-color: #ffa5a3;
+}
+
+.shape--red-200:after {
+    background-color: #ffd2d1;
+}
+
+.shape--red-100:after {
+    background-color: #fce7e4;
+}
+
+.shape--violet-500:after {
+    background-color: #c73e9b;
+}
+
+.shape--violet-400:after {
+    background-color: #be6cbe;
+}
+
+.shape--violet-300:after {
+    background-color: #e2bde2;
+}
+
+.shape--violet-200:after {
+    background-color: #f1cde5;
+}
+
+.shape--violet-100:after {
+    background-color: #f7e4f1;
+}
+
+.shape--gr-ghost:after {
+    background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%);
+}
+
+.shape--gr-whitesmoke:after {
+    background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%);
+}
+
+/*------------------------------------------*/
+/*  BACKGROUND PATTERN
+/*------------------------------------------*/
+
+.pattern-01,
+.pattern-02,
+.pattern-03,
+.pattern-04,
+.pattern-05 {
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: cover;
+}
+
+.pattern-01 {
+    background-image: url(../images/pattern-01.png);
+}
+
+.pattern-02 {
+    background-image: url(../images/pattern-02.png);
+}
+
+.pattern-03 {
+    background-image: url(../images/pattern-03.png);
+}
+
+.pattern-04 {
+    background-image: url(../images/pattern-04.png);
+}
+
+/* .pattern-05 { background-image: url(../images/pattern-05.png); } */
+
+/*------------------------------------------*/
+/*  BACKGROUND IMAGE
+/*------------------------------------------*/
+
+.bg--01,
+.bg--02,
+.bg--03,
+.bg--04,
+.bg--05,
+.bg--06,
+.bg--07,
+.bg--08 {
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: cover;
+}
+
+.bg--01 {
+    background-image: url(../images/bg-01.jpg);
+}
+
+.bg--02 {
+    background-image: url(../images/bg-02.jpg);
+}
+
+.bg--03 {
+    background-image: url(../images/bg-03.jpg);
+}
+
+.bg--04 {
+    background-image: url(../images/bg-04.jpg);
+}
+
+.bg--05 {
+    background-image: url(../images/bg-05.jpg);
+}
+
+/* .bg--06 { background-image: url(../images/bg-06.jpg); } */
+/* .bg--07 { background-image: url(../images/bg-07.jpg); } */
+/* .bg--08 { background-image: url(../images/bg-08.jpg); } */
+
+/*------------------------------------------*/
+/*  SECTION DIVIDER
+/*------------------------------------------*/
+
+hr.divider {
+    width: 100%;
+    height: 1px;
+    background-color: transparent;
+    background-image: linear-gradient(90deg, rgba(206, 211, 246, 0) 0, #bbb 38%, #bbb 64%, rgba(206, 211, 246, 0) 99%);
+    opacity: .4;
+    border: none;
+    margin: 0;
+}
+
+/*------------------------------------------*/
+/*  WAVE SHAPE BOTTOM
+/*------------------------------------------*/
+
+.wave-shape-bottom {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+}
+
+
+
+
+/* ==========================================================================
+  02. TYPOGRAPHY
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  HEADERS
+/*------------------------------------------*/
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    color: #353f4f;
+    font-weight: 600;
+    letter-spacing: 0;
+    margin-bottom: 0;
+}
+
+.font--jakarta h1,
+.font--jakarta h2,
+.font--jakarta h3,
+.font--jakarta h4,
+.font--jakarta h5,
+.font--jakarta h6 {
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    line-height: 1.35;
+}
+
+.font--jakarta h1,
+.font--jakarta h2 {
+    line-height: 1.25;
+}
+
+.font--inter h1,
+.font--inter h2,
+.font--inter h3,
+.font--inter h4,
+.font--inter h5,
+.font--inter h6 {
+    font-family: 'Inter', sans-serif;
+    letter-spacing: -0.5px;
+}
+
+/*------------------------------------------*/
+/*  PARAGRAPHS
+/*------------------------------------------*/
+
+p.p-sm {
+    font-size: 0.9375rem;
+}
+
+/* 15px */
+p {
+    font-size: 1rem;
+}
+
+/* 16px */
+p.p-md {
+    font-size: 1.0625rem;
+}
+
+/* 17px */
+p.p-lg {
+    font-size: 1.125rem;
+}
+
+/* 18px */
+p.p-xl {
+    font-size: 1.2rem;
+}
+
+/* 19.2px */
+
+/*------------------------------------------*/
+/*  FONT SIZE
+/*------------------------------------------*/
+
+.s-15 {
+    font-size: 0.9375rem;
+}
+
+/* 15px */
+.s-16 {
+    font-size: 1rem;
+}
+
+/* 16px */
+.s-17 {
+    font-size: 1.0625rem;
+}
+
+/* 17px */
+.s-18 {
+    font-size: 1.125rem;
+}
+
+/* 18px */
+.s-19 {
+    font-size: 1.1875rem;
+}
+
+/* 19px */
+.s-20 {
+    font-size: 1.25rem;
+}
+
+/* 20px */
+.s-21 {
+    font-size: 1.3125rem;
+}
+
+/* 21px */
+.s-22 {
+    font-size: 1.375rem;
+}
+
+/* 22px */
+.s-23 {
+    font-size: 1.4375rem;
+}
+
+/* 23px */
+.s-24 {
+    font-size: 1.5rem;
+}
+
+/* 24px */
+.s-26 {
+    font-size: 1.625rem;
+}
+
+/* 26px */
+.s-28 {
+    font-size: 1.75rem;
+}
+
+/* 28px */
+.s-30 {
+    font-size: 1.875rem;
+}
+
+/* 30px */
+.s-32 {
+    font-size: 2rem;
+}
+
+/* 32px */
+.s-34 {
+    font-size: 2.125rem;
+}
+
+/* 34px */
+.s-36 {
+    font-size: 2.25rem;
+}
+
+/* 36px */
+.s-38 {
+    font-size: 2.375rem;
+}
+
+/* 38px */
+.s-40 {
+    font-size: 2.5rem;
+}
+
+/* 40px */
+.s-42 {
+    font-size: 2.625rem;
+}
+
+/* 42px */
+.s-43 {
+    font-size: 2.6875rem;
+}
+
+/* 43px */
+.s-44 {
+    font-size: 2.75rem;
+}
+
+/* 44px */
+.s-45 {
+    font-size: 2.8125rem;
+}
+
+/* 45px */
+.s-46 {
+    font-size: 2.875rem;
+}
+
+/* 46px */
+.s-47 {
+    font-size: 2.9375rem;
+}
+
+/* 47px */
+.s-48 {
+    font-size: 3rem;
+}
+
+/* 48px */
+.s-50 {
+    font-size: 3.125rem;
+}
+
+/* 50px */
+.s-52 {
+    font-size: 3.25rem;
+}
+
+/* 52px */
+.s-54 {
+    font-size: 3.375rem;
+}
+
+/* 54px */
+.s-56 {
+    font-size: 3.5rem;
+}
+
+/* 56px */
+.s-58 {
+    font-size: 3.625rem;
+}
+
+/* 58px */
+.s-60 {
+    font-size: 3.75rem;
+}
+
+/* 60px */
+.s-62 {
+    font-size: 3.875rem;
+}
+
+/* 62px */
+.s-64 {
+    font-size: 4rem;
+}
+
+/* 64px */
+.s-66 {
+    font-size: 4.125rem;
+}
+
+/* 66px */
+.s-68 {
+    font-size: 4.25rem;
+}
+
+/* 68px */
+.s-70 {
+    font-size: 4.375rem;
+}
+
+/* 70px */
+.s-72 {
+    font-size: 4.5rem;
+}
+
+/* 72px */
+.s-74 {
+    font-size: 4.625rem;
+}
+
+/* 74px */
+.s-76 {
+    font-size: 4.75rem;
+}
+
+/* 76px */
+.s-78 {
+    font-size: 4.875rem;
+}
+
+/* 78px */
+.s-80 {
+    font-size: 5rem;
+}
+
+/* 80px */
+
+/*------------------------------------------*/
+/*  FONT WEIGHT
+/*------------------------------------------*/
+
+.txt-upcase {
+    text-transform: uppercase
+}
+
+.w-200 {
+    font-weight: 200;
+}
+
+.w-300 {
+    font-weight: 300;
+}
+
+.w-400 {
+    font-weight: 400;
+}
+
+.w-500 {
+    font-weight: 500;
+}
+
+.w-600 {
+    font-weight: 600;
+}
+
+.w-700 {
+    font-weight: 700;
+}
+
+.w-800 {
+    font-weight: 800;
+}
+
+.w-900 {
+    font-weight: 900;
+}
+
+/*------------------------------------------*/
+/*  LINK SETTINGS
+/*------------------------------------------*/
+
+a {
+    color: #6c757d;
+    text-decoration: none;
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+a:hover {
+    color: #353f4f !important;
+    text-decoration: none;
+}
+
+a:focus {
+    outline: none;
+    text-decoration: none;
+}
+
+a.tra-link {
+    font-size: 1rem;
+    line-height: 1;
+    font-weight: 500;
+}
+
+a.tra-link span {
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+.tra-link.ico-20 [class*="flaticon-"]:before,
+.tra-link.ico-20 [class*="flaticon-"]:after {
+    position: relative;
+    font-size: 0.75rem;
+    line-height: 0.7rem !important;
+    top: 2px;
+    left: 2px;
+}
+
+a.tra-link:hover span {
+    color: #353f4f !important;
+}
+
+/*------------------------------------------*/
+/*  LISTS
+/*------------------------------------------*/
+
+ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+/*------------------------------------------*/
+/*  TEXT LIST
+/*------------------------------------------*/
+
+ul.simple-list {
+    list-style: disc;
+    margin-left: 15px;
+}
+
+ul.simple-list.long-list p {
+    margin-bottom: 8px;
+}
+
+/*------------------------------------------*/
+/*  DIGIT LIST
+/*------------------------------------------*/
+
+ol.digit-list {
+    padding: 0;
+    margin-left: 15px;
+}
+
+ol.digit-list p {
+    margin-bottom: 8px;
+}
+
+/*------------------------------------------*/
+/*  BUTTON SETTINGS
+/*------------------------------------------*/
+
+.btn {
+    background-color: transparent;
+    font-size: 1rem;
+    line-height: 1;
+    font-weight: 500;
+    padding: 0.9rem 1.8rem;
+    border: 2px solid transparent;
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+.btn.btn-sm {
+    font-size: 0.975rem;
+    padding: 0.7rem 1.5rem;
+}
+
+.btn.ico-30.ico-left,
+.btn.ico-30.ico-right {
+    padding: 0.37rem 0;
+}
+
+/*------------------------------------------*/
+/*  Buttons Group
+/*------------------------------------------*/
+
+.text-center .btns-group {
+    display: inline-block;
+}
+
+.btns-group .btn:first-child {
+    margin-right: 15px;
+}
+
+.btns-group .btn.ico-30.ico-left {
+    padding: 0.37rem 0.5rem;
+}
+
+.btns-group .btn.ico-30.ico-right {
+    padding: 0.37rem 0;
+}
+
+/*------------------------------------------*/
+/*  Button Icon
+/*------------------------------------------*/
+
+.btn.ico-20 [class*="flaticon-"]:before,
+.btn.ico-20 [class*="flaticon-"]:after {
+    position: relative;
+    font-size: 1rem;
+    line-height: 0.7rem !important;
+    top: 4px;
+}
+
+.btn.ico-left span {
+    margin-right: 5px;
+}
+
+.btn.ico-right span {
+    margin-left: 5px;
+}
+
+.btn.ico-30.ico-left span {
+    position: relative;
+    top: 0;
+    right: 4px;
+}
+
+.btn.ico-30.ico-right span {
+    position: relative;
+    top: 0;
+    left: 4px;
+}
+
+.btn.ico-30.ico-left span.ico-30-txt,
+.btn.ico-30.ico-right span.ico-30-txt {
+    position: relative;
+    top: -10px;
+    right: 0;
+}
+
+.btn.ico-30.ico-right span.ico-30-txt {
+    left: 0;
+}
+
+/*------------------------------------------*/
+/*  Button Text
+/*------------------------------------------*/
+
+p.btn-txt {
+    margin: 20px 0 0 0;
+}
+
+.btn-rating p.btn-txt {
+    margin: 0;
+}
+
+.star-rating span.rating-txt {
+    font-size: 0.9375rem;
+}
+
+p.btns-group-txt {
+    margin: 14px 0 0 0;
+}
+
+.btn-rating {
+    margin-top: 18px;
+}
+
+.text-center p.btns-group-txt {
+    margin-top: 20px;
+}
+
+p.btn-txt.ico-15,
+p.btns-group-txt.ico-15 {
+    padding-left: 5px;
+}
+
+.text-center p.btn-txt.ico-15,
+.text-center p.btns-group-txt.ico-15 {
+    padding-left: 0;
+}
+
+p.btn-txt span,
+p.btns-group-txt span {
+    position: relative;
+    top: 0.5px;
+    right: 2px;
+}
+
+p.btns-group-txt span.txt-data {
+    display: block;
+    top: 0;
+    right: 0;
+}
+
+p.btns-group-txt span.txt-data a {
+    margin-left: 4px;
+    text-decoration: underline;
+}
+
+p.btns-group-txt span.txt-data a:hover {
+    text-decoration: none;
+}
+
+.hero-section .color--white p.btns-group-txt span.txt-data a:hover {
+    color: #fff !important;
+}
+
+.btn-txt.ico-15 [class*="flaticon-"]:before,
+.btn-txt.ico-15 [class*="flaticon-"]:after,
+.btns-group-txt.ico-15 [class*="flaticon-"]:before,
+.btns-group-txt.ico-15 [class*="flaticon-"]:after {
+    font-size: 0.75rem;
+}
+
+.star-rating.ico-15 [class*="flaticon-"]:before,
+.star-rating.ico-15 [class*="flaticon-"]:after {
+    position: relative;
+    font-size: 1rem;
+    top: 3px;
+}
+
+/*------------------------------------------*/
+/*  TRANSPARENT BUTTON
+/*------------------------------------------*/
+
+.btn--tra {
+    color: #fff !important;
+    border-color: transparent !important;
+    background-color: rgba(255, 255, 255, .2) !important;
+}
+
+/*------------------------------------------*/
+/*  WHITE BUTTON
+/*------------------------------------------*/
+
+.btn--transparent {
+    color: #353f4f;
+    background-color: transparent;
+    border-color: transparent;
+}
+
+.btn--transparent:hover {
+    background-color: transparent !important;
+    border-color: transparent !important;
+}
+
+.btn--white,
+.hover--white:hover {
+    color: #353f4f !important;
+    background-color: #fff !important;
+    border-color: #fff !important;
+}
+
+.btn--tra-white,
+.hover--tra-white:hover {
+    color: #fff !important;
+    background-color: transparent !important;
+    border-color: #fff !important;
+}
+
+.white-scroll .scroll .hover--tra-white:hover {
+    color: #353f4f !important;
+    background-color: transparent !important;
+    border-color: #353f4f !important;
+}
+
+/*------------------------------------------*/
+/*  BLACK BUTTON
+/*------------------------------------------*/
+
+.btn--black,
+.hover--black:hover {
+    color: #fff !important;
+    background-color: #353f4f !important;
+    border-color: #353f4f !important;
+}
+
+.btn--tra-black,
+.hover--tra-black:hover {
+    color: #353f4f !important;
+    background-color: transparent !important;
+    border-color: #353f4f !important;
+}
+
+/*------------------------------------------*/
+/*  GREY BUTTON
+/*------------------------------------------*/
+
+.btn--tra-grey,
+.hover--tra-grey:hover,
+.white-scroll .scroll .hover--tra-grey:hover,
+.black-scroll .scroll .hover--tra-grey:hover {
+    color: #353f4f !important;
+    background-color: transparent !important;
+    border-color: #ccc !important;
+}
+
+/*------------------------------------------*/
+/*  BLUE BUTTON
+/*------------------------------------------*/
+
+.btn--blue-500,
+.hover--blue-500:hover,
+.white-scroll .scroll .hover--blue-500:hover,
+.black-scroll .scroll .hover--blue-500:hover {
+    color: #fff !important;
+    border-color: #185abd !important;
+    background-color: #185abd !important;
+}
+
+.btn--blue-400,
+.hover--blue-400:hover,
+.white-scroll .scroll .hover--blue-400:hover,
+.black-scroll .scroll .hover--blue-400:hover {
+    color: #fff !important;
+    border-color: #1680fb !important;
+    background-color: #1680fb !important;
+}
+
+.btn--blue-300,
+.hover--blue-300:hover,
+.white-scroll .scroll .hover--blue-300:hover,
+.black-scroll .scroll .hover--blue-300:hover {
+    color: #fff !important;
+    border-color: #3eb1ff !important;
+    background-color: #3eb1ff !important;
+}
+
+.btn--blue-200,
+.hover--blue-200:hover,
+.white-scroll .scroll .hover--blue-200:hover,
+.black-scroll .scroll .hover--blue-200:hover {
+    color: #1680fb !important;
+    border-color: #e3ebfe !important;
+    background-color: #e3ebfe !important;
+}
+
+.btn--blue-100,
+.hover--blue-100:hover,
+.white-scroll .scroll .hover--blue-100:hover,
+.black-scroll .scroll .hover--blue-100:hover {
+    color: #1680fb !important;
+    border-color: #1680fb !important;
+    background-color: transparent !important;
+}
+
+/*------------------------------------------*/
+/*  GREEN BUTTON
+/*------------------------------------------*/
+
+.btn--green-500,
+.hover--green-500:hover,
+.white-scroll .scroll .hover--green-500:hover,
+.black-scroll .scroll .hover--green-500:hover {
+    color: #fff !important;
+    border-color: #00a14e !important;
+    background-color: #00a14e !important;
+}
+
+.btn--green-400,
+.hover--green-400:hover,
+.white-scroll .scroll .hover--green-400:hover,
+.black-scroll .scroll .hover--green-400:hover {
+    color: #fff !important;
+    border-color: #0fbc49 !important;
+    background-color: #0fbc49 !important;
+}
+
+.btn--green-300,
+.hover--green-300:hover,
+.white-scroll .scroll .hover--green-300:hover,
+.black-scroll .scroll .hover--green-300:hover {
+    color: #fff !important;
+    border-color: #6fd792 !important;
+    background-color: #6fd792 !important;
+}
+
+.btn--green-200,
+.hover--green-200:hover,
+.white-scroll .scroll .hover--green-200:hover,
+.black-scroll .scroll .hover--green-200:hover {
+    color: #0fbc49 !important;
+    border-color: #cff2db !important;
+    background-color: #cff2db !important;
+}
+
+.btn--green-100,
+.hover--green-100:hover,
+.white-scroll .scroll .hover--green-100:hover,
+.black-scroll .scroll .hover--green-100:hover {
+    color: #0fbc49 !important;
+    border-color: #0fbc49 !important;
+    background-color: transparent !important;
+}
+
+/*------------------------------------------*/
+/*  PINK BUTTON
+/*------------------------------------------*/
+
+.btn--pink-500,
+.hover--pink-500:hover,
+.white-scroll .scroll .hover--pink-500:hover,
+.black-scroll .scroll .hover--pink-500:hover {
+    color: #fff !important;
+    border-color: #6091a4 !important;
+    background-color: #6091a4 !important;
+}
+
+.btn--pink-400,
+.hover--pink-400:hover,
+.white-scroll .scroll .hover--pink-400:hover,
+.black-scroll .scroll .hover--pink-400:hover {
+    color: #fff !important;
+    border-color: #f74780 !important;
+    background-color: #f74780 !important;
+}
+
+.btn--pink-300,
+.hover--pink-300:hover,
+.white-scroll .scroll .hover--pink-300:hover,
+.black-scroll .scroll .hover--pink-300:hover {
+    color: #fff !important;
+    border-color: #fcb5cc !important;
+    background-color: #fcb5cc !important;
+}
+
+.btn--pink-200,
+.hover--pink-200:hover,
+.white-scroll .scroll .hover--pink-200:hover,
+.black-scroll .scroll .hover--pink-200:hover {
+    color: #f74780 !important;
+    border-color: #fee4ec !important;
+    background-color: #fee4ec !important;
+}
+
+.btn--pink-100,
+.hover--pink-100:hover,
+.white-scroll .scroll .hover--pink-100:hover,
+.black-scroll .scroll .hover--pink-100:hover {
+    color: #f74780 !important;
+    border-color: #f74780 !important;
+    background-color: transparent !important;
+}
+
+/*------------------------------------------*/
+/*  PURPLE BUTTON
+/*------------------------------------------*/
+
+.btn--purple-500,
+.hover--purple-500:hover,
+.white-scroll .scroll .hover--purple-500:hover,
+.black-scroll .scroll .hover--purple-500:hover {
+    color: #fff !important;
+    border-color: #663ae9 !important;
+    background-color: #663ae9 !important;
+}
+
+.btn--purple-400,
+.hover--purple-400:hover,
+.white-scroll .scroll .hover--purple-400:hover,
+.black-scroll .scroll .hover--purple-400:hover {
+    color: #fff !important;
+    border-color: #7b5dd6 !important;
+    background-color: #7b5dd6 !important;
+}
+
+.btn--purple-300,
+.hover--purple-300:hover,
+.white-scroll .scroll .hover--purple-300:hover,
+.black-scroll .scroll .hover--purple-300:hover {
+    color: #fff !important;
+    border-color: #bdaeea !important;
+    background-color: #bdaeea !important;
+}
+
+.btn--purple-200,
+.hover--purple-200:hover,
+.white-scroll .scroll .hover--purple-200:hover,
+.black-scroll .scroll .hover--purple-200:hover {
+    color: #7b5dd6 !important;
+    border-color: #e5deff !important;
+    background-color: #e5deff !important;
+}
+
+.btn--purple-100,
+.hover--purple-100:hover,
+.white-scroll .scroll .hover--purple-100:hover,
+.black-scroll .scroll .hover--purple-100:hover {
+    color: #7b5dd6 !important;
+    border-color: #7b5dd6 !important;
+    background-color: transparent !important;
+}
+
+/*------------------------------------------*/
+/*  RED BUTTON
+/*------------------------------------------*/
+
+.btn--red-500,
+.hover--red-500:hover,
+.white-scroll .scroll .hover--red-500:hover,
+.black-scroll .scroll .hover--red-500:hover {
+    color: #fff !important;
+    border-color: #da0f29 !important;
+    background-color: #da0f29 !important;
+}
+
+.btn--red-400,
+.hover--red-400:hover,
+.white-scroll .scroll .hover--red-400:hover,
+.black-scroll .scroll .hover--red-400:hover {
+    color: #fff !important;
+    border-color: #ff1e1a !important;
+    background-color: #ff1e1a !important;
+}
+
+.btn--red-300,
+.hover--red-300:hover,
+.white-scroll .scroll .hover--red-300:hover,
+.black-scroll .scroll .hover--red-300:hover {
+    color: #fff !important;
+    border-color: #ffa5a3 !important;
+    background-color: #ffa5a3 !important;
+}
+
+.btn--red-200,
+.hover--red-200:hover,
+.white-scroll .scroll .hover--red-200:hover,
+.black-scroll .scroll .hover--red-200:hover {
+    color: #ff1e1a !important;
+    border-color: #ffd2d1 !important;
+    background-color: #ffd2d1 !important;
+}
+
+.btn--red-100,
+.hover--red-100:hover,
+.white-scroll .scroll .hover--red-100:hover,
+.black-scroll .scroll .hover--red-100:hover {
+    color: #ff1e1a !important;
+    border-color: #ff1e1a !important;
+    background-color: transparent !important;
+}
+
+/*------------------------------------------*/
+/*  VIOLET BUTTON
+/*------------------------------------------*/
+
+.btn--violet-500,
+.hover--violet-500:hover,
+.white-scroll .scroll .hover--violet-500:hover,
+.black-scroll .scroll .hover--violet-500:hover {
+    color: #fff !important;
+    border-color: #c73e9b !important;
+    background-color: #c73e9b !important;
+}
+
+.btn--violet-400,
+.hover--violet-400:hover,
+.white-scroll .scroll .hover--violet-400:hover,
+.black-scroll .scroll .hover--violet-400:hover {
+    color: #fff !important;
+    border-color: #be6cbe !important;
+    background-color: #be6cbe !important;
+}
+
+.btn--violet-300,
+.hover--violet-300:hover,
+.white-scroll .scroll .hover--violet-300:hover,
+.black-scroll .scroll .hover--violet-300:hover {
+    color: #fff !important;
+    border-color: #e2bde2 !important;
+    background-color: #e2bde2 !important;
+}
+
+.btn--violet-200,
+.hover--violet-200:hover,
+.white-scroll .scroll .hover--violet-200:hover,
+.black-scroll .scroll .hover--violet-200:hover {
+    color: #be6cbe !important;
+    border-color: #f1cde5 !important;
+    background-color: #f1cde5 !important;
+}
+
+.btn--violet-100,
+.hover--violet-100:hover,
+.white-scroll .scroll .hover--violet-100:hover,
+.black-scroll .scroll .hover--violet-100:hover {
+    color: #be6cbe !important;
+    border-color: #be6cbe !important;
+    background-color: transparent !important;
+}
+
+/*------------------------------------------*/
+/*  YELLOW BUTTON
+/*------------------------------------------*/
+
+.btn--yellow-500,
+.hover--yellow-500:hover,
+.white-scroll .scroll .hover--yellow-500:hover,
+.black-scroll .scroll .hover--yellow-500:hover {
+    color: #353f4f !important;
+    border-color: #ffba01 !important;
+    background-color: #ffba01 !important;
+}
+
+.btn--yellow-400,
+.hover--yellow-400:hover,
+.white-scroll .scroll .hover--yellow-400:hover,
+.black-scroll .scroll .hover--yellow-400:hover {
+    color: #353f4f !important;
+    border-color: #ffbd45 !important;
+    background-color: #ffbd45 !important;
+}
+
+.btn--yellow-300,
+.hover--yellow-300:hover,
+.white-scroll .scroll .hover--yellow-300:hover,
+.black-scroll .scroll .hover--yellow-300:hover {
+    color: #353f4f !important;
+    border-color: #ffdf35 !important;
+    background-color: #ffdf35 !important;
+}
+
+.btn--yellow-200,
+.hover--yellow-200:hover,
+.white-scroll .scroll .hover--yellow-200:hover,
+.black-scroll .scroll .hover--yellow-200:hover {
+    color: #353f4f !important;
+    border-color: #fef5cd !important;
+    background-color: #fef5cd !important;
+}
+
+.btn--yellow-100,
+.hover--yellow-100:hover,
+.white-scroll .scroll .hover--yellow-100:hover,
+.black-scroll .scroll .hover--yellow-100:hover {
+    color: #ffba01 !important;
+    border-color: #ffba01 !important;
+    background-color: transparent !important;
+}
+
+/*------------------------------------------*/
+/*  BUTTON FOCUS
+/*------------------------------------------*/
+
+.btn:focus,
+.btn.btn--black:focus {
+    color: #fff;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+.btn--transparent:focus {
+    background-color: transparent !important;
+    border-color: transparent !important;
+}
+
+.btn--grey:focus {
+    color: #666;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+.btn--tra-black:focus,
+.btn--transparent:focus,
+.btn.btn--tra-grey:focus {
+    color: #353f4f;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  DOWNLOAD LINKS
+/*------------------------------------------*/
+
+.download-links li {
+    width: auto !important;
+    display: inline-block !important;
+    vertical-align: top;
+    clear: none !important;
+}
+
+.download-links-divider {
+    position: relative;
+    top: 1.5px;
+    transform: rotate(-90deg);
+}
+
+.download-links li p {
+    display: inline-block;
+    float: left;
+    margin-bottom: 0;
+}
+
+.download-links li p a {
+    font-weight: 500;
+}
+
+.download-links li p a:hover {
+    text-decoration: underline;
+}
+
+.color--white .download-links li p a:hover {
+    color: #fff !important;
+}
+
+/*------------------------------------------*/
+/*  OS DOWNLOAD BUTTON
+/*------------------------------------------*/
+
+.os-btn {
+    display: flex;
+    position: relative;
+    flex-flow: row wrap;
+    align-items: stretch !important;
+    justify-content: flex-start;
+    text-align: left;
+    width: 330px;
+    min-width: 330px;
+    background-color: #fff;
+    border: 1px solid #d3d3d3;
+    padding: 17px 18px 15px;
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+.os-btn:hover {
+    background-color: #f5f6f7;
+    border: 1px solid #f5f6f7;
+    -webkit-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05);
+    -moz-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05);
+    box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05);
+}
+
+.os-btn-ico {
+    position: relative;
+    margin-right: 20px;
+}
+
+.os-btn-txt {
+    overflow: hidden;
+    flex: 1;
+    max-width: 100%;
+}
+
+.os-btn-txt p {
+    color: #353f4f;
+    font-size: 1.05rem;
+    line-height: 1;
+    font-weight: 500;
+    letter-spacing: -0.5px;
+    margin-top: 6px;
+    margin-bottom: 5px;
+}
+
+.os-btn-txt span {
+    display: block;
+    font-size: 0.9rem;
+    line-height: 1;
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  STORE BADGE ICONS
+/*------------------------------------------*/
+
+.stores-badge {
+    display: inline-block;
+}
+
+.store {
+    display: inline-block;
+    text-align: center;
+    margin-right: 10px;
+}
+
+.store:last-child {
+    margin-right: 0;
+}
+
+.store img {
+    width: auto;
+    max-width: inherit;
+}
+
+.badge-img-xs .store img {
+    max-height: 2.5rem;
+}
+
+.badge-img-sm .store img {
+    max-height: 2.625rem;
+}
+
+.badge-img-md .store img {
+    max-height: 2.875rem;
+}
+
+.badge-img-lg .store img {
+    max-height: 3rem;
+}
+
+/*------------------------------------------*/
+/*  WATCH VIDEO LINK
+/*------------------------------------------*/
+
+.watch-video {
+    display: flex;
+    position: relative;
+    flex-flow: row wrap;
+    align-items: stretch !important;
+    justify-content: flex-start;
+    margin-top: 25px;
+}
+
+/*------------------------------------------*/
+/*  Link Icon
+/*------------------------------------------*/
+
+.watch-video-link {
+    position: relative;
+    text-align: center;
+    float: left;
+    width: 2.85rem;
+    height: 2.85rem;
+    color: #fff;
+    border: none;
+    margin-right: 12px;
+    -webkit-border-radius: 100%;
+    -moz-border-radius: 100%;
+    border-radius: 100%;
+}
+
+.watch-video-link:before {
+    content: '';
+    position: absolute;
+    left: -3px;
+    right: -3px;
+    top: -3px;
+    bottom: -3px;
+    background: rgba(255, 255, 255, 0.2);
+    opacity: 0;
+    -webkit-border-radius: 50%;
+    -moz-border-radius: 50%;
+    border-radius: 50%;
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+.watch-video-link:hover:before {
+    opacity: .75;
+    left: -8px;
+    right: -8px;
+    top: -8px;
+    bottom: -8px;
+}
+
+.watch-video-link span[class^="flaticon-"]:before,
+.watch-video-link span[class^="flaticon-"]:after {
+    font-size: 2rem;
+    line-height: 2.85rem !important;
+    margin-left: 5px;
+}
+
+/*------------------------------------------*/
+/*  Link Text
+/*------------------------------------------*/
+
+.watch-video-txt {
+    overflow: hidden;
+    flex: 1;
+    max-width: 100%;
+    text-align: left !important;
+}
+
+p.video-txt-lg {
+    font-size: 1rem;
+    line-height: 1;
+    font-weight: 400;
+    margin-bottom: 5px;
+}
+
+p.video-txt-sm {
+    font-size: 0.925rem;
+    line-height: 1;
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  VIDEO POPUP ICON
+/*------------------------------------------*/
+
+.video-preview {
+    position: relative;
+    text-align: center;
+}
+
+.video-btn {
+    position: absolute !important;
+    top: 50%;
+    left: 50%;
+    display: inline-block;
+    text-align: center;
+    color: #fff;
+    -webkit-border-radius: 100%;
+    -moz-border-radius: 100%;
+    border-radius: 100%;
+}
+
+.video-btn-xl {
+    width: 6.25rem;
+    height: 6.25rem;
+    margin-top: -3.125rem;
+    margin-left: -3.125rem;
+}
+
+.video-btn-lg {
+    width: 5.625rem;
+    height: 5.625rem;
+    margin-top: -2.8125rem;
+    margin-left: -2.8125rem;
+}
+
+.video-btn-md {
+    width: 5rem;
+    height: 5rem;
+    margin-top: -2.5rem;
+    margin-left: -2.5rem;
+}
+
+.video-btn-sm {
+    width: 4.375rem;
+    height: 4.375rem;
+    margin-top: -2.1875rem;
+    margin-left: -2.1875rem;
+}
+
+.video-block-wrapper {
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+.video-btn.video-btn-xl [class^="flaticon-"]:before,
+.video-btn.video-btn-xl [class^="flaticon-"]:after {
+    font-size: 5rem;
+    line-height: 6.25rem !important;
+    margin-left: 10px;
+}
+
+.video-btn.video-btn-lg [class^="flaticon-"]:before,
+.video-btn.video-btn-lg [class^="flaticon-"]:after {
+    font-size: 4.5rem;
+    line-height: 5.625rem !important;
+    margin-left: 8px;
+}
+
+.video-btn.video-btn-md [class^="flaticon-"]:before,
+.video-btn.video-btn-md [class^="flaticon-"]:after {
+    font-size: 4.35rem;
+    line-height: 5rem !important;
+    margin-left: 8px;
+}
+
+.video-btn.video-btn-sm [class^="flaticon-"]:before,
+.video-btn.video-btn-sm [class^="flaticon-"]:after {
+    font-size: 3.5rem;
+    line-height: 4.375rem !important;
+    margin-left: 5px;
+}
+
+.video-btn:hover .video-block-wrapper {
+    -moz-transform: scale(0.95);
+    -ms-transform: scale(0.95);
+    -webkit-transform: scale(0.95);
+    -o-transform: scale(0.95);
+    transform: scale(0.95);
+}
+
+.video-btn:before {
+    content: '';
+    position: absolute;
+    left: -5px;
+    right: -5px;
+    top: -5px;
+    bottom: -5px;
+    background: rgba(255, 255, 255, 0.2);
+    opacity: 0;
+    -webkit-border-radius: 50%;
+    -moz-border-radius: 50%;
+    border-radius: 50%;
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+.video-btn.video-btn-xl:hover:before {
+    opacity: .75;
+    left: -1.5rem;
+    right: -1.5rem;
+    top: -1.5rem;
+    bottom: -1.5rem;
+}
+
+.video-btn.video-btn-lg:hover:before {
+    opacity: .75;
+    left: -1.25rem;
+    right: -1.25rem;
+    top: -1.25rem;
+    bottom: -1.25rem;
+}
+
+.video-btn.video-btn-md:hover:before {
+    opacity: .75;
+    left: -1rem;
+    right: -1rem;
+    top: -1rem;
+    bottom: -1rem;
+}
+
+.video-btn.video-btn-sm:hover:before {
+    opacity: .75;
+    left: -0.75rem;
+    right: -0.75rem;
+    top: -0.75rem;
+    bottom: -0.75rem;
+}
+
+/*------------------------------------------*/
+/*  VECTOR ICONS
+/*------------------------------------------*/
+
+.ico-10 [class*="flaticon-"]:before,
+.ico-10 [class*="flaticon-"]:after {
+    font-size: 0.75rem;
+}
+
+/* 15px */
+.ico-15 [class*="flaticon-"]:before,
+.ico-15 [class*="flaticon-"]:after {
+    font-size: 0.9375rem;
+}
+
+/* 15px */
+.ico-20 [class*="flaticon-"]:before,
+.ico-20 [class*="flaticon-"]:after {
+    font-size: 1.25rem;
+}
+
+/* 20px */
+.ico-25 [class*="flaticon-"]:before,
+.ico-25 [class*="flaticon-"]:after {
+    font-size: 1.5625rem;
+}
+
+/* 25px */
+.ico-30 [class*="flaticon-"]:before,
+.ico-30 [class*="flaticon-"]:after {
+    font-size: 1.875rem;
+}
+
+/* 30px */
+.ico-35 [class*="flaticon-"]:before,
+.ico-35 [class*="flaticon-"]:after {
+    font-size: 2.1875rem;
+}
+
+/* 35px */
+.ico-40 [class*="flaticon-"]:before,
+.ico-40 [class*="flaticon-"]:after {
+    font-size: 2.5rem;
+}
+
+/* 40px */
+.ico-45 [class*="flaticon-"]:before,
+.ico-45 [class*="flaticon-"]:after {
+    font-size: 2.8125rem;
+}
+
+/* 45px */
+.ico-50 [class*="flaticon-"]:before,
+.ico-50 [class*="flaticon-"]:after {
+    font-size: 3.125rem;
+}
+
+/* 50px */
+.ico-55 [class*="flaticon-"]:before,
+.ico-55 [class*="flaticon-"]:after {
+    font-size: 3.4375rem;
+}
+
+/* 55px */
+.ico-60 [class*="flaticon-"]:before,
+.ico-60 [class*="flaticon-"]:after {
+    font-size: 3.75rem;
+}
+
+/* 60px */
+.ico-65 [class*="flaticon-"]:before,
+.ico-65 [class*="flaticon-"]:after {
+    font-size: 4.0625rem;
+}
+
+/* 65px */
+.ico-70 [class*="flaticon-"]:before,
+.ico-70 [class*="flaticon-"]:after {
+    font-size: 4.375rem;
+}
+
+/* 70px */
+.ico-75 [class*="flaticon-"]:before,
+.ico-75 [class*="flaticon-"]:after {
+    font-size: 4.6875rem;
+}
+
+/* 75px */
+.ico-80 [class*="flaticon-"]:before,
+.ico-80 [class*="flaticon-"]:after {
+    font-size: 5rem;
+}
+
+/* 80px */
+.ico-85 [class*="flaticon-"]:before,
+.ico-85 [class*="flaticon-"]:after {
+    font-size: 5.3125rem;
+}
+
+/* 85px */
+.ico-90 [class*="flaticon-"]:before,
+.ico-90 [class*="flaticon-"]:after {
+    font-size: 5.625rem;
+}
+
+/* 90px */
+.ico-95 [class*="flaticon-"]:before,
+.ico-95 [class*="flaticon-"]:after {
+    font-size: 5.9375rem;
+}
+
+/* 95px */
+.ico-100 [class*="flaticon-"]:before,
+.ico-100 [class*="flaticon-"]:after {
+    font-size: 6.25rem;
+}
+
+/* 100px */
+.ico-105 [class*="flaticon-"]:before,
+.ico-105 [class*="flaticon-"]:after {
+    font-size: 6.5625rem;
+}
+
+/* 105px */
+.ico-110 [class*="flaticon-"]:before,
+.ico-110 [class*="flaticon-"]:after {
+    font-size: 6.875rem;
+}
+
+/* 110px */
+.ico-115 [class*="flaticon-"]:before,
+.ico-115 [class*="flaticon-"]:after {
+    font-size: 7.1875rem;
+}
+
+/* 115px */
+.ico-120 [class*="flaticon-"]:before,
+.ico-120 [class*="flaticon-"]:after {
+    font-size: 7.5rem;
+}
+
+/* 120px */
+.ico-125 [class*="flaticon-"]:before,
+.ico-125 [class*="flaticon-"]:after {
+    font-size: 7.8125rem;
+}
+
+/* 125px */
+
+/*------------------------------------------*/
+/*  VECTOR ICON BACKGROUND
+/*------------------------------------------*/
+
+.shape-ico {
+    position: relative;
+    display: inline-block;
+    margin: 0 auto;
+}
+
+.shape-ico span {
+    position: relative;
+    z-index: 2;
+}
+
+.shape-ico svg {
+    position: absolute;
+    z-index: 1;
+}
+
+.ico-50 .shape-ico svg {
+    width: 130px;
+    height: 130px;
+    top: -35px;
+    left: calc(50% - 60px);
+}
+
+.fbox-11 .ico-50 .shape-ico svg {
+    top: -40px;
+    left: calc(50% - 70px);
+}
+
+.ico-55 .shape-ico svg {
+    width: 135px;
+    height: 135px;
+    top: -30px;
+    left: calc(50% - 60px);
+}
+
+.ico-60 .shape-ico svg {
+    width: 140px;
+    height: 140px;
+    top: -30px;
+    left: calc(50% - 65px);
+}
+
+.shape-ico.color--blue-300 path,
+.shape-ico.color--blue-400 path,
+.shape-ico.color--blue-500 path {
+    fill: #f4f9fc;
+}
+
+.shape-ico.color--green-300 path,
+.shape-ico.color--green-400 path,
+.shape-ico.color--green-500 path {
+    fill: #e9f8f2;
+}
+
+.shape-ico.color--pink-300 path,
+.shape-ico.color--pink-400 path,
+.shape-ico.color--pink-500 path {
+    fill: #feecf2;
+}
+
+.shape-ico.color--purple-300 path,
+.shape-ico.color--purple-400 path,
+.shape-ico.color--purple-500 path {
+    fill: #f1edff;
+}
+
+.shape-ico.color--red-300 path,
+.shape-ico.color--red-400 path,
+.shape-ico.color--red-500 path {
+    fill: #fce7e4;
+}
+
+.shape-ico.color--violet-300 path,
+.shape-ico.color--violet-400 path,
+.shape-ico.color--violet-500 path {
+    fill: #f7e4f1;
+}
+
+/*------------------------------------------*/
+/*  VECTOR ROUNDED ICONS
+/*------------------------------------------*/
+
+.ico-rounded,
+.ico-rounded-md,
+.ico-rounded-lg {
+    display: inline-block;
+    text-align: center;
+    -webkit-border-radius: 100%;
+    -moz-border-radius: 100%;
+    -o-border-radius: 100%;
+    border-radius: 100%;
+}
+
+.ico-rounded {
+    width: 80px;
+    height: 80px;
+}
+
+.ico-rounded-md {
+    width: 90px;
+    height: 90px;
+}
+
+.ico-rounded-lg {
+    width: 100px;
+    height: 100px;
+}
+
+.ico-rounded [class*="flaticon-"]:before,
+.ico-rounded [class*="flaticon-"]:after {
+    font-size: 2.15rem;
+    line-height: 80px !important;
+}
+
+.ico-rounded-md [class*="flaticon-"]:before,
+.ico-rounded-md [class*="flaticon-"]:after {
+    font-size: 2.4rem;
+    line-height: 90px !important;
+}
+
+.ico-rounded-lg [class*="flaticon-"]:before,
+.ico-rounded-lg [class*="flaticon-"]:after {
+    font-size: 2.65rem;
+    line-height: 100px !important;
+}
+
+/*------------------------------------------*/
+/*  VECTOR SQUARE ICONS
+/*------------------------------------------*/
+
+.ico-square {
+    display: inline-block;
+    text-align: center;
+    width: 80px;
+    height: 80px;
+    -webkit-border-radius: 12px;
+    -moz-border-radius: 12px;
+    -o-border-radius: 12px;
+    border-radius: 12px;
+}
+
+.ico-square [class*="flaticon-"]:before,
+.ico-square [class*="flaticon-"]:after {
+    font-size: 2.4rem;
+    line-height: 80px !important;
+}
+
+/*------------------------------------------*/
+/*   PNG ICONS SETTINGS
+/*------------------------------------------*/
+
+.ico-145 img {
+    width: 145px;
+    height: 145px;
+}
+
+.ico-140 img {
+    width: 140px;
+    height: 140px;
+}
+
+.ico-135 img {
+    width: 135px;
+    height: 135px;
+}
+
+.ico-130 img {
+    width: 130px;
+    height: 130px;
+}
+
+.ico-125 img {
+    width: 125px;
+    height: 125px;
+}
+
+.ico-120 img {
+    width: 120px;
+    height: 120px;
+}
+
+.ico-115 img {
+    width: 115px;
+    height: 115px;
+}
+
+.ico-110 img {
+    width: 110px;
+    height: 110px;
+}
+
+.ico-105 img {
+    width: 105px;
+    height: 105px;
+}
+
+.ico-100 img {
+    width: 100px;
+    height: 100px;
+}
+
+.ico-95 img {
+    width: 95px;
+    height: 95px;
+}
+
+.ico-90 img {
+    width: 90px;
+    height: 90px;
+}
+
+.ico-85 img {
+    width: 85px;
+    height: 85px;
+}
+
+.ico-80 img {
+    width: 80px;
+    height: 80px;
+}
+
+.ico-75 img {
+    width: 75px;
+    height: 75px;
+}
+
+.ico-70 img {
+    width: 70px;
+    height: 70px;
+}
+
+.ico-65 img {
+    width: 65px;
+    height: 65px;
+}
+
+.ico-60 img {
+    width: 60px;
+    height: 60px;
+}
+
+.ico-55 img {
+    width: 55px;
+    height: 55px;
+}
+
+.ico-50 img {
+    width: 50px;
+    height: 50px;
+}
+
+.ico-45 img {
+    width: 45px;
+    height: 45px;
+}
+
+.ico-40 img {
+    width: 40px;
+    height: 40px;
+}
+
+.ico-35 img {
+    width: 35px;
+    height: 35px;
+}
+
+.ico-30 img {
+    width: 30px;
+    height: 30px;
+}
+
+.ico-25 img {
+    width: 25px;
+    height: 25px;
+}
+
+.ico-20 img {
+    width: 20px;
+    height: 20px;
+}
+
+/*------------------------------------------*/
+/*   SECTION ID
+/*------------------------------------------*/
+
+.section-id {
+    display: block;
+    font-size: 0.85rem;
+    line-height: 1;
+    font-weight: 700;
+    letter-spacing: 0.5px;
+    text-transform: uppercase;
+    margin-bottom: 35px;
+}
+
+.section-id.rounded-id {
+    display: inline-block;
+    padding: 10px 24px;
+    font-size: 0.85rem;
+    text-transform: uppercase;
+    -webkit-border-radius: 100px;
+    -moz-border-radius: 100px;
+    border-radius: 100px;
+    margin-bottom: 40px;
+}
+
+.section-id.border-id {
+    border-width: 2px;
+    border-style: solid;
+}
+
+.section-id.border-id.border--grey {
+    border-color: #757575;
+}
+
+.section-id.border-id.border--blue {
+    border-color: #1680fb;
+}
+
+.font--jakarta .section-id {
+    font-family: 'Plus Jakarta Sans', sans-serif;
+}
+
+.font--inter .section-id {
+    font-family: 'Inter', sans-serif;
+}
+
+/*------------------------------------------*/
+/*  SECTION TITLE
+/*------------------------------------------*/
+
+.section-title {
+    text-align: center;
+}
+
+.section-title h2 {
+    margin-bottom: 0;
+}
+
+.section-title h2.w-700 {
+    letter-spacing: -0.5px;
+}
+
+.section-title p.p-md,
+.section-title p.p-lg,
+.section-title p.p-xl,
+.section-title p.s-20,
+.section-title p.s-21 {
+    margin-top: 18px;
+    margin-bottom: 0;
+}
+
+.section-title p.p-md,
+.section-title p.p-lg {
+    padding: 0 3%;
+}
+
+.section-title a.contact-link {
+    font-weight: 500;
+    text-decoration: underline;
+}
+
+.section-title .btns-group .btn {
+    margin-top: 0;
+}
+
+.section-title .advantages,
+.section-title .btns-txt,
+.section-title .btns-group-txt {
+    margin-top: 20px;
+}
+
+/*------------------------------------------*/
+/*  TEXT COLORS
+/*------------------------------------------*/
+
+.color--white,
+.color--white h1,
+.color--white h2,
+.color--white h3,
+.color--white h4,
+.color--white h5,
+.color--white h6,
+.color--white p,
+.color--white a,
+.color--white li,
+.color--white i,
+.color--white span {
+    color: #fff;
+}
+
+.color--snow,
+.color--snow h1,
+.color--snow h2,
+.color--snow h3,
+.color--snow h4,
+.color--snow h5,
+.color--snow h6,
+.color--snow p,
+.color--snow a,
+.color--snow li,
+.color--snow i,
+.color--snow span,
+.color--white .color--snow {
+    color: #c2c3cb;
+}
+
+.color--black,
+.color--black h1,
+.color--black h2,
+.color--black h3,
+.color--black h4,
+.color--black h5,
+.color--black h6,
+.color--black p,
+.color--black a,
+.color--black li,
+.color--black i,
+.color--black span {
+    color: #353f4f;
+}
+
+.color--coal,
+.color--coal h1,
+.color--coal h2,
+.color--coal h3,
+.color--coal h4,
+.color--coal h5,
+.color--coal h6,
+.color--coal p,
+.color--coal a,
+.color--coal li,
+.color--coal i,
+.color--coal span {
+    color: #52595d;
+}
+
+.color--grey,
+.color--grey h1,
+.color--grey h2,
+.color--grey h3,
+.color--grey h4,
+.color--grey h5,
+.color--grey h6,
+.color--grey p,
+.color--grey a,
+.color--grey li,
+.color--grey i,
+.color--grey span,
+.color--white .color--grey {
+    color: #757575;
+}
+
+.color--blue-500,
+.color--blue-500 h1,
+.color--blue-500 h2,
+.color--blue-500 h3,
+.color--blue-500 h4,
+.color--blue-500 h5,
+.color--blue-500 h6,
+.color--blue-500 p,
+.color--blue-500 a,
+.color--blue-500 li,
+.color--blue-500 i,
+.color--blue-500 span,
+.color--white .color--blue-500 {
+    color: #185abd !important;
+}
+
+.color--blue-400,
+.color--blue-400 h1,
+.color--blue-400 h2,
+.color--blue-400 h3,
+.color--blue-400 h4,
+.color--blue-400 h5,
+.color--blue-400 h6,
+.color--blue-400 p,
+.color--blue-400 a,
+.color--blue-400 li,
+.color--blue-400 i,
+.color--blue-400 span,
+.color--white .color--blue-400 {
+    color: #1680fb !important;
+}
+
+.color--blue-300,
+.color--blue-300 h1,
+.color--blue-300 h2,
+.color--blue-300 h3,
+.color--blue-300 h4,
+.color--blue-300 h5,
+.color--blue-300 h6,
+.color--blue-300 p,
+.color--blue-300 a,
+.color--blue-300 li,
+.color--blue-300 i,
+.color--blue-300 span,
+.color--white .color--blue-300 {
+    color: #3eb1ff !important;
+}
+
+.color--green-500,
+.color--green-500 h1,
+.color--green-500 h2,
+.color--green-500 h3,
+.color--green-500 h4,
+.color--green-500 h5,
+.color--green-500 h6,
+.color--green-500 p,
+.color--green-500 a,
+.color--green-500 li,
+.color--green-500 i,
+.color--green-500 span,
+.color--white .color--green-500 {
+    color: #00a14e !important;
+}
+
+.color--green-400,
+.color--green-400 h1,
+.color--green-400 h2,
+.color--green-400 h3,
+.color--green-400 h4,
+.color--green-400 h5,
+.color--green-400 h6,
+.color--green-400 p,
+.color--green-400 a,
+.color--green-400 li,
+.color--green-400 i,
+.color--green-400 span,
+.color--white .color--green-400 {
+    color: #0fbc49 !important;
+}
+
+.color--green-300,
+.color--green-300 h1,
+.color--green-300 h2,
+.color--green-300 h3,
+.color--green-300 h4,
+.color--green-300 h5,
+.color--green-300 h6,
+.color--green-300 p,
+.color--green-300 a,
+.color--green-300 li,
+.color--green-300 i,
+.color--green-300 span,
+.color--white .color--green-300 {
+    color: #6fd792 !important;
+}
+
+.color--pink-500,
+.color--pink-500 h1,
+.color--pink-500 h2,
+.color--pink-500 h3,
+.color--pink-500 h4,
+.color--pink-500 h5,
+.color--pink-500 h6,
+.color--pink-500 p,
+.color--pink-500 a,
+.color--pink-500 li,
+.color--pink-500 i,
+.color--pink-500 span,
+.color--white .color--pink-500 {
+    color: #6091a4 !important;
+}
+
+.color--pink-400,
+.color--pink-400 h1,
+.color--pink-400 h2,
+.color--pink-400 h3,
+.color--pink-400 h4,
+.color--pink-400 h5,
+.color--pink-400 h6,
+.color--pink-400 p,
+.color--pink-400 a,
+.color--pink-400 li,
+.color--pink-400 i,
+.color--pink-400 span,
+.color--white .color--pink-400 {
+    color: #f74780 !important;
+}
+
+.color--pink-300,
+.color--pink-300 h1,
+.color--pink-300 h2,
+.color--pink-300 h3,
+.color--pink-300 h4,
+.color--pink-300 h5,
+.color--pink-300 h6,
+.color--pink-300 p,
+.color--pink-300 a,
+.color--pink-300 li,
+.color--pink-300 i,
+.color--pink-300 span,
+.color--white .color--pink-300 {
+    color: #fcb5cc !important;
+}
+
+.color--purple-500,
+.color--purple-500 h1,
+.color--purple-500 h2,
+.color--purple-500 h3,
+.color--purple-500 h4,
+.color--purple-500 h5,
+.color--purple-500 h6,
+.color--purple-500 p,
+.color--purple-500 a,
+.color--purple-500 li,
+.color--purple-500 i,
+.color--purple-500 span,
+.color--white .color--purple-500 {
+    color: #663ae9 !important;
+}
+
+.color--purple-400,
+.color--purple-400 h1,
+.color--purple-400 h2,
+.color--purple-400 h3,
+.color--purple-400 h4,
+.color--purple-400 h5,
+.color--purple-400 h6,
+.color--purple-400 p,
+.color--purple-400 a,
+.color--purple-400 li,
+.color--purple-400 i,
+.color--purple-400 span,
+.color--white .color--purple-400 {
+    color: #7b5dd6 !important;
+}
+
+.color--purple-300,
+.color--purple-300 h1,
+.color--purple-300 h2,
+.color--purple-300 h3,
+.color--purple-300 h4,
+.color--purple-300 h5,
+.color--purple-300 h6,
+.color--purple-300 p,
+.color--purple-300 a,
+.color--purple-300 li,
+.color--purple-300 i,
+.color--purple-300 span,
+.color--white .color--purple-300 {
+    color: #bdaeea !important;
+}
+
+.color--red-500,
+.color--red-500 h1,
+.color--red-500 h2,
+.color--red-500 h3,
+.color--red-500 h4,
+.color--red-500 h5,
+.color--red-500 h6,
+.color--red-500 p,
+.color--red-500 a,
+.color--red-500 li,
+.color--red-500 i,
+.color--red-500 span,
+.color--white .color--red-500 {
+    color: #da0f29 !important;
+}
+
+.color--red-400,
+.color--red-400 h1,
+.color--red-400 h2,
+.color--red-400 h3,
+.color--red-400 h4,
+.color--red-400 h5,
+.color--red-400 h6,
+.color--red-400 p,
+.color--red-400 a,
+.color--red-400 li,
+.color--red-400 i,
+.color--red-400 span,
+.color--white .color--red-400 {
+    color: #ff1e1a !important;
+}
+
+.color--red-300,
+.color--red-300 h1,
+.color--red-300 h2,
+.color--red-300 h3,
+.color--red-300 h4,
+.color--red-300 h5,
+.color--red-300 h6,
+.color--red-300 p,
+.color--red-300 a,
+.color--red-300 li,
+.color--red-300 i,
+.color--red-300 span,
+.color--white .color--red-300 {
+    color: #ffa5a3 !important;
+}
+
+.color--violet-500,
+.color--violet-500 h1,
+.color--violet-500 h2,
+.color--violet-500 h3,
+.color--violet-500 h4,
+.color--violet-500 h5,
+.color--violet-500 h6,
+.color--violet-500 p,
+.color--violet-500 a,
+.color--violet-500 li,
+.color--violet-500 i,
+.color--violet-500 span,
+.color--white .color--violet-500 {
+    color: #c73e9b !important;
+}
+
+.color--violet-400,
+.color--violet-400 h1,
+.color--violet-400 h2,
+.color--violet-400 h3,
+.color--violet-400 h4,
+.color--violet-400 h5,
+.color--violet-400 h6,
+.color--violet-400 p,
+.color--violet-400 a,
+.color--violet-400 li,
+.color--violet-400 i,
+.color--violet-400 span,
+.color--white .color--violet-400 {
+    color: #be6cbe !important;
+}
+
+.color--violet-300,
+.color--violet-300 h1,
+.color--violet-300 h2,
+.color--violet-300 h3,
+.color--violet-300 h4,
+.color--violet-300 h5,
+.color--violet-300 h6,
+.color--violet-300 p,
+.color--violet-300 a,
+.color--violet-300 li,
+.color--violet-300 i,
+.color--violet-300 span,
+.color--white .color--violet-300 {
+    color: #e2bde2 !important;
+}
+
+.color--yellow-500,
+.color--yellow-500 h1,
+.color--yellow-500 h2,
+.color--yellow-500 h3,
+.color--yellow-500 h4,
+.color--yellow-500 h5,
+.color--yellow-500 h6,
+.color--yellow-500 p,
+.color--yellow-500 a,
+.color--yellow-500 li,
+.color--yellow-500 i,
+.color--yellow-500 span,
+.color--white .color--yellow-500 {
+    color: #ffba01 !important;
+}
+
+.color--yellow-400,
+.color--yellow-400 h1,
+.color--yellow-400 h2,
+.color--yellow-400 h3,
+.color--yellow-400 h4,
+.color--yellow-400 h5,
+.color--yellow-400 h6,
+.color--yellow-400 p,
+.color--yellow-400 a,
+.color--yellow-400 li,
+.color--yellow-400 i,
+.color--yellow-400 span,
+.color--white .color--yellow-400 {
+    color: #ffbd45 !important;
+}
+
+.color--yellow-300,
+.color--yellow-300 h1,
+.color--yellow-300 h2,
+.color--yellow-300 h3,
+.color--yellow-300 h4,
+.color--yellow-300 h5,
+.color--yellow-300 h6,
+.color--yellow-300 p,
+.color--yellow-300 a,
+.color--yellow-300 li,
+.color--yellow-300 i,
+.color--yellow-300 span,
+.color--white .color--yellow-300 {
+    color: #ffdf35 !important;
+}
+
+
+
+
+/* ==========================================================================
+  03. PRELOAD ANIMATION
+  ========================================================================== */
+
+#loading {
+    height: 100%;
+    width: 100%;
+    position: fixed;
+    z-index: 1;
+    margin-top: 0px;
+    top: 0px;
+    z-index: 99999999;
+}
+
+#loading {
+    background-color: #f5f5f9;
+}
+
+#loading-center {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    height: 100px;
+    width: 100px;
+    margin-top: -50px;
+    margin-left: -50px;
+    -webkit-animation: loading-center-absolute 1s infinite;
+    animation: loading-center-absolute 1s infinite;
+}
+
+.loader {
+    border: 2px solid;
+    border-color: transparent #888;
+    width: 100px;
+    height: 100px;
+    border-radius: 50%;
+    display: inline-block;
+    position: relative;
+    box-sizing: border-box;
+    animation: rotation 1s linear infinite;
+}
+
+.loading--blue .loader {
+    border-color: transparent #1680fb;
+}
+
+.loading--green .loader {
+    border-color: transparent #0fbc49;
+}
+
+.loading--pink .loader {
+    border-color: transparent #f74780;
+}
+
+.loading--purple .loader {
+    border-color: transparent #7b5dd6;
+}
+
+.loading--red .loader {
+    border-color: transparent #ff1e1a;
+}
+
+.loading--violet .loader {
+    border-color: transparent #c73e9b;
+}
+
+.loading--yellow .loader {
+    border-color: transparent #ffba01;
+}
+
+.loader::after {
+    content: '';
+    box-sizing: border-box;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    border: 50px solid;
+    border-color: transparent rgba(30, 30, 30, 0.15);
+    border-radius: 50%;
+    transform: translate(-50%, -50%);
+}
+
+.loading--blue .loader::after {
+    border-color: transparent rgba(22, 128, 251, .15);
+}
+
+.loading--green .loader::after {
+    border-color: transparent rgba(14, 188, 73, .15);
+}
+
+.loading--pink .loader::after {
+    border-color: transparent rgba(247, 71, 128, .15);
+}
+
+.loading--purple .loader::after {
+    border-color: transparent rgba(123, 93, 214, .15);
+}
+
+.loading--red .loader::after {
+    border-color: transparent rgba(255, 30, 26, .15);
+}
+
+.loading--violet .loader::after {
+    border-color: transparent rgba(1900, 108, 190, .15);
+}
+
+.loading--yellow .loader::after {
+    border-color: transparent rgba(255, 186, 1, .15);
+}
+
+@keyframes rotation {
+    0% {
+        transform: rotate(0deg);
+    }
+
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+
+
+
+/* ==========================================================================
+  04. HEADER & NAVIGATION
+  =========================================================================== */
+
+#header {
+    width: 100%;
+    display: block;
+    padding-top: 0px;
+}
+
+.header-wrapper {
+    position: fixed;
+    top: 0;
+    right: 0;
+    left: 0;
+    z-index: 1030;
+}
+
+.headerwp {
+    max-width: 1140px;
+    margin: 0 auto;
+    padding: 0;
+}
+
+.posrlt {
+    position: relative;
+}
+
+/*------------------------------------------*/
+/*  HEADER LOGO
+/*------------------------------------------*/
+
+.desktoplogo img {
+    width: auto;
+    max-width: inherit;
+    max-height: 38px;
+}
+
+.blog-header .desktoplogo img {
+    max-height: 30px;
+}
+
+/*------------------------------------------*/
+/*  NAVIGATION MENU
+/*------------------------------------------*/
+
+.wsmainfull {
+    width: 100%;
+    height: auto;
+    z-index: 1031;
+    -webkit-transition: all 450ms ease-in-out;
+    -moz-transition: all 450ms ease-in-out;
+    -o-transition: all 450ms ease-in-out;
+    -ms-transition: all 450ms ease-in-out;
+    transition: all 450ms ease-in-out;
+}
+
+.tra-menu .wsmainfull {
+    padding: 20px 0;
+    background-color: transparent !important;
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    box-shadow: none;
+}
+
+.white-menu .wsmainfull {
+    padding: 6px 0;
+    background-color: #fff !important;
+    -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+    -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+    box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.dark-menu .wsmainfull {
+    padding: 6px 0;
+    background-color: #1d222f !important;
+    -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+    -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+    box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+#header.hiddden-header {
+    display: none;
+}
+
+.hidden-nav .wsmainfull {
+    margin-top: -140px;
+    -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+    -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+    box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  HEADER LINK
+/*------------------------------------------*/
+
+.wsmenu>.wsmenu-list>li>a {
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    display: block;
+    font-size: 1rem;
+    line-height: 50px;
+    font-weight: 600;
+    letter-spacing: 0;
+    text-decoration: none;
+    margin: 0 7px;
+    padding: 10px 15px;
+}
+
+.navbar-dark .wsmenu>.wsmenu-list>li>a.h-link {
+    color: #353f4f;
+}
+
+.navbar-light .wsmenu>.wsmenu-list>li>a.h-link {
+    color: #fff;
+}
+
+.wsmenu>.wsmenu-list>li>a.h-link.last-link {
+    padding: 10px 0px;
+    margin: 0;
+}
+
+.wsmenu>.wsmenu-list>li>a .wsarrow:after {
+    border-left: 4px solid rgba(0, 0, 0, 0);
+    border-right: 4px solid rgba(0, 0, 0, 0);
+    border-top: 4px solid;
+    content: "";
+    float: right;
+    right: 0;
+    height: 0;
+    margin: 0 0 0 14px;
+    position: absolute;
+    text-align: right;
+    top: 35px;
+    width: 0;
+}
+
+.wsmenu>.wsmenu-list>li.reg-fst-link>a {
+    margin-left: 30px;
+}
+
+/*------------------------------------------*/
+/*  HEADER LINK INFO
+/*------------------------------------------*/
+
+span.sm-info {
+    position: relative;
+    display: inline-block;
+    text-align: center;
+    width: 20px;
+    height: 20px;
+    color: #fff;
+    font-size: 0.65rem;
+    line-height: 19px;
+    font-weight: 700;
+    margin-left: 5px;
+    -webkit-border-radius: 100%;
+    -moz-border-radius: 100%;
+    -o-border-radius: 100%;
+}
+
+.nav-blue-500 .sm-info {
+    background-color: #185abd;
+}
+
+.nav-blue-400 .sm-info {
+    background-color: #1680fb;
+}
+
+.nav-blue-300 .sm-info {
+    background-color: #3eb1ff;
+}
+
+.nav-green-500 .sm-info {
+    background-color: #00a14e;
+}
+
+.nav-green-400 .sm-info {
+    background-color: #0fbc49;
+}
+
+.nav-green-300 .sm-info {
+    background-color: #6fd792;
+}
+
+.nav-pink-500 .sm-info {
+    background-color: #6091a4;
+}
+
+.nav-pink-400 .sm-info {
+    background-color: #f74780;
+}
+
+.nav-pink-300 .sm-info {
+    background-color: #fcb5cc;
+}
+
+.nav-purple-500 .sm-info {
+    background-color: #663ae9;
+}
+
+.nav-purple-400 .sm-info {
+    background-color: #7b5dd6;
+}
+
+.nav-purple-300 .sm-info {
+    background-color: #bdaeea;
+}
+
+.nav-red-500 .sm-info {
+    background-color: #da0f29;
+}
+
+.nav-red-400 .sm-info {
+    background-color: #ff1e1a;
+}
+
+.nav-red-300 .sm-info {
+    background-color: #ffa5a3;
+}
+
+.nav-violet-500 .sm-info {
+    background-color: #c73e9b;
+}
+
+.nav-violet-400 .sm-info {
+    background-color: #be6cbe;
+}
+
+.nav-violet-300 .sm-info {
+    background-color: #e2bde2;
+}
+
+.nav-yellow-500 .sm-info {
+    background-color: #ffba01;
+}
+
+.nav-yellow-400 .sm-info {
+    background-color: #ffbd45;
+}
+
+.nav-yellow-300 .sm-info {
+    background-color: #ffdf35;
+}
+
+/*------------------------------------------*/
+/*  HEADER BUTTONS
+/*------------------------------------------*/
+
+.wsmenu>.wsmenu-list>li a.btn {
+    font-size: 1rem;
+    line-height: 30px;
+    font-weight: 600;
+    text-transform: none;
+    letter-spacing: 0;
+    margin-top: 14px;
+    padding: 4px 28px;
+}
+
+.wsmenu>.wsmenu-list>li a.btn.reg-btn {
+    padding: 4px 22px;
+}
+
+.wsmenu>.wsmenu-list>li a.btn.fst-btn-link {
+    margin-left: 12px;
+}
+
+.wsmenu>.wsmenu-list>li a.store.header-store {
+    line-height: 1;
+    margin-top: 13px;
+    margin-left: 10px;
+    margin-bottom: 0;
+    padding: 0;
+}
+
+.store.header-store img {
+    max-height: 44px;
+}
+
+/*------------------------------------------*/
+/*  HEADER SOCIAL LINKS
+/*------------------------------------------*/
+
+.header-socials {
+    margin: 0;
+    display: inline-block;
+    text-align: center;
+}
+
+.header-socials span {
+    float: left;
+    width: auto !important;
+    display: inline-block !important;
+    vertical-align: top;
+    clear: none !important;
+    margin: 0;
+}
+
+.header-socials a {
+    display: block;
+    margin-left: 18px;
+}
+
+.navbar-light .header-socials a {
+    color: #ddd;
+}
+
+.navbar-light .header-socials a:hover {
+    color: #ccc !important;
+}
+
+.header-socials.ico-20 [class*="flaticon-"]:before,
+.header-socials.ico-20 [class*="flaticon-"]:after {
+    line-height: 70px !important;
+}
+
+/*------------------------------------------*/
+/*  HEADER SUBMENU
+/*------------------------------------------*/
+
+.wsmenu>.wsmenu-list>li>ul.sub-menu {
+    width: auto;
+    min-width: 200px;
+    top: 62px;
+    padding: 12px 10px;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    -o-border-radius: 6px;
+    -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+    -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+    box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a {
+    background-color: rgba(244, 244, 249, 0);
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    color: #353f4f;
+    font-size: 1rem;
+    font-weight: 600;
+    padding: 11px 14px;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    -o-border-radius: 6px;
+    transition: all 0.3s ease-in-out;
+}
+
+.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover {
+    background-color: rgba(244, 244, 249, 1);
+    padding: 11px 14px;
+}
+
+/*------------------------------------------*/
+/*  HALFMENU
+/*------------------------------------------*/
+
+.wsmenu>.wsmenu-list>li>.wsmegamenu {
+    top: 62px;
+}
+
+.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu {
+    width: 38%;
+    padding: 12px 0;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    -o-border-radius: 6px;
+    -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+    -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+    box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu.icons-menu {
+    right: 2%;
+}
+
+.wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li {
+    border-bottom: none;
+}
+
+.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a,
+.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a {
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    background-color: rgba(244, 244, 249, 0);
+    color: #353f4f;
+    font-size: 1rem;
+    font-weight: 600;
+    padding: 11px 14px;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    -o-border-radius: 6px;
+    transition: all 0.3s ease-in-out;
+}
+
+.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    background-color: rgba(244, 244, 249, 1);
+    padding: 11px 14px;
+}
+
+/*------------------------------------------*/
+/*  MEGAMENU
+/*------------------------------------------*/
+
+.wsmenu>.wsmenu-list>li>.wsmegamenu {
+    padding: 12px 0;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    -o-border-radius: 6px;
+    -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+    -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+    box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 {
+    width: 76% !important;
+    left: 23%;
+    padding: 20px 10px;
+}
+
+.wsmegamenu.w-75 .col-lg-3 {
+    padding: 0 6px;
+}
+
+/*------------------------------------------*/
+/*  SUBMENU TITLE
+/*------------------------------------------*/
+
+.wsmenu>.wsmenu-list>li>.wsmegamenu .title,
+.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu .title {
+    color: #929394;
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    font-size: 0.875rem;
+    line-height: 1;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0;
+    margin: 10px 0 15px 13px;
+}
+
+/*------------------------------------------*/
+/*  DARK HEADER SUBMENU / MEGAMENU
+/*------------------------------------------*/
+
+.dark-menu .wsmenu>.wsmenu-list>li>ul.sub-menu,
+.dark-menu .wsmenu>.wsmenu-list>li>.wsmegamenu,
+.dark-menu .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu,
+.black-scroll .scroll .wsmenu>.wsmenu-list>li>ul.sub-menu,
+.black-scroll .scroll .wsmenu>.wsmenu-list>li>.wsmegamenu,
+.black-scroll .scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu {
+    background-color: #2c3142 !important;
+    border: solid 1px #2c3142 !important;
+    -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+    -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+    box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.dark-menu .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a,
+.dark-menu .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a,
+.dark-menu .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a,
+.black-scroll .scroll .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a,
+.black-scroll .scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a,
+.black-scroll .scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a {
+    color: #ddd;
+    background-color: rgba(255, 255, 255, 0) !important;
+}
+
+.dark-menu .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover,
+.dark-menu .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.dark-menu .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
+.black-scroll .scroll .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover,
+.black-scroll .scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.black-scroll .scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    background-color: rgba(255, 255, 255, .05) !important;
+}
+
+.dark-menu .title,
+.black-scroll .scroll .title,
+.dark-menu .icons-menu-txt span,
+.black-scroll .scroll .icons-menu-txt span {
+    color: #fff !important;
+}
+
+/*------------------------------------------*/
+/*  ICONS MENU
+/*------------------------------------------*/
+
+.wsmenu>.wsmenu-list>li>ul.sub-menu.icons-menu {
+    max-width: 275px;
+    min-width: 275px;
+    padding: 12px;
+}
+
+.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu.icons-menu {
+    width: 52%;
+    padding: 12px 6px;
+}
+
+.wsmegamenu.halfmenu.icons-menu .col-lg-6 {
+    padding: 0 6px;
+}
+
+.wsmenu>.wsmenu-list>li>.wsmegamenu.icons-menu.w-75 {
+    width: 82% !important;
+    left: 17%;
+    padding: 12px 6px;
+}
+
+.wsmegamenu.icons-menu.w-75 .col-lg-4 {
+    padding: 0 6px;
+}
+
+.icons-menu .icons-menu-item {
+    display: flex !important;
+    position: relative !important;
+    flex-flow: row wrap !important;
+    align-items: stretch !important;
+    justify-content: flex-start !important;
+}
+
+.icons-menu-ico {
+    position: relative;
+    margin-right: 14px;
+}
+
+.wsmegamenu.ico-30 .icons-menu-ico span {
+    position: relative;
+    top: 6px !important;
+}
+
+.icons-menu-txt {
+    overflow: hidden;
+    flex: 1;
+    max-width: 100%;
+}
+
+.icons-menu-txt h6 {
+    color: inherit;
+    font-size: 1rem;
+    line-height: 32px;
+    font-weight: 500;
+    margin-bottom: 0;
+}
+
+.icons-menu-txt span {
+    display: block;
+    color: #898989;
+    font-size: 0.925rem;
+    font-weight: 400;
+    margin-bottom: 0;
+}
+
+.sub-menu.ico-30 .icons-menu-txt h6 {
+    line-height: 30px;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR HOVER
+/*------------------------------------------*/
+
+.navbar-light .wsmenu-list>li>a.h-link:hover {
+    color: #eee !important;
+}
+
+.navbar-dark .wsmenu-list>li>a.h-link:hover {
+    color: #1d222f !important;
+}
+
+.wsmenu>.wsmenu-list.nav-blue-500>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-blue-500>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-blue-500>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #185abd !important;
+}
+
+.wsmenu>.wsmenu-list.nav-blue-400>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-blue-400>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-blue-400>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #1680fb !important;
+}
+
+.wsmenu>.wsmenu-list.nav-blue-300>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-blue-300>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-blue-300>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #3eb1ff !important;
+}
+
+.wsmenu>.wsmenu-list.nav-green-500>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-green-500>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-green-500>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #00a14e !important;
+}
+
+.wsmenu>.wsmenu-list.nav-green-400>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-green-400>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-green-400>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #0fbc49 !important;
+}
+
+.wsmenu>.wsmenu-list.nav-green-300>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-green-300>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-green-300>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #6fd792 !important;
+}
+
+.wsmenu>.wsmenu-list.nav-pink-500>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-pink-500>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-pink-500>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #6091a4 !important;
+}
+
+.wsmenu>.wsmenu-list.nav-pink-400>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-pink-400>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-pink-400>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #f74780 !important;
+}
+
+.wsmenu>.wsmenu-list.nav-pink-300>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-pink-300>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-pink-300>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #fcb5cc !important;
+}
+
+.wsmenu>.wsmenu-list.nav-purple-500>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-purple-500>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-purple-500>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #663ae9 !important;
+}
+
+.wsmenu>.wsmenu-list.nav-purple-400>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-purple-400>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-purple-400>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #7b5dd6 !important;
+}
+
+.wsmenu>.wsmenu-list.nav-purple-300>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-purple-300>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-purple-300>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #bdaeea !important;
+}
+
+.wsmenu>.wsmenu-list.nav-red-500>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-red-500>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-red-500>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #da0f29 !important;
+}
+
+.wsmenu>.wsmenu-list.nav-red-400>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-red-400>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-red-400>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #ff1e1a !important;
+}
+
+.wsmenu>.wsmenu-list.nav-red-300>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-red-300>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-red-300>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #ffa5a3 !important;
+}
+
+.wsmenu>.wsmenu-list.nav-violet-500>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-violet-500>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-violet-500>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #c73e9b !important;
+}
+
+.wsmenu>.wsmenu-list.nav-violet-400>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-violet-400>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-violet-400>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #be6cbe !important;
+}
+
+.wsmenu>.wsmenu-list.nav-violet-300>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-violet-300>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-violet-300>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #e2bde2 !important;
+}
+
+/*------------------------------------------*/
+/*  HIDDEN NAVBAR SCROLL
+/*------------------------------------------*/
+
+.hidden-nav .wsmainfull.scroll {
+    margin-top: 0;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR WHITE SCROLL
+/*------------------------------------------*/
+
+.tra-menu.white-scroll .wsmainfull.scroll,
+.white-menu.white-scroll .wsmainfull.scroll {
+    padding: 0;
+    background-color: rgba(255, 255, 255, .7) !important;
+    backdrop-filter: blur(20px);
+    -webkit-backdrop-filter: blur(20px);
+    -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+    -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+    box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.tra-menu.navbar-dark.white-scroll .scroll .wsmenu>.wsmenu-list>li>a.h-link,
+.tra-menu.navbar-light.white-scroll .scroll .wsmenu>.wsmenu-list>li>a.h-link {
+    color: #353f4f;
+}
+
+.navbar-light.white-scroll .scroll .wsmenu-list>li>a.h-link:hover {
+    color: #1d222f !important;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR BLACK SCROLL
+/*------------------------------------------*/
+
+.tra-menu.black-scroll .wsmainfull.scroll,
+.dark-menu.black-scroll .wsmainfull.scroll {
+    padding: 0;
+    background-color: #1d222f !important;
+    -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+    -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+    box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.tra-menu.navbar-dark.black-scroll .scroll .wsmenu>.wsmenu-list>li>a.h-link {
+    color: #fff;
+}
+
+.tra-menu.navbar-dark.black-scroll .scroll .wsmenu>.wsmenu-list>li>a.h-link:hover {
+    color: #ccc !important;
+}
+
+/*------------------------------------------*/
+/*  WHITE SCROLL BUTTONS
+/*------------------------------------------*/
+
+.white-scroll .scroll .btn--tra-white {
+    color: #353f4f !important;
+    border-color: #353f4f !important;
+}
+
+/*------------------------------------------*/
+/*  BLACK SCROLL BUTTONS
+/*------------------------------------------*/
+
+.black-scroll .scroll .btn--tra-black {
+    color: #fff !important;
+    border-color: #fff !important;
+}
+
+/*------------------------------------------*/
+/*  LOGO IMAGE
+/*------------------------------------------*/
+
+.logo-white,
+.logo-black {
+    display: block;
+}
+
+.navbar-light .logo-black,
+.navbar-dark .logo-white,
+.tra-menu.navbar-light .scroll .logo-white,
+.tra-menu.navbar-dark.black-scroll .scroll .logo-black {
+    display: none;
+}
+
+.tra-menu.navbar-light .scroll .logo-black,
+.tra-menu.navbar-dark.black-scroll .scroll .logo-white {
+    display: block;
+}
+
+
+
+
+/* ==========================================================================
+  05. HERO
+  ========================================================================== */
+
+.hero-section,
+.hero-section .container {
+    position: relative;
+    z-index: 3;
+}
+
+.hero-section.bg--img {
+    width: 100%;
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: cover;
+}
+
+.hero-section.blur--purple:after {
+    position: absolute;
+    content: '';
+    z-index: -1;
+    width: 100%;
+    height: 100%;
+    top: -30%;
+    left: 0;
+    background-image: url(../images/blur-purple.png);
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: cover;
+    background-attachment: scroll;
+    opacity: 0.2;
+}
+
+/*------------------------------------------*/
+/*  HERO LOGO
+/*------------------------------------------*/
+
+.hero-logo {
+    margin-bottom: 40px;
+}
+
+.hero-square-logo {
+    margin-bottom: 20px;
+}
+
+#hero-22 .hero-logo {
+    margin-bottom: 30px;
+}
+
+.hero-logo img {
+    width: auto;
+    max-width: inherit;
+    max-height: 36px;
+}
+
+.hero-square-logo img {
+    width: auto;
+    max-width: inherit;
+    max-height: 90px;
+}
+
+/*------------------------------------------*/
+/*  HERO APP LOGO
+/*------------------------------------------*/
+
+.hero-app-logo {
+    margin-bottom: 35px;
+}
+
+#hero-25 .hero-app-logo {
+    margin-bottom: 25px;
+}
+
+.hero-app-logo img {
+    width: auto;
+    max-width: inherit;
+    max-height: 100px;
+}
+
+#hero-25 .hero-app-logo img {
+    max-height: 110px;
+}
+
+/*------------------------------------------*/
+/*  HERO DIGITS
+/*------------------------------------------*/
+
+#hd-1-1,
+#hd-1-2 {
+    display: inline-block;
+    float: left;
+    padding-right: 20px;
+}
+
+#hd-1-1 {
+    width: 45%;
+}
+
+#hd-1-2 {
+    width: 55%;
+}
+
+.hero-digits-block {
+    display: flex;
+    position: relative;
+    flex-flow: row wrap;
+    align-items: stretch !important;
+    justify-content: flex-start;
+}
+
+.hero-digits .block-txt {
+    overflow: hidden;
+    flex: 1;
+    max-width: 100%;
+    padding-left: 12px;
+}
+
+.hero-digits h2.statistic-number {
+    line-height: 1;
+    margin-bottom: 0;
+}
+
+.hero-digits h2.statistic-number span {
+    font-size: 1.85rem;
+}
+
+.hero-digits .block-txt p.p-sm {
+    line-height: 1.35;
+    margin-top: 5px;
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  HERO TYPOGRAPHY
+/*------------------------------------------*/
+
+.hero-section h2 {
+    margin-bottom: 28px;
+}
+
+.hero-section h2.s-48,
+.hero-section h2.s-50 {
+    margin-bottom: 40px;
+}
+
+.hero-section h2.s-62 {
+    margin-bottom: 24px;
+}
+
+.hero-section p.p-sm {
+    padding: 0 !important;
+}
+
+.hero-section p.p-md {
+    margin-bottom: 30px;
+}
+
+.hero-section p.p-lg,
+.hero-section p.p-xl {
+    margin-bottom: 32px;
+}
+
+.hero-section p.s-20,
+.hero-section p.s-22,
+.hero-section p.s-24 {
+    margin-bottom: 36px;
+}
+
+.hero-section p.p-lg span,
+.hero-section p.p-xl span {
+    font-weight: 600;
+    letter-spacing: -0.35px;
+}
+
+/*------------------------------------------*/
+/*  HERO-1
+/*------------------------------------------*/
+
+#hero-1 {
+    background-image: url(../images/hero-1.jpg);
+    padding-top: 130px;
+    padding-bottom: 100px;
+}
+
+.hero-1-txt p {
+    padding-right: 2%;
+}
+
+/*------------------------------------------*/
+/*  HERO-2
+/*------------------------------------------*/
+
+#hero-2 {
+    background-image: url(../images/hero-2.jpg);
+    padding-top: 150px;
+    padding-bottom: 100px;
+}
+
+.hero-2-txt p {
+    padding-right: 3%;
+}
+
+.hero-2-img {
+    text-align: center;
+    padding-right: 25px;
+}
+
+/*------------------------------------------*/
+/*  HERO-3
+/*------------------------------------------*/
+
+#hero-3 {
+    position: relative;
+    padding-top: 160px;
+    background-image: url(../images/hero-3.jpg);
+}
+
+#hero-3:after {
+    position: absolute;
+    content: '';
+    z-index: -1;
+    width: 100%;
+    height: 5%;
+    bottom: 0;
+    left: 0;
+    background-color: #fff;
+}
+
+.hero-3-txt {
+    margin-top: -70px;
+}
+
+.hero-3-txt p.p-lg {
+    padding-right: 2%;
+}
+
+.hero-3-img {
+    position: relative;
+    text-align: center;
+    margin: 0 -90% 0 -60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-4
+/*------------------------------------------*/
+
+#hero-4 {
+    overflow: hidden;
+    background-image: url(../images/hero-4.jpg);
+    padding-top: 180px;
+}
+
+#hero-4:after {
+    position: absolute;
+    content: '';
+    z-index: -1;
+    width: 100%;
+    height: 10%;
+    bottom: 0;
+    left: 0;
+    background-color: #fff;
+}
+
+.hero-4-txt h2 {
+    padding: 0 3%;
+}
+
+.hero-4-txt p {
+    padding: 0 5%;
+}
+
+.hero-4-txt p.btns-group-txt {
+    margin-top: 25px;
+}
+
+.hero-4-img {
+    margin-top: 60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-5
+/*------------------------------------------*/
+
+#hero-5 .wave-shape-bottom path {
+    fill: #fff;
+}
+
+#hero-5 {
+    background-image: url(../images/hero-5.jpg);
+    padding-top: 140px;
+    padding-bottom: 50px;
+}
+
+.hero-5-txt h2 {
+    line-height: 1.3;
+    margin-bottom: 25px;
+}
+
+.hero-5-txt p.p-lg {
+    padding-right: 10%;
+    margin-bottom: 30px;
+}
+
+.hero-5-img {
+    margin: 0 0 -50px;
+}
+
+/*------------------------------------------*/
+/*  HERO-6
+/*------------------------------------------*/
+
+#hero-6 {
+    padding-top: 130px;
+}
+
+.hero-6-wrapper {
+    overflow: hidden;
+    background-image: linear-gradient(90deg, #f6f4fd, #f4f5fd);
+    padding: 75px 80px;
+}
+
+.hero-6-img {
+    position: relative;
+    text-align: center;
+}
+
+/*------------------------------------------*/
+/*  HERO-7
+/*------------------------------------------*/
+
+#hero-7 {
+    padding-top: 140px;
+    padding-bottom: 100px;
+}
+
+#hero-7 .quick-form {
+    margin-right: 4%;
+}
+
+.hero-7-img {
+    padding-left: 30px;
+}
+
+/*------------------------------------------*/
+/*  HERO-8
+/*------------------------------------------*/
+
+#hero-8 .wave-shape-bottom path {
+    fill: #fff;
+}
+
+#hero-8 {
+    position: relative;
+    background-image: url(../images/hero-8.jpg);
+    padding-top: 170px;
+    padding-bottom: 30px;
+}
+
+.hero-8-txt {
+    margin-top: -70px;
+}
+
+.hero-8-txt p {
+    padding-right: 10%;
+}
+
+.hero-8-txt .hero-digits {
+    padding-right: 15%;
+}
+
+#hero-8-form {
+    position: relative;
+    z-index: 999;
+    background-color: #fff;
+    border: 1px solid #f8f8f8;
+    padding: 45px 35px;
+    -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+    -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+    box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+}
+
+#hero-8-form h4 {
+    line-height: 1.4;
+    margin-bottom: 20px;
+}
+
+#hero-8-form p {
+    color: #757575;
+    margin-bottom: 25px;
+}
+
+#hero-8-form p.p-sm {
+    text-align: center;
+    padding: 0 5% !important;
+    margin-top: 5px;
+    margin-bottom: 0;
+}
+
+#hero-8-form p a {
+    color: #1e90ff;
+    text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  HERO-9
+/*------------------------------------------*/
+
+#hero-9 {
+    padding-top: 180px;
+}
+
+.hero-9-txt h2 {
+    line-height: 1;
+}
+
+.hero-9-txt h2 img {
+    position: relative;
+    width: auto;
+    max-width: inherit;
+    max-height: 100px;
+    margin: 0 3px;
+    top: -8px;
+}
+
+.hero-9-txt p {
+    padding: 0 5%;
+    margin-top: 40px;
+}
+
+#hero-9 .quick-form {
+    margin-left: 7%;
+    margin-right: 7%;
+}
+
+.hero-9-img {
+    margin-top: 60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-10
+/*------------------------------------------*/
+
+#hero-10 {
+    position: relative;
+    background-image: url(../images/hero-10.jpg);
+    padding-top: 170px;
+    padding-bottom: 100px;
+}
+
+.hero-10-txt h4 {
+    line-height: 1.45;
+    font-weight: 300;
+    padding-right: 5%;
+    margin-bottom: 35px;
+}
+
+.hero-10-img {
+    position: relative;
+    text-align: center;
+    margin: 0 -95% 0 15px;
+}
+
+/*------------------------------------------*/
+/*  HERO-11
+/*------------------------------------------*/
+
+#hero-11 {
+    overflow: hidden;
+    background-image: url(../images/hero-11.jpg);
+    padding-top: 50px;
+}
+
+.hero-11-txt {
+    margin-top: 40px;
+}
+
+.hero-11-txt p {
+    padding-right: 5%;
+}
+
+.hero-11-img {
+    position: relative;
+    margin: -60px -12% -100px -15px;
+}
+
+/*------------------------------------------*/
+/*  HERO-12
+/*------------------------------------------*/
+
+#hero-12 {
+    overflow: hidden;
+    background-image: url(../images/hero-12.jpg);
+    padding-top: 180px;
+}
+
+.hero-12-txt h2 {
+    padding: 0 3%;
+}
+
+.hero-12-txt p {
+    padding: 0 5%;
+}
+
+.hero-12-txt p.btns-group-txt {
+    margin-top: 25px;
+}
+
+.hero-12-img {
+    margin-top: 60px;
+    margin-bottom: -100px;
+}
+
+.hero-12-img .video-btn {
+    top: calc(50% - 30px);
+}
+
+/*------------------------------------------*/
+/*  HERO-13
+/*------------------------------------------*/
+
+#hero-13 {
+    background-image: linear-gradient(180deg, #f1edff, #f1edff);
+    padding-top: 130px;
+    padding-bottom: 80px;
+}
+
+#hero-13:after {
+    position: absolute;
+    content: '';
+    z-index: -1;
+    width: 43%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    background-color: #fff;
+    -moz-box-shadow: 0 0 55px 35px #fff;
+    -webkit-box-shadow: 0 0 35px 35px #fff;
+    box-shadow: 0 0 35px 35px #fff;
+}
+
+.hero-13-txt .section-id {
+    font-weight: 600;
+    letter-spacing: 1.5px;
+}
+
+.hero-13-txt p {
+    padding-right: 5%;
+}
+
+.hero-13-img {
+    text-align: center;
+}
+
+/*------------------------------------------*/
+/*  HERO-14
+/*------------------------------------------*/
+
+#hero-14 .wave-shape-bottom path {
+    fill: #fff;
+}
+
+#hero-14 {
+    background-image: url(../images/hero-14.jpg);
+    padding-top: 170px;
+}
+
+.hero-14-txt p.s-21 {
+    font-size: 1.3125rem;
+    margin-bottom: 40px;
+}
+
+#hero-14 .quick-form {
+    margin-left: 6%;
+    margin-right: 6%;
+}
+
+.hero-14-txt .btn-txt {
+    margin-top: 40px;
+}
+
+.hero-14-img {
+    margin-top: 70px;
+}
+
+/*------------------------------------------*/
+/*  HERO-15
+/*------------------------------------------*/
+
+#hero-15 {
+    position: relative;
+    z-index: 3;
+    background-image: url(../images/hero-15.jpg);
+    padding-top: 130px;
+}
+
+.hero-15-txt {
+    margin-top: -20px;
+}
+
+.hero-15-txt h2 {
+    padding-right: 5%;
+}
+
+.hero-15-txt p {
+    padding-right: 2%;
+}
+
+/*------------------------------------------*/
+/*  HERO-16
+/*------------------------------------------*/
+
+#hero-16 .wave-shape-bottom path {
+    fill: #fff;
+}
+
+#hero-16 {
+    background-image: url(../images/hero-16.jpg);
+    padding-top: 170px;
+    margin-bottom: 80px;
+}
+
+.hero-16-img {
+    margin-top: 60px;
+    margin-bottom: -80px;
+}
+
+/*------------------------------------------*/
+/*  HERO-17
+/*------------------------------------------*/
+
+#hero-17 {
+    text-align: center;
+    padding-top: 170px;
+    background-image: url(../images/hero-17.jpg);
+    background-position: top center;
+}
+
+#hero-17 #brands-1 {
+    padding: 80px 6% 0;
+}
+
+#hero-17 #brands-1 .brands-carousel-5 .brand-logo {
+    padding: 0 20px;
+}
+
+#hero-17 .quick-form {
+    margin-left: 8%;
+    margin-right: 8%;
+}
+
+/*------------------------------------------*/
+/*  HERO-18
+/*------------------------------------------*/
+
+#hero-18 {
+    padding-top: 140px;
+    padding-bottom: 80px;
+}
+
+#hero-18:after {
+    position: absolute;
+    content: '';
+    z-index: -1;
+    width: 74%;
+    height: 100%;
+    top: 0;
+    left: 26%;
+    background-image: url(../images/hero-18.jpg);
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: cover;
+    border-radius: 0 0 0 60px;
+}
+
+.hero-18-txt p {
+    padding-right: 3%;
+}
+
+#hero-18 .quick-form {
+    margin-right: 4%;
+}
+
+.hero-18-img {
+    text-align: center;
+    padding-right: 15px;
+}
+
+/*------------------------------------------*/
+/*  HERO-19
+/*------------------------------------------*/
+
+#hero-19 {
+    padding-top: 170px;
+}
+
+.hero-19-txt p {
+    padding: 0 10%;
+}
+
+/*------------------------------------------*/
+/*  HERO-20
+/*------------------------------------------*/
+
+#hero-20 {
+    background-image: url(../images/hero-20.jpg);
+    padding-top: 100px;
+    padding-bottom: 100px;
+}
+
+#hero-20:after {
+    position: absolute;
+    content: '';
+    z-index: -1;
+    width: 51%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    background-image: linear-gradient(180deg, #f4f4f9, #fbfbfd);
+}
+
+.hero-20-txt {
+    padding: 0 8% 0 15px;
+}
+
+.hero-section .hero-20-txt h2.s-48 {
+    margin-bottom: 28px;
+}
+
+/*------------------------------------------*/
+/*  HERO-21
+/*------------------------------------------*/
+
+#hero-21 {
+    padding-top: 170px;
+}
+
+.hero-21-txt {
+    margin-bottom: 60px;
+}
+
+.hero-21-txt h2 {
+    margin-bottom: 35px;
+}
+
+.hero-21-wrapper {
+    overflow: hidden;
+}
+
+#hero-21 .hero-overlay {
+    background-image: url(../images/hero-21.jpg);
+    padding: 90px 70px 0;
+}
+
+.hero-21-img {
+    position: relative;
+    margin-bottom: -25%;
+}
+
+.hero-21-img .video-btn {
+    top: calc(50% - 80px);
+}
+
+/*------------------------------------------*/
+/*  HERO-22
+/*------------------------------------------*/
+
+#hero-22 .wave-shape-bottom path {
+    fill: #fff;
+}
+
+#hero-22 {
+    position: relative;
+    background-image: url(../images/hero-22.jpg);
+    padding-top: 160px;
+}
+
+#hero-22-form {
+    position: relative;
+    z-index: 999;
+    background-color: #fff;
+    border: 1px solid #f8f8f8;
+    padding: 45px 35px 35px;
+    -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+    -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+    box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+}
+
+#hero-22-form h4 {
+    line-height: 1.4;
+    margin-bottom: 20px;
+}
+
+#hero-22-form p {
+    color: #757575;
+    margin-bottom: 25px;
+}
+
+#hero-22-form p.p-sm {
+    text-align: center;
+    padding: 0 5% !important;
+    margin-top: 5px;
+    margin-bottom: 0;
+}
+
+#hero-22-form p a {
+    color: #1e90ff;
+    text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  HERO-23
+/*------------------------------------------*/
+
+#hero-23 .wave-shape-bottom path {
+    fill: #fff;
+}
+
+#hero-23 {
+    position: relative;
+    background-image: url(../images/hero-23.jpg);
+    padding-top: 100px;
+    margin-bottom: 25px;
+}
+
+.hero-23-txt p {
+    padding: 0 5%;
+}
+
+.hero-23-img {
+    margin-top: 40px;
+    margin-bottom: -25px;
+}
+
+/*------------------------------------------*/
+/*  HERO-24
+/*------------------------------------------*/
+
+#hero-24 {
+    background-image: url(../images/hero-24.jpg);
+    padding-top: 200px;
+    padding-bottom: 150px;
+}
+
+#hero-24 .quick-form {
+    margin-left: 7%;
+    margin-right: 7%;
+}
+
+/*------------------------------------------*/
+/*  HERO-25
+/*------------------------------------------*/
+
+#hero-25 {
+    background-image: url(../images/hero-25.jpg);
+    padding-top: 120px;
+    padding-bottom: 100px;
+}
+
+.hero-25-txt h2 {
+    margin-bottom: 22px;
+}
+
+.hero-25-txt p.p-lg {
+    padding-right: 10%;
+    margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  HERO-26
+/*------------------------------------------*/
+
+#hero-26 .wave-shape-bottom path {
+    fill: #fff;
+}
+
+#hero-26 {
+    position: relative;
+    background-image: url(../images/hero-26.jpg);
+    padding-top: 160px;
+    z-index: 3;
+}
+
+.hero-26-txt {
+    margin-top: -80px;
+}
+
+.hero-26-txt h2 {
+    padding-right: 2%;
+}
+
+#hero-26 .quick-form {
+    margin-right: 4%;
+}
+
+.hero-26-img {
+    position: relative;
+    text-align: center;
+    margin: 0 -90% 0 -60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-27
+/*------------------------------------------*/
+
+#hero-27 .hero-overlay {
+    background-image: url(../images/hero-27.png);
+    background-position: top center;
+    padding-top: 170px;
+}
+
+.hero-27-txt h2 {
+    margin-bottom: 26px !important;
+}
+
+.hero-27-txt p.s-20 {
+    padding: 0 6%;
+    margin-bottom: 30px !important;
+}
+
+.hero-27-txt p.s-21 {
+    padding: 0 5%;
+}
+
+/*------------------------------------------*/
+/*  HERO QUICK FORM
+/*------------------------------------------*/
+
+.hero-section .quick-form .input-group {
+    border: none;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Input
+/*------------------------------------------*/
+
+.hero-section .quick-form .form-control {
+    height: 64px;
+    background-color: #fff;
+    border: 2px solid transparent;
+    color: #666;
+    font-size: 1.125rem;
+    font-weight: 400;
+    padding: 0 20px;
+    -webkit-transition: all 450ms ease-in-out;
+    -moz-transition: all 450ms ease-in-out;
+    -o-transition: all 450ms ease-in-out;
+    -ms-transition: all 450ms ease-in-out;
+    transition: all 450ms ease-in-out;
+}
+
+.hero-section .quick-form.form-shadow .form-control {
+    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
+    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
+    box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
+}
+
+.hero-section .quick-form.form-stroke .form-control {
+    border-color: #353f4f;
+}
+
+.hero-section .quick-form.form-half .form-control {
+    height: 58px;
+    font-size: 1.0625rem;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Placeholder
+/*------------------------------------------*/
+
+.hero-section .quick-form .form-control::-moz-placeholder {
+    color: #999;
+}
+
+.hero-section .quick-form .form-control:-ms-input-placeholder {
+    color: #999;
+}
+
+.hero-section .quick-form .form-control::-webkit-input-placeholder {
+    color: #999;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Focus
+/*------------------------------------------*/
+
+.hero-section .quick-form .form-control:focus {
+    background-color: #fff;
+    border-color: #1680fb;
+    outline: 0;
+    box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Button
+/*------------------------------------------*/
+
+.hero-section .quick-form .btn {
+    height: 64px;
+    font-size: 1.0625rem;
+    padding: 12px 45px;
+    margin-left: 15px;
+}
+
+.hero-section .quick-form.form-half .btn {
+    height: 58px;
+    font-size: 1rem;
+    padding: 13px 40px;
+    margin-left: 14px;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Message
+/*------------------------------------------*/
+
+.hero-section .quick-form-msg {
+    width: 100% !important;
+    display: block;
+    margin: 20px 0 15px 5px;
+}
+
+.hero-section .text-center .quick-form-msg {
+    margin: 20px 0 -15px 0;
+}
+
+.hero-section .quick-form-msg .loading {
+    color: #3eb1ff;
+    font-size: 1.05rem;
+    line-height: 1;
+    font-weight: 500;
+}
+
+.hero-section .text-center .quick-form-msg .loading {
+    font-size: 1.125rem;
+}
+
+/*------------------------------------------*/
+/*  HERO REQUEST FORM
+/*------------------------------------------*/
+
+/*------------------------------------------*/
+/*  Hero Request Form Input
+/*------------------------------------------*/
+
+.request-form .form-control {
+    height: 58px;
+    background-color: #f5f6f8;
+    border: 1px solid transparent;
+    color: #666;
+    font-size: 1rem;
+    font-weight: 400;
+    margin-bottom: 22px;
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  Hero Request Form Placeholder
+/*------------------------------------------*/
+
+.hero-form-wrapper .form-control::-moz-placeholder {
+    color: #999;
+}
+
+.hero-form-wrapper .form-control:-ms-input-placeholder {
+    color: #999;
+}
+
+.hero-form-wrapper .form-control::-webkit-input-placeholder {
+    color: #999;
+}
+
+.request-form .form-control:focus {
+    background-color: #fff;
+    border-color: #1680fb;
+    outline: 0;
+    box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Hero Request Form Button
+/*------------------------------------------*/
+
+#hero-8-form .btn,
+#hero-22-form .btn {
+    width: 100%;
+    height: 58px;
+    padding: 16px;
+}
+
+/*------------------------------------------*/
+/*  Hero Request Form Message
+/*------------------------------------------*/
+
+.request-form-msg {
+    width: 100% !important;
+    display: block;
+    text-align: center;
+    margin-top: 15px;
+}
+
+.request-form-msg .loading {
+    color: #00b2e4;
+    font-size: 1.0625rem;
+    line-height: 1;
+    font-weight: 500;
+}
+
+.request-form .error {
+    color: #e74c3c;
+    font-size: 0.85rem;
+    line-height: 1;
+    font-weight: 400;
+    margin-bottom: 10px;
+    padding-left: 10px;
+}
+
+
+
+
+/* ==========================================================================
+  06. ABOUT
+  ========================================================================== */
+
+.a2-txt {
+    padding: 20px 30px 35px;
+}
+
+.a2-txt-quote {
+    position: relative;
+    margin-bottom: -45px;
+}
+
+.a2-txt-quote.ico-40 [class*="flaticon-"]:before,
+.a2-txt-quote.ico-40 [class*="flaticon-"]:after {
+    font-size: 4.25rem;
+}
+
+/*------------------------------------------*/
+/*  ABOUT TYPOGRAPHY
+/*------------------------------------------*/
+
+#about-1 .txt-block p {
+    margin-bottom: 0;
+}
+
+#about-4 .txt-block p {
+    margin-top: 25px;
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  ABOUT 2 AUTHOR
+/*------------------------------------------*/
+
+.a2-txt-author {
+    line-height: 1.45;
+    font-weight: 500;
+    margin-top: 18px;
+    margin-bottom: 0;
+}
+
+.a2-txt-author span {
+    display: block;
+    font-weight: 300;
+}
+
+/*------------------------------------------*/
+/*  ABOUT 2 IMAGES
+/*------------------------------------------*/
+
+.about-3-images {
+    padding: 0 5%;
+}
+
+.about-2-img {
+    overflow: hidden;
+}
+
+.about-3-img {
+    overflow: hidden;
+    height: 460px;
+}
+
+.a-2-1 {
+    margin-left: 13%;
+    margin-bottom: 30px;
+}
+
+.a-2-2 {
+    margin-left: -10%;
+}
+
+.a-2-3 {
+    margin-right: -10%;
+    margin-bottom: 30px;
+}
+
+.a-2-4 {
+    margin-right: -10%;
+}
+
+#a4-1 {
+    position: relative;
+    padding-right: 30px;
+    margin-top: -30px;
+}
+
+#a4-2 {
+    position: relative;
+    padding-left: 30px;
+    margin-bottom: -30px;
+}
+
+
+
+
+/* ==========================================================================
+  07. FEATURES
+  ========================================================================== */
+
+#features-12.py-100.shape--bg:after,
+#features-12.pt-100.shape--bg:after,
+#features-13.py-100.shape--bg:after,
+#features-13.pt-100.shape--bg:after {
+    position: absolute;
+    content: '';
+    z-index: -1;
+}
+
+#features-12.py-100.shape--bg:after {
+    width: 48%;
+    height: 64%;
+    top: 18%;
+    left: 52%;
+}
+
+#features-12.pt-100.shape--bg:after {
+    width: 48%;
+    height: 72%;
+    top: 21%;
+    left: 52%;
+}
+
+#features-13.py-100.shape--bg:after {
+    width: 48%;
+    height: 64%;
+    top: 18%;
+}
+
+#features-13.pt-100.shape--bg:after {
+    width: 48%;
+    height: 72%;
+    top: 21%;
+}
+
+.rows-2 .fb-1,
+.rows-2 .fb-2,
+.rows-2 .fb-3 {
+    margin-bottom: 50px;
+}
+
+.rows-2 .fbox-7.fb-1,
+.rows-2 .fbox-7.fb-2,
+.rows-2 .fbox-7.fb-3,
+.rows-2 .fbox-9.fb-1,
+.rows-2 .fbox-9.fb-2,
+.rows-2 .fbox-9.fb-3,
+.rows-3 .fb-1,
+.rows-3 .fb-2,
+.rows-3 .fb-3,
+.rows-3 .fb-4 {
+    margin-bottom: 40px;
+}
+
+.rows-3 .fb-3.fbox-11-lst,
+.rows-3 .fb-4.fbox-11-lst {
+    margin-bottom: 0;
+}
+
+.fbox-14-wrapper {
+    padding: 80px 70px;
+}
+
+.fbox-14-wrapper .col {
+    padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX
+/*------------------------------------------*/
+
+.row-cols-md-3 .fbox-4 {
+    padding: 50px 35px;
+}
+
+.row-cols-md-2 .fbox-4 {
+    padding: 35px 20px;
+}
+
+.fbox-5 {
+    padding: 60px;
+}
+
+.fbox-7 {
+    border: 2px solid #eee;
+    padding: 55px 40px 50px;
+}
+
+.row-cols-md-2 .fbox-7 {
+    padding: 35px 20px 30px;
+}
+
+.fbox-8 {
+    padding: 55px 40px;
+}
+
+.fbox-8.bg--white-100 {
+    padding: 60px 40px;
+}
+
+.fbox-9 {
+    border: 2px solid #eee;
+    padding: 40px 40px 35px;
+}
+
+.fbox-14 {
+    border: 2px solid #eee;
+    padding: 40px 30px 35px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX IMAGE
+/*------------------------------------------*/
+
+.fbox-img img {
+    width: auto;
+    max-width: inherit;
+}
+
+.fbox-img.h-135 img {
+    max-height: 135px;
+}
+
+.fbox-img.h-140 img {
+    max-height: 140px;
+}
+
+.fbox-img.h-145 img {
+    max-height: 145px;
+}
+
+.fbox-img.h-150 img {
+    max-height: 150px;
+}
+
+.fbox-img.h-155 img {
+    max-height: 155px;
+}
+
+.fbox-img.h-160 img {
+    max-height: 160px;
+}
+
+.fbox-img.h-165 img {
+    max-height: 165px;
+}
+
+.fbox-img.h-170 img {
+    max-height: 170px;
+}
+
+.fbox-img.h-175 img {
+    max-height: 175px;
+}
+
+.fbox-img.h-180 img {
+    max-height: 180px;
+}
+
+/*------------------------------------------*/
+/*  FBOX-1 IMAGE
+/*------------------------------------------*/
+
+.fbox-1 .fbox-img {
+    margin-bottom: 35px;
+}
+
+.row-cols-md-2 .fbox-1 .fbox-img {
+    margin-bottom: 28px;
+}
+
+/*------------------------------------------*/
+/*  FBOX-2 IMAGE
+/*------------------------------------------*/
+
+.fbox-2 .fbox-img {
+    -webkit-border-radius: 12px 12px 0 0;
+    -moz-border-radius: 12px 12px 0 0;
+    -o-border-radius: 12px 12px 0 0;
+    border-radius: 12px 12px 0 0;
+}
+
+.fbox-2 .fbox-img.h-135,
+.fbox-2 .fbox-img.h-140,
+.fbox-2 .fbox-img.h-145,
+.fbox-2 .fbox-img.h-150,
+.fbox-2 .fbox-img.h-155 {
+    padding-top: 35px;
+    margin-bottom: 60px;
+}
+
+.fbox-2 .fbox-img.h-160 {
+    padding-top: 35px;
+    margin: 0 20px 60px;
+}
+
+.fbox-2 .fbox-img.h-165 {
+    padding-top: 38px;
+    margin: 0 15px 60px;
+}
+
+.fbox-2 .fbox-img.h-170 {
+    padding-top: 40px;
+    margin: 0 10px 60px;
+}
+
+.fbox-2 .fbox-img.h-175 {
+    padding-top: 42px;
+    margin: 0 8px 60px;
+}
+
+.fbox-2 .fbox-img.h-180 {
+    padding-top: 44px;
+    margin: 0 5px 60px;
+}
+
+.fbox-2 .fbox-img img {
+    margin-bottom: -25px;
+}
+
+/*------------------------------------------*/
+/*  FBOX-3 IMAGE
+/*------------------------------------------*/
+
+.fbox-3 .fbox-img {
+    overflow: hidden;
+}
+
+.fbox-3 .fbox-img.h-135 {
+    padding-top: 30px;
+    margin: 0 0 35px;
+}
+
+.fbox-3 .fbox-img.h-160 {
+    padding-top: 32px;
+    margin: 0 18px 35px;
+}
+
+.fbox-3 .fbox-img.h-170 {
+    padding-top: 40px;
+    margin: 0 10px 35px;
+}
+
+.fbox-3 .fbox-img.h-175,
+.fbox-3 .fbox-img.h-180 {
+    padding-top: 40px;
+    margin: 0 5px 35px;
+}
+
+.row-cols-md-2 .fbox-3 .fbox-img {
+    margin-bottom: 28px;
+}
+
+/*------------------------------------------*/
+/*  FBOX-4 IMAGE
+/*------------------------------------------*/
+
+.fbox-4 .fbox-img {
+    margin-bottom: 35px;
+}
+
+.row-cols-md-2 .fbox-4 .fbox-img {
+    margin-bottom: 28px;
+}
+
+/*------------------------------------------*/
+/*  FBOX-5 IMAGE
+/*------------------------------------------*/
+
+.fbox-5.fb-1 .fbox-5-img,
+.fbox-5.fb-5 .fbox-5-img,
+.fbox-5.fb-6 .fbox-5-img {
+    margin: 40px 5% 0;
+}
+
+.fbox-5.fb-2 .fbox-5-img,
+.fbox-5.fb-3 .fbox-5-img,
+.fbox-5.fb-4 .fbox-5-img {
+    margin: 0 5% 40px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX VECTOR ICON
+/*------------------------------------------*/
+
+.fbox-ico,
+.fbox-ico.ico-rounded {
+    margin-bottom: 20px;
+}
+
+.fbox-ico.ico-rounded-md,
+.fbox-ico.ico-rounded-lg {
+    margin-bottom: 25px;
+}
+
+.fbox-11 {
+    display: flex;
+    position: relative;
+    flex-flow: row wrap;
+    align-items: stretch !important;
+    justify-content: flex-start;
+}
+
+.fbox-ico-wrap {
+    position: relative;
+    margin-right: 25px;
+}
+
+.rows-2 .fbox-ico-wrap {
+    margin-right: 20px;
+}
+
+.fbox-11 .fbox-ico {
+    margin-top: 4px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX
+/*------------------------------------------*/
+
+.fbox-11 .fbox-txt {
+    overflow: hidden;
+    flex: 1;
+    max-width: 100%;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX TITLE
+/*------------------------------------------*/
+
+.fbox-wrapper .row-cols-lg-3 .fbox-title {
+    margin-bottom: 10px;
+}
+
+.fbox-title span {
+    float: left;
+    line-height: 1 !important;
+    margin-right: 15px;
+}
+
+.fbox-title h6 {
+    line-height: 2.1875rem !important;
+    margin-bottom: 0;
+}
+
+.fbox-title.ico-30 h6 {
+    line-height: 1.875rem !important;
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX TYPOGRAPHY
+/*------------------------------------------*/
+
+.fbox-wrapper .row-cols-md-3 h6 {
+    margin-bottom: 15px;
+}
+
+.rows-2 .fbox-11 h6,
+.fbox-wrapper .row-cols-md-2 h6 {
+    margin-bottom: 10px;
+}
+
+.fbox-wrapper p {
+    margin-bottom: 0;
+}
+
+.fbox-5 h5 {
+    margin-bottom: 15px;
+}
+
+.fbox-14 h5 {
+    margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE-12
+/*------------------------------------------*/
+
+.fbox-12-wrapper {
+    padding-left: 45px;
+}
+
+.fbox-13-wrapper {
+    padding-right: 45px;
+}
+
+.fbox-12,
+.fbox-13 {
+    padding: 32px 35px;
+}
+
+.fbox-12 h5,
+.fbox-13 h5 {
+    margin-top: 20px;
+    margin-bottom: 10px;
+}
+
+.fbox-12 p,
+.fbox-13 p,
+.fbox-14 p {
+    margin-bottom: 0;
+}
+
+
+
+
+/* ==========================================================================
+  08. CONTENT
+  ========================================================================== */
+
+.ct-06 {
+    margin-bottom: 80px;
+}
+
+.ct-07 {
+    margin-top: 80px;
+}
+
+.ct-10 .section-overlay {
+    margin-bottom: 100px;
+}
+
+.ct-11,
+.ct-12 {
+    padding: 60px 0;
+}
+
+.ct-11:after {
+    position: absolute;
+    content: '';
+    z-index: -1;
+    width: 50%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    background-color: #fff;
+}
+
+.ct-12:after {
+    position: absolute;
+    content: '';
+    z-index: -1;
+    width: 50%;
+    height: 100%;
+    top: 0;
+    left: 50%;
+    background-color: #fff;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX WRAPPER
+/*------------------------------------------*/
+
+.bc-1-wrapper .section-overlay,
+.bc-4-wrapper .section-overlay,
+.bc-6-wrapper .section-overlay {
+    padding: 80px 70px;
+}
+
+.bc-2-wrapper .section-overlay,
+.bc-3-wrapper .section-overlay,
+.bc-5-wrapper .section-overlay {
+    padding: 80px 70px 0;
+}
+
+.bc-6 {
+    padding: 40px 35px;
+}
+
+.cbox-6-wrapper {
+    padding: 60px 40px;
+}
+
+.content-section .cbox-6-wrapper {
+    padding: 80px 70px;
+}
+
+.bc-5-wrapper .section-title p {
+    padding: 0;
+}
+
+/*------------------------------------------*/
+/*  TEXT BLOCK
+/*------------------------------------------*/
+
+.txt-box {
+    margin-bottom: 20px;
+}
+
+.txt-box:last-child {
+    margin-bottom: 0;
+}
+
+.bc-3-txt,
+.ct-06 .txt-block,
+.bc-2-wrapper .txt-block {
+    margin-top: -40px;
+}
+
+.bc-2-txt,
+.ct-07 .txt-block {
+    margin-top: 40px;
+}
+
+.bc-1-wrapper .txt-block.pr-25.left-column,
+.bc-2-wrapper .txt-block.pr-25.left-column {
+    padding-right: 25px;
+}
+
+.bc-1-wrapper .txt-block.pl-25.right-column,
+.bc-2-wrapper .txt-block.pl-25.right-column {
+    padding-left: 25px;
+}
+
+.ct-11 .txt-block {
+    padding-right: 50px;
+}
+
+.ct-12 .txt-block {
+    padding-left: 70px;
+}
+
+.ct-13 .txt-block h5 {
+    padding-right: 6%;
+}
+
+/*------------------------------------------*/
+/*  TEXT BLOCK TYPOGRAPHY
+/*------------------------------------------*/
+
+.bc-2-txt h2,
+.bc-3-txt h2,
+.bc-4-txt h2,
+.txt-block h3,
+.txt-block h2 {
+    margin-bottom: 26px;
+}
+
+.txt-block h5 {
+    margin-bottom: 20px;
+}
+
+h5.h5-title {
+    margin-top: 20px;
+    margin-bottom: 20px;
+}
+
+.txt-block .btn,
+.txt-block .btns-group .btn.btn--transparent {
+    margin-top: 25px;
+}
+
+.txt-block .btn.btn--transparent {
+    margin-top: 0;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX
+/*------------------------------------------*/
+
+.cbox-1,
+.cbox-2,
+.cbox-3 {
+    display: flex;
+    position: relative;
+    flex-flow: row wrap;
+    align-items: stretch !important;
+    justify-content: flex-start;
+}
+
+.cbox-5 {
+    position: relative;
+}
+
+.cbox-5-content {
+    background-color: #fff;
+    border: 1px solid #f5f6f6;
+    padding: 40px;
+    margin: 0 12%;
+    z-index: 1;
+    -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+    -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+    box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+}
+
+.cbox-5-content .divider {
+    margin-top: 25px;
+    margin-bottom: 25px;
+}
+
+#cb-6-1,
+#cb-6-2 {
+    margin-bottom: 35px;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX TITLE
+/*------------------------------------------*/
+
+.box-title h6,
+.box-title h5 {
+    display: inline-block;
+    line-height: 2.35rem !important;
+    margin-bottom: 15px;
+}
+
+.box-title span {
+    position: relative;
+    top: 12px;
+    margin-right: 10px;
+}
+
+.box-title span[class*="flaticon-"]:before,
+.box-title span[class*="flaticon-"]:after {
+    font-size: 2.35rem;
+}
+
+.txt-block .cbox-5-title h2 {
+    font-size: 3.5rem;
+    letter-spacing: -1px;
+    line-height: 1;
+    margin-bottom: 10px;
+}
+
+.cbox-5-title .statistic-number sup {
+    font-size: 3rem;
+    top: -5px;
+    right: 6px;
+}
+
+.cbox-5-title .ico-15 [class*="flaticon-"]:before,
+.cbox-5-title .ico-15 [class*="flaticon-"]:after {
+    font-size: 0.875rem;
+    line-height: 1 !important;
+}
+
+.cbox-5-title p.p-lg {
+    margin-bottom: 10px;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX ICON
+/*------------------------------------------*/
+
+.cbox-1 .ico-wrap {
+    margin-left: 8px;
+}
+
+.cbox-1.ico-10 span {
+    position: relative;
+    top: 0;
+    right: 7px;
+}
+
+.cbox-1.ico-15 span {
+    position: relative;
+    top: 1px;
+    right: 8px;
+}
+
+.cbox-1.ico-10 [class*="flaticon-"]:before,
+.cbox-1.ico-10 [class*="flaticon-"]:after {
+    font-size: 0.6rem;
+}
+
+.cbox-1.ico-15 [class*="flaticon-"]:before,
+.cbox-1.ico-15 [class*="flaticon-"]:after {
+    font-size: 0.75rem;
+}
+
+/*------------------------------------------*/
+/*  CBOX #2
+/*------------------------------------------*/
+
+.cbox-2 .ico-wrap {
+    position: relative;
+    margin-right: 1.625rem;
+}
+
+.cbox-2-ico {
+    position: relative;
+    width: 2.625rem;
+    height: 2.625rem;
+    text-align: center;
+    border-radius: 100%;
+    font-size: 1.1875rem;
+    font-weight: 500;
+    line-height: 2.375rem;
+    border: 2px solid transparent;
+    -webkit-transition: all 450ms ease-in-out;
+    -moz-transition: all 450ms ease-in-out;
+    -o-transition: all 450ms ease-in-out;
+    -ms-transition: all 450ms ease-in-out;
+    transition: all 450ms ease-in-out;
+}
+
+.ct-03 .cbox-2-ico {
+    position: relative;
+    width: 2.35rem;
+    height: 2.35rem;
+    font-size: 1.15rem;
+    line-height: 2.15rem;
+}
+
+.cbox-2-line {
+    position: absolute;
+    bottom: 20px;
+    left: 50%;
+    width: 2px;
+    background-color: #e4e4e4;
+    height: calc(100% - 90px);
+    -webkit-transform: translateX(-50%);
+    -ms-transform: translateX(-50%);
+    transform: translateX(-50%);
+}
+
+.cbox-2:hover .cbox-2-ico {
+    background-color: transparent;
+    -webkit-transform: scale(1.1);
+    -moz-transform: scale(1.1);
+    -ms-transform: scale(1.1);
+    transform: scale(1.1);
+}
+
+.cbox-2:hover .cbox-2-ico.bg--blue-500 {
+    color: #185abd;
+    border-color: #185abd;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--blue-400 {
+    color: #1680fb;
+    border-color: #1680fb;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--blue-300 {
+    color: #3eb1ff;
+    border-color: #3eb1ff;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--green-500 {
+    color: #00a14e;
+    border-color: #00a14e;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--green-400 {
+    color: #0fbc49;
+    border-color: #0fbc49;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--green-300 {
+    color: #6fd792;
+    border-color: #6fd792;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--pink-500 {
+    color: #6091a4;
+    border-color: #6091a4;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--pink-400 {
+    color: #f74780;
+    border-color: #f74780;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--pink-300 {
+    color: #fcb5cc;
+    border-color: #fcb5cc;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--purple-500 {
+    color: #663ae9;
+    border-color: #663ae9;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--purple-400 {
+    color: #7b5dd6;
+    border-color: #7b5dd6;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--purple-300 {
+    color: #bdaeea;
+    border-color: #bdaeea;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--red-500 {
+    color: #da0f29;
+    border-color: #da0f29;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--red-400 {
+    color: #ff1e1a;
+    border-color: #ff1e1a;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--red-300 {
+    color: #ffa5a3;
+    border-color: #ffa5a3;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--violet-500 {
+    color: #c73e9b;
+    border-color: #c73e9b;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--violet-400 {
+    color: #be6cbe;
+    border-color: #be6cbe;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--violet-300 {
+    color: #e2bde2;
+    border-color: #e2bde2;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--yellow-500 {
+    color: #ffba01;
+    border-color: #ffba01;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--yellow-400 {
+    color: #ffbd45;
+    border-color: #ffbd45;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--yellow-300 {
+    color: #ffdf35;
+    border-color: #ffdf35;
+}
+
+/*------------------------------------------*/
+/*  CBOX #3
+/*------------------------------------------*/
+
+.cbox-3 .ico-wrap {
+    position: relative;
+    text-align: center;
+    margin-top: 0;
+    margin-right: 1.15rem;
+}
+
+.cbox-3 .cbox-3-ico {
+    position: relative;
+    top: 3px;
+}
+
+.cbox-3-ico span[class*="flaticon-"]:before,
+.cbox-3-ico span[class*="flaticon-"]:after {
+    font-size: 2.85rem;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX TEXT
+/*------------------------------------------*/
+
+.cbox-1-txt,
+.cbox-2-txt,
+.cbox-3-txt {
+    overflow: hidden;
+    flex: 1;
+    max-width: 100%;
+}
+
+.cbox-2-txt,
+.cbox-3-txt {
+    margin-bottom: 35px;
+}
+
+.ct-03 .cbox-2-txt {
+    margin-bottom: 30px;
+}
+
+.cbox-4-txt {
+    margin-bottom: 25px;
+}
+
+.cbox-2:last-child .cbox-2-txt,
+.cbox-3:last-child .cbox-3-txt,
+.cbox-4:last-child .cbox-4-txt {
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX FEATURE
+/*------------------------------------------*/
+
+.cbox-5-fea {
+    padding: 20px 25px;
+    margin-top: 25px;
+    -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+    -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+    box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+}
+
+.txt-block .cbox-5-fea h4 {
+    line-height: 1;
+    margin-bottom: 3px;
+}
+
+.cbox-5-fea p {
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX TYPOGRAPHY
+/*------------------------------------------*/
+
+.cbox-2-txt h5,
+.cbox-3-txt h5 {
+    margin-bottom: 15px;
+}
+
+.ct-03 .cbox-2-txt h5 {
+    margin-bottom: 10px;
+}
+
+.cbox-6 h6 {
+    margin-bottom: 15px;
+}
+
+.cbox-1-txt p {
+    margin-bottom: 8px;
+}
+
+.cbox-1-last .cbox-1-txt p {
+    margin-bottom: 1rem;
+}
+
+.cbox-6 p,
+.cbox-2-txt p,
+.cbox-3-txt p,
+.cbox-4-txt p {
+    margin-bottom: 0;
+}
+
+.bc-6-txt {
+    padding: 0 10px;
+}
+
+.bc-6-txt h5 {
+    margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  ACCORDION
+/*------------------------------------------*/
+
+.txt-block .accordion-1 .accordion-item {
+    background-color: transparent;
+    padding: 25px 30px;
+    border: none;
+}
+
+.txt-block .accordion-2 .accordion-item {
+    background-color: transparent;
+    padding: 15px 0 25px;
+    border: none;
+    border-top: 1px solid #ccc;
+    border-radius: 0 0;
+}
+
+.txt-block .accordion-2 .accordion-item:last-child {
+    border-bottom: 1px solid #ccc;
+}
+
+.txt-block .accordion-item.r-02:first-of-type {
+    border-top-left-radius: 2px;
+    border-top-right-radius: 2px;
+}
+
+.txt-block .accordion-item.r-04:first-of-type {
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+}
+
+.txt-block .accordion-item.r-06:first-of-type {
+    border-top-left-radius: 6px;
+    border-top-right-radius: 6px;
+}
+
+.txt-block .accordion-item.r-08:first-of-type {
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+}
+
+.txt-block .accordion-item.r-10:first-of-type {
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+}
+
+.txt-block .accordion-item.r-12:first-of-type {
+    border-top-left-radius: 12px;
+    border-top-right-radius: 12px;
+}
+
+.txt-block .accordion-item.r-14:first-of-type {
+    border-top-left-radius: 14px;
+    border-top-right-radius: 14px;
+}
+
+.txt-block .accordion-item.r-16:first-of-type {
+    border-top-left-radius: 16px;
+    border-top-right-radius: 16px;
+}
+
+.txt-block .accordion-item.r-02:last-of-type {
+    border-bottom-right-radius: 2px;
+    border-bottom-left-radius: 2px;
+}
+
+.txt-block .accordion-item.r-04:last-of-type {
+    border-bottom-right-radius: 4px;
+    border-bottom-left-radius: 4px;
+}
+
+.txt-block .accordion-item.r-06:last-of-type {
+    border-bottom-right-radius: 6px;
+    border-bottom-left-radius: 6px;
+}
+
+.txt-block .accordion-item.r-08:last-of-type {
+    border-bottom-right-radius: 8px;
+    border-bottom-left-radius: 8px;
+}
+
+.txt-block .accordion-item.r-10:last-of-type {
+    border-bottom-right-radius: 10px;
+    border-bottom-left-radius: 10px;
+}
+
+.txt-block .accordion-item.r-12:last-of-type {
+    border-bottom-right-radius: 12px;
+    border-bottom-left-radius: 12px;
+}
+
+.txt-block .accordion-item.r-14:last-of-type {
+    border-bottom-right-radius: 14px;
+    border-bottom-left-radius: 14px;
+}
+
+.txt-block .accordion-item.r-16:last-of-type {
+    border-bottom-right-radius: 16px;
+    border-bottom-left-radius: 16px;
+}
+
+.txt-block .accordion-thumb {
+    margin: 0;
+    padding: 0;
+    cursor: pointer;
+    position: relative;
+}
+
+.txt-block .accordion-1 .accordion-item .accordion-thumb:before,
+.txt-block .accordion-2 .accordion-item .accordion-thumb:after,
+.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before,
+.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
+    color: #6c757d;
+    font-family: Flaticon;
+    position: absolute;
+    color: #353f4f;
+    font-weight: 400;
+}
+
+.txt-block .accordion-1 .accordion-item .accordion-thumb:before {
+    content: "\f11a";
+    font-size: 0.95rem;
+    top: 1px;
+    left: 0;
+}
+
+.txt-block .accordion-2 .accordion-item .accordion-thumb:after,
+.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
+    content: "\f110";
+    font-size: 0.95rem;
+    top: 12px;
+    right: 0;
+}
+
+.txt-block .accordion-1 .accordion-item.is-active {
+    background-color: #f4f4f9;
+    padding: 35px 30px 19px 30px;
+    margin-bottom: 15px;
+    margin-top: 15px;
+}
+
+.txt-block .accordion-2 .accordion-item.is-active {
+    background-color: transparent;
+    margin-bottom: 0;
+    margin-top: 0;
+}
+
+.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before {
+    content: "\f11b";
+}
+
+.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
+    content: "\f111";
+}
+
+.txt-block .accordion-1 .accordion-panel {
+    color: #6c757d;
+    margin: 0;
+    padding: 0 0 0 25px;
+    display: none;
+}
+
+.txt-block .accordion-2 .accordion-panel {
+    color: #6c757d;
+    margin: 15px 0 0 0;
+    display: none;
+}
+
+.txt-block .accordion-1 .accordion-thumb h5 {
+    color: #353f4f;
+    line-height: 1;
+    padding-left: 28px;
+    margin-bottom: 0;
+}
+
+.txt-block .accordion-2 .accordion-thumb h5 {
+    color: #353f4f;
+    display: inline-block;
+    line-height: 1;
+    padding-left: 10px;
+    margin-bottom: 0;
+}
+
+.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 {
+    margin-bottom: 20px;
+}
+
+.accordion-2 .accordion-thumb span[class*="flaticon-"]:before,
+.accordion-2 .accordion-thumb span[class*="flaticon-"]:after {
+    color: #6c757d;
+    position: relative;
+    font-size: 2.1875rem;
+    top: 10px;
+}
+
+.txt-block .accordion-2 .accordion-panel .simple-list li {
+    margin-bottom: 1rem;
+}
+
+.txt-block .accordion-2 .accordion-panel p,
+.txt-block .accordion-2 .accordion-panel .simple-list li:last-child {
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TABS
+/*------------------------------------------*/
+
+#tabs-1 .tabs-nav {
+    text-align: center;
+}
+
+.tabs-1 {
+    display: inline-block;
+    margin: 0 auto 60px;
+}
+
+#tabs-1 .tab-content {
+    display: none;
+}
+
+#tabs-1 .tab-content.current {
+    display: inherit;
+}
+
+.tabs-1 li {
+    display: inline-block;
+    margin: 0 20px;
+    color: #aaa;
+    font-size: 1.05rem;
+    line-height: 1;
+    font-weight: 500;
+    padding: 0 2px 10px;
+    background-color: transparent;
+    border-bottom: 3px solid transparent;
+    cursor: pointer;
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  TAB LINK HOVER / CURRENT
+/*------------------------------------------*/
+
+.tabs-1 li:hover {
+    color: #888;
+    border-color: #ccc;
+}
+
+.tabs-1 li.current,
+.tabs-1 li.current:hover {
+    color: #2b3648;
+    border-color: #2b3648;
+}
+
+.tabs-1.tabs--blue-500,
+.tabs-1.tabs--blue-500 li.current:hover {
+    color: #185abd;
+    border-color: #185abd;
+}
+
+.tabs-1.tabs--blue-400,
+.tabs-1.tabs--blue-500 li.current:hover {
+    color: #1680fb;
+    border-color: #1680fb;
+}
+
+.tabs-1.tabs--blue-300,
+.tabs-1.tabs--blue-500 li.current:hover {
+    color: #3eb1ff;
+    border-color: #3eb1ff;
+}
+
+.tabs-1.tabs--green-500,
+.tabs-1.tabs--green-500 li.current:hover {
+    color: #00a14e;
+    border-color: #00a14e;
+}
+
+.tabs-1.tabs--green-400,
+.tabs-1.tabs--green-400 li.current:hover {
+    color: #0fbc49;
+    border-color: #0fbc49;
+}
+
+.tabs-1.tabs--green-300,
+.tabs-1.tabs--green-300 li.current:hover {
+    color: #6fd792;
+    border-color: #6fd792;
+}
+
+.tabs-1.tabs--pink-500,
+.tabs-1.tabs--pink-500 li.current:hover {
+    color: #6091a4;
+    border-color: #6091a4;
+}
+
+.tabs-1.tabs--pink-400,
+.tabs-1.tabs--pink-400 li.current:hover {
+    color: #f74780;
+    border-color: #f74780;
+}
+
+.tabs-1.tabs--pink-300,
+.tabs-1.tabs--pink-300 li.current:hover {
+    color: #fcb5cc;
+    border-color: #fcb5cc;
+}
+
+.tabs-1.tabs--purple-500,
+.tabs-1.tabs--purple-500 li.current:hover {
+    color: #663ae9;
+    border-color: #663ae9;
+}
+
+.tabs-1.tabs--purple-400,
+.tabs-1.tabs--purple-400 li.current:hover {
+    color: #7b5dd6;
+    border-color: #7b5dd6;
+}
+
+.tabs-1.tabs--purple-300,
+.tabs-1.tabs--purple-300 li.current:hover {
+    color: #bdaeea;
+    border-color: #bdaeea;
+}
+
+.tabs-1.tabs--red-500,
+.tabs-1.tabs--red-500 li.current:hover {
+    color: #da0f29;
+    border-color: #da0f29;
+}
+
+.tabs-1.tabs--red-400,
+.tabs-1.tabs--red-400 li.current:hover {
+    color: #ff1e1a;
+    border-color: #ff1e1a;
+}
+
+.tabs-1.tabs--red-300,
+.tabs-1.tabs--red-300 li.current:hover {
+    color: #ffa5a3;
+    border-color: #ffa5a3;
+}
+
+.tabs-1.tabs--violet-500,
+.tabs-1.tabs--violet-500 li.current:hover {
+    color: #c73e9b;
+    border-color: #c73e9b;
+}
+
+.tabs-1.tabs--violet-400,
+.tabs-1.tabs--violet-400 li.current:hover {
+    color: #be6cbe;
+    border-color: #be6cbe;
+}
+
+.tabs-1.tabs--violet-300,
+.tabs-1.tabs--violet-300 li.current:hover {
+    color: #e2bde2;
+    border-color: #e2bde2;
+}
+
+.tabs-1.tabs--yellow-500,
+.tabs-1.tabs--yellow-500 li.current:hover {
+    color: #ffba01;
+    border-color: #ffba01;
+}
+
+.tabs-1.tabs--yellow-400,
+.tabs-1.tabs--yellow-400 li.current:hover {
+    color: #ffbd45;
+    border-color: #ffbd45;
+}
+
+.tabs-1.tabs--yellow-300,
+.tabs-1.tabs--yellow-300 li.current:hover {
+    color: #ffdf35;
+    border-color: #ffdf35;
+}
+
+/*------------------------------------------*/
+/*  ADVANTAGES LIST
+/*------------------------------------------*/
+
+.advantages {
+    margin-top: 15px;
+}
+
+.text-center .advantages {
+    margin-top: 20px;
+}
+
+.advantages li {
+    width: auto !important;
+    display: inline-block !important;
+    vertical-align: top;
+    clear: none !important;
+}
+
+.advantages-links-divider {
+    position: relative;
+    top: 0.5px;
+    transform: rotate(-90deg);
+}
+
+.advantages li p {
+    display: inline-block;
+    float: left;
+    margin-bottom: 0;
+}
+
+.advantages.ico-15 li p span {
+    position: relative;
+    top: 2px;
+    right: -1px;
+}
+
+.advantages.ico-15 [class*="flaticon-"]:before,
+.advantages.ico-15 [class*="flaticon-"]:after {
+    font-size: 0.75rem;
+}
+
+.advantages li p a {
+    font-weight: 400;
+    text-decoration: underline;
+}
+
+.advantages li p a:hover {
+    text-decoration: underline;
+}
+
+.white--color .advantages li p a:hover {
+    color: #fff !important;
+}
+
+/*------------------------------------------*/
+/*  COMPATABILITY
+/*------------------------------------------*/
+
+.compatibility {
+    display: inline-block;
+    padding: 3px 20px;
+    margin-top: 15px;
+    margin-bottom: 0;
+}
+
+.compatibility span {
+    position: relative;
+    top: -1.5px;
+    right: 2px;
+}
+
+.compatibility.ico-10 [class*="flaticon-"]:before,
+.compatibility.ico-10 [class*="flaticon-"]:after {
+    font-size: 0.5rem;
+}
+
+/*------------------------------------------*/
+/*  TOOLS LIST / PAYMENT METHODS
+/*------------------------------------------*/
+
+.tools-list,
+.payment-methods {
+    margin-top: 25px;
+}
+
+.tools-list p,
+.payment-methods p {
+    font-weight: 400;
+    margin-bottom: 12px;
+}
+
+.tools-list.ico-35 [class*="flaticon-"]:before,
+.tools-list.ico-35 [class*="flaticon-"]:after {
+    line-height: 2.1875rem !important;
+    margin-right: 6px;
+}
+
+/*------------------------------------------*/
+/*  Payment Icons
+/*------------------------------------------*/
+
+.payment-icons li {
+    display: inline-block !important;
+    vertical-align: top;
+    clear: none !important;
+    margin: 0;
+    padding-right: 5px;
+}
+
+.payment-icons li:last-child {
+    padding-right: 0;
+}
+
+.payment-icons img {
+    width: auto;
+    max-width: inherit;
+    max-height: 32px;
+}
+
+/*------------------------------------------*/
+/*  QUOTE
+/*------------------------------------------*/
+
+.quote p {
+    color: #666;
+    border-left: 3px solid #0195ff;
+    font-style: italic;
+    padding-left: 20px;
+    margin-bottom: 12px;
+}
+
+/*------------------------------------------*/
+/*  Quote Avatar
+/*------------------------------------------*/
+
+.quote-avatar {
+    display: inline-block;
+    margin: 0 auto;
+}
+
+.quote-avatar img {
+    width: 70px;
+    height: 70px;
+    -webkit-border-radius: 100%;
+    -moz-border-radius: 100%;
+    -o-border-radius: 100%;
+    border-radius: 100%;
+}
+
+/*------------------------------------------*/
+/*  Quote Author
+/*------------------------------------------*/
+
+.quote-author {
+    position: relative;
+    display: inline-block;
+    padding: 0 0 0 15px;
+    text-align: left;
+    top: 16px;
+}
+
+.quote-author h6 {
+    margin-bottom: 0;
+}
+
+.quote-author span {
+    font-size: 1rem;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX SHAPES
+/*------------------------------------------*/
+
+.cbox-5-shape-1 {
+    position: absolute;
+    right: 30px;
+    top: -35px;
+    z-index: -1;
+}
+
+.cbox-5-shape-2 {
+    position: absolute;
+    left: 30px;
+    bottom: -25px;
+    z-index: -1;
+}
+
+.cbox-5-shape-1 img,
+.cbox-5-shape-2 img {
+    height: 100%;
+    width: 100%;
+    object-fit: cover;
+}
+
+/*------------------------------------------*/
+/*  IMG BLOCK IMAGE
+/*------------------------------------------*/
+
+.grey-img {
+    filter: grayscale(100%);
+}
+
+.img-block {
+    text-align: center;
+}
+
+.img-block.img-block-bkg {
+    overflow: hidden;
+}
+
+.img-block.img-block-bkg img {
+    padding: 60px 45px;
+}
+
+.ct-10 .img-block,
+.img-block-hidden,
+.bc-5-img.bc-5-dashboard.img-block-hidden {
+    margin-bottom: -100px;
+}
+
+.ct-05 .img-block-hidden {
+    margin-bottom: -30px;
+}
+
+.bc-5-img.bc-5-tablet.img-block-hidden {
+    margin-bottom: -200px;
+}
+
+.img-block-hidden .video-btn,
+.bc-5-img.bc-5-dashboard.img-block-hidden .video-btn {
+    top: calc(50% - 30px);
+}
+
+.bc-5-img.bc-5-tablet.img-block-hidden .video-btn {
+    top: calc(50% - 70px);
+}
+
+.ct-01 .img-block,
+.ct-04 .img-block {
+    margin-left: 30px;
+}
+
+.ct-02 .img-block {
+    margin-right: 30px;
+}
+
+.ct-03 .img-block.right-column {
+    margin-left: 20px;
+}
+
+.ct-03 .img-block.left-column {
+    margin-right: 20px;
+}
+
+.ct-04 .img-block img {
+    max-width: none;
+    display: inline-block;
+}
+
+.ct-06 .img-block {
+    margin-bottom: -80px;
+}
+
+.ct-07 .img-block {
+    margin-top: -80px;
+}
+
+.img-block-txt,
+.img-block-btn {
+    margin-top: 60px;
+}
+
+.bc-1-wrapper .img-block.left-column,
+.bc-2-wrapper .img-block.left-column {
+    padding-right: 10px;
+}
+
+.bc-1-wrapper .img-block.right-column,
+.bc-2-wrapper .img-block.right-column {
+    padding-left: 10px;
+}
+
+.bc-2-img {
+    margin-left: 15px;
+}
+
+.bc-3-img {
+    margin: 0 -65% -25px 15px;
+}
+
+.bc-4-img {
+    margin-left: 15px;
+    margin-right: -65%;
+}
+
+.bc-6-img {
+    padding: 50px 30px 0;
+    margin-bottom: 35px;
+}
+
+.ct-11 .img-block {
+    position: relative;
+    text-align: center;
+    padding-left: 70px;
+    z-index: 2;
+}
+
+.ct-12 .img-block {
+    position: relative;
+    text-align: center;
+    padding-right: 70px;
+    z-index: 2;
+}
+
+.ct-11 .img-block .tra-bkg,
+.ct-12 .img-block .tra-bkg {
+    opacity: 0;
+    -moz-opacity: 0;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: -1;
+}
+
+
+
+
+/* ==========================================================================
+  09. STATISTIC
+  =========================================================================== */
+
+.sb-rounded .statistic-block {
+    padding: 35px 25px;
+}
+
+/*------------------------------------------*/
+/*  STATISTIC BLOCK
+/*------------------------------------------*/
+
+#sb-2-1,
+#sb-2-2 {
+    width: 48%;
+    display: inline-block;
+    float: left;
+}
+
+#sb-2-3,
+#sb-2-4 {
+    display: inline-block;
+    float: left;
+    padding-right: 15px;
+}
+
+#sb-2-3 {
+    width: 45%;
+}
+
+#sb-2-4 {
+    width: 55%;
+}
+
+#sb-2-3 .statistic-block,
+#sb-2-4 .statistic-block {
+    display: flex;
+    position: relative;
+    flex-flow: row wrap;
+    align-items: stretch !important;
+    justify-content: flex-start;
+}
+
+#sb-2-3 .statistic-block-txt,
+#sb-2-4 .statistic-block-txt {
+    overflow: hidden;
+    flex: 1;
+    max-width: 100%;
+    padding-left: 15px;
+}
+
+/*------------------------------------------*/
+/*  STATISTIC BLOCK TYPOGRAPHY
+/*------------------------------------------*/
+
+.statistic-1-wrapper .statistic-block-digit {
+    width: 35%;
+    display: inline-block !important;
+    float: left;
+}
+
+.statistic-1-wrapper .statistic-block-txt {
+    width: 65%;
+    display: inline-block !important;
+    padding-left: 20px;
+}
+
+#statistic-5 .statistic-digit {
+    padding-bottom: 20px;
+    margin: 0 100px 20px 0;
+    border-bottom: 1px solid #999;
+}
+
+#statistic-5 .color--white .statistic-digit {
+    border-bottom: 1px solid rgba(255, 255, 255, .8);
+}
+
+/*------------------------------------------*/
+/*  STATISTIC BLOCK TYPOGRAPHY
+/*------------------------------------------*/
+
+.statistic-ico {
+    margin-bottom: 10px;
+}
+
+h2.statistic-number {
+    line-height: 1;
+    font-weight: 700;
+    letter-spacing: -1px;
+    margin-bottom: 0;
+}
+
+#sb-2-1 h2.statistic-number,
+#sb-2-2 h2.statistic-number {
+    margin-bottom: 15px;
+}
+
+#sb-2-3 h2.statistic-number span,
+#sb-2-4 h2.statistic-number span {
+    font-size: 2rem;
+}
+
+#statistic-5 .statistic-digit h2 {
+    letter-spacing: -1.5px;
+}
+
+#statistic-5 .statistic-txt h5 {
+    line-height: 1;
+    margin-bottom: 12px;
+}
+
+.statistic-block-txt p.p-md {
+    line-height: 1.35;
+    margin-bottom: 0;
+}
+
+#sb-2-1 .statistic-block p.p-sm,
+#sb-2-2 .statistic-block p.p-sm {
+    line-height: 1.4;
+    margin-bottom: 0;
+}
+
+#sb-2-3 .statistic-block p.p-sm,
+#sb-2-4 .statistic-block p.p-sm {
+    margin-top: 3px;
+    line-height: 1.5;
+    margin-bottom: 0;
+}
+
+.statistic-3-wrapper p {
+    line-height: 1;
+    margin-top: 15px;
+    margin-bottom: 0;
+}
+
+.statistic-3-wrapper p.p-md {
+    line-height: 1;
+    margin-top: 22px;
+    margin-bottom: 0;
+}
+
+.statistic-4-wrapper p {
+    line-height: 1;
+    margin-bottom: 14px;
+}
+
+#statistic-5 .statistic-txt p {
+    padding-right: 3%;
+    margin-bottom: 0;
+}
+
+.txt-block-stat .statistic-block .txt-block-rating {
+    margin-top: -4px;
+    margin-bottom: -3px;
+}
+
+.txt-block-stat .ico-15 [class*="flaticon-"]:before,
+.txt-block-stat .ico-15 [class*="flaticon-"]:after {
+    font-size: 0.8125rem;
+}
+
+
+
+
+/* ==========================================================================
+  10. PROJECTS
+  ========================================================================== */
+
+.projects-wrapper {
+    padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  PROJECT DETAILS
+/*------------------------------------------*/
+
+#pt-1-1,
+#pt-1-2,
+.inner-page-hero #pt-1-3,
+.inner-page-hero #pt-1-4 {
+    margin-bottom: 50px;
+}
+
+.project-details h5 {
+    line-height: 1;
+    margin-bottom: 30px;
+}
+
+.project-preview {
+    position: relative;
+    overflow: hidden;
+}
+
+/*------------------------------------------*/
+/*  Image Link
+/*------------------------------------------*/
+
+.project-link {
+    width: 100%;
+    position: absolute;
+    top: 55%;
+    transform: translateY(-50%);
+    opacity: 0;
+    text-align: center;
+    color: #fff;
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  Image Hover Overlay
+/*------------------------------------------*/
+
+.hover-overlay {
+    width: 100%;
+    height: auto;
+    overflow: hidden;
+    position: relative;
+}
+
+.hover-overlay img {
+    transform: scale(1);
+    -ms-transform: scale(1);
+    -webkit-transform: scale(1);
+    -o-transform: scale(1);
+    -moz-transform: scale(1);
+    overflow: hidden;
+    -webkit-transition: transform 400ms;
+    -moz-transition: transform 400ms;
+    -o-transition: transform 400ms;
+    transition: transform 400ms;
+}
+
+/*------------------------------------------*/
+/*    Overlay Background
+/*------------------------------------------*/
+
+.item-overlay {
+    opacity: 0;
+    -moz-opacity: 0;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(20, 20, 20, .25);
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  Image Hover Effect
+/*------------------------------------------*/
+
+.project-preview:hover img {
+    transform: scale(1.05);
+    -ms-transform: scale(1.05);
+    -webkit-transform: scale(1.05);
+    -o-transform: scale(1.05);
+    -moz-transform: scale(1.05);
+}
+
+.project-preview:hover .project-link {
+    top: 50%;
+    opacity: 1;
+    -moz-opacity: 1;
+}
+
+.project-preview:hover .item-overlay {
+    opacity: 1;
+    -moz-opacity: 1;
+}
+
+/*------------------------------------------*/
+/*  MORE PROJECTS BUTTON
+/*------------------------------------------*/
+
+.more-projects {
+    text-align: center;
+    margin-top: 70px;
+}
+
+
+
+
+/* ==========================================================================
+  11. PROJECT DETAILS
+  ========================================================================== */
+
+.single-project .project-title {
+    margin-bottom: 80px;
+}
+
+.project-title h2 {
+    padding-right: 5%;
+    padding-bottom: 40px;
+    margin-bottom: 35px;
+    border-bottom: 1px solid #ddd;
+}
+
+.project-data p {
+    margin-bottom: 4px;
+}
+
+.project-data p span {
+    color: #353f4f;
+    font-weight: 500;
+}
+
+/*------------------------------------------*/
+/*  MORE PROJECTS BUTTON
+/*------------------------------------------*/
+
+.project-description .more-projects {
+    margin-top: 65px;
+}
+
+.project-description .more-projects h3 {
+    display: inline-block;
+    text-decoration: underline;
+    margin-bottom: 0;
+}
+
+.project-description .more-projects span {
+    color: #353f4f;
+    position: relative;
+    top: 2px;
+    left: 5px;
+}
+
+
+
+
+/* ==========================================================================
+  12. RATING
+  =========================================================================== */
+
+.rating-section .rating-1-wrapper {
+    padding: 0 16%;
+}
+
+.rating-section .rating-2-wrapper {
+    padding: 0 4%;
+}
+
+.rating-title {
+    text-align: center;
+}
+
+.rating-title h5 {
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  RATING BOX
+/*------------------------------------------*/
+
+.rbox-1,
+.rbox-2 {
+    text-align: center;
+}
+
+/*------------------------------------------*/
+/*  RATING BOX LOGO
+/*------------------------------------------*/
+
+.rbox-1-img {
+    margin-bottom: 20px;
+}
+
+.rbox-1-img img {
+    width: auto;
+    max-width: inherit;
+    max-height: 38px;
+}
+
+.rbox-2-txt img {
+    position: relative;
+    display: inline-block;
+    width: auto;
+    max-width: inherit;
+    max-height: 30px;
+    top: -1px;
+    left: 4px;
+}
+
+/*------------------------------------------*/
+/*  RATING BOX TYPOGRAPHY
+/*------------------------------------------*/
+
+.rbox-2-txt {
+    margin-top: 20px;
+}
+
+.rbox-1 .star-rating {
+    display: inline-block;
+    font-size: 17px;
+    line-height: 15px;
+    font-weight: 500;
+    vertical-align: inherit;
+    border: 1px solid #f5f5f5;
+    padding: 5px 18px;
+    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
+    -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
+    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
+}
+
+.rbox-1 .star-rating span {
+    position: relative;
+    color: #ffb30c;
+    top: 1.5px;
+}
+
+.rbox-1 .star-rating {
+    font-size: 0.86rem;
+    line-height: 1;
+}
+
+p.rbox-2-txt {
+    line-height: 22px;
+    margin-top: 8px;
+    margin-bottom: 0;
+}
+
+p.rbox-2-txt span {
+    font-weight: 500;
+}
+
+
+
+
+/* ==========================================================================
+  13. TESTIMONIALS
+  =========================================================================== */
+
+.reviews-2-wrapper {
+    padding: 0 10px;
+}
+
+.reviews-3-wrapper {
+    padding: 0 20px;
+}
+
+.reviews-4-wrapper,
+.reviews-5-wrapper {
+    padding-left: 40px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL
+/*------------------------------------------*/
+
+.review-1 {
+    padding: 40px 40px 30px;
+    margin: 0 10px 30px;
+}
+
+.review-1.block-border {
+    border-color: #d2d2d2;
+}
+
+.review-2 {
+    padding: 45px 50px 35px;
+}
+
+.review-3 {
+    padding: 45px 50px 40px;
+}
+
+.review-4 {
+    padding: 40px 45px 30px;
+}
+
+.review-5 {
+    padding: 45px 45px 40px;
+}
+
+#rw-2-1,
+#rw-2-2 {
+    margin-bottom: 20px;
+}
+
+.inner-page-hero #rw-2-3,
+.inner-page-hero #rw-2-4 {
+    margin-bottom: 20px;
+}
+
+#rw-3-2 {
+    margin-bottom: 45px;
+}
+
+#rw-3-2,
+#rw-3-3 {
+    margin-left: 15px;
+}
+
+#rw-4-1,
+#rw-5-1 {
+    margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL TEXT
+/*------------------------------------------*/
+
+.review-ico {
+    position: relative;
+    margin-top: -25px;
+    margin-left: -10px;
+    opacity: .1;
+}
+
+.review-txt {
+    position: relative;
+    margin-top: -45px;
+}
+
+.review-txt h6 {
+    margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL DATA
+/*------------------------------------------*/
+
+.review-1 .author-data {
+    margin-top: 22px;
+}
+
+.review-2 .author-data {
+    margin-top: 15px;
+}
+
+.review-3 .author-data {
+    margin-top: 20px;
+}
+
+.review-avatar {
+    margin: 0 auto;
+    float: left;
+}
+
+.review-avatar img,
+.owl-item .review-avatar img {
+    width: 54px;
+    height: 54px;
+    -webkit-border-radius: 100%;
+    -moz-border-radius: 100%;
+    -o-border-radius: 100%;
+    border-radius: 100%;
+}
+
+.review-2 .review-avatar img {
+    width: 64px;
+    height: 64px;
+}
+
+.review-3 .review-avatar img,
+.review-5 .review-avatar img {
+    width: 62px;
+    height: 62px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL AUTHOR
+/*------------------------------------------*/
+
+.review-author {
+    position: relative;
+    display: inline-block;
+    text-align: left;
+    padding: 0 0 0 15px;
+}
+
+.review-1 .review-author {
+    margin-top: 4px;
+}
+
+.review-2 .review-author {
+    margin-top: 10px;
+}
+
+.review-3 .review-author {
+    margin-top: 8px;
+}
+
+.review-5 .review-author {
+    margin-top: 8px;
+}
+
+.review-4 .review-author {
+    padding-left: 0;
+    margin-top: 0;
+}
+
+.review-author h6 {
+    line-height: 1;
+    margin-bottom: 8px;
+}
+
+.review-1 .review-author h6 {
+    font-size: 0.975rem;
+}
+
+.review-author p {
+    line-height: 1;
+    font-weight: 300;
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL CAROUSEL DOTS
+/*------------------------------------------*/
+
+.reviews-section button {
+    background-color: transparent;
+    border: none;
+    padding: 0 2px;
+}
+
+.owl-theme .owl-dots .owl-dot span {
+    margin: 0 7px;
+}
+
+.owl-dots button:focus {
+    outline: none;
+    text-decoration: none;
+}
+
+
+
+
+/* ==========================================================================
+  14. PRESS
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  PRESS LOGO
+/*------------------------------------------*/
+
+.press-logo img {
+    position: relative;
+    width: auto;
+    max-width: inherit;
+    max-height: 82px;
+}
+
+/*------------------------------------------*/
+/*  PRESS TEXT
+/*------------------------------------------*/
+
+.press-txt {
+    position: relative;
+    margin-top: 15px;
+}
+
+.press-txt p {
+    color: #999;
+    font-weight: 400;
+    margin-bottom: 0;
+}
+
+.press-txt span {
+    position: relative;
+    top: 3px;
+    left: -1px;
+    opacity: .6;
+}
+
+.press-txt.ico-20 [class^="flaticon-"]:before,
+.press-txt.ico-20 [class^="flaticon-"]:after {
+    font-size: 1.375rem;
+}
+
+
+
+
+/* ==========================================================================
+  15. BRANDS
+  =========================================================================== */
+
+#brands-3 {
+    position: relative;
+}
+
+#brands-3:after {
+    position: absolute;
+    content: '';
+    width: 100%;
+    height: 80%;
+    top: 0;
+    left: 0;
+    z-index: -1;
+}
+
+/*------------------------------------------*/
+/*  BRANDS SECTION TITLE
+/*------------------------------------------*/
+
+.brands-title {
+    text-align: center;
+    padding: 0 5%;
+}
+
+.brands-title h4,
+.brands-title h3,
+.brands-title h2 {
+    margin-bottom: 8px;
+}
+
+.brands-title p {
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  BRANDS LOGO WRAPPER
+/*------------------------------------------*/
+
+.brands-3-wrapper {
+    padding: 50px 30px;
+    background-color: #fff;
+    border: 1px solid #e9ecef;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+}
+
+/*------------------------------------------*/
+/*  BRANDS LOGO IMAGE
+/*------------------------------------------*/
+
+.brand-logo {
+    overflow: hidden;
+    position: relative;
+    top: 0;
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+#brands-1 .brands-carousel-5 .brand-logo {
+    padding: 0 30px;
+}
+
+#brands-1 .brands-carousel-6 .brand-logo {
+    padding: 0 20px;
+}
+
+#brands-1 .justify-content-center .brand-logo {
+    padding: 0 15px;
+}
+
+#brands-2 .brand-logo {
+    padding: 0;
+}
+
+#brands-3 .brand-logo {
+    padding: 0 25px;
+}
+
+#brands-3 .brands-3-static .brand-logo {
+    padding: 0 15px;
+}
+
+#brands-4 .brand-logo {
+    padding: 0 20px;
+}
+
+.brand-logo:hover {
+    top: -6px;
+}
+
+.brands-section .more-btn {
+    text-align: center;
+    margin-top: 40px;
+}
+
+.hero-section .owl-dots,
+.brands-section .owl-dots {
+    display: none;
+}
+
+
+
+
+/* ==========================================================================
+  16. INTEGRATIONS
+  =========================================================================== */
+
+.integrations-2-wrapper {
+    padding: 80px 70px;
+}
+
+.in_tool_logo {
+    padding: 50px 30px;
+    margin-bottom: 25px;
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+.integrations-1-wrapper .in_tool-logo {
+    position: relative;
+    margin-right: 20px;
+}
+
+.integrations-1-wrapper .in_tool {
+    display: flex;
+    position: relative;
+    flex-flow: row wrap;
+    align-items: stretch !important;
+    justify-content: flex-start;
+    padding: 22px 20px;
+    border: 1px solid #ccc;
+}
+
+.integrations-1-wrapper .in_tool-txt {
+    overflow: hidden;
+    flex: 1;
+    max-width: 100%;
+}
+
+.in_tool h6 {
+    line-height: 1;
+    margin-bottom: 0;
+}
+
+.integrations-1-wrapper .in_tool-txt h6 {
+    margin-top: 5px;
+}
+
+.integrations-1-wrapper .in_tool-txt p {
+    margin-top: 5px;
+    margin-bottom: 0;
+}
+
+.integrations-1-wrapper .in_tool:hover {
+    border-color: transparent;
+    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
+    -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
+    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
+}
+
+
+
+
+/* ==========================================================================
+  17. PRICING
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  Price Table
+/*------------------------------------------*/
+
+.p-table {
+    margin-bottom: 40px;
+}
+
+.pricing-1-table {
+    padding: 50px 38px 45px;
+}
+
+.text-center .pricing-1-table {
+    padding: 60px 35px 50px;
+}
+
+.pricing-2-table {
+    padding: 45px 38px 50px;
+}
+
+.pricing-3-table {
+    padding: 50px 40px;
+}
+
+.pricing-4-table {
+    position: relative;
+    padding: 45px;
+}
+
+#pt-4-1 {
+    margin: 0 10px 40px 50px;
+}
+
+#pt-4-2 {
+    margin: 0 50px 40px 10px;
+}
+
+/*------------------------------------------*/
+/*  TABLE HEADER
+/*------------------------------------------*/
+
+.pricing-table-header {
+    position: relative;
+}
+
+.pricing-table-header h5 {
+    margin-bottom: 30px;
+}
+
+.pricing-table-header h4 {
+    margin-bottom: 25px;
+}
+
+/*------------------------------------------*/
+/*  PRICING TABLE DISCOUNT
+/*------------------------------------------*/
+
+.pricing-discount {
+    position: absolute;
+    top: -2px;
+    right: -10px;
+    padding: 8px 18px;
+}
+
+.pricing-1-table .pricing-discount {
+    top: -2px;
+    right: -5px;
+    padding: 7px 13px;
+}
+
+.text-center .pricing-1-table .pricing-discount {
+    top: -35px;
+    right: -8px;
+}
+
+.pricing-discount h6 {
+    font-size: 1.1rem;
+    line-height: 1;
+    margin-bottom: 0;
+}
+
+.pricing-1-table .pricing-discount h6 {
+    font-size: 0.915rem;
+}
+
+.price.color--black .white--color {
+    color: #fff;
+}
+
+.comp-table .table thead th {
+    border-color: #ccc;
+}
+
+.comp-table tbody th {
+    border-bottom: 1px solid #ccc !important;
+}
+
+.comp-table .table tr td {
+    border-bottom: 2px solid #ccc;
+}
+
+/*------------------------------------------*/
+/*  PRICE
+/*------------------------------------------*/
+
+.price span {
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    font-size: 3rem;
+    line-height: 1;
+    font-weight: 600;
+    letter-spacing: -2px;
+}
+
+.pricing-2-table.highlight .price span {
+    font-size: 2.4rem;
+    letter-spacing: -1px;
+}
+
+.pricing-3-table .price span {
+    font-size: 4.35rem;
+}
+
+.pricing-4-table .price span {
+    font-size: 3.15rem;
+}
+
+/*------------------------------------------*/
+/*  DOLLAR SIGN
+/*------------------------------------------*/
+
+.price sup {
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    font-size: 2.05rem;
+    font-weight: 600;
+    top: -5px;
+    right: 2px;
+    letter-spacing: -1px;
+}
+
+.pricing-3-table .price sup {
+    font-size: 2.35rem;
+    top: -23px;
+    right: 3px;
+}
+
+.pricing-4-table .price sup {
+    font-size: 2.05rem;
+    top: -10px;
+    right: 2px;
+}
+
+/*------------------------------------------*/
+/*  COINS
+/*------------------------------------------*/
+
+.pricing-3-table .price sup.coins {
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    font-size: 2.35rem;
+    font-weight: 600;
+    top: -29px;
+    left: 3px;
+    letter-spacing: -2px;
+}
+
+/*------------------------------------------*/
+/*  Validity
+/*------------------------------------------*/
+
+.price sup.validity {
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    font-size: 1.4rem;
+    font-weight: 400;
+    top: -2px;
+    left: 0;
+}
+
+.pricing-3-table .price sup.validity {
+    display: block;
+    font-size: 1.1875rem;
+    top: 0;
+    margin-top: 20px;
+    margin-bottom: 30px;
+    letter-spacing: 0;
+    margin-bottom: 40px;
+}
+
+/*------------------------------------------*/
+/*  Text
+/*------------------------------------------*/
+
+.price p {
+    margin-top: 25px;
+    margin-bottom: 25px;
+}
+
+.pricing-2-table .price p {
+    margin-bottom: 15px;
+}
+
+.text-center .price p {
+    padding: 0 2%;
+}
+
+.pricing-section .btn-txt a {
+    text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  PRICING TABLE HORIZONTAL LINE
+/*------------------------------------------*/
+
+.pricing-1-table hr {
+    margin-top: 35px;
+}
+
+.pricing-2-table hr {
+    margin-top: 25px;
+}
+
+/*------------------------------------------*/
+/*  PRICING FEATURES
+/*------------------------------------------*/
+
+.pricing-features li {
+    padding: 11px 8px;
+}
+
+.pricing-4-table .pricing-features li {
+    padding: 10px;
+}
+
+.pricing-features li p {
+    line-height: 1;
+    font-weight: 400;
+    margin-bottom: 0;
+}
+
+.pricing-features li p span {
+    position: relative;
+    top: -2px;
+    right: 5px;
+}
+
+.pricing-features.ico-10 li p span {
+    top: 0;
+    right: 4px;
+}
+
+.pricing-features.ico-5 [class*="flaticon-"]:before,
+.pricing-features.ico-5 [class*="flaticon-"]:after {
+    font-size: 0.5rem;
+}
+
+.pricing-features li.disabled-option p,
+.pricing-features li.disabled-option span {
+    color: #b5b5b5 !important;
+}
+
+/*------------------------------------------*/
+/*  PRICING TABLE BUTTON
+/*------------------------------------------*/
+
+.pt-btn {
+    display: block;
+    width: 100%;
+    margin-top: 25px;
+}
+
+.p-table p.btn-txt {
+    margin: 14px 0 0 0;
+}
+
+/*------------------------------------------*/
+/*  PRICING TOGGLE BUTTON
+/*------------------------------------------*/
+
+.ext-toggle-btn {
+    text-align: center;
+}
+
+.toggle-btn.inn-toggle-btn {
+    position: absolute;
+}
+
+#pricing-4 .ext-toggle-btn {
+    margin: 0 50px 35px 10px;
+}
+
+/*------------------------------------------*/
+/*  TOGGLE BUTTON TYPOGRAPHY
+/*------------------------------------------*/
+
+.toggle-btn-md .toggler-txt {
+    font-size: 1.1rem;
+    font-weight: 400;
+    line-height: 36px;
+}
+
+.toggle-btn-lg .toggler-txt {
+    font-size: 1.15rem;
+    font-weight: 400;
+    line-height: 40px;
+}
+
+.toggle-btn p {
+    margin-top: 10px;
+    letter-spacing: -0.25px;
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TOGGLE BUTTON SWITCHER
+/*------------------------------------------*/
+
+.switch-wrap {
+    position: relative;
+    display: inline-block;
+    min-width: 50px;
+    height: 32px;
+    vertical-align: middle;
+}
+
+.toggle-btn-md .switch-wrap {
+    min-width: 65px;
+    height: 36px;
+    margin: 0 8px;
+}
+
+.toggle-btn-lg .switch-wrap {
+    min-width: 70px;
+    height: 40px;
+    margin: 0 14px;
+}
+
+.switcher {
+    display: block;
+    cursor: pointer;
+    color: #fff;
+    font-size: 0.925rem;
+    font-weight: 500;
+    height: 32px;
+    padding: 0 15px 0 35px;
+    position: relative;
+    border-radius: 32px;
+    -webkit-transition: all 150ms ease-in-out;
+    -moz-transition: all 150ms ease-in-out;
+    -o-transition: all 150ms ease-in-out;
+    -ms-transition: all 150ms ease-in-out;
+    transition: all 150ms ease-in-out;
+}
+
+.toggle-btn-md .switcher {
+    height: 36px;
+    padding: 0 20px 0 40px;
+    border-radius: 36px;
+}
+
+.toggle-btn-lg .switcher {
+    height: 40px;
+    padding: 0 20px 0 40px;
+    border-radius: 40px;
+}
+
+.switcher.bg--tra-white {
+    background-color: #fff;
+    border: 2px solid #ccc;
+}
+
+.switcher.bg--ghost-white {
+    background-color: rgba(128, 143, 174, .45);
+    border: 2px solid rgba(128, 143, 174, .15);
+}
+
+.switcher.bg--grey {
+    background-color: #ccc;
+    border: 2px solid #ccc;
+}
+
+.switcher .show-annual,
+.switcher .show-monthly {
+    line-height: 32px;
+}
+
+.toggle-btn-md .switcher .show-annual,
+.toggle-btn-md .switcher .show-monthly {
+    line-height: 36px;
+}
+
+.toggle-btn-lg .switcher .show-annual,
+.toggle-btn-lg .switcher .show-monthly {
+    line-height: 40px;
+}
+
+.switcher .show-monthly {
+    display: block;
+}
+
+.switcher .show-annual {
+    display: none;
+}
+
+.switcher:before {
+    position: absolute;
+    left: 4px;
+    bottom: 4px;
+    content: " ";
+    background-color: #fff;
+    width: 24px;
+    height: 24px;
+    border-radius: 50%;
+    -webkit-transition: all 450ms ease-in-out;
+    -moz-transition: all 450ms ease-in-out;
+    -o-transition: all 450ms ease-in-out;
+    -ms-transition: all 450ms ease-in-out;
+    transition: all 450ms ease-in-out;
+}
+
+.toggle-btn-md .switcher:before {
+    left: 5px;
+    bottom: 5px;
+    width: 26px;
+    height: 26px;
+}
+
+.toggle-btn-lg .switcher:before {
+    left: 5px;
+    bottom: 5px;
+    width: 30px;
+    height: 30px;
+}
+
+.switcher.bg--grey:before,
+.switcher.bg--tra-white:before,
+.switcher.bg--ghost-white:before {
+    background-color: #ccc;
+    left: 4px;
+    bottom: 3.5px;
+    -webkit-box-shadow: 0 1px 1px 0 #aaa;
+    -moz-box-shadow: 0 1px 1px 0 #aaa;
+    box-shadow: 0 1px 1px 0 #aaa;
+}
+
+.switcher.bg--grey:before,
+.switcher.bg--ghost-white:before {
+    background-color: #fff;
+}
+
+.switch-wrap input {
+    display: none;
+}
+
+.switch-wrap input:checked+.switcher {
+    padding: 0 35px 0 15px;
+}
+
+.toggle-btn-md .switch-wrap input:checked+.switcher,
+.toggle-btn-lg .switch-wrap input:checked+.switcher {
+    padding: 0 40px 0 20px;
+}
+
+.switch-wrap input:checked+.switcher.switcher--blue-500 {
+    background-color: #185abd;
+    border-color: #185abd;
+}
+
+.switch-wrap input:checked+.switcher.switcher--blue-400 {
+    background-color: #1680fb;
+    border-color: #1680fb;
+}
+
+.switch-wrap input:checked+.switcher.switcher--blue-300 {
+    background-color: #3eb1ff;
+    border-color: #3eb1ff;
+}
+
+.switch-wrap input:checked+.switcher.switcher--green-500 {
+    background-color: #00a14e;
+    border-color: #00a14e;
+}
+
+.switch-wrap input:checked+.switcher.switcher--green-400 {
+    background-color: #0fbc49;
+    border-color: #0fbc49;
+}
+
+.switch-wrap input:checked+.switcher.switcher--green-300 {
+    background-color: #6fd792;
+    border-color: #6fd792;
+}
+
+.switch-wrap input:checked+.switcher.switcher--pink-500 {
+    background-color: #6091a4;
+    border-color: #6091a4;
+}
+
+.switch-wrap input:checked+.switcher.switcher--pink-400 {
+    background-color: #f74780;
+    border-color: #f74780;
+}
+
+.switch-wrap input:checked+.switcher.switcher--pink-300 {
+    background-color: #fcb5cc;
+    border-color: #fcb5cc;
+}
+
+.switch-wrap input:checked+.switcher.switcher--purple-500 {
+    background-color: #663ae9;
+    border-color: #663ae9;
+}
+
+.switch-wrap input:checked+.switcher.switcher--purple-400 {
+    background-color: #7b5dd6;
+    border-color: #7b5dd6;
+}
+
+.switch-wrap input:checked+.switcher.switcher--purple-300 {
+    background-color: #bdaeea;
+    border-color: #bdaeea;
+}
+
+.switch-wrap input:checked+.switcher.switcher--red-500 {
+    background-color: #da0f29;
+    border-color: #da0f29;
+}
+
+.switch-wrap input:checked+.switcher.switcher--red-400 {
+    background-color: #ff1e1a;
+    border-color: #ff1e1a;
+}
+
+.switch-wrap input:checked+.switcher.switcher--red-300 {
+    background-color: #ffa5a3;
+    border-color: #ffa5a3;
+}
+
+.switch-wrap input:checked+.switcher.switcher--violet-500 {
+    background-color: #c73e9b;
+    border-color: #c73e9b;
+}
+
+.switch-wrap input:checked+.switcher.switcher--violet-400 {
+    background-color: #be6cbe;
+    border-color: #be6cbe;
+}
+
+.switch-wrap input:checked+.switcher.switcher--violet-300 {
+    background-color: #e2bde2;
+    border-color: #e2bde2;
+}
+
+.switch-wrap input:checked+.switcher.switcher--yellow-500 {
+    background-color: #ffba01;
+    border-color: #ffba01;
+}
+
+.switch-wrap input:checked+.switcher.switcher--yellow-400 {
+    background-color: #ffbd45;
+    border-color: #ffbd45;
+}
+
+.switch-wrap input:checked+.switcher.switcher--yellow-300 {
+    background-color: #ffdf35;
+    border-color: #ffdf35;
+}
+
+.switch-wrap input:checked+.switcher:before {
+    left: auto;
+    right: 4px;
+    -webkit-transition: all 350ms ease-in-out;
+    -moz-transition: all 350ms ease-in-out;
+    -o-transition: all 350ms ease-in-out;
+    -ms-transition: all 350ms ease-in-out;
+    transition: all 350ms ease-in-out;
+}
+
+.switch-wrap input:checked+.switcher.bg--tra-white:before {
+    bottom: 3px;
+    background-color: #fff;
+    -webkit-box-shadow: 0 0;
+    -moz-box-shadow: 0 0;
+    box-shadow: 0 0;
+}
+
+.switch-wrap input:checked+.switcher .show-annual {
+    display: block;
+}
+
+.switch-wrap input:checked+.switcher .show-monthly {
+    display: none;
+}
+
+/*------------------------------------------*/
+/*  PRICING NOTICE TEXT
+/*------------------------------------------*/
+
+.pricing-notice {
+    text-align: center;
+    margin-top: 20px;
+}
+
+.pricing-notice p {
+    padding: 0 8%;
+    margin-bottom: 0;
+}
+
+.pricing-notice p span {
+    font-weight: 500;
+}
+
+/*------------------------------------------*/
+/*  COMPARE PRICING TABLE
+/*------------------------------------------*/
+
+.table>:not(caption)>*>* {
+    padding-top: 12px;
+    padding-bottom: 12px;
+}
+
+.comp-table .pricing-header {
+    max-width: 700px;
+}
+
+.comp-table .table-responsive thead th {
+    font-size: 1.15rem;
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    font-weight: 600;
+}
+
+.comp-table .table-responsive tbody th {
+    font-size: 1rem;
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    font-weight: 600;
+}
+
+.comp-table .table-responsive tbody td {
+    position: relative;
+    font-size: 1rem;
+    line-height: inherit;
+    top: 1px;
+}
+
+.comp-table .table-responsive tbody td span {
+    position: relative;
+    top: 1px;
+}
+
+.table-responsive .ico-15 [class*="flaticon-"]:before,
+.table-responsive .ico-15 [class*="flaticon-"]:after {
+    font-size: 0.75rem;
+}
+
+.table-responsive .ico-20 [class*="flaticon-"]:before,
+.table-responsive .ico-20 [class*="flaticon-"]:after {
+    font-size: 0.95rem;
+}
+
+.comp-table .table-responsive tbody tr {
+    background-color: #fff;
+    -moz-transition: all 350ms ease-in-out;
+    -o-transition: all 350ms ease-in-out;
+    -ms-transition: all 350ms ease-in-out;
+    transition: all 350ms ease-in-out;
+}
+
+.comp-table .table tbody tr.table-last-tr {
+    border-color: transparent;
+}
+
+.comp-table .table-responsive tbody tr:hover {
+    background-color: #f7f7f9;
+}
+
+.comp-table .disabled-option {
+    color: #999;
+}
+
+/*------------------------------------------*/
+/*  PRICING COMPARE PAYMENT
+/*------------------------------------------*/
+
+.comp-table-payment h6 {
+    margin-bottom: 20px;
+}
+
+.comp-table-payment p {
+    margin-bottom: 0;
+}
+
+
+
+
+/* ==========================================================================
+  18. TEAM
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  TEAM MEMBER
+/*------------------------------------------*/
+
+#tm-2-1,
+#tm-2-4,
+#tm-2-7,
+#tm-2-10 {
+    margin-right: 14px;
+}
+
+#tm-2-2,
+#tm-2-5,
+#tm-2-8,
+#tm-2-11 {
+    margin-left: 7px;
+    margin-right: 7px;
+}
+
+#tm-2-3,
+#tm-2-6,
+#tm-2-9,
+#tm-2-12 {
+    margin-left: 14px;
+}
+
+/*------------------------------------------*/
+/*  TEAM MEMBER PHOTO
+/*------------------------------------------*/
+
+.team-member-photo {
+    position: relative;
+    overflow: hidden;
+    text-align: center;
+    margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  PHOTO HOVER ZOOM
+/*------------------------------------------*/
+
+.team-member:hover img {
+    transform: scale(1.05);
+    -ms-transform: scale(1.05);
+    -webkit-transform: scale(1.05);
+    -o-transform: scale(1.05);
+    -moz-transform: scale(1.05);
+}
+
+.team-member:hover .item-overlay {
+    opacity: .45;
+    -moz-opacity: .45;
+}
+
+/*------------------------------------------*/
+/*  TEAM MEMBER TYPOGRAPHY
+/*------------------------------------------*/
+
+.team-member-data {
+    position: relative;
+    margin-left: 5px;
+}
+
+.team-member-data h6.s-20 {
+    margin-bottom: 8px;
+}
+
+.team-member-data p {
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    line-height: 1;
+    font-weight: 400;
+    letter-spacing: 0;
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  Team Member Social Links
+/*------------------------------------------*/
+
+ul.tm-social {
+    position: absolute;
+    top: -1px;
+    right: 8px;
+    -webkit-transition: all 0.3s ease-out;
+    -o-transition: all 0.3s ease-out;
+    transition: all 0.3s ease-out;
+}
+
+#team-1 ul.tm-social {
+    right: 5px;
+}
+
+ul.tm-social li {
+    width: auto !important;
+    display: inline-block !important;
+    vertical-align: top;
+    clear: none !important;
+    padding: 0;
+    margin-left: 10px;
+    opacity: .6;
+    -webkit-transition: all 0.5s ease-out;
+    -o-transition: all 0.5s ease-out;
+    transition: all 0.5s ease-out;
+}
+
+.tm-social.ico-20 [class*="flaticon-"]:before,
+.tm-social.ico-20 [class*="flaticon-"]:after {
+    font-size: 1.15rem;
+}
+
+
+
+
+/* ==========================================================================
+  19. CAREERS
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  ROLE BOX
+/*------------------------------------------*/
+
+.role-box {
+    border: 1px solid #d2d2d2;
+    padding: 25px 35px;
+    margin-bottom: 30px;
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+.role-box.bg--white-200,
+.role-box.bg--white-300 {
+    border: 1px solid transparent;
+}
+
+.role-box:hover {
+    border-color: transparent;
+    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
+    -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
+    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
+}
+
+/*------------------------------------------*/
+/*  ROLE BOX TEXT
+/*------------------------------------------*/
+
+.role-box span {
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    display: block;
+    font-size: 0.8rem;
+    line-height: 1;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    margin-bottom: 14px;
+}
+
+.role-box h6 {
+    margin-bottom: 6px;
+}
+
+.role-box p {
+    margin-bottom: 0;
+}
+
+
+
+
+/* ==========================================================================
+  20. CAREER ROLE
+  =========================================================================== */
+
+#role-page .inner-page-title {
+    text-align: left;
+    margin-bottom: 50px;
+}
+
+#role-page .inner-page-title span {
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    display: block;
+    font-size: 0.9rem;
+    line-height: 1;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    margin-bottom: 35px;
+}
+
+.role-info hr {
+    margin: 50px 0;
+}
+
+#role-page .cbox-6-wrapper {
+    margin: 45px 0;
+}
+
+.role-info h5 {
+    margin-bottom: 25px;
+}
+
+.role-info p a {
+    font-weight: 500;
+    text-decoration: underline;
+}
+
+.txt-block.role-info .btn {
+    display: block;
+    margin-top: 50px;
+}
+
+
+
+
+/* ==========================================================================
+  21. BANNER
+  =========================================================================== */
+
+.banner-overlay {
+    width: 100%;
+    height: 100%;
+}
+
+#banner-11 {
+    margin-top: 50px;
+}
+
+#banner-12 {
+    margin-top: 40px;
+    margin-bottom: 10px;
+}
+
+/*------------------------------------------*/
+/*  BANNER WRAPPER
+/*------------------------------------------*/
+
+.banner-1-wrapper,
+.banner-2-wrapper,
+.banner-3-wrapper {
+    position: relative;
+    overflow: hidden;
+    text-align: center;
+}
+
+.banner-1-wrapper .banner-overlay {
+    padding: 75px 15% 85px;
+}
+
+.banner-2-wrapper .banner-overlay {
+    padding: 80px 15% 90px;
+}
+
+.banner-3-wrapper .banner-overlay {
+    padding: 75px 20% 85px;
+}
+
+.banner-11-wrapper .banner-overlay {
+    padding: 10px 70px 0;
+}
+
+.banner-12-wrapper .banner-overlay {
+    padding-left: 80px;
+}
+
+.banner-13-wrapper {
+    overflow: hidden;
+}
+
+.banner-13-wrapper .banner-overlay {
+    overflow: hidden;
+    padding-left: 80px;
+}
+
+.banner-16-wrapper .banner-overlay {
+    padding: 45px 22%;
+}
+
+.banner-16-wrapper.bg--white-100.block-border {
+    border-color: #ccc;
+}
+
+/*------------------------------------------*/
+/*  BANNER TEXT
+/*------------------------------------------*/
+
+.banner-12-txt {
+    margin-top: -10px;
+    padding-right: 15%;
+}
+
+.banner-13-txt {
+    padding-right: 15%;
+}
+
+/*------------------------------------------*/
+/*  BANNER TYPOGRAPHY
+/*------------------------------------------*/
+
+.banner-section .section-id {
+    font-weight: 600;
+    padding-top: 10px;
+    margin-bottom: 30px;
+}
+
+.banner-1-txt h2 {
+    margin-bottom: 15px;
+}
+
+.banner-2-txt h2 {
+    margin-bottom: 35px;
+}
+
+.banner-4-txt h2 {
+    margin-bottom: 30px;
+}
+
+.banner-7-txt h2 {
+    margin-bottom: 35px;
+}
+
+.banner-10-txt h6 {
+    font-weight: 400;
+    margin-bottom: 12px;
+}
+
+.banner-10-txt h2 {
+    margin-bottom: 25px;
+}
+
+.banner-11-txt h2,
+.banner-12-txt h2,
+.banner-13-txt h2 {
+    margin-bottom: 22px;
+}
+
+.banner-15-txt h2 {
+    margin-bottom: 45px;
+}
+
+.banner-16-txt h4 {
+    margin-bottom: 14px;
+}
+
+.banner-section p.p-lg {
+    font-size: 1.15rem;
+    margin-bottom: 30px;
+}
+
+.banner-section p.p-xl {
+    margin-bottom: 25px;
+}
+
+.sm-title .banner-1-txt p.p-lg,
+.sm-title .banner-1-txt p.p-xl {
+    margin-top: 12px;
+    margin-bottom: 22px !important;
+}
+
+.banner-3-txt p.p-lg,
+.banner-3-txt p.p-xl,
+.banner-5-txt p.p-lg,
+.banner-5-txt p.p-xl {
+    margin-top: 20px;
+}
+
+.banner-5-txt p.s-21,
+.banner-5-txt p.s-22 {
+    margin-top: 20px;
+    margin-bottom: 26px;
+}
+
+.banner-6-txt p.p-lg,
+.banner-6-txt p.p-xl {
+    margin-top: 15px;
+    margin-bottom: 25px !important;
+}
+
+.banner-8-txt p.p-lg,
+.banner-8-txt p.p-xl {
+    margin-top: 10px;
+    margin-bottom: 0 !important;
+}
+
+.banner-9-txt p.p-lg,
+.banner-9-txt p.p-xl {
+    margin-top: 20px;
+    margin-bottom: 25px !important;
+}
+
+.banner-11-txt p {
+    padding-right: 8%;
+}
+
+.banner-14-txt p.p-lg {
+    font-size: 1.25rem;
+    margin-top: 35px;
+    margin-bottom: 40px;
+}
+
+.banner-15-txt p a {
+    text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  BANNER IMAGE
+/*------------------------------------------*/
+
+.banner-11-img {
+    margin-top: -60px;
+    margin-left: -40px;
+}
+
+.banner-12-img {
+    margin: -40px -20px -30px -40px;
+}
+
+.banner-13-img {
+    transform: rotate(-20deg);
+    margin: -60px -120px -70px -40px;
+}
+
+
+
+
+/* ==========================================================================
+  22. CALL TO ACTION / DOWNLOAD
+  =========================================================================== */
+
+.version-release {
+    margin-bottom: 80px;
+}
+
+.release-data {
+    padding-bottom: 30px;
+    border-bottom: 1px dashed #ccc;
+    margin-bottom: 30px;
+}
+
+.release-data h5 {
+    margin-bottom: 40px;
+}
+
+span.version-data {
+    color: #353f4f;
+    font-size: 2rem;
+    line-height: 1;
+    margin-right: 20px;
+    margin-bottom: 0;
+}
+
+span.release-date {
+    color: #999;
+    font-size: 1.175rem;
+    line-height: 1;
+    margin-bottom: 0;
+}
+
+span.release-date span {
+    color: #353f4f;
+    font-weight: 500;
+    margin-left: 20px;
+}
+
+.release-download {
+    position: absolute;
+    right: 5px;
+    bottom: 0;
+}
+
+.release-highlights .simple-list p {
+    margin-bottom: 2px;
+}
+
+
+
+
+/* ==========================================================================
+  23. FAQS
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  FAQS SECTION TITLE
+/*------------------------------------------*/
+
+#faqs-1 .section-title {
+    margin-bottom: 50px;
+}
+
+#faqs-2 .inner-page-title {
+    margin-bottom: 55px;
+}
+
+#faqs-3 .section-title {
+    margin-bottom: 70px;
+}
+
+.faqs-3-questions .questions-holder {
+    padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  FAQS ACCORDION
+/*------------------------------------------*/
+
+.faqs-section .accordion-item {
+    background-color: transparent !important;
+    border: none;
+    border-bottom: 1px solid #e5e5e5;
+}
+
+#faqs-2.faqs-section .accordion-item {
+    border-bottom: 1px solid #ddd;
+}
+
+.faqs-section .accordion-item.acc-last-item,
+#faqs-2.faqs-section .accordion-item.acc-last-item {
+    border-bottom: none;
+}
+
+/*------------------------------------------*/
+/*  Question
+/*------------------------------------------*/
+
+.faqs-section .accordion-thumb {
+    margin: 0;
+    padding: 25px 0;
+    cursor: pointer;
+    position: relative;
+}
+
+#faqs-2.faqs-section .accordion-thumb {
+    padding: 25px 0 30px;
+}
+
+.faqs-section .accordion-item .accordion-thumb:after,
+.faqs-section .accordion-item.is-active .accordion-thumb:after {
+    font-family: Flaticon;
+    font-weight: 300;
+    content: "\f11a";
+    position: absolute;
+    font-size: 1rem;
+    top: 22px;
+    right: 3px;
+}
+
+#faqs-2.faqs-section .accordion-item .accordion-thumb:after,
+#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after {
+    font-size: 1rem;
+    top: 26px;
+    right: 2px;
+}
+
+.faqs-section .accordion-item.is-active .accordion-thumb:after {
+    content: "\f11b";
+}
+
+#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb {
+    border-bottom: 1px solid #e5e5e5;
+}
+
+/*------------------------------------------*/
+/*  Answer
+/*------------------------------------------*/
+
+.accordion-panel {
+    margin: 0;
+    padding: 0 0 15px 0;
+    display: none;
+}
+
+#faqs-2 .accordion-panel {
+    padding: 45px 0 15px 0;
+}
+
+.accordion-thumb h5,
+.accordion-thumb h4 {
+    line-height: 1;
+    margin-bottom: 0;
+}
+
+.question h5,
+.accordion-panel-item h5 {
+    margin-bottom: 20px;
+}
+
+.question h5 span,
+.accordion-thumb h5 span,
+.accordion-panel-item h5 span {
+    margin-right: 5px;
+}
+
+.question p a,
+.accordion-panel p a {
+    font-weight: 500;
+    text-decoration: underline;
+}
+
+.question p.color--grey a.color--blue,
+.accordion-panel.color--grey a.color--blue {
+    color: #1680fb !important;
+}
+
+/*------------------------------------------*/
+/*  FAQS TABS
+/*------------------------------------------*/
+
+.faqs-section .tabs-nav {
+    text-align: center;
+}
+
+.faqs-section .tabs-1 {
+    display: inline-block;
+    margin: 0 auto 60px;
+}
+
+.faqs-section .tab-content {
+    display: none;
+}
+
+.faqs-section .tab-content.current {
+    display: inherit;
+}
+
+.faqs-section .tabs-1 li {
+    display: inline-block;
+    min-width: 230px;
+    background-color: transparent;
+    border: 2px solid #ddd;
+    cursor: pointer;
+    padding: 30px 0;
+    margin: 0 6px;
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+.faqs-section .tabs-1 li span {
+    color: #c3c4c5;
+}
+
+.faqs-section .tabs-1 li p {
+    line-height: 1;
+    font-weight: 400;
+    margin-top: 15px;
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TAB LINK CURRENT
+/*------------------------------------------*/
+
+.faqs-section .tabs-1 li.current,
+.faqs-section .tabs-1 li.current:hover {
+    -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2);
+    -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2);
+    box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2);
+}
+
+.faqs-section .tabs-1 li.current p,
+.faqs-section .tabs-1 li.current span {
+    color: #fff;
+}
+
+.faqs-section .tabs--blue .tabs-1 li.current,
+.faqs-section .tabs--blue .tabs-1 li.current:hover {
+    background-color: #1680fb;
+    border-color: #1680fb !important;
+}
+
+.faqs-section .tabs--purple .tabs-1 li.current,
+.faqs-section .tabs--purple .tabs-1 li.current:hover {
+    background-color: #7b5dd6;
+    border-color: #7b5dd6 !important;
+}
+
+/*------------------------------------------*/
+/*  MORE QUESTIONS LINK
+/*------------------------------------------*/
+
+.more-questions {
+    text-align: center;
+}
+
+#faqs-2 .more-questions {
+    margin: 70px auto 0;
+}
+
+.more-questions-txt {
+    display: inline-block;
+    padding: 22px 46px;
+}
+
+.more-questions-txt p {
+    line-height: 1;
+    margin-bottom: 0;
+}
+
+.more-questions-txt a {
+    font-weight: 500;
+    text-decoration: underline;
+}
+
+
+
+
+/* ==========================================================================
+  24. NEWSLETTER
+  =========================================================================== */
+
+#newsletter-1 .newsletter-overlay {
+    padding-top: 60px;
+    padding-bottom: 60px;
+}
+
+#newsletter-2 .container {
+    padding-left: 0;
+    padding-right: 0;
+}
+
+#newsletter-2 .newsletter-overlay {
+    padding: 60px 50px;
+}
+
+#newsletter-3 {
+    margin-top: 50px;
+    margin-bottom: 50px;
+}
+
+#newsletter-4 .newsletter-overlay,
+#newsletter-5 .newsletter-overlay {
+    padding-top: 80px;
+    padding-bottom: 70px;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER TYPOGRAPHY
+/*------------------------------------------*/
+
+.newsletter-txt h2 {
+    margin-bottom: 35px;
+}
+
+#newsletter-4 .newsletter-txt h2 {
+    margin-bottom: 40px;
+}
+
+.newsletter-txt h4,
+.newsletter-txt h3,
+#newsletter-5 .newsletter-txt h2 {
+    margin-bottom: 0;
+}
+
+.newsletter-txt p.p-sm {
+    margin-bottom: 0;
+}
+
+#newsletter-4 .newsletter-txt p {
+    padding: 0 10%;
+}
+
+#newsletter-5 .newsletter-txt p {
+    margin-top: 20px;
+    margin-bottom: 0;
+}
+
+.newsletter-txt a {
+    font-weight: 500;
+    text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER FORM
+/*------------------------------------------*/
+
+#newsletter-1 .newsletter-form {
+    padding-left: 15%;
+    margin-top: 30px;
+}
+
+#newsletter-2 .newsletter-form {
+    margin-top: 25px;
+    padding-left: 12%;
+}
+
+#newsletter-4 .newsletter-form {
+    padding: 0 5%;
+}
+
+#newsletter-5 .newsletter-form {
+    margin-top: 35px;
+    padding: 0 10%;
+}
+
+/*------------------------------------------*/
+/*   Newsletter Form Input
+/*------------------------------------------*/
+
+.newsletter-section .form-control {
+    height: 56px;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    font-size: 1rem;
+    color: #353f4f;
+    font-weight: 400;
+    padding: 0 15px;
+    margin-right: 12px;
+    box-shadow: none;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    -o-border-radius: 6px;
+    border-radius: 6px;
+}
+
+#newsletter-1.newsletter-section .form-control {
+    height: 54px;
+    font-size: 0.975rem;
+}
+
+#newsletter-5.newsletter-section .form-control {
+    height: 62px;
+    font-size: 1.0625rem;
+}
+
+.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
+    border-top-right-radius: 6px;
+    border-bottom-right-radius: 6px;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Input Focus
+/*------------------------------------------*/
+
+.newsletter-section .form-control:focus {
+    background-color: #fff;
+    outline: 0;
+    box-shadow: none;
+    border-color: #1680fb;
+}
+
+.newsletter-section .purple-focus .form-control:focus {
+    border-color: #8863ee;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Input Placeholder
+/*------------------------------------------*/
+
+.newsletter-section .form-control::-moz-placeholder {
+    color: #aaa;
+}
+
+.newsletter-section .form-control:-ms-input-placeholder {
+    color: #aaa;
+}
+
+.newsletter-section .form-control::-webkit-input-placeholder {
+    color: #aaa;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Button
+/*------------------------------------------*/
+
+.newsletter-section .btn {
+    display: block;
+    width: 100% !important;
+    height: 56px;
+}
+
+#newsletter-1 .btn {
+    height: 54px;
+    font-size: 0.925rem;
+    padding: 0.7rem 1.3rem;
+}
+
+#newsletter-5.newsletter-section .btn {
+    height: 62px;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Notification
+/*------------------------------------------*/
+
+.newsletter-section .form-notification {
+    color: #3eb1ff;
+    font-size: 0.9rem;
+    font-weight: 400;
+    line-height: 1;
+    margin-top: 15px;
+    margin-left: 5px;
+}
+
+.newsletter-section .text-center .form-notification {
+    margin-left: 0;
+}
+
+.bg--color.newsletter-section .form-notification {
+    color: #fff;
+}
+
+.newsletter-section .form-notification.valid,
+.newsletter-section .form-notification.error {
+    color: #fc2f4b;
+}
+
+.newsletter-section .newsletter-form.valid {
+    color: #0fbc49;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER IMAGE
+/*------------------------------------------*/
+
+#newsletter-3 .newsletter-img {
+    margin-top: -50px;
+    margin-bottom: -50px;
+}
+
+#newsletter-3 .col-lg-6 .newsletter-img {
+    padding-left: 40px;
+}
+
+
+
+/* ==========================================================================
+  25. BLOG
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  BLOG POST TAG
+/*------------------------------------------*/
+
+.post-tag {
+    display: block;
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    font-size: 0.75rem;
+    font-weight: 600;
+    letter-spacing: 0;
+    text-transform: uppercase;
+    margin-bottom: 20px;
+}
+
+#single-post .post-tag {
+    font-size: 0.85rem;
+}
+
+/*------------------------------------------*/
+/*  BLOG POST META
+/*------------------------------------------*/
+
+.post-meta-list li {
+    width: auto !important;
+    display: inline-block !important;
+    vertical-align: top;
+    clear: none !important;
+}
+
+.post-meta-list p {
+    color: #353f4f;
+    line-height: 1;
+    margin-bottom: 0;
+}
+
+.bg--black-400 .post-meta-list p {
+    color: #f8f9f9;
+}
+
+.meta-list-divider {
+    position: relative;
+    top: 0px;
+    transform: rotate(-90deg);
+    padding: 0 1px;
+}
+
+/*------------------------------------------*/
+/*  BLOG POST TYPOGRAPHY
+/*------------------------------------------*/
+
+.blog-post-txt h6 {
+    margin-bottom: 15px;
+}
+
+.blog-post-txt p {
+    margin-bottom: 0;
+}
+
+.blog-post-txt a {
+    color: #353f4f;
+}
+
+.blog-post-txt a:hover {
+    text-decoration: underline;
+}
+
+.bg--black-400 .blog-post-txt a {
+    color: #f8f9f9;
+}
+
+.bg--black-400 .blog-post-txt a:hover {
+    color: #fff !important;
+}
+
+
+
+
+/* ==========================================================================
+  26. BLOG LISTING
+  =========================================================================== */
+
+.wide-post {
+    margin-bottom: 100px;
+}
+
+.wide-post .blog-post-img {
+    padding-right: 15px;
+}
+
+.wide-post .blog-post-txt {
+    padding-left: 15px;
+}
+
+.square-post {
+    margin-top: 60px;
+    margin-bottom: 40px;
+}
+
+.square-post-wrapper {
+    overflow: hidden;
+}
+
+.square-post .blog-post-txt {
+    padding: 0 30px 0 60px;
+}
+
+/*------------------------------------------*/
+/*  BLOG POSTS CATEGORY
+/*------------------------------------------*/
+
+.posts-category {
+    margin-top: 40px;
+    margin-bottom: 60px;
+}
+
+.posts-category h4 {
+    line-height: 1;
+    margin-bottom: 0;
+}
+
+.posts-category span {
+    position: relative;
+    top: 1px;
+}
+
+
+
+
+/* ==========================================================================
+  27. SINGLE BLOG POST
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  Single Post Title
+/*------------------------------------------*/
+
+.single-post-title h3,
+.single-post-title h2 {
+    padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  Single Post Text
+/*------------------------------------------*/
+
+.single-post-txt h5,
+.single-post-txt h4 {
+    margin-top: 30px;
+    margin-bottom: 30px;
+}
+
+.single-post-txt h5 span {
+    display: block;
+}
+
+/*------------------------------------------*/
+/*  Single Post Code
+/*------------------------------------------*/
+
+.txt-code {
+    background-color: #f8f9fa;
+    padding: 20px 18px;
+    margin: 30px 0;
+}
+
+.txt-code p {
+    color: #383a42;
+    font-size: 1rem;
+    line-height: 1.75;
+    margin-bottom: 0;
+}
+
+.single-post-txt p a {
+    font-weight: 500;
+    text-decoration: underline;
+}
+
+.txt-code span.code-property,
+.txt-code p code.code-language-js {
+    color: #151515;
+}
+
+.txt-code span.code-variable,
+.txt-code span.code-attribute {
+    color: #986801;
+}
+
+.txt-code span.code-string {
+    color: #50a14f;
+}
+
+/*------------------------------------------*/
+/*  Single Post Blockquote
+/*------------------------------------------*/
+
+.single-post-txt figure {
+    margin-bottom: 40px;
+}
+
+.single-post-txt .blockquote p {
+    font-size: 1.5rem;
+    line-height: 1.45;
+    margin-bottom: 40px;
+}
+
+.single-post-txt .blockquote-footer {
+    font-size: 1.125rem;
+}
+
+/*------------------------------------------*/
+/*  Single Post Image
+/*------------------------------------------*/
+
+.post-inner-img {
+    text-align: center;
+    margin-top: 50px;
+    margin-bottom: 50px;
+}
+
+/*------------------------------------------*/
+/*  POST SHARE LINKS
+/*------------------------------------------*/
+
+.post-share-list {
+    margin-top: 50px;
+    padding-bottom: 50px;
+}
+
+/*------------------------------------------*/
+/*  POST SHARE ICONS
+/*-----------------------------------------*/
+
+.share-social-icons {
+    display: inline-block;
+    padding-left: 0;
+}
+
+.share-social-icons li {
+    width: auto !important;
+    display: inline-block !important;
+    vertical-align: top;
+    clear: none !important;
+    padding: 0;
+}
+
+.share-social-icons a.share-ico span {
+    opacity: .75;
+    margin-right: 25px;
+    -webkit-transition: all 450ms ease-in-out;
+    -moz-transition: all 450ms ease-in-out;
+    -o-transition: all 450ms ease-in-out;
+    -ms-transition: all 450ms ease-in-out;
+    transition: all 450ms ease-in-out;
+}
+
+.share-social-icons a.share-ico:hover span {
+    opacity: 1;
+}
+
+/*------------------------------------------*/
+/*  POST AUTHOR
+/*------------------------------------------*/
+
+.post-author {
+    display: flex;
+    position: relative;
+    flex-flow: row wrap;
+    align-items: stretch !important;
+    justify-content: flex-start;
+}
+
+.post-author-avatar {
+    position: relative;
+    text-align: center;
+    margin-right: 35px;
+}
+
+.post-author-avatar img {
+    width: 100px;
+    height: 100px;
+    -webkit-border-radius: 100%;
+    -moz-border-radius: 100%;
+    -o-border-radius: 100%;
+    border-radius: 100%;
+}
+
+.post-author-txt {
+    overflow: hidden;
+    flex: 1;
+    max-width: 100%;
+}
+
+.post-author-txt h5 {
+    margin-bottom: 20px;
+}
+
+.post-author-txt p {
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  Follow Button
+/*------------------------------------------*/
+
+.author-follow-btn {
+    display: inline-block;
+    position: absolute;
+    padding: 6px 15px;
+    line-height: 1;
+    top: 80px;
+    right: 10px;
+    border: 2px solid #ddd;
+}
+
+.author-follow-btn a {
+    color: #666;
+    font-size: 0.935rem;
+    font-weight: 400;
+}
+
+/*------------------------------------------*/
+/*  POST COMMENTS
+/*------------------------------------------*/
+
+.post-comments {
+    padding-top: 100px;
+}
+
+.post-comments hr {
+    margin-top: 24px;
+    margin-bottom: 40px;
+}
+
+.post-comments h5 {
+    margin-bottom: 60px;
+}
+
+.post-comments img {
+    width: 68px;
+    height: 68px;
+    -webkit-border-radius: 100%;
+    -moz-border-radius: 100%;
+    -o-border-radius: 100%;
+    border-radius: 100%;
+}
+
+.comment-body {
+    margin-left: 25px;
+}
+
+.comment-meta {
+    margin-bottom: 10px;
+}
+
+.comment-meta h6 {
+    line-height: 1;
+    margin-bottom: 0;
+}
+
+.comment-date {
+    font-size: 16px;
+    font-weight: 400;
+    margin-bottom: 5px;
+}
+
+/*------------------------------------------*/
+/*  Comment Reply
+/*------------------------------------------*/
+
+.btn-reply {
+    margin-left: 3px;
+}
+
+.btn-reply a {
+    font-size: 17px;
+    font-weight: 400;
+}
+
+.btn-reply span {
+    position: relative;
+    top: 3px;
+    margin-right: 4px;
+    left: 3px;
+}
+
+.btn-reply.ico-20 [class*="flaticon-"]:before,
+.btn-reply.ico-20 [class*="flaticon-"]:after {
+    font-size: 0.975rem;
+}
+
+.btn-reply a:hover {
+    color: #222;
+}
+
+/*------------------------------------------*/
+/*  SINGLE POST COMMENT FORM
+/*------------------------------------------*/
+
+.post-comments #leave-comment h5 {
+    padding-bottom: 0;
+    margin-top: 80px;
+    margin-bottom: 10px;
+    border: none;
+}
+
+.comment-form {
+    position: relative;
+    margin-top: 60px;
+}
+
+.comment-form p {
+    position: relative;
+    color: #353f4f;
+    line-height: 1;
+    font-weight: 500;
+    margin-bottom: 15px;
+    padding-left: 8px;
+    display: block;
+}
+
+.comment-form p span {
+    position: relative;
+    color: #ff3366;
+    top: -3px;
+}
+
+.comment-form .form-control {
+    height: 62px;
+    background-color: #f5f6f8;
+    border: 1px solid transparent;
+    box-shadow: 0 0 0 0;
+    color: #353f4f;
+    font-size: 1rem;
+    line-height: 1;
+    font-weight: 400;
+    padding: 0 20px;
+    margin-bottom: 30px;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    border-radius: 6px;
+    -webkit-transition: all 300ms ease-in-out;
+    -moz-transition: all 300ms ease-in-out;
+    -o-transition: all 300ms ease-in-out;
+    -ms-transition: all 300ms ease-in-out;
+    transition: all 300ms ease-in-out;
+}
+
+.comment-form textarea {
+    min-height: 220px;
+}
+
+.comment-form textarea.form-control {
+    padding: 25px 20px;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Input Focus
+/*------------------------------------------*/
+
+.comment-form .form-control:focus {
+    outline: 0px none;
+    box-shadow: none;
+    background-color: #fcfdfd;
+    border-color: #1680fb;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Button
+/*------------------------------------------*/
+
+.comment-form .btn {
+    margin-top: 15px;
+}
+
+.comment-form .btn:focus {
+    outline: 0px none;
+    box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Message
+/*------------------------------------------*/
+
+.comment-form-msg {
+    width: 100% !important;
+    display: block;
+    margin-top: 15px;
+    padding-left: 0;
+}
+
+.comment-form .loading {
+    color: #00b2e4;
+    font-size: 1.0625rem;
+    line-height: 1;
+    font-weight: 500;
+}
+
+.comment-form .error {
+    color: #e74c3c;
+    font-size: 0.85rem;
+    line-height: 1;
+    font-weight: 400;
+    margin-bottom: 10px;
+    padding-left: 10px;
+}
+
+
+
+
+/* ==========================================================================
+  28. CONTACTS
+  =========================================================================== */
+
+#contacts-1 .contact-form p {
+    color: #353f4f;
+    line-height: 1;
+    font-weight: 500;
+    margin-bottom: 10px;
+    padding-left: 8px;
+}
+
+#contacts-1 .contact-form .col-md-12 span {
+    display: block;
+    font-size: 0.95rem;
+    line-height: 1;
+    font-weight: 300;
+    margin-bottom: 20px;
+    padding-left: 8px;
+}
+
+#contacts-1 .contact-form .contact-form-notice p {
+    font-size: 0.835rem;
+    font-weight: 300;
+    line-height: 1.5555;
+    padding-left: 0;
+    margin-top: 40px;
+}
+
+.contact-form-notice p a {
+    color: #353f4f;
+    font-weight: 500;
+    text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  CONTACT FORM INPUT
+/*------------------------------------------*/
+
+.contact-form .form-control,
+.contact-form .form-select {
+    height: 62px;
+    background-color: #f5f6f8;
+    border: 1px solid transparent;
+    box-shadow: 0 0 0 0;
+    color: #3a4a56;
+    font-size: 1rem;
+    font-weight: 400;
+    padding: 0 15px;
+    margin-bottom: 30px;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    border-radius: 6px;
+}
+
+.bg--snow .contact-form .form-control,
+.bg--snow .contact-form .form-select {
+    background-color: #fff;
+    border: 1px solid #ccc;
+}
+
+.contact-form .form-select {
+    display: inline-block;
+    width: 100%;
+    color: #998da0;
+    box-shadow: none;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    border-radius: 6px;
+}
+
+/*------------------------------------------*/
+/*  Contact Form Textarea
+/*------------------------------------------*/
+
+.contact-form textarea {
+    min-height: 220px;
+}
+
+.contact-form textarea.form-control {
+    padding: 20px 15px;
+}
+
+/*------------------------------------------*/
+/*  Contact Form Placeholder
+/*------------------------------------------*/
+
+.contact-form .form-control::-moz-placeholder {
+    color: #999;
+}
+
+.contact-form .form-control:-ms-input-placeholder {
+    color: #999;
+}
+
+.contact-form .form-control::-webkit-input-placeholder {
+    color: #999;
+}
+
+/*------------------------------------------*/
+/*  Contact Form Input Focus
+/*------------------------------------------*/
+
+.contact-form .form-control:focus,
+.contact-form .form-select:focus {
+    outline: 0px none;
+    box-shadow: none;
+    background-color: #fcfdfd;
+    border-color: #1680fb;
+}
+
+/*------------------------------------------*/
+/*  Contact Form Message
+/*------------------------------------------*/
+
+.contact-form-msg {
+    width: 100% !important;
+    display: block;
+    margin-top: 20px;
+    padding-left: 0;
+}
+
+.contact-form .loading {
+    color: #00b2e4;
+    font-size: 1.0625rem;
+    line-height: 1;
+    font-weight: 500;
+    padding-left: 15px;
+}
+
+.contact-form .error {
+    color: #e74c3c;
+    font-size: 0.85rem;
+    line-height: 1;
+    font-weight: 400;
+    margin-bottom: 10px;
+    padding-left: 10px;
+}
+
+
+
+
+/* ==========================================================================
+  29. FOOTER
+  =========================================================================== */
+
+.footer {
+    padding-bottom: 50px;
+}
+
+.footer-info,
+.footer-links {
+    margin-bottom: 40px;
+}
+
+#footer-10 .footer-info {
+    margin-bottom: 40px;
+    padding-bottom: 55px;
+    border-bottom: 1px solid #dbdddf;
+}
+
+#footer-10 .footer-links {
+    margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  FOOTER LOGO
+/*------------------------------------------*/
+
+img.footer-logo,
+img.footer-logo-dark {
+    width: auto;
+    max-width: inherit;
+    max-height: 40px;
+}
+
+#footer-10 img.footer-logo {
+    max-height: 46px;
+}
+
+#footer-1 .footer-logo,
+#footer-5 .footer-logo,
+#footer-6 .footer-logo,
+#footer-7 .footer-logo {
+    margin-bottom: 25px;
+}
+
+/*------------------------------------------*/
+/*  FOOTER TYPOGRAPHY
+/*------------------------------------------*/
+
+.footer h6 {
+    line-height: 1;
+    margin-bottom: 25px;
+}
+
+#footer-9.footer h6 {
+    line-height: 1.5;
+}
+
+.bg--black.footer h6 {
+    color: #fff;
+}
+
+/*------------------------------------------*/
+/*  FOOTER INFO
+/*------------------------------------------*/
+
+.footer-info-copyright p {
+    margin-bottom: 0;
+}
+
+.footer-info-copyright p span {
+    position: relative;
+    top: 2px;
+    padding: 0 2px;
+}
+
+.footer-info-copyright.ico-15 [class*="flaticon-"]:before,
+.footer-info-copyright.ico-15 [class*="flaticon-"]:after {
+    font-size: 0.85rem;
+}
+
+/*------------------------------------------*/
+/*  FOOTER MAIL LINK
+/*------------------------------------------*/
+
+.footer .footer-mail-link {
+    margin-left: 3px;
+    margin-bottom: 0;
+}
+
+#footer-1 .footer-info .footer-mail-link {
+    margin-top: 10px;
+}
+
+#footer-2 .footer-links .footer-mail-link,
+#footer-3 .footer-links .footer-mail-link {
+    margin-left: 0;
+    margin-bottom: 20px;
+}
+
+.footer-mail-link a {
+    font-weight: 400;
+}
+
+.footer-mail-link span {
+    position: relative;
+    top: 4px;
+    right: 3px;
+}
+
+.footer-mail-link.ico-20 [class*="flaticon-"]:before,
+.footer-mail-link.ico-20 [class*="flaticon-"]:after {
+    font-size: 1.125rem;
+}
+
+.bg--black.footer .footer-mail-link a {
+    color: #a0a7b1;
+}
+
+.bg--black.footer .footer-mail-link a:hover {
+    color: #fff !important;
+}
+
+/*------------------------------------------*/
+/*  FOOTER LINKS
+/*------------------------------------------*/
+
+#footer-2 .footer-links {
+    padding-left: 10%;
+}
+
+.foo-links li {
+    width: auto !important;
+    display: block !important;
+    vertical-align: top;
+    clear: none !important;
+    margin: 0;
+    padding: 0;
+}
+
+.foo-links.ico-10 li span {
+    position: relative;
+    top: 1.5px;
+    right: 3px;
+}
+
+#footer-8 .foo-links li {
+    display: inline-block !important;
+    padding-left: 20px;
+}
+
+#footer-8 .foo-links li.first-li {
+    padding-left: 0;
+}
+
+#footer-10 .foo-links li {
+    display: inline-block !important;
+    padding: 0 10px;
+}
+
+.footer .foo-links li p {
+    font-weight: 400;
+    margin-bottom: 10px;
+}
+
+.footer .foo-links li:last-child p {
+    margin-bottom: 0;
+}
+
+.foo-links li a span.ext-link {
+    display: inline-block;
+    position: relative;
+    left: 3px;
+    top: 1.5px;
+    transform: rotate(-60deg);
+}
+
+.foo-links.ico-15 [class*="flaticon-"]:before,
+.foo-links.ico-15 [class*="flaticon-"]:after {
+    font-size: 0.75rem;
+}
+
+.bg--black.footer .foo-links li p a {
+    color: #a0a7b1;
+}
+
+.bg--black.footer .foo-links li p a:hover {
+    color: #fff !important;
+}
+
+/*------------------------------------------*/
+/*  FOOTER SOCIAL
+/*------------------------------------------*/
+
+.footer-socials {
+    margin: 0;
+    display: inline-block;
+}
+
+.footer-socials li {
+    float: left;
+    width: auto !important;
+    display: inline-block !important;
+    vertical-align: top;
+    clear: none !important;
+    margin: 0;
+}
+
+.footer-socials a {
+    display: block;
+    margin-right: 15px;
+}
+
+.footer-socials.ico-20 a,
+.footer-socials.ico-25 a {
+    margin-right: 16px;
+}
+
+.footer-socials.ico-25 [class*="flaticon-"]:before,
+.footer-socials.ico-25 [class*="flaticon-"]:after {
+    font-size: 1.325rem;
+}
+
+.bg--black.footer .footer-socials li a {
+    color: #a0a7b1;
+}
+
+.bg--black.footer .footer-socials li a:hover {
+    color: #fff !important;
+}
+
+/*------------------------------------------*/
+/*  FOOTER STORE BAGES
+/*------------------------------------------*/
+
+.footer .store {
+    float: none;
+    margin-right: 0;
+    margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  FOOTER NEWSLETTER FORM
+/*------------------------------------------*/
+
+.footer-form {
+    margin-bottom: 20px;
+}
+
+#footer-7 .footer-form {
+    padding-left: 8%;
+}
+
+.footer-form .newsletter-form .input-group {
+    background-color: #f4f4f4;
+    border: 1px solid transparent;
+    padding: 9px 2px;
+}
+
+.footer-form .form-control {
+    height: 32px;
+    background-color: transparent;
+    border: none;
+    color: #666;
+    font-size: 1rem;
+    font-weight: 400;
+    padding: 0 10px;
+    box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Input Focus
+/*------------------------------------------*/
+
+.footer-form .form-control:focus {
+    border: none;
+    border-right: none;
+    outline: 0;
+    box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Footer Form Placeholder
+/*------------------------------------------*/
+
+.footer-form .form-control::-moz-placeholder {
+    color: #6c757d;
+}
+
+.footer-form .form-control:-ms-input-placeholder {
+    color: #6c757d;
+}
+
+.footer-form .form-control::-webkit-input-placeholder {
+    color: #6c757d;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Button
+/*------------------------------------------*/
+
+.footer-form .btn {
+    height: 32px;
+    padding: 0 10px;
+}
+
+.footer-form .ico-15 [class*="flaticon-"]:before,
+.footer-form .ico-15 [class*="flaticon-"]:after {
+    line-height: 28px !important;
+}
+
+/*------------------------------------------*/
+/*  Footer Form Notification
+/*------------------------------------------*/
+
+.footer-form .form-notification {
+    color: #1680fb;
+    font-size: 0.85rem;
+    line-height: 1.25;
+    font-weight: 400;
+    margin-top: 12px;
+    margin-left: 5px;
+}
+
+.footer-form .form-notification.valid,
+.footer-form .form-notification.error {
+    color: #fc2f4b;
+}
+
+.footer-form .newsletter-form.valid {
+    color: #0fbc49;
+}
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER
+/*------------------------------------------*/
+
+.footer hr {
+    margin-top: 30px;
+    margin-bottom: 50px;
+}
+
+#footer-8 .bottom-footer,
+#footer-9 .bottom-footer {
+    margin-top: 20px;
+}
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER COPYRIGHT
+/*------------------------------------------*/
+
+.footer-copyright p {
+    margin-bottom: 0;
+}
+
+.bg--black.footer .footer-copyright p {
+    color: #a0a7b1;
+}
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER SECONDARY LINK
+/*------------------------------------------*/
+
+.bottom-secondary-link p {
+    margin-bottom: 0;
+}
+
+.bottom-secondary-link p span {
+    position: relative;
+    top: 1px;
+    padding: 0 2px;
+}
+
+.bottom-secondary-link.ico-15 [class*="flaticon-"]:before,
+.bottom-secondary-link.ico-15 [class*="flaticon-"]:after {
+    font-size: 0.75rem;
+}
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER LINKS
+/*------------------------------------------*/
+
+.bottom-footer-list li,
+.bottom-footer-socials li,
+.bottom-footer-payment li {
+    width: auto !important;
+    display: inline-block !important;
+    vertical-align: top;
+    clear: none !important;
+}
+
+.bottom-footer-socials li {
+    padding-left: 14px;
+}
+
+#footer-4 .bottom-footer-list li,
+#footer-9 .bottom-footer-list li {
+    padding-left: 15px;
+}
+
+#footer-4 .bottom-footer-list li.first-li,
+#footer-9 .bottom-footer-list li.first-li {
+    padding-left: 0;
+}
+
+#footer-10 .bottom-footer-socials li {
+    padding: 0 15px;
+}
+
+.footer-list-divider {
+    position: relative;
+    top: -0.5px;
+    transform: rotate(-90deg);
+    margin-left: 4px;
+}
+
+.bottom-footer-list.ico-15 [class*="flaticon-"]:before,
+.bottom-footer-list.ico-15 [class*="flaticon-"]:after {
+    font-size: 0.8rem;
+}
+
+.bottom-footer-list li p {
+    display: inline-block;
+    float: left;
+    margin-bottom: 0;
+}
+
+.bottom-footer-socials li span {
+    position: relative;
+    top: 4px;
+    opacity: .8;
+}
+
+.bottom-footer-payment li span {
+    line-height: 1 !important;
+    position: relative;
+    top: 4px;
+    opacity: .8;
+}
+
+#footer-4 .bottom-footer-list li span,
+#footer-9 .bottom-footer-list li span {
+    margin-top: 1px;
+    margin-right: 2px;
+}
+
+.bottom-footer-socials.ico-20 [class*="flaticon-"]:before,
+.bottom-footer-socials.ico-20 [class*="flaticon-"]:after {
+    font-size: 1.115rem;
+}
+
+.bottom-footer-socials.ico-25 [class*="flaticon-"]:before,
+.bottom-footer-socials.ico-25 [class*="flaticon-"]:after {
+    font-size: 1.25rem;
+}
+
+.bg--black.footer .bottom-footer-list li p a {
+    color: #a0a7b1;
+}
+
+.bg--black.footer .bottom-footer-list li p a:hover {
+    color: #fff !important;
+}
+
+
+
+
+/* ==========================================================================
+  30. INNER PAGE WRAPPER
+  =========================================================================== */
+
+.inner-page-hero {
+    padding-top: 180px;
+}
+
+.page-hero-section-overlay {
+    position: relative;
+    width: 100%;
+    padding-top: 150px;
+}
+
+.page-hero-section-overlay .txt-block {
+    margin-top: -40px;
+}
+
+.page-hero-section .wave-shape-bottom path {
+    fill: #fff;
+}
+
+/*------------------------------------------*/
+/*  INNER PAGE TITLE
+/*------------------------------------------*/
+
+.inner-page-title {
+    text-align: center;
+    margin-bottom: 80px;
+}
+
+.inner-page-title h2 {
+    margin-bottom: 0;
+}
+
+.inner-page-title p {
+    font-size: 1.1875rem;
+    line-height: 1;
+    margin-top: 20px;
+    margin-bottom: 0;
+}
+
+.page-hero-section h2 {
+    line-height: 1.15;
+    margin-bottom: 30px;
+}
+
+
+
+
+/* ==========================================================================
+  31. PAGE PAGINATION
+  =========================================================================== */
+
+.page-link {
+    color: #6c757d;
+    font-size: 1.1rem;
+    font-weight: 500;
+    padding: 2px 14px;
+    margin: 0 8px;
+    background-color: transparent;
+    border: 2px solid transparent;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    -o-border-radius: 4px;
+    border-radius: 4px;
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+.pagination.ico-20 [class*="flaticon-"]:before,
+.pagination.ico-20 [class*="flaticon-"]:after {
+    font-size: 0.9rem;
+}
+
+.page-item:first-child .page-link {
+    border-top-left-radius: 3px;
+    border-bottom-left-radius: 3px;
+}
+
+.page-item:last-child .page-link {
+    border-top-right-radius: 3px;
+    border-bottom-right-radius: 3px;
+}
+
+.blue-pagination .page-item.active .page-link {
+    color: #fff !important;
+    background-color: #1680fb;
+    border: 2px solid #1680fb;
+}
+
+.green-pagination .page-item.active .page-link {
+    color: #fff !important;
+    background-color: #0fbc49;
+    border: 2px solid #0fbc49;
+}
+
+.pink-pagination .page-item.active .page-link {
+    color: #fff !important;
+    background-color: #f74780;
+    border: 2px solid #f74780;
+}
+
+.purple-pagination .page-item.active .page-link {
+    color: #fff !important;
+    background-color: #7b5dd6;
+    border: 2px solid #7b5dd6;
+}
+
+.red-pagination .page-item.active .page-link {
+    color: #fff !important;
+    background-color: #ff1e1a;
+    border: 2px solid #ff1e1a;
+}
+
+.violet-pagination .page-item.active .page-link {
+    color: #fff !important;
+    background-color: #be6cbe;
+    border: 2px solid #be6cbe;
+}
+
+.yellow-pagination .page-item.active .page-link {
+    color: #353f4f !important;
+    background-color: #ffba01;
+    border: 2px solid #ffba01;
+}
+
+.page-item.disabled .page-link {
+    color: #6c757d;
+    background-color: transparent;
+    border: 2px solid transparent;
+}
+
+.page-link:hover {
+    color: #6c757d;
+    background-color: transparent;
+    border: 2px solid #ccc;
+}
+
+.page-link:focus {
+    color: #6c757d;
+    background-color: transparent;
+    border: 2px solid transparent;
+    box-shadow: 0 0;
+}
+
+
+
+
+/* ==========================================================================
+  32. TERMS, PRIVACY, COOKIES PAGES
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  TERMS PAGE TYPOGRAPHY
+/*------------------------------------------*/
+
+.txt-block.legal-info h5 {
+    margin-top: 30px;
+    margin-bottom: 30px;
+}
+
+.txt-block.legal-info h4 {
+    margin-top: 80px;
+    margin-bottom: 30px;
+}
+
+.txt-block.legal-info h4 span,
+.txt-block.legal-info h5 span {
+    margin-right: 4px;
+}
+
+.legal-info p span {
+    color: #353f4f;
+    font-weight: 500;
+}
+
+.legal-info a {
+    font-weight: 500;
+    text-decoration: underline;
+}
+
+
+
+
+/* ==========================================================================
+  33. SIGN-IN / SIGN-UP PAGE
+  =========================================================================== */
+
+#login,
+#signup {
+    background: url(../images/login.jpg);
+    background-position: bottom left;
+    min-height: 100vh;
+    padding-top: 80px;
+    padding-bottom: 80px;
+}
+
+#reset-password {
+    background: url(../images/reset-password.jpg);
+    background-position: center center;
+    min-height: 100vh;
+    padding-top: 80px;
+    padding-bottom: 100px;
+}
+
+.register-page-wrapper {
+    overflow: hidden;
+    position: relative;
+    z-index: 1;
+    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12);
+    -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12);
+    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12);
+}
+
+#login .register-page-wrapper {
+    background: url(../images/login-wrapper.jpg);
+    background-position: left top;
+}
+
+#signup .register-page-wrapper {
+    background: url(../images/login-wrapper.jpg);
+    background-position: right center;
+}
+
+#login .register-page-wrapper:after,
+#signup .register-page-wrapper:after {
+    position: absolute;
+    content: '';
+    z-index: -1;
+    width: 50%;
+    height: 100%;
+    top: 0;
+    background-color: #fff;
+}
+
+#login .register-page-wrapper:after {
+    left: 50%;
+}
+
+#signup .register-page-wrapper:after {
+    left: 0;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE LOGO
+/*------------------------------------------*/
+
+.register-page-txt img {
+    width: auto;
+    max-width: inherit;
+    max-height: 32px;
+    margin-bottom: 55px;
+}
+
+.login-page-logo {
+    text-align: center;
+    margin-bottom: 45px;
+}
+
+.login-page-logo img {
+    width: auto;
+    max-width: inherit;
+    max-height: 45px;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE TITLE
+/*------------------------------------------*/
+
+.register-form-title {
+    text-align: center;
+    margin-bottom: 40px;
+}
+
+.register-form-title h3 {
+    line-height: 1;
+    margin-bottom: 10px;
+}
+
+.register-form-title p {
+    margin-bottom: 0;
+}
+
+.register-form-title a {
+    font-weight: 500;
+    text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE TEXT
+/*------------------------------------------*/
+
+#login .register-page-txt,
+#signup .register-page-txt {
+    padding: 70px 60px;
+}
+
+.register-page-txt h2 {
+    line-height: 1.15;
+    font-weight: 700;
+    margin-bottom: 6px;
+}
+
+#login .register-page-copyright {
+    position: absolute;
+    left: 60px;
+    bottom: 45px;
+}
+
+#signup .register-page-copyright {
+    position: absolute;
+    right: 60px;
+    bottom: 45px;
+}
+
+.register-page-copyright p {
+    font-size: 0.85rem;
+    line-height: 1;
+    margin-bottom: 0;
+}
+
+.reset-form-title {
+    margin-bottom: 30px;
+}
+
+.reset-form-title h5 {
+    line-height: 1;
+    margin-bottom: 0;
+}
+
+.reset-form-title p.p-sm {
+    font-size: 0.9rem;
+    margin-top: 25px;
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM
+/*------------------------------------------*/
+
+.register-page-form {
+    padding: 60px;
+}
+
+.login-1 .register-page-form,
+.signup-1 .register-page-form {
+    padding: 20px 30px;
+}
+
+.reset-page-wrapper {
+    margin: 0 10px;
+}
+
+.reset-page-wrapper form {
+    background: #fff;
+    border: 1px solid #fafafa;
+    padding: 50px 30px 25px;
+    -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+    -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+    box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE TYPOGRAPHY
+/*------------------------------------------*/
+
+.register-page-form p.input-header {
+    position: relative;
+    color: #353f4f;
+    font-size: 0.85rem;
+    line-height: 1;
+    font-weight: 500;
+    margin-bottom: 12px;
+    padding-left: 5px;
+}
+
+.reset-password-link p {
+    position: relative;
+    font-size: 0.9rem;
+    line-height: 1;
+    margin-top: -8px;
+    margin-bottom: 10px;
+}
+
+.form-data span {
+    display: block;
+    font-size: 0.85rem;
+    margin-bottom: 0;
+}
+
+.form-data span a {
+    color: #353f4f;
+    font-weight: 500;
+    text-decoration: underline;
+}
+
+.register-page-form p.create-account {
+    font-size: 0.925rem;
+    line-height: 1;
+    margin-top: 30px;
+    margin-bottom: 0;
+}
+
+.register-page-form p.create-account a {
+    font-weight: 500;
+    text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE SEPARATOR LINE
+/*------------------------------------------*/
+
+.separator-line {
+    display: flex;
+    width: 100%;
+    -webkit-box-pack: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    align-items: center;
+    text-align: center;
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    font-size: 0.9rem;
+    font-weight: 500;
+    margin: 25px 0px 30px;
+}
+
+.separator-line::before,
+.separator-line::after {
+    content: "";
+    border-top: 2px solid rgba(0, 0, 0, .1);
+    margin: 0 15px 0 0;
+    flex: 1 0 20px;
+}
+
+.separator-line::after {
+    margin: 0 0 0 15px;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM INPUT
+/*------------------------------------------*/
+
+.reset-page-wrapper .form-control,
+.register-page-form .form-control {
+    height: 60px;
+    background-color: #f5f6f8;
+    border: 1px solid transparent;
+    color: #353f4f;
+    font-size: 0.95rem;
+    line-height: 1;
+    font-weight: 400;
+    margin-bottom: 25px;
+    padding: 5px 20px;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    border-radius: 6px;
+    -webkit-transition: all 300ms ease-in-out;
+    -moz-transition: all 300ms ease-in-out;
+    -o-transition: all 300ms ease-in-out;
+    -ms-transition: all 300ms ease-in-out;
+    transition: all 300ms ease-in-out;
+}
+
+.login-1 .form-control,
+.signup-1 .form-control {
+    background-color: #fff;
+    border: 1px solid #ccc;
+}
+
+.reset-page-wrapper .form-control {
+    text-align: center;
+}
+
+.register-page-form .form-control::-moz-placeholder {
+    color: #999;
+}
+
+.register-page-form .form-control:-ms-input-placeholder {
+    color: #999;
+}
+
+.register-page-form .form-control::-webkit-input-placeholder {
+    color: #999;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM FOCUS
+/*------------------------------------------*/
+
+.reset-page-wrapper .form-control:focus,
+.register-page-form .form-control:focus {
+    outline: 0px none;
+    box-shadow: none;
+    background-color: #fcfdfd;
+    border-color: #1680fb;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM BUTTON
+/*------------------------------------------*/
+
+#signup .register-page-form .btn.submit,
+#login .register-page-form .btn.submit {
+    width: 100%;
+    height: 60px;
+    margin-top: 20px;
+}
+
+.reset-page-wrapper .btn.submit {
+    width: 100%;
+    margin-bottom: 20px;
+}
+
+.register-page-form .btn-google {
+    width: 100%;
+    color: #333;
+    font-size: 0.95rem;
+    background-color: #fff;
+    border: 1px solid #ccc;
+}
+
+.btn-google img {
+    position: relative;
+    width: 22px;
+    height: 22px;
+    top: -2px;
+    right: 5px;
+}
+
+.register-page-form .btn-google:hover {
+    border: 1px solid #333;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM MESSAGE
+/*------------------------------------------*/
+
+.reset-form-msg {
+    text-align: center;
+    width: 100% !important;
+    display: block;
+}
+
+.reset-password-form .loading {
+    color: #00b2e4;
+    font-size: 1.0625rem;
+    line-height: 1;
+    font-weight: 500;
+    padding-left: 15px;
+}
+
+.reset-password-form .error {
+    position: relative;
+    color: #e74c3c;
+    font-size: 0.85rem;
+    line-height: 1;
+    font-weight: 400;
+    top: -10px;
+    margin-bottom: 12px;
+    padding-left: 10px;
+}
+
+/*------------------------------------------*/
+/*  FORM HIDE PASSWORD
+/*------------------------------------------*/
+
+.wrap-input {
+    position: relative;
+}
+
+.btn-show-pass {
+    color: #999999;
+    align-items: center;
+    position: absolute;
+    height: 100%;
+    top: 20px;
+    right: 20px;
+    cursor: pointer;
+    -webkit-transition: all 0.4s;
+    -o-transition: all 0.4s;
+    -moz-transition: all 0.4s;
+    transition: all 0.4s;
+}
+
+.btn-show-pass.ico-20 [class^="flaticon-"]:before,
+.btn-show-pass.ico-20 [class^="flaticon-"]:after {
+    font-size: 1.125rem;
+}
+
+.btn-show-pass:hover {
+    color: #0195ff;
+}
+
+.btn-show-pass.active {
+    color: #6a7dfe;
+}
+
+
+
+
+/* ==========================================================================
+  34. PAGE 404
+  =========================================================================== */
+
+.page-404-txt {
+    padding-top: 180px;
+    padding-bottom: 100px;
+}
+
+.page-404-txt h2 {
+    margin-bottom: 20px;
+}
+
+.page-404-txt h6 {
+    line-height: 1.6;
+    font-weight: 400;
+    padding: 0 5%;
+    margin-bottom: 30px;
+}
+
+.page-404-img {
+    padding: 0 5%;
+    margin-bottom: 60px;
+}
+
+
+
+
+/* ==========================================================================
+  35. MODAL
+  ========================================================================== */
+
+.modal-body {
+    padding: 0 !important;
+}
+
+#modal-1 .modal-dialog {
+    max-width: 700px;
+}
+
+#modal-2 .modal-dialog {
+    width: 440px;
+}
+
+#modal-3 .modal-dialog.modal-xl {
+    width: 750px;
+}
+
+#modal-2.modal .modal-content,
+#modal-3.modal .modal-content {
+    overflow: hidden;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    -o-border-radius: 10px;
+    border-radius: 10px;
+}
+
+#modal-3.modal .bg-img {
+    background: url(../images/modal-request.jpg);
+    background-position: left center;
+}
+
+#modal-2 .modal-body-content {
+    padding: 35px 40px 15px;
+}
+
+#modal-3 .modal-body-content {
+    padding: 60px 35px 50px;
+}
+
+/*------------------------------------------*/
+/*  MODAL WINDOW CLOSE BUTTON
+/*------------------------------------------*/
+
+.modal .btn-close {
+    position: absolute;
+    z-index: 1;
+    right: 15px !important;
+    top: 15px !important;
+    height: 1.5rem;
+    width: 1.5rem;
+    background: rgba(255, 255, 255, 1) !important;
+    border-radius: 50%;
+    padding: 0;
+    opacity: .9;
+    z-index: 9999;
+}
+
+#modal-3.modal .btn-close {
+    background: rgba(14, 14, 14, .3) !important;
+}
+
+.btn-close span {
+    position: relative;
+    line-height: 24px !important;
+    top: -2px;
+}
+
+.modal .btn-close.ico-10 [class^="flaticon-"]:before,
+.modal .btn-close.ico-10 [class^="flaticon-"]:after {
+    font-size: 0.6rem;
+}
+
+button.btn-close:focus {
+    outline: none !important;
+    text-decoration: none !important;
+}
+
+/*------------------------------------------*/
+/*  MODAL WINDOW NEWSLETTER FORM
+/*------------------------------------------*/
+
+.modal-body .newsletter-form {
+    margin-top: 25px;
+}
+
+.modal .newsletter-form .form-control {
+    text-align: center;
+    height: 56px;
+    background-color: #f5f6f8;
+    border: 1px solid transparent;
+    font-size: 1rem;
+    color: #353f4f;
+    font-weight: 400;
+    padding: 0 15px;
+    margin: 0 0 15px 0;
+    box-shadow: none;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    -o-border-radius: 6px;
+    border-radius: 6px;
+}
+
+/*------------------------------------------*/
+/*  Form Input Focus
+/*------------------------------------------*/
+
+.modal .newsletter-form .form-control:focus {
+    outline: 0;
+    box-shadow: none;
+    border-color: #1e90ff;
+}
+
+.modal .newsletter-form.purple-focus .form-control:focus {
+    border-color: #8863ee;
+}
+
+/*------------------------------------------*/
+/*  Form Input Placeholder
+/*------------------------------------------*/
+
+.modal .newsletter-form .form-control::-moz-placeholder {
+    color: #aaa;
+}
+
+.modal .newsletter-form .form-control:-ms-input-placeholder {
+    color: #aaa;
+}
+
+.modal .newsletter-form .form-control::-webkit-input-placeholder {
+    color: #aaa;
+}
+
+/*------------------------------------------*/
+/*  Form Button
+/*------------------------------------------*/
+
+.modal .input-group-btn {
+    display: block;
+    width: 100% !important;
+}
+
+.modal .newsletter-form .btn {
+    display: block;
+    width: 100% !important;
+    height: 56px;
+    margin: 0;
+}
+
+/*------------------------------------------*/
+/*  Form Notification
+/*------------------------------------------*/
+
+.modal .form-notification {
+    text-align: center;
+    color: #1680fb;
+    font-size: 0.85rem;
+    font-weight: 400;
+    line-height: 1;
+    margin-top: 12px;
+}
+
+.modal .form-notification.valid,
+.modal .form-notification.error {
+    color: #fc2f4b;
+}
+
+.modal .newsletter-form.valid {
+    color: #0fbc49;
+}
+
+/*------------------------------------------*/
+/*  MODAL WINDOW REQUEST FORM
+/*------------------------------------------*/
+
+#modal-3 .request-form {
+    margin: 0;
+}
+
+#modal-3 .request-form .col-md-12 {
+    padding: 0;
+}
+
+#modal-3 .request-form-title p {
+    margin-top: 18px;
+    margin-bottom: 25px;
+}
+
+#modal-3 .request-form .form-control {
+    text-align: left;
+    margin: 0 0 25px 0;
+}
+
+#modal-3 .request-form .btn {
+    display: block;
+    width: 100% !important;
+    height: 56px;
+    margin: 0;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Message
+/*------------------------------------------*/
+
+#modal-3 .request-form-msg {
+    width: 100% !important;
+    display: block;
+    margin-top: 15px;
+    padding-left: 0;
+}
+
+#modal-3 .request-form .loading {
+    color: #1680fb;
+    font-size: 1.0625rem;
+    line-height: 1;
+    font-weight: 400;
+}
+
+#modal-3 .request-form .error {
+    color: #e74c3c;
+    font-size: 0.85rem;
+    line-height: 1;
+    font-weight: 400;
+    margin-bottom: 10px;
+    padding-left: 10px;
+}
+
+
+
+
+/* ==========================================================================
+  31. DARK MODE
+  ========================================================================== */
+
+body.theme--dark,
+.theme--dark .bg--white-100 {
+    background-color: #232734 !important;
+}
+
+body.theme--dark {
+    color: #b1b7cd;
+}
+
+.dark-theme-img {
+    display: none;
+    position: absolute;
+}
+
+.theme--dark .dark-theme-img {
+    display: inline-block;
+    position: relative;
+}
+
+.theme--dark .owl-carousel .owl-item img.light-theme-img {
+    display: none;
+    position: absolute;
+}
+
+.theme--dark .owl-carousel .owl-item img.dark-theme-img {
+    display: block;
+}
+
+.theme--dark .light-theme-img {
+    display: none;
+}
+
+.theme--dark .block-shadow {
+    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13);
+    -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13);
+    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13);
+}
+
+.theme--dark .block-border {
+    border: 1px solid #e7e7e7;
+}
+
+.theme--dark .block-border.block-shadow {
+    border: 1px solid #f5f6f6;
+}
+
+.theme--dark .x-border {
+    border-top: 1px solid #1d212c;
+    border-bottom: 1px solid #1d212c;
+}
+
+.theme--dark .top-border {
+    border-top: 1px solid #1d212c;
+}
+
+.theme--dark .bottom-border {
+    border-bottom: 1px solid #1d212c;
+}
+
+.theme--dark .bg--white-300,
+.theme--dark .bg--white-400,
+.theme--dark .bg--purple-100,
+.theme--dark .shape--purple-100:after,
+.theme--dark .shape--white-500:after,
+.theme--dark .shape--white-400:after,
+.theme--dark .shape--white-300:after,
+.theme--dark .shape--white-200:after {
+    background-color: #1d212c;
+}
+
+.theme--dark .bg--02,
+.theme--dark .bg--04,
+.theme--dark .gr--smoke,
+.theme--dark .gr--ghost,
+.theme--dark .shape--whitesmoke:after {
+    background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .55) 100%);
+}
+
+.theme--dark .gr--whitesmoke,
+.theme--dark .shape--gr-whitesmoke:after {
+    background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .05) 100%);
+}
+
+/*------------------------------------------*/
+/*  SECTION DIVIDER
+/*------------------------------------------*/
+
+.theme--dark hr.divider,
+.theme--dark .footer hr {
+    background-image: linear-gradient(90deg, rgba(122, 125, 147, 0) 0, #7a7d93 38%, #7a7d93 64%, rgba(122, 125, 147, 0) 99%);
+}
+
+.theme--dark hr.divider.divider-light {
+    background-color: #fff;
+    background-image: linear-gradient(90deg, rgba(206, 211, 246, 0) 0, #dedede 38%, #dedede 64%, rgba(206, 211, 246, 0) 99%);
+    opacity: 1;
+}
+
+/*------------------------------------------*/
+/*  TYPOGRAPHY
+/*------------------------------------------*/
+
+.theme--dark h1,
+.theme--dark h2,
+.theme--dark h3,
+.theme--dark h4,
+.theme--dark h5,
+.theme--dark h6 {
+    color: #fff;
+}
+
+.theme--dark a {
+    color: #b1b7cd;
+}
+
+.theme--dark a:hover,
+.theme--dark a.tra-link:hover span {
+    color: #f7f8f9 !important;
+}
+
+/*------------------------------------------*/
+/*  BUTTONS
+/*------------------------------------------*/
+
+.theme--dark .btn--tra-black,
+.theme--dark .hover--tra-black:hover {
+    color: #b1b7cd !important;
+    background-color: transparent !important;
+    border-color: #b1b7cd !important;
+}
+
+.theme--dark .navbar-dark .hover--tra-black:hover {
+    color: #353f4f !important;
+    background-color: transparent !important;
+    border-color: #353f4f !important;
+}
+
+.theme--dark .white-scroll .hover--tra-black:hover {
+    color: #fff !important;
+    border-color: #fff !important;
+    background-color: transparent !important;
+}
+
+.theme--dark .navbar-dark .scroll .hover--tra-black:hover {
+    color: #fff !important;
+    background-color: transparent !important;
+    border-color: #fff !important;
+}
+
+.theme--dark .btn--white,
+.theme--dark .hover--white:hover {
+    color: #353f4f !important;
+    background-color: #fff !important;
+    border-color: #fff !important;
+}
+
+.theme--dark .btn--tra-white,
+.theme--dark .hover--tra-white:hover {
+    color: #f1f1f1 !important;
+    background-color: transparent !important;
+    border-color: #f1f1f1 !important;
+}
+
+.theme--dark .white-scroll .scroll .hover--tra-white:hover {
+    color: #fff !important;
+    background-color: transparent !important;
+    border-color: #fff !important;
+}
+
+.theme--dark .btn--tra-grey,
+.theme--dark .hover--tra-grey:hover,
+.theme--dark .white-scroll .scroll .hover--tra-grey:hover,
+.theme--dark .black-scroll .scroll .hover--tra-grey:hover {
+    color: #b1b7cd !important;
+    background-color: transparent !important;
+    border-color: #b1b7cd !important;
+}
+
+.theme--dark .btn--blue-500,
+.theme--dark .hover--blue-500:hover,
+.theme--dark .white-scroll .scroll .hover--blue-500:hover,
+.theme--dark .black-scroll .scroll .hover--blue-500:hover {
+    color: #fff !important;
+    border-color: #185abd !important;
+    background-color: #185abd !important;
+}
+
+.theme--dark .btn--blue-400,
+.theme--dark .hover--blue-400:hover,
+.theme--dark .white-scroll .scroll .hover--blue-400:hover,
+.theme--dark .black-scroll .scroll .hover--blue-400:hover {
+    color: #fff !important;
+    border-color: #1680fb !important;
+    background-color: #1680fb !important;
+}
+
+.theme--dark .btn--blue-300,
+.theme--dark .hover--blue-300:hover,
+.theme--dark .white-scroll .scroll .hover--blue-300:hover,
+.theme--dark .black-scroll .scroll .hover--blue-300:hover {
+    color: #fff !important;
+    border-color: #3eb1ff !important;
+    background-color: #3eb1ff !important;
+}
+
+.theme--dark .btn--pink-500,
+.theme--dark .hover--pink-500:hover,
+.theme--dark .white-scroll .scroll .hover--pink-500:hover,
+.theme--dark .black-scroll .scroll .hover--pink-500:hover {
+    color: #fff !important;
+    border-color: #6091a4 !important;
+    background-color: #6091a4 !important;
+}
+
+.theme--dark .btn--pink-400,
+.theme--dark .hover--pink-400:hover,
+.white-scroll .scroll .hover--pink-400:hover,
+.black-scroll .scroll .hover--pink-400:hover {
+    color: #fff !important;
+    border-color: #f74780 !important;
+    background-color: #f74780 !important;
+}
+
+.theme--dark .btn--pink-300,
+.theme--dark .hover--pink-300:hover,
+.theme--dark .white-scroll .scroll .hover--pink-300:hover,
+.theme--dark .black-scroll .scroll .hover--pink-300:hover {
+    color: #fff !important;
+    border-color: #fcb5cc !important;
+    background-color: #fcb5cc !important;
+}
+
+.theme--dark .btn--purple-500,
+.theme--dark .hover--purple-500:hover,
+.theme--dark .white-scroll .scroll .hover--purple-500:hover,
+.theme--dark .black-scroll .scroll .hover--purple-500:hover {
+    color: #fff !important;
+    border-color: #663ae9 !important;
+    background-color: #663ae9 !important;
+}
+
+.theme--dark .btn--purple-400,
+.theme--dark .hover--purple-400:hover,
+.theme--dark .white-scroll .scroll .hover--purple-400:hover,
+.theme--dark .black-scroll .scroll .hover--purple-400:hover {
+    color: #fff !important;
+    border-color: #7b5dd6 !important;
+    background-color: #7b5dd6 !important;
+}
+
+.theme--dark .btn--purple-300,
+.theme--dark .hover--purple-300:hover,
+.theme--dark .white-scroll .scroll .hover--purple-300:hover,
+.theme--dark .black-scroll .scroll .hover--purple-300:hover {
+    color: #fff !important;
+    border-color: #bdaeea !important;
+    background-color: #bdaeea !important;
+}
+
+.theme--dark .btn--violet-500,
+.theme--dark .hover--violet-500:hover,
+.theme--dark .white-scroll .scroll .hover--violet-500:hover,
+.theme--dark .black-scroll .scroll .hover--violet-500:hover {
+    color: #fff !important;
+    border-color: #c73e9b !important;
+    background-color: #c73e9b !important;
+}
+
+.theme--dark .btn--violet-400,
+.theme--dark .hover--violet-400:hover,
+.theme--dark .white-scroll .scroll .hover--violet-400:hover,
+.theme--dark .black-scroll .scroll .hover--violet-400:hover {
+    color: #fff !important;
+    border-color: #be6cbe !important;
+    background-color: #be6cbe !important;
+}
+
+.theme--dark .btn--violet-300,
+.theme--dark .hover--violet-300:hover,
+.theme--dark .white-scroll .scroll .hover--violet-300:hover,
+.theme--dark .black-scroll .scroll .hover--violet-300:hover {
+    color: #fff !important;
+    border-color: #e2bde2 !important;
+    background-color: #e2bde2 !important;
+}
+
+.theme--dark .section-id {
+    color: #eee;
+}
+
+.theme--dark .color--black,
+.theme--dark .color--black h2,
+.theme--dark .color--black h3,
+.theme--dark .color--black h4,
+.theme--dark .color--black h5,
+.theme--dark .color--black h6,
+.theme--dark .color--black p,
+.theme--dark .color--black a,
+.theme--dark .color--black li,
+.theme--dark .color--black i,
+.theme--dark .color--black span,
+.theme--dar .color--white .color--black {
+    color: #fff;
+}
+
+.theme--dark .color--grey,
+.theme--dark .color--grey h2,
+.theme--dark .color--grey h3,
+.theme--dark .color--grey h4,
+.theme--dark .color--grey h5,
+.theme--dark .color--grey h6,
+.theme--dark .color--grey p,
+.theme--dark .color--grey a,
+.theme--dark .color--grey li,
+.theme--dark .color--grey i,
+.theme--dark .color--grey span,
+.theme--dark .color--white .color--grey {
+    color: #b1b7cd;
+}
+
+/*------------------------------------------*/
+/*   NAVIGATION MENU
+/*------------------------------------------*/
+
+.theme--dark .dark-menu .wsmainfull,
+.theme--dark .white-menu .wsmainfull {
+    background-color: #1d222f !important;
+    -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+    -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+    box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+/*------------------------------------------*/
+/*  HEADER LINK
+/*------------------------------------------*/
+
+.theme--dark .navbar-light .wsmenu>.wsmenu-list>li>a,
+.theme--dark .navbar-dark.inner-page-header .wsmenu>.wsmenu-list>li>a,
+.theme--dark .navbar-dark.light-hero-header .wsmenu>.wsmenu-list>li>a {
+    color: #fff;
+}
+
+.theme--dark .navbar-light .wsmenu-list>li>a.h-link:hover,
+.theme--dark .navbar-light .wsmenu>.wsmenu-list>li>a:hover,
+.theme--dark .navbar-dark.inner-page-header .wsmenu>.wsmenu-list>li>a:hover,
+.theme--dark .navbar-dark.light-hero-header .wsmenu>.wsmenu-list>li>a:hover {
+    color: #eee !important;
+}
+
+.theme--dark .navbar-light .wsmenu>.wsmenu-list>li>a.btn:hover {
+    color: #fff !important;
+}
+
+/*------------------------------------------*/
+/*  HEADER SUBMENU / MEGAMENU
+/*------------------------------------------*/
+
+.theme--dark .wsmenu>.wsmenu-list>li>ul.sub-menu,
+.theme--dark .wsmenu>.wsmenu-list>li>.wsmegamenu,
+.theme--dark .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu {
+    background-color: #2c3142 !important;
+    border: solid 1px #2c3142 !important;
+    -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+    -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+    box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.theme--dark .wsmenu>.wsmenu-list>li>ul.sub-menu:before,
+.theme--dark .wsmenu>.wsmenu-list>li.mg_link:hover>a:after,
+.theme--dark .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu:before {
+    background-color: #2c3142;
+    border-left: solid 1px #2c3142;
+    border-top: solid 1px #2c3142;
+}
+
+.theme--dark .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a,
+.theme--dark .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a,
+.theme--dark .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a {
+    color: #b1b7cd;
+    background-color: transparent !important;
+}
+
+.theme--dark .scroll .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a,
+.theme--dark .scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a,
+.theme--dark .scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a {
+    color: #b1b7cd;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR SCROLL
+/*------------------------------------------*/
+
+.theme--dark .tra-menu .wsmainfull.scroll,
+.theme--dark .white-menu .wsmainfull.scroll,
+.theme--dark .dark-menu.dark-scroll .wsmainfull.scroll {
+    background-color: #1d222f !important;
+    padding: 0;
+    -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+    -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+    box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.theme--dark .tra-menu.navbar-dark .scroll .wsmenu>.wsmenu-list>li>a,
+.theme--dark .tra-menu.navbar-light .scroll .wsmenu>.wsmenu-list>li>a,
+.theme--dark .tra-menu.navbar-dark.white-scroll .scroll .wsmenu>.wsmenu-list>li>a.h-link,
+.theme--dark .tra-menu.navbar-light.white-scroll .scroll .wsmenu>.wsmenu-list>li>a.h-link {
+    color: #b1b7cd;
+}
+
+.theme--dark .navbar-light.white-scroll .scroll .wsmenu-list>li>a.h-link:hover {
+    color: #fff !important;
+}
+
+.theme--dark .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover,
+.theme--dark .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.theme--dark .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    background-color: rgba(0, 0, 0, .12) !important;
+}
+
+.theme--dark .navbar-light .scroll .btn.btn--tra-white {
+    color: #fff !important;
+    border-color: #fff !important;
+    background-color: transparent !important;
+}
+
+/*------------------------------------------*/
+/*  Logo Image
+/*------------------------------------------*/
+
+.theme--dark .navbar-dark .logo-black,
+.theme--dark .navbar-dark .scroll .logo-black {
+    display: none;
+}
+
+.theme--dark .navbar-dark .logo-white,
+.theme--dark .navbar-dark .scroll .logo-white {
+    display: block;
+}
+
+.theme--dark .navbar-dark .logo-black {
+    display: block;
+}
+
+.theme--dark .navbar-dark .logo-white {
+    display: none;
+}
+
+.theme--dark .navbar-dark .scroll .logo-white {
+    display: block;
+}
+
+/*------------------------------------------*/
+/*  HERO SECTION
+/*------------------------------------------*/
+
+.theme--dark .hero-section .color--black,
+.theme--dark .hero-section .color--black h2,
+.theme--dark .hero-section .color--black h3,
+.theme--dark .hero-section .color--black h4,
+.theme--dark .hero-section .color--black h5,
+.theme--dark .hero-section .color--black h6,
+.theme--dark .hero-section .color--black p,
+.theme--dark .hero-section .color--black a,
+.theme--dark .hero-section .color--black li,
+.theme--dark .hero-section .color--black i,
+.theme--dark .hero-section .color--black span,
+.theme--dark .hero-section .color--white .color--black {
+    color: #353f4f;
+}
+
+.theme--dark .hero-section p {
+    color: #6c757d;
+}
+
+.theme--dark .hero-section .color--white p {
+    color: #fff;
+}
+
+.theme--dark .hero-section.gr--whitesmoke p {
+    color: #b1b7cd;
+}
+
+.theme--dark .hero-section .section-id.color--grey {
+    color: #6c757d;
+}
+
+.theme--dark .hero-5-txt p,
+.theme--dark .hero-6-txt p,
+.theme--dark .hero-10-txt p,
+.theme--dark .hero-15-txt p,
+.theme--dark .hero-16-txt p,
+.theme--dark .hero-17-txt p,
+.theme--dark .hero-18-txt p,
+.theme--dark .hero-19-txt p,
+.theme--dark .hero-20-txt p,
+.theme--dark .hero-21-txt p,
+.theme--dark .hero-23-txt p,
+.theme--dark .hero-25-txt p {
+    color: #b1b7cd;
+}
+
+.theme--dark .hero-section .quick-form .form-control {
+    color: #fff;
+    background-color: #363f54;
+}
+
+.theme--dark #hero-14.hero-section .quick-form .form-control,
+.theme--dark #hero-24.hero-section .quick-form .form-control,
+.theme--dark #hero-26.hero-section .quick-form .form-control {
+    color: #666;
+    background-color: #fff;
+}
+
+.theme--dark .hero-section .quick-form .form-control::-moz-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .hero-section .quick-form .form-control:-ms-input-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .hero-section .quick-form .form-control::-webkit-input-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark #hero-14.hero-section .quick-form .form-control::-moz-placeholder {
+    color: #999;
+}
+
+.theme--dark #hero-14.hero-section .quick-form .form-control:-ms-input-placeholder {
+    color: #999;
+}
+
+.theme--dark #hero-14.hero-section .quick-form .form-control::-webkit-input-placeholder {
+    color: #999;
+}
+
+.theme--dark #hero-24.hero-section .quick-form .form-control::-moz-placeholder {
+    color: #999;
+}
+
+.theme--dark #hero-24.hero-section .quick-form .form-control:-ms-input-placeholder {
+    color: #999;
+}
+
+.theme--dark #hero-24.hero-section .quick-form .form-control::-webkit-input-placeholder {
+    color: #999;
+}
+
+.theme--dark #hero-26.hero-section .quick-form .form-control::-moz-placeholder {
+    color: #999;
+}
+
+.theme--dark #hero-26.hero-section .quick-form .form-control:-ms-input-placeholder {
+    color: #999;
+}
+
+.theme--dark #hero-26.hero-section .quick-form .form-control::-webkit-input-placeholder {
+    color: #999;
+}
+
+.theme--dark .hero-section .quick-form .form-control:focus {
+    background-color: #505c77;
+    border-color: transparent;
+}
+
+.theme--dark #hero-14.hero-section .quick-form .form-control:focus,
+.theme--dark #hero-24.hero-section .quick-form .form-control:focus,
+.theme--dark #hero-26.hero-section .quick-form .form-control:focus {
+    background-color: #fff;
+    border-color: transparent;
+}
+
+.theme--dark .hero-section .request-form .form-control {
+    color: #fff;
+    background-color: #363f54;
+}
+
+.theme--dark .hero-section .request-form .form-control::-moz-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .hero-section .request-form .form-control:-ms-input-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .hero-section .request-form .form-control::-webkit-input-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .hero-section .request-form .form-control:focus {
+    background-color: #505c77;
+    border-color: transparent;
+}
+
+.theme--dark #hero-3:after,
+.theme--dark #hero-4:after {
+    background-color: #232734;
+}
+
+.theme--dark .hero-4-txt h2 {
+    color: #353f4f;
+}
+
+.theme--dark .hero-4-txt .btn.btn--tra-black {
+    color: #353f4f !important;
+    background-color: transparent !important;
+    border-color: #353f4f !important;
+}
+
+.theme--dark #hero-5 {
+    background-image: url(../images/hero-5-dark.jpg);
+}
+
+.theme--dark .hero-6-wrapper {
+    background-image: linear-gradient(90deg, #1d212c, #1d212c);
+}
+
+.theme--dark #hero-8-form {
+    background-color: #1d222f;
+    border: 1px solid #1d222f;
+}
+
+.theme--dark #hero-8-form p {
+    color: #b1b7cd;
+}
+
+.theme--dark #hero-5 .wave-shape-bottom svg path,
+.theme--dark #hero-8 .wave-shape-bottom svg path,
+.theme--dark #hero-14 .wave-shape-bottom svg path,
+.theme--dark #hero-16 .wave-shape-bottom svg path,
+.theme--dark #hero-22 .wave-shape-bottom svg path,
+.theme--dark #hero-23 .wave-shape-bottom svg path,
+.theme--dark #hero-26 .wave-shape-bottom svg path {
+    fill: #232734;
+}
+
+.theme--dark #hero-10 {
+    background-image: url(../images/hero-10-dark.jpg);
+}
+
+.theme--dark #hero-15 {
+    background-image: url(../images/hero-15-dark.jpg);
+}
+
+.theme--dark #hero-16 {
+    background-image: url(../images/hero-16-dark.jpg);
+}
+
+.theme--dark #hero-17 {
+    background-image: url(../images/hero-17-dark.jpg);
+}
+
+.theme--dark #hero-18:after {
+    background-image: url(../images/hero-18-dark.jpg);
+}
+
+.theme--dark #hero-20:after {
+    background-image: linear-gradient(180deg, #1d212c, #232734);
+}
+
+.theme--dark #hero-21 .hero-overlay {
+    background-image: url(../images/hero-21-dark.jpg);
+}
+
+.theme--dark #hero-23 {
+    background-image: url(../images/hero-23-dark.jpg);
+}
+
+.theme--dark .hero-23-txt p span.color--black {
+    color: #fff;
+}
+
+.theme--dark #hero-25 {
+    background-image: url(../images/hero-25-dark.jpg);
+}
+
+.theme--dark #hero-27 .hero-overlay {
+    background-image: url(../images/hero-27-dark.png);
+}
+
+/*------------------------------------------*/
+/*  FEATURES
+/*------------------------------------------*/
+
+.theme--dark .features-section path {
+    opacity: .05;
+}
+
+.theme--dark .fbox-7 {
+    border: 2px solid #363f54;
+}
+
+/*------------------------------------------*/
+/*  CONTENT
+/*------------------------------------------*/
+
+.theme--dark .cbox-2-line {
+    background-color: #363f54;
+}
+
+/*------------------------------------------*/
+/*  STATISTIC
+/*------------------------------------------*/
+
+.theme--dark #statistic-5 .statistic-digit {
+    border-bottom: 1px solid #505c77;
+}
+
+/*------------------------------------------*/
+/*  REVIEWS
+/*------------------------------------------*/
+
+.theme--dark #reviews-2 .review-2.bg--white-100 {
+    background-color: #1d212c !important;
+}
+
+.theme--dark .owl-theme .owl-dots .owl-dot span {
+    background: #1d212c;
+}
+
+.theme--dark .owl-theme .owl-dots .owl-dot.active span {
+    background: #b1b7cd;
+}
+
+.theme--dark .review-3.block-border {
+    border-color: #363f54;
+}
+
+/*------------------------------------------*/
+/*  PROJECT DETAILS
+/*------------------------------------------*/
+
+.theme--dark .project-title h2 {
+    border-bottom: 1px solid #363f54;
+}
+
+.theme--dark .project-data p span {
+    color: #fff;
+}
+
+.theme--dark .project-description .more-projects span {
+    color: #fff;
+}
+
+/*------------------------------------------*/
+/*  RATING
+/*------------------------------------------*/
+
+.theme--dark .rbox-1 .star-rating {
+    background-color: #1d212c !important;
+    border: 1px solid #1d212c;
+    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13);
+    -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13);
+    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13);
+}
+
+/*------------------------------------------*/
+/*  PRICING
+/*------------------------------------------*/
+
+.theme--dark .pricing-discount h6 {
+    color: #353f4f;
+}
+
+.theme--dark .table>:not(caption)>*>* {
+    color: #b1b7cd;
+    background-color: #232734;
+}
+
+.theme--dark .comp-table .table thead th {
+    color: #fff;
+    border-color: #363f54;
+}
+
+.theme--dark .comp-table tbody th {
+    border-bottom: 1px solid #363f54 !important;
+}
+
+.theme--dark .comp-table .table tr td {
+    border-bottom: 2px solid #363f54;
+}
+
+/*------------------------------------------*/
+/*  INTEGRATIONS
+/*------------------------------------------*/
+
+.theme--dark .integrations-1-wrapper .in_tool {
+    background-color: #1d212c;
+    border: 1px solid #1d212c;
+}
+
+/*------------------------------------------*/
+/*  PRICING
+/*------------------------------------------*/
+
+.theme--dark .switcher.bg--grey {
+    background-color: #363f54;
+    border: 2px solid #363f54;
+}
+
+/*------------------------------------------*/
+/*  BANNER
+/*------------------------------------------*/
+
+.theme--dark .banner-16-wrapper.bg--white-100.block-border {
+    border-color: #363f54;
+}
+
+/*------------------------------------------*/
+/*  DOWNLOAD
+/*------------------------------------------*/
+
+.theme--dark .release-data {
+    border-bottom: 1px dashed #656565;
+}
+
+.theme--dark span.version-data,
+.theme--dark span.release-date span {
+    color: #f1f1f1;
+}
+
+.theme--dark span.release-date {
+    color: #ccc;
+}
+
+/*------------------------------------------*/
+/*  FAQs
+/*------------------------------------------*/
+
+.theme--dark .faqs-section .accordion-item,
+.theme--dark #faqs-2.faqs-section .accordion-item,
+.theme--dark #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb {
+    border-bottom: 1px solid #363f54;
+}
+
+.theme--dark .faqs-section .tabs-1 li {
+    border: 2px solid #363f54;
+}
+
+.theme--dark .faqs-section .tabs-1 li span,
+.theme--dark .faqs-section .tabs-1 li {
+    color: #b1b7cd;
+}
+
+.theme--dark .faqs-section .accordion-item .accordion-thumb:after,
+.theme--dark .faqs-section .accordion-item.is-active .accordion-thumb:after {
+    color: #b1b7cd;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER
+/*------------------------------------------*/
+
+.theme--dark .newsletter-section .form-control {
+    color: #f1f1f1;
+    background-color: #363f54;
+    border: 1px solid #363f54;
+}
+
+.theme--dark .newsletter-section .form-control:focus {
+    background-color: #505c77;
+    border-color: transparent;
+}
+
+.theme--dark .newsletter-section .form-control::-moz-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .newsletter-section .form-control:-ms-input-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .newsletter-section .form-control::-webkit-input-placeholder {
+    color: #b1b7cd;
+}
+
+/*------------------------------------------*/
+/*  BLOG
+/*------------------------------------------*/
+
+.theme--dark .post-meta-list p,
+.theme--dark .blog-post-txt a {
+    color: #fff;
+}
+
+.theme--dark .blog-post-txt a:hover {
+    color: #ddd !important;
+}
+
+/*------------------------------------------*/
+/*  SINGLE POST
+/*------------------------------------------*/
+
+.theme--dark .txt-code {
+    background-color: #1d212c;
+}
+
+.theme--dark .txt-code kbd {
+    background-color: #363f54;
+}
+
+.theme--dark .txt-code p {
+    color: #b1b7cd;
+}
+
+.theme--dark .comment-form p,
+.theme--dark .blockquote-footer,
+.theme--dark .txt-code span.code-property,
+.theme--dark .txt-code p code.code-language-js {
+    color: #fff;
+}
+
+.theme--dark .comment-form .form-control {
+    color: #f1f1f1;
+    background-color: #363f54;
+}
+
+.theme--dark .comment-form .form-control:focus {
+    background-color: #505c77;
+    border-color: transparent;
+}
+
+.theme--dark .comment-form .form-control::-moz-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .comment-form .form-control:-ms-input-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .comment-form .form-control::-webkit-input-placeholder {
+    color: #b1b7cd;
+}
+
+/*------------------------------------------*/
+/*  CONTACTS
+/*------------------------------------------*/
+
+.theme--dark .contact-form-notice p a,
+.theme--dark #contacts-1 .contact-form p {
+    color: #fff;
+}
+
+.theme--dark .contact-form .form-control,
+.theme--dark .contact-form .form-select {
+    color: #f1f1f1;
+    background-color: #363f54;
+}
+
+.theme--dark .contact-form .form-control::-moz-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .contact-form .form-control:-ms-input-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .contact-form .form-control::-webkit-input-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .contact-form .form-control:focus,
+.theme--dark .contact-form .form-select:focus {
+    background-color: #505c77;
+    border-color: transparent;
+}
+
+/*------------------------------------------*/
+/*  FOOTER
+/*------------------------------------------*/
+
+.footer-logo-dark {
+    display: none;
+}
+
+.theme--dark .footer-logo {
+    display: none;
+}
+
+.theme--dark .footer-logo-dark {
+    display: block;
+}
+
+.theme--dark #footer-10 .footer-logo-dark {
+    display: inline-block;
+}
+
+.theme--dark #footer-10 .footer-info {
+    border-bottom: 1px solid #363f54;
+}
+
+.theme--dark .footer-form .newsletter-form .btn.dark-color span {
+    color: #2f353e !important;
+}
+
+.theme--dark .footer-form .newsletter-form .input-group {
+    background-color: #282d3c;
+    border: 1px solid #505c77;
+}
+
+.theme--dark .footer-form .form-control {
+    color: #fff;
+}
+
+.theme--dark .footer-form .form-control::-moz-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .footer-form .form-control:-ms-input-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .footer-form .form-control::-webkit-input-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .legal-info p span {
+    color: #fff;
+}
+
+/*------------------------------------------*/
+/*  INNER PAGE
+/*------------------------------------------*/
+
+.theme--dark .page-hero-section .wave-shape-bottom path {
+    fill: #232734;
+}
+
+/*------------------------------------------*/
+/*  MODAL
+/*------------------------------------------*/
+
+.theme--dark #modal-2 .modal-body-content h5,
+.theme--dark #modal-3 .modal-body-content h3 {
+    color: #353f4f;
+}
+
+/*------------------------------------------*/
+/*  PAGE 404
+/*------------------------------------------*/
+
+.theme--dark #page-404.bg--white-300,
+.theme--dark #footer-11.bg--white-300 {
+    background-color: #f7f8f9;
+}
+
+.theme--dark #page-404 .color--dark {
+    color: #353f4f;
+}
+
+.theme--dark #page-404 h6.color--grey,
+.theme--dark #footer-11.bg--white-300,
+.theme--dark #footer-11.bg--white-300 .bottom-footer-list p a {
+    color: #6c757d;
+}
+
+/*------------------------------------------*/
+/*  LOGIN
+/*------------------------------------------*/
+
+.theme--dark #login,
+.theme--dark #signup {
+    background: url(../images/login_dark.jpg);
+}
+
+/* .theme--dark #reset-password {
+  background: url(../images/reset-password-dark.jpg);
+} */
+
+.theme--dark #login .register-page-wrapper:after,
+.theme--dark #signup .register-page-wrapper:after {
+    background-color: #1d212c;
+}
+
+.theme--dark .form-data span a,
+.theme--dark .register-page-form p.input-header {
+    color: #fff;
+}
+
+.theme--dark .separator-line::before,
+.theme--dark .separator-line::after {
+    border-top: 2px solid rgba(255, 255, 255, .15);
+}
+
+.theme--dark .reset-page-wrapper .form-control,
+.theme--dark .register-page-form .form-control {
+    color: #f1f1f1;
+    background-color: #363f54;
+    border: 1px solid #363f54;
+}
+
+.theme--dark .reset-page-wrapper form {
+    background: #1d212c;
+    border: 1px solid #1d212c;
+}
+
+.theme--dark .register-page-form .form-control::-moz-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .register-page-form .form-control:-ms-input-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .register-page-form .form-control::-webkit-input-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .reset-password-form .form-control::-moz-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .reset-password-form .form-control:-ms-input-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .reset-password-form .form-control::-webkit-input-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .register-page-form .btn-google {
+    color: #b1b7cd;
+    background-color: #363f54;
+    border: 1px solid #363f54;
+}
+
+
+
+
+/* ==========================================================================
+   STYLE CHANGER
+  ========================================================================== */
+
+#stlChanger {
+    position: fixed;
+    z-index: 9999;
+    font-size: 15px;
+    overflow: hidden;
+    right: -230px;
+    top: 100px;
+    cursor: pointer;
+    -webkit-border-radius: 0;
+    -moz-border-radius: 0;
+    border-radius: 0;
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+#stlChanger.open {
+    right: 0px;
+}
+
+#stlChanger .bgChanger {
+    min-width: 280px;
+    min-height: 280px;
+}
+
+#stlChanger .blockChanger {
+    width: 230px;
+}
+
+#stlChanger .chBody {
+    background: #2b2e37;
+    width: 230px;
+    position: relative;
+    overflow: hidden;
+    border: 1px solid #2b2e37;
+    border-radius: 4px 0px 0px 4px;
+    height: 425px;
+    overflow: scroll;
+    overflow-x: hidden;
+    direction: rtl;
+    margin-left: 50px;
+}
+
+#stlChanger .chBody.chBody-sm {
+    height: 360px;
+}
+
+#stlChanger .chBut {
+    background: #ef2853;
+    width: 50px;
+    height: 50px;
+    position: absolute;
+    top: 30px;
+    left: 0;
+    z-index: 1000000;
+    text-align: center;
+    border: 1px solid #ef2853;
+    border-left: none;
+    padding: 0 0 0 2px;
+    border-radius: 4px 0px 0px 4px;
+    -webkit-transition: all 300ms ease-in-out;
+    -moz-transition: all 300ms ease-in-out;
+    -o-transition: all 300ms ease-in-out;
+    -ms-transition: all 300ms ease-in-out;
+    transition: all 300ms ease-in-out;
+    box-shadow: 0 0 2px rgba(50, 50, 50, 0.4);
+}
+
+#stlChanger .chBut.icon-xs [class*="flaticon-"]:before,
+#stlChanger .chBut.icon-xs [class*="flaticon-"]:after {
+    color: #fff;
+    font-size: 2.15rem;
+    line-height: 48px !important;
+}
+
+#stlChanger p {
+    font-size: 18px;
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    font-weight: 600;
+    letter-spacing: 0;
+    margin-bottom: 20px;
+}
+
+#stlChanger .stBgs a {
+    text-decoration: none;
+    width: 50px;
+    height: 50px;
+    float: left;
+    padding: 0;
+    margin: 0 5px 8px;
+    cursor: pointer;
+    opacity: 1;
+    -webkit-border-radius: 8px;
+    -moz-border-radius: 8px;
+    border-radius: 8px;
+}
+
+#stlChanger .stBgs a img {
+    width: 50px;
+    height: 50px;
+    -webkit-border-radius: 8px;
+    -moz-border-radius: 8px;
+    border-radius: 8px;
+}
+
+.stBlock1 {
+    margin: 0 20px 25px 20px;
+}
+
+.stBlock .btn {
+    width: 100%;
+    padding: 0.65rem 1.2rem;
+    line-height: 1;
+    margin-top: 15px;
+}
+
+.switch {
+    width: 100%;
+    color: #fff;
+    padding: 0.4rem 1.4rem;
+    border: 2px solid #fff;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+}
+
+
+
+
+/* ==========================================================================
+  34. COLOR SCHEME
+  ========================================================================== */
+
+.bg--theme,
+.shape--blue-400:after {
+    background-color: #f74780;
+}
+
+.btn--theme {
+    color: #fff !important;
+    border-color: #f74780 !important;
+    background-color: #f74780 !important;
+}
+
+.hover--theme:hover,
+.white-scroll .scroll .hover--theme:hover,
+.black-scroll .scroll .hover--theme:hover {
+    color: #fff !important;
+    border-color: #e73971 !important;
+    background-color: #e73971 !important;
+}
+
+.theme--dark .white-scroll .scroll .hover--theme:hover {
+    color: #fff !important;
+    border-color: #e73971 !important;
+    background-color: #e73971 !important;
+}
+
+.theme--dark .white-scroll .hover--theme:hover {
+    color: #fff !important;
+    border-color: #e73971 !important;
+    background-color: #e73971 !important;
+}
+
+.color--theme,
+.color--theme h1,
+.color--theme h2,
+.color--theme h3,
+.color--theme h4,
+.color--theme h5,
+.color--theme h6,
+.color--theme p,
+.color--theme a,
+.color--theme li,
+.color--theme i,
+.color--theme span,
+.color--white .color--theme {
+    color: #166787 !important;
+}
+
+.loading--theme .loader {
+    border-color: transparent #166787;
+}
+
+.loading--theme .loader::after {
+    border-color: transparent rgba(247, 71, 128, .15);
+}
+
+.nav-theme .sm-info {
+    background-color: #166787;
+}
+
+.wsmenu>.wsmenu-list.nav-theme>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-theme>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-theme>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #166787 !important;
+}
+
+.hero-section .quick-form .form-control:focus {
+    border-color: #166787;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--theme {
+    color: #166787;
+    border-color: #166787;
+}
+
+.tabs-1.tabs--theme,
+.tabs-1.tabs--theme li.current:hover {
+    color: #166787;
+    border-color: #166787;
+}
+
+.faqs-section .tabs--theme .tabs-1 li.current,
+.faqs-section .tabs--theme .tabs-1 li.current:hover {
+    background-color: #166787;
+    border-color: #166787 !important;
+}
+
+.switch-wrap input:checked+.switcher.switcher--theme {
+    background-color: #166787;
+    border-color: #166787;
+}
+
+.shape-ico.color--theme path,
+.shape-ico.color--theme path,
+.shape-ico.color--theme path {
+    fill: #feecf2;
+}
+
+.newsletter-section .form-control:focus {
+    background-color: #fff;
+    border-color: #353f4f;
+}
+
+.theme-pagination .page-item.active .page-link {
+    color: #fff !important;
+    background-color: #166787;
+    border: 2px solid #166787;
+}
+
+
+
+
+/* ==========================================================================
+  34. XXXXX
+  ========================================================================== */
+
+.t-title {
+    text-align: center;
+    color: #fff;
+    background-color: #1d222f;
+    padding: 10px 5px;
+    margin: 0 0 40px;
+}
+
+.t-title.btn-s-title {
+    margin: 0;
+}
+
+.t-title h6 {
+    color: #fff;
+    margin-bottom: 0;
+}
+
+
+
+html {
+    scroll-behavior: smooth !important;
+}
\ No newline at end of file
diff --git a/public/css/blue-theme.css b/public/css/blue-theme.css
new file mode 100644
index 0000000..c8e80e7
--- /dev/null
+++ b/public/css/blue-theme.css
@@ -0,0 +1,11161 @@
+
+
+
+
+/*
+  Template Name: Martex - Software, App, SaaS & Startup Landing Pages Pack
+  Theme URL: https://themeforest.net/user/jthemes
+  Description: Martex - Software, App, SaaS & Startup Landing Pages Pack
+  Author: JThemes Studio
+  Author URL: https://themeforest.net/user/jthemes
+  Version: 1.0.0
+  Website: www.jthemes.com
+  Tags: Responsive, HTML5, JThemes, Landing, Software, Mobile App, SaaS, Startup, Creative, Digital Produc
+*/
+
+
+
+
+/* ==========================================================================
+  01. GENERAL & BASIC STYLES
+  =========================================================================== */
+
+html {
+  -webkit-font-smoothing: antialiased;
+  font-size: 16px;
+} 
+
+body {
+  font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  color: #6c757d;
+  line-height: 1.6666;
+  font-weight: 400;
+}
+
+/*------------------------------------------*/
+/*  PAGE CONTENT
+/*------------------------------------------*/
+
+#page,
+.hidd { 
+  overflow: hidden; 
+}
+
+.rel,
+section,
+.container { 
+  position: relative!important; 
+  z-index: 3; 
+}
+
+.section-overlay {
+  width: 100%;
+  height: 100%;
+}
+
+/*------------------------------------------*/
+/*  BLOCK SHADOW
+/*------------------------------------------*/
+
+.block-shadow { 
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+}
+
+/*------------------------------------------*/
+/*  BORDER SETTINGS
+/*------------------------------------------*/
+
+.block-border {
+  border: 1px solid #e7e7e7;
+}
+
+.block-border.block-shadow { 
+  border: 1px solid #f5f6f6;
+}
+
+.x-border {
+  border-top: 1px solid #e7e7e7;
+  border-bottom: 1px solid #e7e7e7;
+}
+
+.top-border {
+  border-top: 1px solid #e7e7e7;
+}
+
+.bottom-border {
+  border-bottom: 1px solid #e7e7e7;
+}
+
+/*------------------------------------------*/
+/*  BORDER RADIUS SETTING
+/*------------------------------------------*/ 
+
+.r-0 { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
+.r-02 { -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
+.r-04 { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
+.r-06 { -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
+.r-08 { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; }
+.r-10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
+.r-12 { -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; }
+.r-14 { -webkit-border-radius: 14px; -moz-border-radius: 14px; -o-border-radius: 14px; border-radius: 14px; }
+.r-16 { -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; }
+.r-18 { -webkit-border-radius: 18px; -moz-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; }
+.r-20 { -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
+.r-22 { -webkit-border-radius: 22px; -moz-border-radius: 22px; -o-border-radius: 22px; border-radius: 22px; }
+.r-24 { -webkit-border-radius: 24px; -moz-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; }
+.r-26 { -webkit-border-radius: 26px; -moz-border-radius: 26px; -o-border-radius: 26px; border-radius: 26px; }
+.r-28 { -webkit-border-radius: 28px; -moz-border-radius: 28px; -o-border-radius: 28px; border-radius: 28px; }
+.r-30 { -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; }
+.r-32 { -webkit-border-radius: 32px; -moz-border-radius: 32px; -o-border-radius: 32px; border-radius: 32px; }
+.r-34 { -webkit-border-radius: 34px; -moz-border-radius: 34px; -o-border-radius: 34px; border-radius: 34px; }
+.r-36 { -webkit-border-radius: 36px; -moz-border-radius: 36px; -o-border-radius: 36px; border-radius: 36px; }
+.r-100 { -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; }
+
+/*------------------------------------------*/
+/*  OPACITY SETTINGS
+/*------------------------------------------*/
+
+.o-0 { opacity: 0!important; }
+.o-10 { opacity: .1!important; }
+.o-15 { opacity: .15!important; }
+.o-20 { opacity: .2!important; }
+.o-25 { opacity: .25!important; }
+.o-30 { opacity: .3!important; }
+.o-35 { opacity: .35!important; }
+.o-40 { opacity: .4!important; }
+.o-45 { opacity: .45!important; }
+.o-50 { opacity: .5!important; }
+.o-55 { opacity: .55!important; }
+.o-60 { opacity: .60!important; }
+.o-65 { opacity: .65!important; }
+.o-70 { opacity: .7!important; }
+.o-75 { opacity: .75!important; }
+.o-80 { opacity: .8!important; }
+.o-85 { opacity: .85!important; }
+.o-90 { opacity: .9!important; }
+.o-95 { opacity: .95!important; }
+.o-100 { opacity: 1!important; }
+
+/*------------------------------------------*/
+/*  SPACING & INDENTS
+/*------------------------------------------*/
+
+.py-5 { padding-top: 5px; padding-bottom: 5px; }
+.py-10 { padding-top: 10px; padding-bottom: 10px; }
+.py-15 { padding-top: 15px; padding-bottom: 15px; }
+.py-20 { padding-top: 20px; padding-bottom: 20px; }
+.py-30 { padding-top: 30px; padding-bottom: 30px; }
+.py-40 { padding-top: 40px; padding-bottom: 40px; }
+.py-50 { padding-top: 50px; padding-bottom: 50px; }
+.py-60 { padding-top: 60px; padding-bottom: 60px; }
+.py-70 { padding-top: 70px; padding-bottom: 70px; }
+.py-80 { padding-top: 80px; padding-bottom: 80px; }
+.py-90 { padding-top: 90px; padding-bottom: 90px; }
+.py-100 { padding-top: 100px; padding-bottom: 100px; }
+
+.pt-30 { padding-top: 30px; }
+.pt-40 { padding-top: 40px; }
+.pt-50 { padding-top: 50px; }
+.pt-60 { padding-top: 60px; }
+.pt-70 { padding-top: 70px; }
+.pt-80 { padding-top: 80px; }
+.pt-90 { padding-top: 90px; }
+.pt-100 { padding-top: 100px; }
+
+.pb-30 { padding-bottom: 30px; }
+.pb-40 { padding-bottom: 40px; }
+.pb-50 { padding-bottom: 50px; }
+.pb-60 { padding-bottom: 60px; }
+.pb-70 { padding-bottom: 70px; }
+.pb-80 { padding-bottom: 80px; }
+.pb-90 { padding-bottom: 90px; }
+.pb-100 { padding-bottom: 100px; }
+
+.mt-10 { margin-top: 10px; }
+.mt-15 { margin-top: 15px; }
+.mt-20 { margin-top: 20px; }
+.mt-25 { margin-top: 25px; }
+.mt-30 { margin-top: 30px; }
+.mt-35 { margin-top: 35px; }
+.mt-40 { margin-top: 40px; }
+.mt-45 { margin-top: 45px; }
+.mt-50 { margin-top: 50px; }
+.mt-55 { margin-top: 55px; }
+.mt-60 { margin-top: 60px; }
+.mt-65 { margin-top: 65px; }
+.mt-70 { margin-top: 70px; }
+.mt-75 { margin-top: 75px; }
+.mt-80 { margin-top: 80px; }
+.mt-85 { margin-top: 85px; }
+.mt-90 { margin-top: 90px; }
+.mt-95 { margin-top: 95px; }
+.mt-100 { margin-top: 100px; }
+
+.mb-10 { margin-bottom: 10px; }
+.mb-15 { margin-bottom: 15px; }
+.mb-20 { margin-bottom: 20px; }
+.mb-25 { margin-bottom: 25px; }
+.mb-30 { margin-bottom: 30px; }
+.mb-35 { margin-bottom: 35px; }
+.mb-40 { margin-bottom: 40px; }
+.mb-45 { margin-bottom: 45px; }
+.mb-50 { margin-bottom: 50px; }
+.mb-55 { margin-bottom: 55px; }
+.mb-60 { margin-bottom: 60px; }
+.mb-65 { margin-bottom: 65px; }
+.mb-70 { margin-bottom: 70px; }
+.mb-75 { margin-bottom: 75px; }
+.mb-80 { margin-bottom: 80px; }
+.mb-85 { margin-bottom: 85px; }
+.mb-90 { margin-bottom: 90px; }
+.mb-95 { margin-bottom: 95px; }
+.mb-100 { margin-bottom: 100px; }
+
+.ml-5 { margin-left: 5px; }
+.ml-10 { margin-left: 10px; }
+.ml-15 { margin-left: 15px; }
+.ml-20 { margin-left: 20px; }
+.ml-25 { margin-left: 25px; }
+.ml-30 { margin-left: 30px; }
+
+.mr-5 { margin-right: 5px; }
+.mr-10 { margin-right: 10px; }
+.mr-15 { margin-right: 15px; }
+.mr-20 { margin-right: 20px; }
+.mr-25 { margin-right: 25px; }
+.mr-30 { margin-right: 30px; }
+
+/*------------------------------------------*/
+/*  BACKGROUND SETTINGS
+/*------------------------------------------*/
+
+.bg--fixed,
+.bg--scroll {
+  width: 100%;
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+}
+
+.bg--fixed {
+  background-attachment: scroll!important;
+}
+
+.bg--scroll {
+  background-attachment: fixed!important;
+}
+
+/*------------------------------------------*/
+/*  BACKGROUND COLORS
+/*------------------------------------------*/
+
+.bg--white-500 { background-color: #f2f4f8; }
+.bg--white-400 { background-color: #f4f4f9; }
+.bg--white-300 { background-color: #f7f8f9; }
+.bg--white-200 { background-color: #fbfbfd; }
+.bg--white-100 { background-color: #fff; }
+
+.bg--black-500 { background-color: #22223b; }
+.bg--black-400 { background-color: #2e3648; }
+.bg--black-300 { background-color: #394455; }
+.bg--black-200 { background-color: #e1e3e5; }
+.bg--black-100 { background-color: #ecf1f4; }
+
+.bg--blue-500 { background-color: #185abd; }
+.bg--blue-400 { background-color: #1680fb; }
+.bg--blue-300 { background-color: #3eb1ff; }
+.bg--blue-200 { background-color: #ddedff; }
+.bg--blue-100 { background-color: #f4f9fc; }
+
+.bg--green-500 { background-color: #00a14e; }
+.bg--green-400 { background-color: #0fbc49; }
+.bg--green-300 { background-color: #6fd792; }
+.bg--green-200 { background-color: #cff2db; }
+.bg--green-100 { background-color: #e9f8f2; }
+
+.bg--pink-500 { background-color: #ff149c; }
+.bg--pink-400 { background-color: #f74780; }
+.bg--pink-300 { background-color: #fcb5cc; }
+.bg--pink-200 { background-color: #fee4ec; }
+.bg--pink-100 { background-color: #feecf2; }
+
+.bg--purple-5000 { background-color: #663ae9; }
+.bg--purple-500 { background-color: #7827e6; }
+.bg--purple-400 { background-color: #7b5dd6; }
+.bg--purple-300 { background-color: #bdaeea; }
+.bg--purple-200 { background-color: #e5deff; }
+.bg--purple-100 { background-color: #f1edff; }
+
+.bg--red-500 { background-color: #da0f29; }
+.bg--red-400 { background-color: #ff1e1a; }
+.bg--red-300 { background-color: #ffa5a3; }
+.bg--red-200 { background-color: #ffd2d1; }
+.bg--red-100 { background-color: #fce7e4; }
+
+.bg--violet-500 { background-color: #c73e9b; }
+.bg--violet-400 { background-color: #be6cbe; }
+.bg--violet-300 { background-color: #e2bde2; }
+.bg--violet-200 { background-color: #f1cde5; }
+.bg--violet-100 { background-color: #f7e4f1; }
+
+.bg--yellow-500 { background-color: #ffba01; }
+.bg--yellow-400 { background-color: #ffbd45; }
+.bg--yellow-300 { background-color: #ffdf35; }
+.bg--yellow-200 { background-color: #fef5cd; }
+.bg--yellow-100 { background-color: #fef9e5; }
+
+.bg--tra-black { background-color: rgba(0, 0, 0, .04); }
+.bg--tra-white { background-color: rgba(255, 255, 255, .15); }
+.bg--primary-blue { background-color: #2160fd; }
+.bg--light-grey { background-color: #f0f3ff; }
+.bg--snow { background-color: #fdfdfd; }
+
+/*------------------------------------------*/
+/*  GRADIENT COLOR BACKGROUND
+/*------------------------------------------*/
+
+.gr--ghost { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); }
+.gr--snow { background-image: linear-gradient(to left, #f3edf7, #f9f6fa); }
+.gr--cotton { background-image: linear-gradient(180deg, rgba(223, 225, 250, .8) 50%, rgba(223, 225, 250, .05) 100%); }
+.gr--ghostwhite { background-image: linear-gradient(to left, #e9e9f5, #f4f4f9); }
+.gr--smoke { background: linear-gradient(180deg, #f8f9fe 0%, #f4f4f9 100%); }
+.gr--whitesmoke { background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%); }
+.gr--perl { background-image: linear-gradient(180deg, rgba(236, 234, 253, .8) 50%, rgba(236, 234, 253, .05) 100%); }
+
+/*------------------------------------------*/
+/*  BACKGROUND SHAPE
+/*------------------------------------------*/
+
+.shape--01:after,
+.shape--02:after,
+.shape--03:after,
+.shape--04:after,
+.shape--05:after,
+.shape--06:after,
+.shape--07:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+}
+
+.shape--02.r-24:after {
+  -webkit-border-radius: 24px;
+  -moz-border-radius: 24px;
+  -o-border-radius: 24px;
+  border-radius: 24px;
+}
+
+.shape--01:after {
+  width: 150%;
+  height: 80%;
+  top: 13%;
+  left: -25%;
+}
+
+.shape--02:after {
+  width: 86%;
+  height: 80%;
+  top: 13%;
+  left: 7%;
+}
+
+.shape--03:after {
+  width: 78%;
+  height: 120%;
+  top: -60px;
+  left: 11%;
+  -webkit-border-radius: 24px;
+  -moz-border-radius: 24px;
+  -o-border-radius: 24px;
+  border-radius: 24px;
+}
+
+.shape--04:after {
+  width: 100%;
+  height: 80%;
+  top: 10%;
+  left: 0;
+}
+
+.shape--05:after {
+  width: 150%;
+  height: 90%;
+  top: 0;
+  left: -25%;
+}
+
+.shape--06:after {
+  width: 150%;
+  height: 75%;
+  top: 0;
+  left: -25%;
+}
+
+.shape--07:after {
+  width: 200%;
+  height: 50%;
+  top: 37%;
+  left: -50%;
+}
+
+.shape--whitesmoke:after { background-color: rgba(123, 104, 238, .05); }
+
+.shape--white-500:after { background-color: #f2f4f8; }
+.shape--white-400:after { background-color: #f4f4f9; }
+.shape--white-300:after { background-color: #f7f8f9; }
+.shape--white-200:after { background-color: #fbfbfd; }
+
+.shape--black-500:after { background-color: #22223b; }
+.shape--black-400:after { background-color: #2e3648; }
+.shape--black-300:after { background-color: #394455; }
+.shape--black-200:after { background-color: #e1e3e5; }
+.shape--black-100:after { background-color: #ecf1f4; }
+
+.shape--blue-500:after { background-color: #185abd; }
+.shape--blue-400:after { background-color: #1680fb; }
+.shape--blue-300:after { background-color: #3eb1ff; }
+.shape--blue-200:after { background-color: #ddedff; }
+.shape--blue-100:after { background-color: #f4f9fc; }
+
+.shape--green-500:after { background-color: #00a14e; }
+.shape--green-400:after { background-color: #0fbc49; }
+.shape--green-300:after { background-color: #6fd792; }
+.shape--green-200:after { background-color: #cff2db; }
+.shape--green-100:after { background-color: #e9f8f2; }
+
+.shape--pink-500:after { background-color: #ff149c; }
+.shape--pink-400:after { background-color: #f74780; }
+.shape--pink-300:after { background-color: #fcb5cc; }
+.shape--pink-200:after { background-color: #fee4ec; }
+.shape--pink-100:after { background-color: #feecf2; }
+
+.shape--purple-500:after { background-color: #663ae9; }
+.shape--purple-400:after { background-color: #7b5dd6; }
+.shape--purple-300:after { background-color: #bdaeea; }
+.shape--purple-200:after { background-color: #e5deff; }
+.shape--purple-100:after { background-color: #f1edff; }
+
+.shape--red-500:after { background-color: #da0f29; }
+.shape--red-400:after { background-color: #ff1e1a; }
+.shape--red-300:after { background-color: #ffa5a3; }
+.shape--red-200:after { background-color: #ffd2d1; }
+.shape--red-100:after { background-color: #fce7e4; }
+
+.shape--violet-500:after { background-color: #c73e9b; }
+.shape--violet-400:after { background-color: #be6cbe; }
+.shape--violet-300:after { background-color: #e2bde2; }
+.shape--violet-200:after { background-color: #f1cde5; }
+.shape--violet-100:after { background-color: #f7e4f1; }
+
+.shape--gr-ghost:after { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); }
+.shape--gr-whitesmoke:after {background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%);}
+
+/*------------------------------------------*/
+/*  BACKGROUND PATTERN
+/*------------------------------------------*/
+
+.pattern-01, 
+.pattern-02, 
+.pattern-03, 
+.pattern-04, 
+.pattern-05 {
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+}
+
+.pattern-01 { background-image: url(../images/pattern-01.png); }
+.pattern-02 { background-image: url(../images/pattern-02.png); }
+.pattern-03 { background-image: url(../images/pattern-03.png); }
+.pattern-04 { background-image: url(../images/pattern-04.png); }
+/* .pattern-05 { background-image: url(../images/pattern-05.png); } */
+
+/*------------------------------------------*/
+/*  BACKGROUND IMAGE
+/*------------------------------------------*/
+
+.bg--01, .bg--02, .bg--03, .bg--04, 
+.bg--05, .bg--06, .bg--07, .bg--08 {
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+}
+
+.bg--01 { background-image: url(../images/bg-01.jpg); }
+.bg--02 { background-image: url(../images/bg-02.jpg); }
+.bg--03 { background-image: url(../images/bg-03.jpg); }
+.bg--04 { background-image: url(../images/bg-04.jpg); }
+.bg--05 { background-image: url(../images/bg-05.jpg); }
+.bg--06 { background-image: url(../images/bg-06.jpg); }
+.bg--07 { background-image: url(../images/bg-07.jpg); }
+.bg--08 { background-image: url(../images/bg-08.jpg); }
+
+/*------------------------------------------*/
+/*  SECTION DIVIDER
+/*------------------------------------------*/
+
+hr.divider {
+  width: 100%;
+  height: 1px;
+  background-color: transparent;
+  background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #bbb 38%, #bbb 64%, rgba(206,211,246,0) 99%);
+  opacity: .4;
+  border: none;
+  margin: 0;
+}
+
+/*------------------------------------------*/
+/*  WAVE SHAPE BOTTOM
+/*------------------------------------------*/
+
+.wave-shape-bottom {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+}
+
+
+
+
+/* ==========================================================================
+  02. TYPOGRAPHY
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  HEADERS
+/*------------------------------------------*/
+
+h1, h2, h3, h4, h5, h6 {  
+  color: #353f4f;
+  font-weight: 600;
+  letter-spacing: 0;
+  margin-bottom: 0;
+}
+
+.font--jakarta h1,
+.font--jakarta h2,
+.font--jakarta h3,
+.font--jakarta h4,
+.font--jakarta h5,
+.font--jakarta h6 {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  line-height: 1.35;
+}
+
+.font--jakarta h1,
+.font--jakarta h2 {
+  line-height: 1.25;
+}
+
+.font--inter h1,
+.font--inter h2,
+.font--inter h3,
+.font--inter h4,
+.font--inter h5,
+.font--inter h6 {
+  font-family: 'Inter', sans-serif;
+  letter-spacing: -0.5px;
+}
+
+/*------------------------------------------*/
+/*  PARAGRAPHS
+/*------------------------------------------*/
+
+p.p-sm { font-size: 0.9375rem; }   /* 15px */
+p { font-size: 1rem; }             /* 16px */
+p.p-md { font-size: 1.0625rem; }   /* 17px */
+p.p-lg { font-size: 1.125rem; }    /* 18px */
+p.p-xl { font-size: 1.2rem; }      /* 19.2px */
+
+/*------------------------------------------*/
+/*  FONT SIZE
+/*------------------------------------------*/
+
+.s-15 { font-size: 0.9375rem; }  /* 15px */
+.s-16 { font-size: 1rem; }       /* 16px */
+.s-17 { font-size: 1.0625rem; }  /* 17px */
+.s-18 { font-size: 1.125rem; }   /* 18px */
+.s-19 { font-size: 1.1875rem; }  /* 19px */
+.s-20 { font-size: 1.25rem; }    /* 20px */
+.s-21 { font-size: 1.3125rem; }  /* 21px */
+.s-22 { font-size: 1.375rem; }   /* 22px */
+.s-23 { font-size: 1.4375rem; }  /* 23px */
+.s-24 { font-size: 1.5rem; }     /* 24px */
+.s-26 { font-size: 1.625rem; }   /* 26px */
+.s-28 { font-size: 1.75rem; }    /* 28px */
+.s-30 { font-size: 1.875rem; }   /* 30px */
+.s-32 { font-size: 2rem; }       /* 32px */
+.s-34 { font-size: 2.125rem; }   /* 34px */
+.s-36 { font-size: 2.25rem; }    /* 36px */
+.s-38 { font-size: 2.375rem; }   /* 38px */
+.s-40 { font-size: 2.5rem; }     /* 40px */
+.s-42 { font-size: 2.625rem; }   /* 42px */
+.s-43 { font-size: 2.6875rem; }  /* 43px */
+.s-44 { font-size: 2.75rem; }    /* 44px */
+.s-45 { font-size: 2.8125rem; }  /* 45px */
+.s-46 { font-size: 2.875rem; }   /* 46px */
+.s-47 { font-size: 2.9375rem; }  /* 47px */
+.s-48 { font-size: 3rem; }       /* 48px */
+.s-50 { font-size: 3.125rem; }   /* 50px */
+.s-52 { font-size: 3.25rem; }    /* 52px */
+.s-54 { font-size: 3.375rem; }   /* 54px */
+.s-56 { font-size: 3.5rem; }     /* 56px */
+.s-58 { font-size: 3.625rem; }   /* 58px */
+.s-60 { font-size: 3.75rem; }    /* 60px */
+.s-62 { font-size: 3.875rem; }   /* 62px */
+.s-64 { font-size: 4rem; }       /* 64px */
+.s-66 { font-size: 4.125rem; }   /* 66px */
+.s-68 { font-size: 4.25rem; }    /* 68px */
+.s-70 { font-size: 4.375rem; }   /* 70px */
+.s-72 { font-size: 4.5rem; }     /* 72px */
+.s-74 { font-size: 4.625rem; }   /* 74px */
+.s-76 { font-size: 4.75rem; }    /* 76px */
+.s-78 { font-size: 4.875rem; }   /* 78px */
+.s-80 { font-size: 5rem; }       /* 80px */
+
+/*------------------------------------------*/
+/*  FONT WEIGHT
+/*------------------------------------------*/
+
+.txt-upcase { 
+  text-transform: uppercase 
+}
+
+.w-200 { font-weight: 200; }
+.w-300 { font-weight: 300; }
+.w-400 { font-weight: 400; }
+.w-500 { font-weight: 500; }
+.w-600 { font-weight: 600; }
+.w-700 { font-weight: 700; }
+.w-800 { font-weight: 800; }
+.w-900 { font-weight: 900; }  
+
+/*------------------------------------------*/
+/*  LINK SETTINGS
+/*------------------------------------------*/
+
+a {
+  color: #6c757d;
+  text-decoration: none;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+a:hover {
+  color: #353f4f!important;
+  text-decoration: none;
+}
+
+a:focus {
+  outline: none;
+  text-decoration: none;
+}
+
+a.tra-link {
+  font-size: 1rem;
+  line-height: 1;
+  font-weight: 500;
+}
+
+a.tra-link span {
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.tra-link.ico-20 [class*="flaticon-"]:before, 
+.tra-link.ico-20 [class*="flaticon-"]:after { 
+  position: relative;
+  font-size: 0.75rem; 
+  line-height: 0.7rem!important;
+  top: 2px;
+  left: 2px;
+}
+
+a.tra-link:hover span {
+  color: #353f4f!important;
+}
+
+/*------------------------------------------*/
+/*  LISTS
+/*------------------------------------------*/
+
+ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+} 
+
+/*------------------------------------------*/
+/*  TEXT LIST
+/*------------------------------------------*/
+
+ul.simple-list {
+  list-style: disc;
+  margin-left: 15px;
+}
+
+ul.simple-list.long-list p {
+  margin-bottom: 8px;
+}
+
+/*------------------------------------------*/
+/*  DIGIT LIST
+/*------------------------------------------*/
+
+ol.digit-list {
+  padding: 0;
+  margin-left: 15px;
+}
+
+ol.digit-list p {
+  margin-bottom: 8px;
+}
+
+/*------------------------------------------*/
+/*  BUTTON SETTINGS
+/*------------------------------------------*/
+
+.btn {
+  background-color: transparent;
+  font-size: 1rem;
+  line-height: 1;
+  font-weight: 500;
+  padding: 0.9rem 1.8rem;
+  border: 2px solid transparent;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.btn.btn-sm {
+  font-size: 0.975rem;
+  padding: 0.7rem 1.5rem;
+}
+
+.btn.ico-30.ico-left,
+.btn.ico-30.ico-right {
+  padding: 0.37rem 0;
+}
+
+/*------------------------------------------*/
+/*  Buttons Group
+/*------------------------------------------*/
+
+.text-center .btns-group {
+  display: inline-block;
+}
+
+.btns-group .btn:first-child {
+  margin-right: 15px;
+}
+
+.btns-group .btn.ico-30.ico-left {
+  padding: 0.37rem 0.5rem;
+}
+
+.btns-group .btn.ico-30.ico-right {
+  padding: 0.37rem 0;
+}
+
+/*------------------------------------------*/
+/*  Button Icon
+/*------------------------------------------*/
+
+.btn.ico-20 [class*="flaticon-"]:before, 
+.btn.ico-20 [class*="flaticon-"]:after { 
+  position: relative;
+  font-size: 1rem; 
+  line-height: 0.7rem!important;
+  top: 4px;
+}
+
+.btn.ico-left span {
+  margin-right: 5px;
+}
+
+.btn.ico-right span {
+  margin-left: 5px;
+}
+
+.btn.ico-30.ico-left span {
+  position: relative;
+  top: 0;
+  right: 4px;
+}
+
+.btn.ico-30.ico-right span {
+  position: relative;
+  top: 0;
+  left: 4px;
+}
+
+.btn.ico-30.ico-left span.ico-30-txt,
+.btn.ico-30.ico-right span.ico-30-txt {
+  position: relative;
+  top: -10px;
+  right: 0;
+}
+
+.btn.ico-30.ico-right span.ico-30-txt {
+  left: 0;
+}
+
+/*------------------------------------------*/
+/*  Button Text
+/*------------------------------------------*/
+
+p.btn-txt {
+  margin: 20px 0 0 0;
+}
+
+.btn-rating p.btn-txt {
+  margin: 0;
+}
+
+.star-rating span.rating-txt {
+  font-size: 0.9375rem;
+}
+
+p.btns-group-txt {
+  margin: 14px 0 0 0;
+}
+
+.btn-rating {
+  margin-top: 18px;
+}
+
+.text-center p.btns-group-txt {
+  margin-top: 20px;
+}
+
+p.btn-txt.ico-15,
+p.btns-group-txt.ico-15 {
+  padding-left: 5px;
+}
+
+.text-center p.btn-txt.ico-15,
+.text-center p.btns-group-txt.ico-15 {
+  padding-left: 0;
+}
+
+p.btn-txt span,
+p.btns-group-txt span {
+  position: relative;
+  top: 0.5px;
+  right: 2px;
+}
+
+p.btns-group-txt span.txt-data {
+  display: block;
+  top: 0;
+  right: 0;
+}
+
+p.btns-group-txt span.txt-data a {
+  margin-left: 4px;
+  text-decoration: underline;
+}
+
+p.btns-group-txt span.txt-data a:hover {
+  text-decoration: none;
+}
+
+.hero-section .color--white p.btns-group-txt span.txt-data a:hover {
+  color: #fff!important;
+}
+
+.btn-txt.ico-15 [class*="flaticon-"]:before, 
+.btn-txt.ico-15 [class*="flaticon-"]:after,
+.btns-group-txt.ico-15 [class*="flaticon-"]:before, 
+.btns-group-txt.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+.star-rating.ico-15 [class*="flaticon-"]:before, 
+.star-rating.ico-15 [class*="flaticon-"]:after { position: relative; font-size: 1rem; top: 3px; }
+
+/*------------------------------------------*/
+/*  TRANSPARENT BUTTON
+/*------------------------------------------*/
+
+.btn--tra {
+  color: #fff!important;
+  border-color: transparent!important;
+  background-color: rgba(255, 255, 255, .2)!important;
+}
+
+/*------------------------------------------*/
+/*  WHITE BUTTON
+/*------------------------------------------*/
+
+.btn--transparent {
+  color: #353f4f;
+  background-color: transparent;
+  border-color: transparent;
+}
+
+.btn--transparent:hover {
+  background-color: transparent!important;
+  border-color: transparent!important;
+} 
+
+.btn--white,
+.hover--white:hover {
+  color: #353f4f!important;
+  background-color: #fff!important;
+  border-color: #fff!important;
+}
+
+.btn--tra-white,
+.hover--tra-white:hover {
+  color: #fff!important;
+  background-color: transparent!important;
+  border-color: #fff!important;
+}
+
+.white-scroll .scroll .hover--tra-white:hover {
+  color: #353f4f!important;
+  background-color: transparent!important;
+  border-color: #353f4f!important;
+}
+
+/*------------------------------------------*/
+/*  BLACK BUTTON
+/*------------------------------------------*/
+
+.btn--black,
+.hover--black:hover {
+  color: #fff!important;
+  background-color: #353f4f!important;
+  border-color: #353f4f!important;
+}
+
+.btn--tra-black,
+.hover--tra-black:hover {
+  color: #353f4f!important;
+  background-color:transparent!important;
+  border-color: #353f4f!important;
+}
+
+/*------------------------------------------*/
+/*  GREY BUTTON
+/*------------------------------------------*/
+
+.btn--tra-grey, 
+.hover--tra-grey:hover,
+.white-scroll .scroll .hover--tra-grey:hover,
+.black-scroll .scroll .hover--tra-grey:hover  {
+  color: #353f4f!important;
+  background-color: transparent!important;
+  border-color: #ccc!important;
+}
+
+/*------------------------------------------*/
+/*  BLUE BUTTON
+/*------------------------------------------*/
+
+.btn--blue-500, .hover--blue-500:hover,
+.white-scroll .scroll .hover--blue-500:hover,
+.black-scroll .scroll .hover--blue-500:hover {
+  color: #fff!important;
+  border-color: #185abd!important;
+  background-color: #185abd!important;
+}
+
+.btn--blue-400, .hover--blue-400:hover,
+.white-scroll .scroll .hover--blue-400:hover,
+.black-scroll .scroll .hover--blue-400:hover {
+  color: #fff!important;
+  border-color: #1680fb!important;
+  background-color: #1680fb!important;
+}
+
+.btn--blue-300, .hover--blue-300:hover,
+.white-scroll .scroll .hover--blue-300:hover,
+.black-scroll .scroll .hover--blue-300:hover {
+  color: #fff!important;
+  border-color: #3eb1ff!important;
+  background-color: #3eb1ff!important;
+}
+
+.btn--blue-200, .hover--blue-200:hover,
+.white-scroll .scroll .hover--blue-200:hover,
+.black-scroll .scroll .hover--blue-200:hover {
+  color: #1680fb!important;
+  border-color: #e3ebfe!important;
+  background-color: #e3ebfe!important;
+}
+
+.btn--blue-100, .hover--blue-100:hover,
+.white-scroll .scroll .hover--blue-100:hover,
+.black-scroll .scroll .hover--blue-100:hover {
+  color: #1680fb!important;
+  border-color: #1680fb!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  GREEN BUTTON
+/*------------------------------------------*/
+
+.btn--green-500, .hover--green-500:hover,
+.white-scroll .scroll .hover--green-500:hover,
+.black-scroll .scroll .hover--green-500:hover {
+  color: #fff!important;
+  border-color: #00a14e!important;
+  background-color: #00a14e!important;
+}
+
+.btn--green-400, .hover--green-400:hover,
+.white-scroll .scroll .hover--green-400:hover,
+.black-scroll .scroll .hover--green-400:hover {
+  color: #fff!important;
+  border-color: #0fbc49!important;
+  background-color: #0fbc49!important;
+}
+
+.btn--green-300, .hover--green-300:hover,
+.white-scroll .scroll .hover--green-300:hover,
+.black-scroll .scroll .hover--green-300:hover {
+  color: #fff!important;
+  border-color: #6fd792!important;
+  background-color: #6fd792!important;
+}
+
+.btn--green-200, .hover--green-200:hover,
+.white-scroll .scroll .hover--green-200:hover,
+.black-scroll .scroll .hover--green-200:hover {
+  color: #0fbc49!important;
+  border-color: #cff2db!important;
+  background-color: #cff2db!important;
+}
+
+.btn--green-100, .hover--green-100:hover,
+.white-scroll .scroll .hover--green-100:hover,
+.black-scroll .scroll .hover--green-100:hover {
+  color: #0fbc49!important;
+  border-color: #0fbc49!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  PINK BUTTON
+/*------------------------------------------*/
+
+.btn--pink-500, .hover--pink-500:hover,
+.white-scroll .scroll .hover--pink-500:hover,
+.black-scroll .scroll .hover--pink-500:hover {
+  color: #fff!important;
+  border-color: #ff149c!important;
+  background-color: #ff149c!important;
+}
+
+.btn--pink-400, .hover--pink-400:hover,
+.white-scroll .scroll .hover--pink-400:hover,
+.black-scroll .scroll .hover--pink-400:hover {
+  color: #fff!important;
+  border-color: #f74780!important;
+  background-color: #f74780!important;
+}
+
+.btn--pink-300, .hover--pink-300:hover,
+.white-scroll .scroll .hover--pink-300:hover,
+.black-scroll .scroll .hover--pink-300:hover {
+  color: #fff!important;
+  border-color: #fcb5cc!important;
+  background-color: #fcb5cc!important;
+}
+
+.btn--pink-200, .hover--pink-200:hover,
+.white-scroll .scroll .hover--pink-200:hover,
+.black-scroll .scroll .hover--pink-200:hover {
+  color: #f74780!important;
+  border-color: #fee4ec!important;
+  background-color: #fee4ec!important;
+}
+
+.btn--pink-100, .hover--pink-100:hover,
+.white-scroll .scroll .hover--pink-100:hover,
+.black-scroll .scroll .hover--pink-100:hover {
+  color: #f74780!important;
+  border-color: #f74780!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  PURPLE BUTTON
+/*------------------------------------------*/
+
+.btn--purple-500, .hover--purple-500:hover,
+.white-scroll .scroll .hover--purple-500:hover,
+.black-scroll .scroll .hover--purple-500:hover {
+  color: #fff!important;
+  border-color: #663ae9!important;
+  background-color: #663ae9!important;
+}
+
+.btn--purple-400, .hover--purple-400:hover,
+.white-scroll .scroll .hover--purple-400:hover,
+.black-scroll .scroll .hover--purple-400:hover {
+  color: #fff!important;
+  border-color: #7b5dd6!important;
+  background-color: #7b5dd6!important;
+}
+
+.btn--purple-300, .hover--purple-300:hover,
+.white-scroll .scroll .hover--purple-300:hover,
+.black-scroll .scroll .hover--purple-300:hover {
+  color: #fff!important;
+  border-color: #bdaeea!important;
+  background-color: #bdaeea!important;
+}
+
+.btn--purple-200, .hover--purple-200:hover,
+.white-scroll .scroll .hover--purple-200:hover,
+.black-scroll .scroll .hover--purple-200:hover {
+  color: #7b5dd6!important;
+  border-color: #e5deff!important;
+  background-color: #e5deff!important;
+}
+
+.btn--purple-100, .hover--purple-100:hover,
+.white-scroll .scroll .hover--purple-100:hover,
+.black-scroll .scroll .hover--purple-100:hover {
+  color: #7b5dd6!important;
+  border-color: #7b5dd6!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  RED BUTTON
+/*------------------------------------------*/
+
+.btn--red-500, .hover--red-500:hover,
+.white-scroll .scroll .hover--red-500:hover,
+.black-scroll .scroll .hover--red-500:hover {
+  color: #fff!important;
+  border-color: #da0f29!important;
+  background-color: #da0f29!important;
+}
+
+.btn--red-400, .hover--red-400:hover,
+.white-scroll .scroll .hover--red-400:hover,
+.black-scroll .scroll .hover--red-400:hover {
+  color: #fff!important;
+  border-color: #ff1e1a!important;
+  background-color: #ff1e1a!important;
+}
+
+.btn--red-300, .hover--red-300:hover,
+.white-scroll .scroll .hover--red-300:hover,
+.black-scroll .scroll .hover--red-300:hover {
+  color: #fff!important;
+  border-color: #ffa5a3!important;
+  background-color: #ffa5a3!important;
+}
+
+.btn--red-200, .hover--red-200:hover,
+.white-scroll .scroll .hover--red-200:hover,
+.black-scroll .scroll .hover--red-200:hover {
+  color: #ff1e1a!important;
+  border-color: #ffd2d1!important;
+  background-color: #ffd2d1!important;
+}
+
+.btn--red-100, .hover--red-100:hover,
+.white-scroll .scroll .hover--red-100:hover,
+.black-scroll .scroll .hover--red-100:hover {
+  color: #ff1e1a!important;
+  border-color: #ff1e1a!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  VIOLET BUTTON
+/*------------------------------------------*/
+
+.btn--violet-500, .hover--violet-500:hover,
+.white-scroll .scroll .hover--violet-500:hover,
+.black-scroll .scroll .hover--violet-500:hover {
+  color: #fff!important;
+  border-color: #c73e9b!important;
+  background-color: #c73e9b!important;
+}
+
+.btn--violet-400, .hover--violet-400:hover,
+.white-scroll .scroll .hover--violet-400:hover,
+.black-scroll .scroll .hover--violet-400:hover {
+  color: #fff!important;
+  border-color: #be6cbe!important;
+  background-color: #be6cbe!important;
+}
+
+.btn--violet-300, .hover--violet-300:hover,
+.white-scroll .scroll .hover--violet-300:hover,
+.black-scroll .scroll .hover--violet-300:hover {
+  color: #fff!important;
+  border-color: #e2bde2!important;
+  background-color: #e2bde2!important;
+}
+
+.btn--violet-200, .hover--violet-200:hover,
+.white-scroll .scroll .hover--violet-200:hover,
+.black-scroll .scroll .hover--violet-200:hover {
+  color: #be6cbe!important;
+  border-color: #f1cde5!important;
+  background-color: #f1cde5!important;
+}
+
+.btn--violet-100, .hover--violet-100:hover,
+.white-scroll .scroll .hover--violet-100:hover,
+.black-scroll .scroll .hover--violet-100:hover {
+  color: #be6cbe!important;
+  border-color: #be6cbe!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  YELLOW BUTTON
+/*------------------------------------------*/
+
+.btn--yellow-500, .hover--yellow-500:hover,
+.white-scroll .scroll .hover--yellow-500:hover,
+.black-scroll .scroll .hover--yellow-500:hover {
+  color: #353f4f!important;
+  border-color: #ffba01!important;
+  background-color: #ffba01!important;
+}
+
+.btn--yellow-400, .hover--yellow-400:hover,
+.white-scroll .scroll .hover--yellow-400:hover,
+.black-scroll .scroll .hover--yellow-400:hover {
+  color: #353f4f!important;
+  border-color: #ffbd45!important;
+  background-color: #ffbd45!important;
+}
+
+.btn--yellow-300, .hover--yellow-300:hover,
+.white-scroll .scroll .hover--yellow-300:hover,
+.black-scroll .scroll .hover--yellow-300:hover {
+  color: #353f4f!important;
+  border-color: #ffdf35!important;
+  background-color: #ffdf35!important;
+}
+
+.btn--yellow-200, .hover--yellow-200:hover,
+.white-scroll .scroll .hover--yellow-200:hover,
+.black-scroll .scroll .hover--yellow-200:hover {
+  color: #353f4f!important;
+  border-color: #fef5cd!important;
+  background-color: #fef5cd!important;
+}
+
+.btn--yellow-100, .hover--yellow-100:hover,
+.white-scroll .scroll .hover--yellow-100:hover,
+.black-scroll .scroll .hover--yellow-100:hover {
+  color: #ffba01!important;
+  border-color: #ffba01!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  BUTTON FOCUS
+/*------------------------------------------*/
+
+.btn:focus,
+.btn.btn--black:focus {
+  color: #fff; 
+  -webkit-box-shadow: none;
+  box-shadow: none; 
+}
+
+.btn--transparent:focus {
+  background-color: transparent!important;
+  border-color: transparent!important;
+} 
+
+.btn--grey:focus {
+  color: #666; 
+  -webkit-box-shadow: none;
+  box-shadow: none; 
+}
+
+.btn--tra-black:focus, 
+.btn--transparent:focus,
+.btn.btn--tra-grey:focus {
+  color: #353f4f; 
+  -webkit-box-shadow: none;
+  box-shadow: none; 
+}
+
+/*------------------------------------------*/
+/*  DOWNLOAD LINKS
+/*------------------------------------------*/
+
+.download-links li {
+  width: auto!important;
+  display: inline-block!important;
+  vertical-align: top;
+  clear: none !important;
+}
+
+.download-links-divider {
+  position: relative;
+  top: 1.5px;
+  transform: rotate(-90deg);
+}
+
+.download-links li p {
+  display: inline-block;
+  float: left;
+  margin-bottom: 0;
+}
+
+.download-links li p a {
+  font-weight: 500;
+}
+
+.download-links li p a:hover {
+  text-decoration: underline;
+}
+
+.color--white .download-links li p a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  OS DOWNLOAD BUTTON
+/*------------------------------------------*/ 
+
+.os-btn {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+  text-align: left;
+  width: 330px;
+  min-width: 330px;
+  background-color: #fff;
+  border: 1px solid #d3d3d3;
+  padding: 17px 18px 15px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.os-btn:hover {
+  background-color: #f5f6f7;
+  border: 1px solid #f5f6f7;
+  -webkit-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05);
+  -moz-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05);
+  box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05);
+}
+
+.os-btn-ico {
+  position: relative;
+  margin-right: 20px;
+}
+
+.os-btn-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.os-btn-txt p {
+  color: #353f4f;
+  font-size: 1.05rem;
+  line-height: 1;
+  font-weight: 500;
+  letter-spacing: -0.5px;
+  margin-top: 6px;
+  margin-bottom: 5px;
+}
+
+.os-btn-txt span {
+  display: block;
+  font-size: 0.9rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  STORE BADGE ICONS
+/*------------------------------------------*/
+
+.stores-badge {
+  display: inline-block;
+}
+
+.store {
+  display: inline-block;
+  text-align: center;
+  margin-right: 10px;
+}
+
+.store:last-child {
+  margin-right: 0;
+} 
+
+.store img {
+  width: auto;
+  max-width: inherit;
+}
+
+.badge-img-xs .store img { max-height: 2.5rem; }
+.badge-img-sm .store img { max-height: 2.625rem; }
+.badge-img-md .store img { max-height: 2.875rem; }
+.badge-img-lg .store img { max-height: 3rem; }
+
+/*------------------------------------------*/
+/*  WATCH VIDEO LINK
+/*------------------------------------------*/
+
+.watch-video {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+  margin-top: 25px;
+}
+
+/*------------------------------------------*/
+/*  Link Icon
+/*------------------------------------------*/
+
+.watch-video-link {
+  position: relative;
+  text-align: center;
+  float: left;
+  width: 2.85rem;
+  height: 2.85rem; 
+  color: #fff;
+  border: none;
+  margin-right: 12px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  border-radius: 100%; 
+}
+
+.watch-video-link:before {
+  content: '';
+  position: absolute;
+  left: -3px;
+  right: -3px;
+  top: -3px;
+  bottom: -3px;
+  background: rgba(255, 255, 255, 0.2);
+  opacity: 0;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+.watch-video-link:hover:before {
+  opacity: .75;
+  left: -8px;
+  right: -8px;
+  top: -8px;
+  bottom: -8px;
+}
+
+.watch-video-link span[class^="flaticon-"]:before, 
+.watch-video-link span[class^="flaticon-"]:after {
+  font-size: 2rem; 
+  line-height: 2.85rem!important;   
+  margin-left: 5px;
+}
+
+/*------------------------------------------*/
+/*  Link Text
+/*------------------------------------------*/
+
+.watch-video-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+  text-align: left!important;
+}
+
+p.video-txt-lg {
+  font-size: 1rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 5px;
+}
+
+p.video-txt-sm {
+  font-size: 0.925rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  VIDEO POPUP ICON
+/*------------------------------------------*/
+
+.video-preview {
+  position: relative; 
+  text-align: center;
+}
+
+.video-btn {
+  position: absolute!important;
+  top: 50%;
+  left: 50%;
+  display: inline-block;
+  text-align: center;
+  color: #fff;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  border-radius: 100%; 
+}
+
+.video-btn-xl {
+  width: 6.25rem;
+  height: 6.25rem;
+  margin-top: -3.125rem;
+  margin-left: -3.125rem;
+}
+
+.video-btn-lg {
+  width: 5.625rem;
+  height: 5.625rem;
+  margin-top: -2.8125rem;
+  margin-left: -2.8125rem;
+}
+
+.video-btn-md {
+  width: 5rem;
+  height: 5rem;
+  margin-top: -2.5rem;
+  margin-left: -2.5rem;
+}
+
+.video-btn-sm {
+  width: 4.375rem;
+  height: 4.375rem;
+  margin-top: -2.1875rem;
+  margin-left: -2.1875rem;
+}
+
+.video-block-wrapper {
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+.video-btn.video-btn-xl [class^="flaticon-"]:before, 
+.video-btn.video-btn-xl [class^="flaticon-"]:after {
+  font-size: 5rem;
+  line-height: 6.25rem!important;   
+  margin-left: 10px;
+}
+
+.video-btn.video-btn-lg [class^="flaticon-"]:before, 
+.video-btn.video-btn-lg [class^="flaticon-"]:after {
+  font-size: 4.5rem;
+  line-height: 5.625rem!important;   
+  margin-left: 8px;
+}
+
+.video-btn.video-btn-md [class^="flaticon-"]:before, 
+.video-btn.video-btn-md [class^="flaticon-"]:after {
+  font-size: 4.35rem;
+  line-height: 5rem!important;   
+  margin-left: 8px;
+}
+
+.video-btn.video-btn-sm [class^="flaticon-"]:before, 
+.video-btn.video-btn-sm [class^="flaticon-"]:after {
+  font-size: 3.5rem;
+  line-height: 4.375rem!important;   
+  margin-left: 5px;
+}
+
+.video-btn:hover .video-block-wrapper {
+  -moz-transform: scale(0.95);
+  -ms-transform: scale(0.95);
+  -webkit-transform: scale(0.95);
+  -o-transform: scale(0.95);
+  transform: scale(0.95);
+}
+
+.video-btn:before {
+  content: '';
+  position: absolute;
+  left: -5px;
+  right: -5px;
+  top: -5px;
+  bottom: -5px;
+  background: rgba(255, 255, 255, 0.2);
+  opacity: 0;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+.video-btn.video-btn-xl:hover:before {
+  opacity: .75;
+  left: -1.5rem;
+  right: -1.5rem;
+  top: -1.5rem;
+  bottom: -1.5rem;
+}
+
+.video-btn.video-btn-lg:hover:before {
+  opacity: .75;
+  left: -1.25rem;
+  right: -1.25rem;
+  top: -1.25rem;
+  bottom: -1.25rem;
+}
+
+.video-btn.video-btn-md:hover:before {
+  opacity: .75;
+  left: -1rem;
+  right: -1rem;
+  top: -1rem;
+  bottom: -1rem;
+}
+
+.video-btn.video-btn-sm:hover:before {
+  opacity: .75;
+  left: -0.75rem;
+  right: -0.75rem;
+  top: -0.75rem;
+  bottom: -0.75rem;
+}
+
+/*------------------------------------------*/
+/*  VECTOR ICONS
+/*------------------------------------------*/
+
+.ico-10 [class*="flaticon-"]:before, .ico-10 [class*="flaticon-"]:after { font-size: 0.75rem; }     /* 15px */
+.ico-15 [class*="flaticon-"]:before, .ico-15 [class*="flaticon-"]:after { font-size: 0.9375rem; }   /* 15px */
+.ico-20 [class*="flaticon-"]:before, .ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; }     /* 20px */
+.ico-25 [class*="flaticon-"]:before, .ico-25 [class*="flaticon-"]:after { font-size: 1.5625rem; }   /* 25px */
+.ico-30 [class*="flaticon-"]:before, .ico-30 [class*="flaticon-"]:after { font-size: 1.875rem; }    /* 30px */
+.ico-35 [class*="flaticon-"]:before, .ico-35 [class*="flaticon-"]:after { font-size: 2.1875rem; }   /* 35px */
+.ico-40 [class*="flaticon-"]:before, .ico-40 [class*="flaticon-"]:after { font-size: 2.5rem; }      /* 40px */
+.ico-45 [class*="flaticon-"]:before, .ico-45 [class*="flaticon-"]:after { font-size: 2.8125rem; }   /* 45px */
+.ico-50 [class*="flaticon-"]:before, .ico-50 [class*="flaticon-"]:after { font-size: 3.125rem; }    /* 50px */
+.ico-55 [class*="flaticon-"]:before, .ico-55 [class*="flaticon-"]:after { font-size: 3.4375rem; }   /* 55px */
+.ico-60 [class*="flaticon-"]:before, .ico-60 [class*="flaticon-"]:after { font-size: 3.75rem; }     /* 60px */
+.ico-65 [class*="flaticon-"]:before, .ico-65 [class*="flaticon-"]:after { font-size: 4.0625rem; }   /* 65px */
+.ico-70 [class*="flaticon-"]:before, .ico-70 [class*="flaticon-"]:after { font-size: 4.375rem; }    /* 70px */
+.ico-75 [class*="flaticon-"]:before, .ico-75 [class*="flaticon-"]:after { font-size: 4.6875rem; }   /* 75px */
+.ico-80 [class*="flaticon-"]:before, .ico-80 [class*="flaticon-"]:after { font-size: 5rem; }        /* 80px */
+.ico-85 [class*="flaticon-"]:before, .ico-85 [class*="flaticon-"]:after { font-size: 5.3125rem; }   /* 85px */
+.ico-90 [class*="flaticon-"]:before, .ico-90 [class*="flaticon-"]:after { font-size: 5.625rem; }    /* 90px */
+.ico-95 [class*="flaticon-"]:before, .ico-95 [class*="flaticon-"]:after { font-size: 5.9375rem; }   /* 95px */
+.ico-100 [class*="flaticon-"]:before, .ico-100 [class*="flaticon-"]:after { font-size: 6.25rem; }   /* 100px */
+.ico-105 [class*="flaticon-"]:before, .ico-105 [class*="flaticon-"]:after { font-size: 6.5625rem; } /* 105px */
+.ico-110 [class*="flaticon-"]:before, .ico-110 [class*="flaticon-"]:after { font-size: 6.875rem; }  /* 110px */
+.ico-115 [class*="flaticon-"]:before, .ico-115 [class*="flaticon-"]:after { font-size: 7.1875rem; } /* 115px */
+.ico-120 [class*="flaticon-"]:before, .ico-120 [class*="flaticon-"]:after { font-size: 7.5rem; }    /* 120px */
+.ico-125 [class*="flaticon-"]:before, .ico-125 [class*="flaticon-"]:after { font-size: 7.8125rem; } /* 125px */
+
+/*------------------------------------------*/
+/*  VECTOR ICON BACKGROUND
+/*------------------------------------------*/ 
+
+.shape-ico {
+  position: relative;
+  display: inline-block;
+  margin: 0 auto;
+}
+
+.shape-ico span {
+  position: relative;
+  z-index:  2;
+}
+
+.shape-ico svg {
+  position: absolute;
+  z-index:  1;
+}
+
+.ico-50 .shape-ico svg {
+  width: 130px;
+  height: 130px;
+  top: -35px;
+  left: calc(50% - 60px);
+}
+
+.fbox-11 .ico-50 .shape-ico svg {
+  top: -40px;
+  left: calc(50% - 70px);
+}
+
+.ico-55 .shape-ico svg {
+  width: 135px;
+  height: 135px;
+  top: -30px;
+  left: calc(50% - 60px);
+}
+
+.ico-60 .shape-ico svg {
+  width: 140px;
+  height: 140px;
+  top: -30px;
+  left: calc(50% - 65px);
+}
+
+.shape-ico.color--blue-300 path,
+.shape-ico.color--blue-400 path,
+.shape-ico.color--blue-500 path {
+  fill: #f4f9fc;
+}
+
+.shape-ico.color--green-300 path,
+.shape-ico.color--green-400 path,
+.shape-ico.color--green-500 path {
+  fill: #e9f8f2;
+}
+
+.shape-ico.color--pink-300 path,
+.shape-ico.color--pink-400 path,
+.shape-ico.color--pink-500 path {
+  fill: #feecf2;
+}
+
+.shape-ico.color--purple-300 path,
+.shape-ico.color--purple-400 path,
+.shape-ico.color--purple-500 path {
+  fill: #f1edff;
+}
+
+.shape-ico.color--red-300 path,
+.shape-ico.color--red-400 path,
+.shape-ico.color--red-500 path {
+  fill: #fce7e4;
+}
+
+.shape-ico.color--violet-300 path,
+.shape-ico.color--violet-400 path,
+.shape-ico.color--violet-500 path {
+  fill: #f7e4f1;
+}
+
+/*------------------------------------------*/
+/*  VECTOR ROUNDED ICONS
+/*------------------------------------------*/ 
+
+.ico-rounded,
+.ico-rounded-md,
+.ico-rounded-lg {
+  display: inline-block;
+  text-align: center;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+}
+
+.ico-rounded { width: 80px; height: 80px; }
+.ico-rounded-md { width: 90px; height: 90px; }
+.ico-rounded-lg { width: 100px; height: 100px; }
+
+.ico-rounded [class*="flaticon-"]:before, 
+.ico-rounded [class*="flaticon-"]:after { font-size:2.15rem; line-height:80px!important; }
+
+.ico-rounded-md [class*="flaticon-"]:before, 
+.ico-rounded-md [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 90px!important; }
+
+.ico-rounded-lg [class*="flaticon-"]:before, 
+.ico-rounded-lg [class*="flaticon-"]:after { font-size: 2.65rem; line-height: 100px!important; }
+
+/*------------------------------------------*/
+/*  VECTOR SQUARE ICONS
+/*------------------------------------------*/ 
+
+.ico-square { 
+  display: inline-block;
+  text-align: center;
+  width: 80px; 
+  height: 80px; 
+  -webkit-border-radius: 12px;
+  -moz-border-radius: 12px;
+  -o-border-radius: 12px;
+  border-radius: 12px;
+}
+
+.ico-square [class*="flaticon-"]:before, 
+.ico-square [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 80px!important; }
+
+/*------------------------------------------*/
+/*   PNG ICONS SETTINGS
+/*------------------------------------------*/ 
+
+.ico-145 img { width: 145px; height: 145px; }
+.ico-140 img { width: 140px; height: 140px; }
+.ico-135 img { width: 135px; height: 135px; }
+.ico-130 img { width: 130px; height: 130px; }
+.ico-125 img { width: 125px; height: 125px; }
+.ico-120 img { width: 120px; height: 120px; }
+.ico-115 img { width: 115px; height: 115px; }
+.ico-110 img { width: 110px; height: 110px; }
+.ico-105 img { width: 105px; height: 105px; }
+.ico-100 img { width: 100px; height: 100px; }
+.ico-95 img { width: 95px; height: 95px; }
+.ico-90 img { width: 90px; height: 90px; }
+.ico-85 img { width: 85px; height: 85px; }
+.ico-80 img { width: 80px; height: 80px; }
+.ico-75 img { width: 75px; height: 75px; }
+.ico-70 img { width: 70px; height: 70px; }
+.ico-65 img { width: 65px; height: 65px; }
+.ico-60 img { width: 60px; height: 60px; }
+.ico-55 img { width: 55px; height: 55px; }
+.ico-50 img { width: 50px; height: 50px; }
+.ico-45 img { width: 45px; height: 45px; }
+.ico-40 img { width: 40px; height: 40px; }
+.ico-35 img { width: 35px; height: 35px; }
+.ico-30 img { width: 30px; height: 30px; }
+.ico-25 img { width: 25px; height: 25px; }
+.ico-20 img { width: 20px; height: 20px; }
+
+/*------------------------------------------*/
+/*   SECTION ID
+/*------------------------------------------*/
+
+.section-id {
+  display: block;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 700;
+  letter-spacing: 0.5px;
+  text-transform: uppercase;
+  margin-bottom: 35px;   
+}
+
+.section-id.rounded-id {
+  display: inline-block;
+  padding: 10px 24px;
+  font-size: 0.85rem;
+  text-transform: uppercase;
+  -webkit-border-radius: 100px;
+  -moz-border-radius: 100px;
+  border-radius: 100px;
+  margin-bottom: 40px; 
+}
+
+.section-id.border-id {
+  border-width: 2px;
+  border-style: solid;
+}
+
+.section-id.border-id.border--grey {
+  border-color: #757575;
+}
+
+.section-id.border-id.border--blue {
+  border-color: #1680fb;
+}
+
+.font--jakarta .section-id  {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+}
+
+.font--inter .section-id  {
+  font-family: 'Inter', sans-serif;
+}
+
+/*------------------------------------------*/
+/*  SECTION TITLE
+/*------------------------------------------*/
+
+.section-title {
+  text-align: center;
+}
+
+.section-title h2 {
+  margin-bottom: 0;
+}
+
+.section-title h2.w-700 {
+  letter-spacing: -0.5px;
+}
+
+.section-title p.p-md,
+.section-title p.p-lg,
+.section-title p.p-xl,
+.section-title p.s-20,
+.section-title p.s-21 {
+  margin-top: 18px;
+  margin-bottom: 0;
+}
+
+.section-title p.p-md,
+.section-title p.p-lg {
+  padding: 0 3%;
+}
+
+.section-title a.contact-link {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.section-title .btns-group .btn {
+  margin-top: 0;
+}
+
+.section-title .advantages,
+.section-title .btns-txt,
+.section-title .btns-group-txt {
+  margin-top: 20px;
+}
+
+/*------------------------------------------*/
+/*  TEXT COLORS
+/*------------------------------------------*/
+
+.color--white,
+.color--white h1,
+.color--white h2, 
+.color--white h3, 
+.color--white h4, 
+.color--white h5, 
+.color--white h6, 
+.color--white p, 
+.color--white a, 
+.color--white li,
+.color--white i, 
+.color--white span { color: #fff; }
+
+.color--snow,
+.color--snow h1, 
+.color--snow h2, 
+.color--snow h3, 
+.color--snow h4, 
+.color--snow h5, 
+.color--snow h6, 
+.color--snow p, 
+.color--snow a, 
+.color--snow li,
+.color--snow i, 
+.color--snow span,
+.color--white .color--snow { color: #c2c3cb; }
+
+.color--black,
+.color--black h1, 
+.color--black h2, 
+.color--black h3, 
+.color--black h4, 
+.color--black h5, 
+.color--black h6, 
+.color--black p, 
+.color--black a, 
+.color--black li,
+.color--black i, 
+.color--black span { color: #353f4f; }
+
+.color--coal,
+.color--coal h1, 
+.color--coal h2, 
+.color--coal h3, 
+.color--coal h4, 
+.color--coal h5, 
+.color--coal h6, 
+.color--coal p, 
+.color--coal a, 
+.color--coal li,
+.color--coal i, 
+.color--coal span { color: #52595d; }
+
+.color--grey,
+.color--grey h1, 
+.color--grey h2, 
+.color--grey h3, 
+.color--grey h4, 
+.color--grey h5, 
+.color--grey h6, 
+.color--grey p, 
+.color--grey a, 
+.color--grey li,
+.color--grey i, 
+.color--grey span,
+.color--white .color--grey { color: #757575; }
+
+.color--blue-500, 
+.color--blue-500 h1, 
+.color--blue-500 h2, 
+.color--blue-500 h3, 
+.color--blue-500 h4, 
+.color--blue-500 h5, 
+.color--blue-500 h6, 
+.color--blue-500 p, 
+.color--blue-500 a, 
+.color--blue-500 li, 
+.color--blue-500 i, 
+.color--blue-500 span,
+.color--white .color--blue-500 { color: #185abd!important; }
+
+.color--blue-400, 
+.color--blue-400 h1, 
+.color--blue-400 h2, 
+.color--blue-400 h3, 
+.color--blue-400 h4, 
+.color--blue-400 h5, 
+.color--blue-400 h6, 
+.color--blue-400 p, 
+.color--blue-400 a, 
+.color--blue-400 li, 
+.color--blue-400 i, 
+.color--blue-400 span,
+.color--white .color--blue-400 { color: #1680fb!important; }
+
+.color--blue-300, 
+.color--blue-300 h1, 
+.color--blue-300 h2, 
+.color--blue-300 h3, 
+.color--blue-300 h4, 
+.color--blue-300 h5, 
+.color--blue-300 h6, 
+.color--blue-300 p, 
+.color--blue-300 a, 
+.color--blue-300 li, 
+.color--blue-300 i, 
+.color--blue-300 span,
+.color--white .color--blue-300 { color: #3eb1ff!important; }
+
+.color--green-500, 
+.color--green-500 h1, 
+.color--green-500 h2, 
+.color--green-500 h3, 
+.color--green-500 h4, 
+.color--green-500 h5, 
+.color--green-500 h6, 
+.color--green-500 p, 
+.color--green-500 a, 
+.color--green-500 li, 
+.color--green-500 i, 
+.color--green-500 span,
+.color--white .color--green-500 { color: #00a14e!important; }
+
+.color--green-400, 
+.color--green-400 h1, 
+.color--green-400 h2, 
+.color--green-400 h3, 
+.color--green-400 h4, 
+.color--green-400 h5, 
+.color--green-400 h6, 
+.color--green-400 p, 
+.color--green-400 a, 
+.color--green-400 li, 
+.color--green-400 i, 
+.color--green-400 span,
+.color--white .color--green-400 { color: #0fbc49!important; }
+
+.color--green-300, 
+.color--green-300 h1, 
+.color--green-300 h2, 
+.color--green-300 h3, 
+.color--green-300 h4, 
+.color--green-300 h5, 
+.color--green-300 h6, 
+.color--green-300 p, 
+.color--green-300 a, 
+.color--green-300 li, 
+.color--green-300 i, 
+.color--green-300 span,
+.color--white .color--green-300 { color: #6fd792!important; }
+
+.color--pink-500, 
+.color--pink-500 h1, 
+.color--pink-500 h2, 
+.color--pink-500 h3, 
+.color--pink-500 h4, 
+.color--pink-500 h5, 
+.color--pink-500 h6, 
+.color--pink-500 p, 
+.color--pink-500 a, 
+.color--pink-500 li, 
+.color--pink-500 i, 
+.color--pink-500 span,
+.color--white .color--pink-500 { color: #ff149c!important; }
+
+.color--pink-400, 
+.color--pink-400 h1, 
+.color--pink-400 h2, 
+.color--pink-400 h3, 
+.color--pink-400 h4, 
+.color--pink-400 h5, 
+.color--pink-400 h6, 
+.color--pink-400 p, 
+.color--pink-400 a, 
+.color--pink-400 li, 
+.color--pink-400 i, 
+.color--pink-400 span,
+.color--white .color--pink-400 { color: #f74780!important; }
+
+.color--pink-300, 
+.color--pink-300 h1, 
+.color--pink-300 h2, 
+.color--pink-300 h3, 
+.color--pink-300 h4, 
+.color--pink-300 h5, 
+.color--pink-300 h6, 
+.color--pink-300 p, 
+.color--pink-300 a, 
+.color--pink-300 li, 
+.color--pink-300 i, 
+.color--pink-300 span,
+.color--white .color--pink-300 { color: #fcb5cc!important; }
+
+.color--purple-500, 
+.color--purple-500 h1, 
+.color--purple-500 h2, 
+.color--purple-500 h3, 
+.color--purple-500 h4, 
+.color--purple-500 h5, 
+.color--purple-500 h6, 
+.color--purple-500 p, 
+.color--purple-500 a, 
+.color--purple-500 li, 
+.color--purple-500 i, 
+.color--purple-500 span,
+.color--white .color--purple-500 { color: #663ae9!important; }
+
+.color--purple-400, 
+.color--purple-400 h1, 
+.color--purple-400 h2, 
+.color--purple-400 h3, 
+.color--purple-400 h4, 
+.color--purple-400 h5, 
+.color--purple-400 h6, 
+.color--purple-400 p, 
+.color--purple-400 a, 
+.color--purple-400 li, 
+.color--purple-400 i, 
+.color--purple-400 span,
+.color--white .color--purple-400 { color: #7b5dd6!important; }
+
+.color--purple-300, 
+.color--purple-300 h1, 
+.color--purple-300 h2, 
+.color--purple-300 h3, 
+.color--purple-300 h4, 
+.color--purple-300 h5, 
+.color--purple-300 h6, 
+.color--purple-300 p, 
+.color--purple-300 a, 
+.color--purple-300 li, 
+.color--purple-300 i, 
+.color--purple-300 span,
+.color--white .color--purple-300 { color: #bdaeea!important; }
+
+.color--red-500, 
+.color--red-500 h1, 
+.color--red-500 h2, 
+.color--red-500 h3, 
+.color--red-500 h4, 
+.color--red-500 h5, 
+.color--red-500 h6, 
+.color--red-500 p, 
+.color--red-500 a, 
+.color--red-500 li, 
+.color--red-500 i, 
+.color--red-500 span,
+.color--white .color--red-500 { color: #da0f29!important; }
+
+.color--red-400, 
+.color--red-400 h1, 
+.color--red-400 h2, 
+.color--red-400 h3, 
+.color--red-400 h4, 
+.color--red-400 h5, 
+.color--red-400 h6, 
+.color--red-400 p, 
+.color--red-400 a, 
+.color--red-400 li, 
+.color--red-400 i, 
+.color--red-400 span,
+.color--white .color--red-400 { color: #ff1e1a!important; }
+
+.color--red-300, 
+.color--red-300 h1, 
+.color--red-300 h2, 
+.color--red-300 h3, 
+.color--red-300 h4, 
+.color--red-300 h5, 
+.color--red-300 h6, 
+.color--red-300 p, 
+.color--red-300 a, 
+.color--red-300 li, 
+.color--red-300 i, 
+.color--red-300 span,
+.color--white .color--red-300 { color: #ffa5a3!important; }
+
+.color--violet-500, 
+.color--violet-500 h1, 
+.color--violet-500 h2, 
+.color--violet-500 h3, 
+.color--violet-500 h4, 
+.color--violet-500 h5, 
+.color--violet-500 h6, 
+.color--violet-500 p, 
+.color--violet-500 a, 
+.color--violet-500 li, 
+.color--violet-500 i, 
+.color--violet-500 span,
+.color--white .color--violet-500 { color: #c73e9b!important; }
+
+.color--violet-400, 
+.color--violet-400 h1, 
+.color--violet-400 h2, 
+.color--violet-400 h3, 
+.color--violet-400 h4, 
+.color--violet-400 h5, 
+.color--violet-400 h6, 
+.color--violet-400 p, 
+.color--violet-400 a, 
+.color--violet-400 li, 
+.color--violet-400 i, 
+.color--violet-400 span,
+.color--white .color--violet-400 { color: #be6cbe!important; }
+
+.color--violet-300, 
+.color--violet-300 h1, 
+.color--violet-300 h2, 
+.color--violet-300 h3, 
+.color--violet-300 h4, 
+.color--violet-300 h5, 
+.color--violet-300 h6, 
+.color--violet-300 p, 
+.color--violet-300 a, 
+.color--violet-300 li, 
+.color--violet-300 i, 
+.color--violet-300 span,
+.color--white .color--violet-300 { color: #e2bde2!important; }
+
+.color--yellow-500, 
+.color--yellow-500 h1, 
+.color--yellow-500 h2, 
+.color--yellow-500 h3, 
+.color--yellow-500 h4, 
+.color--yellow-500 h5, 
+.color--yellow-500 h6, 
+.color--yellow-500 p, 
+.color--yellow-500 a, 
+.color--yellow-500 li, 
+.color--yellow-500 i, 
+.color--yellow-500 span,
+.color--white .color--yellow-500 { color: #ffba01!important; }
+
+.color--yellow-400, 
+.color--yellow-400 h1, 
+.color--yellow-400 h2, 
+.color--yellow-400 h3, 
+.color--yellow-400 h4, 
+.color--yellow-400 h5, 
+.color--yellow-400 h6, 
+.color--yellow-400 p, 
+.color--yellow-400 a, 
+.color--yellow-400 li, 
+.color--yellow-400 i, 
+.color--yellow-400 span,
+.color--white .color--yellow-400 { color: #ffbd45!important; }
+
+.color--yellow-300, 
+.color--yellow-300 h1, 
+.color--yellow-300 h2, 
+.color--yellow-300 h3, 
+.color--yellow-300 h4, 
+.color--yellow-300 h5, 
+.color--yellow-300 h6, 
+.color--yellow-300 p, 
+.color--yellow-300 a, 
+.color--yellow-300 li, 
+.color--yellow-300 i, 
+.color--yellow-300 span,
+.color--white .color--yellow-300 { color: #ffdf35!important; }
+
+
+
+
+/* ==========================================================================
+  03. PRELOAD ANIMATION
+  ========================================================================== */
+
+#loading {
+  height: 100%;
+  width: 100%;
+  position: fixed;
+  z-index: 1;
+  margin-top: 0px;
+  top: 0px;
+  z-index: 99999999;
+}
+
+#loading { 
+  background-color: #f5f5f9;
+}
+
+#loading-center {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  height: 100px;
+  width: 100px;
+  margin-top: -50px;
+  margin-left: -50px;
+  -webkit-animation: loading-center-absolute 1s infinite;
+  animation: loading-center-absolute 1s infinite;
+}
+
+.loader {
+  border: 2px solid;
+  border-color: transparent #888;
+  width: 100px;
+  height: 100px;
+  border-radius: 50%;
+  display: inline-block;
+  position: relative;
+  box-sizing: border-box;
+  animation: rotation 1s linear infinite;
+}
+
+.loading--blue .loader { 
+  border-color: transparent #1680fb; 
+}
+
+.loading--green .loader { 
+  border-color: transparent #0fbc49; 
+}
+
+.loading--pink .loader { 
+  border-color: transparent #f74780; 
+}
+
+.loading--purple .loader { 
+  border-color: transparent #7b5dd6; 
+}
+
+.loading--red .loader { 
+  border-color: transparent #ff1e1a; 
+}
+
+.loading--violet .loader { 
+  border-color: transparent #c73e9b; 
+}
+
+.loading--yellow .loader { 
+  border-color: transparent #ffba01; 
+}
+
+.loader::after {
+  content: '';  
+  box-sizing: border-box;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  border: 50px solid;
+  border-color: transparent rgba(30, 30, 30, 0.15);
+  border-radius: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.loading--blue .loader::after {
+  border-color: transparent rgba(22, 128, 251, .15); 
+}
+
+.loading--green .loader::after {
+  border-color: transparent rgba(14, 188, 73, .15); 
+}
+
+.loading--pink .loader::after {
+  border-color: transparent rgba(247, 71, 128, .15); 
+}
+
+.loading--purple .loader::after {
+  border-color: transparent rgba(123, 93, 214, .15); 
+}
+
+.loading--red .loader::after {
+  border-color: transparent rgba(255, 30, 26, .15); 
+}
+
+.loading--violet .loader::after {
+  border-color: transparent rgba(1900, 108, 190, .15); 
+}
+
+.loading--yellow .loader::after {
+  border-color: transparent rgba(255, 186, 1, .15); 
+}
+
+@keyframes rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+} 
+
+
+
+
+/* ==========================================================================
+  04. HEADER & NAVIGATION
+  =========================================================================== */
+
+#header {
+  width: 100%;
+  display: block;
+  padding-top: 0px;
+}
+
+.header-wrapper {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 1030;
+}
+
+.headerwp {
+  max-width: 1140px;
+  margin: 0 auto;
+  padding: 0;
+}
+
+.posrlt {
+  position: relative;
+}
+
+/*------------------------------------------*/
+/*  HEADER LOGO
+/*------------------------------------------*/
+
+.desktoplogo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 38px;
+}
+
+.blog-header .desktoplogo img {
+  max-height: 30px;
+}
+
+/*------------------------------------------*/
+/*  NAVIGATION MENU
+/*------------------------------------------*/
+
+.wsmainfull {
+  width: 100%;
+  height: auto;
+  z-index: 1031;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out; 
+}
+
+.tra-menu .wsmainfull {
+  padding: 20px 0;
+  background-color: transparent!important;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+
+.white-menu .wsmainfull {
+  padding: 6px 0;
+  background-color: transparent;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.dark-menu .wsmainfull {
+  padding: 6px 0;
+  background-color: transparent;
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+#header.hiddden-header {
+  display: none;
+}
+
+.hidden-nav .wsmainfull {
+  margin-top: -140px;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  HEADER LINK
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > a {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  display: block;
+  font-size: 1rem;
+  line-height: 50px;
+  font-weight: 600;
+  letter-spacing: 0;
+  text-decoration: none;  
+  margin: 0 7px;
+  padding: 10px 15px;
+}
+
+.navbar-dark .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #353f4f;
+}
+
+.navbar-light .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #fff;
+}
+
+.wsmenu > .wsmenu-list > li > a.h-link.last-link {
+  padding: 10px 0px;
+  margin: 0;
+}
+
+.wsmenu > .wsmenu-list > li > a .wsarrow:after {
+  border-left: 4px solid rgba(0, 0, 0, 0);
+  border-right: 4px solid rgba(0, 0, 0, 0);
+  border-top: 4px solid;
+  content: "";
+  float: right;
+  right: 0;
+  height: 0;
+  margin: 0 0 0 14px;
+  position: absolute;
+  text-align: right;
+  top: 35px;
+  width: 0;
+}
+
+.wsmenu > .wsmenu-list > li.reg-fst-link > a {
+  margin-left: 30px;
+}
+
+/*------------------------------------------*/
+/*  HEADER LINK INFO
+/*------------------------------------------*/
+
+span.sm-info {
+  position: relative;
+  display: inline-block;
+  text-align: center;
+  width: 20px;
+  height: 20px;
+  color: #fff;
+  font-size: 0.65rem;
+  line-height: 19px;
+  font-weight: 700;
+  margin-left: 5px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+}
+
+.nav-blue-500 .sm-info { background-color: #185abd; }
+.nav-blue-400 .sm-info { background-color: #1680fb; }
+.nav-blue-300 .sm-info { background-color: #3eb1ff; }
+
+.nav-green-500 .sm-info { background-color: #00a14e; }
+.nav-green-400 .sm-info { background-color: #0fbc49; }
+.nav-green-300 .sm-info { background-color: #6fd792; }
+
+.nav-pink-500 .sm-info { background-color: #ff149c; }
+.nav-pink-400 .sm-info { background-color: #f74780; }
+.nav-pink-300 .sm-info { background-color: #fcb5cc; }
+
+.nav-purple-500 .sm-info { background-color: #663ae9; }
+.nav-purple-400 .sm-info { background-color: #7b5dd6; }
+.nav-purple-300 .sm-info { background-color: #bdaeea; }
+
+.nav-red-500 .sm-info { background-color: #da0f29; }
+.nav-red-400 .sm-info { background-color: #ff1e1a; }
+.nav-red-300 .sm-info { background-color: #ffa5a3; }
+
+.nav-violet-500 .sm-info { background-color: #c73e9b; }
+.nav-violet-400 .sm-info { background-color: #be6cbe; }
+.nav-violet-300 .sm-info { background-color: #e2bde2; }
+
+.nav-yellow-500 .sm-info { background-color: #ffba01; }
+.nav-yellow-400 .sm-info { background-color: #ffbd45; }
+.nav-yellow-300 .sm-info { background-color: #ffdf35; }
+
+/*------------------------------------------*/
+/*  HEADER BUTTONS
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li a.btn {
+  font-size: 1rem;
+  line-height: 30px;
+  font-weight: 600;
+  text-transform: none;
+  letter-spacing: 0;
+  margin-top: 14px;
+  padding: 4px 28px;
+}
+
+.wsmenu > .wsmenu-list > li a.btn.reg-btn {
+  padding: 4px 22px;
+}
+
+.wsmenu > .wsmenu-list > li a.btn.fst-btn-link {
+  margin-left: 12px;
+}
+
+.wsmenu > .wsmenu-list > li a.store.header-store {
+  line-height: 1;
+  margin-top: 13px;
+  margin-left: 10px;
+  margin-bottom: 0;
+  padding: 0;
+}
+
+.store.header-store img {
+  max-height: 44px;
+}
+
+/*------------------------------------------*/
+/*  HEADER SOCIAL LINKS  
+/*------------------------------------------*/
+
+.header-socials {
+  margin: 0;
+  display: inline-block; 
+  text-align: center;
+}
+
+.header-socials span {
+  float: left;
+  width: auto !important;
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  margin: 0;
+}
+
+.header-socials a {
+  display: block; 
+  margin-left: 18px;
+}
+
+.navbar-light .header-socials a {
+  color: #ddd;
+}
+
+.navbar-light .header-socials a:hover {
+  color: #ccc!important;
+}
+
+.header-socials.ico-20 [class*="flaticon-"]:before, 
+.header-socials.ico-20 [class*="flaticon-"]:after { line-height: 70px!important; } 
+
+/*------------------------------------------*/
+/*  HEADER SUBMENU
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu {
+  width: auto;
+  min-width: 200px;
+  top: 62px;
+  padding: 12px 10px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
+  background-color: rgba(244, 244, 249, 0);
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  color: #353f4f;
+  font-size: 1rem;
+  font-weight: 600;
+  padding: 11px 14px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  transition: all 0.3s ease-in-out;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover {
+  background-color: rgba(244, 244, 249, 1);
+  padding: 11px 14px;
+}
+
+/*------------------------------------------*/
+/*  HALFMENU
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu {
+  top: 62px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
+  width: 38%;
+  padding: 12px 0;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { 
+  right: 2%; 
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li {
+  border-bottom: none;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  background-color: rgba(244, 244, 249, 0);
+  color: #353f4f;
+  font-size: 1rem;
+  font-weight: 600;
+  padding: 11px 14px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  transition: all 0.3s ease-in-out;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  background-color: rgba(244, 244, 249, 1);
+  padding: 11px 14px;
+}
+
+/*------------------------------------------*/
+/*  MEGAMENU
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu {
+  padding: 12px 0;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 {
+  width: 76%!important;
+  left: 23%;
+  padding: 20px 10px;
+}
+
+.wsmegamenu.w-75 .col-lg-3 {
+  padding: 0 6px;
+}
+
+/*------------------------------------------*/
+/*  SUBMENU TITLE
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .title,
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .title {
+  color: #929394;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 0.875rem;
+  line-height: 1;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0;
+  margin: 10px 0 15px 13px;
+}
+
+/*------------------------------------------*/
+/*  DARK HEADER SUBMENU / MEGAMENU
+/*------------------------------------------*/
+
+.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
+  background-color: #2c3142!important; 
+  border: solid 1px #2c3142!important; 
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+  color: #ddd;
+  background-color: rgba(255, 255, 255, 0)!important;
+}
+
+.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  background-color: rgba(255, 255, 255, .05)!important;
+}
+
+.dark-menu .title, .black-scroll .scroll .title,
+.dark-menu .icons-menu-txt span, .black-scroll .scroll .icons-menu-txt span {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  ICONS MENU
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu {
+  max-width: 275px;
+  min-width: 275px;
+  padding: 12px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu {
+  width: 52%;
+  padding: 12px 6px;
+}
+
+.wsmegamenu.halfmenu.icons-menu .col-lg-6 {
+  padding: 0 6px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 {
+  width: 82%!important;
+  left: 17%;
+  padding: 12px 6px;
+}
+
+.wsmegamenu.icons-menu.w-75 .col-lg-4 {
+  padding: 0 6px;
+}
+
+.icons-menu .icons-menu-item {
+  display: flex!important;
+  position: relative!important;
+  flex-flow: row wrap!important;
+  align-items: stretch!important;
+  justify-content: flex-start!important;
+}
+
+.icons-menu-ico {
+  position: relative;
+  margin-right: 14px;
+}
+
+.wsmegamenu.ico-30 .icons-menu-ico span {
+  position: relative;
+  top: 6px!important;
+}
+
+.icons-menu-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.icons-menu-txt h6 {
+  color: inherit;
+  font-size: 1rem;
+  line-height: 32px;
+  font-weight: 500;
+  margin-bottom: 0;
+}
+
+.icons-menu-txt span {
+  display: block;
+  color: #898989;
+  font-size: 0.925rem;
+  font-weight: 400;
+  margin-bottom: 0;
+}
+
+.sub-menu.ico-30 .icons-menu-txt h6 {
+  line-height: 30px;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR HOVER
+/*------------------------------------------*/
+
+.navbar-light .wsmenu-list > li > a.h-link:hover {
+  color: #eee!important;
+}
+
+.navbar-dark .wsmenu-list > li > a.h-link:hover {
+  color: #1d222f!important;
+}
+
+.wsmenu > .wsmenu-list.nav-blue-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #185abd!important;
+}
+
+.wsmenu > .wsmenu-list.nav-blue-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #1680fb!important;
+}
+
+.wsmenu > .wsmenu-list.nav-blue-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #3eb1ff!important;
+}
+
+.wsmenu > .wsmenu-list.nav-green-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #00a14e!important;
+}
+
+.wsmenu > .wsmenu-list.nav-green-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #0fbc49!important;
+}
+
+.wsmenu > .wsmenu-list.nav-green-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #6fd792!important;
+}
+
+.wsmenu > .wsmenu-list.nav-pink-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #ff149c!important;
+}
+
+.wsmenu > .wsmenu-list.nav-pink-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #f74780!important;
+}
+
+.wsmenu > .wsmenu-list.nav-pink-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #fcb5cc!important;
+}
+
+.wsmenu > .wsmenu-list.nav-purple-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #663ae9!important;
+}
+
+.wsmenu > .wsmenu-list.nav-purple-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #7b5dd6!important;
+}
+
+.wsmenu > .wsmenu-list.nav-purple-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #bdaeea!important;
+}
+
+.wsmenu > .wsmenu-list.nav-red-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #da0f29!important;
+}
+
+.wsmenu > .wsmenu-list.nav-red-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #ff1e1a!important;
+}
+
+.wsmenu > .wsmenu-list.nav-red-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #ffa5a3!important;
+}
+
+.wsmenu > .wsmenu-list.nav-violet-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #c73e9b!important;
+}
+
+.wsmenu > .wsmenu-list.nav-violet-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #be6cbe!important;
+}
+
+.wsmenu > .wsmenu-list.nav-violet-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #e2bde2!important;
+}
+
+/*------------------------------------------*/
+/*  HIDDEN NAVBAR SCROLL
+/*------------------------------------------*/
+
+.hidden-nav .wsmainfull.scroll {
+  margin-top: 0;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR WHITE SCROLL
+/*------------------------------------------*/
+
+.tra-menu.white-scroll .wsmainfull.scroll,
+.white-menu.white-scroll .wsmainfull.scroll {
+  padding: 0;
+  background-color: rgba(255, 255, 255, .7)!important;
+  backdrop-filter: blur(20px);
+  -webkit-backdrop-filter: blur(20px);
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, 
+.tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #353f4f;
+}
+
+.navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover {
+  color: #1d222f!important;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR BLACK SCROLL
+/*------------------------------------------*/
+
+.tra-menu.black-scroll .wsmainfull.scroll,
+.dark-menu.black-scroll .wsmainfull.scroll {
+  padding: 0;
+  background-color: #1d222f!important;
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #fff;
+}
+
+.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link:hover {
+  color: #ccc!important;
+}
+
+/*------------------------------------------*/
+/*  WHITE SCROLL BUTTONS
+/*------------------------------------------*/
+
+.white-scroll .scroll .btn--tra-white {
+  color: #353f4f!important;
+  border-color: #353f4f!important;
+}
+
+/*------------------------------------------*/
+/*  BLACK SCROLL BUTTONS
+/*------------------------------------------*/
+
+.black-scroll .scroll .btn--tra-black {
+  color: #fff!important;
+  border-color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  LOGO IMAGE
+/*------------------------------------------*/
+
+.logo-white, 
+.logo-black {
+  display: block;
+}
+
+.navbar-light .logo-black,
+.navbar-dark .logo-white,
+.tra-menu.navbar-light .scroll .logo-white,
+.tra-menu.navbar-dark.black-scroll .scroll .logo-black {
+  display: none;
+}
+
+.tra-menu.navbar-light .scroll .logo-black,
+.tra-menu.navbar-dark.black-scroll .scroll .logo-white {
+  display: block;
+}
+
+
+
+
+/* ==========================================================================
+  05. HERO
+  ========================================================================== */
+
+.hero-section,
+.hero-section .container {
+  position: relative;
+  z-index: 3;
+}
+
+.hero-section.bg--img {
+  width: 100%;
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+}
+
+.hero-section.blur--purple:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 100%;
+  height: 100%;
+  top: -30%;
+  left: 0;
+  background-image: url(../images/blur-purple.png);
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+  background-attachment: scroll;
+  opacity: 0.2;
+}
+
+/*------------------------------------------*/
+/*  HERO LOGO
+/*------------------------------------------*/
+
+.hero-logo {
+  margin-bottom: 40px;
+}
+
+.hero-square-logo {
+  margin-bottom: 20px;
+}
+
+#hero-22 .hero-logo {
+  margin-bottom: 30px;
+}
+
+.hero-logo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 36px;
+}
+
+.hero-square-logo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 90px;
+}
+
+/*------------------------------------------*/
+/*  HERO APP LOGO
+/*------------------------------------------*/
+
+.hero-app-logo {
+  margin-bottom: 35px;
+}
+
+#hero-25 .hero-app-logo {
+  margin-bottom: 25px;
+}
+
+.hero-app-logo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 100px;
+}
+
+#hero-25 .hero-app-logo img {
+  max-height: 110px;
+}
+
+/*------------------------------------------*/
+/*  HERO DIGITS
+/*------------------------------------------*/
+
+#hd-1-1, #hd-1-2 {
+  display: inline-block;
+  float: left;
+  padding-right: 20px;
+} 
+
+#hd-1-1 { width: 45%; }
+#hd-1-2 { width: 55%; }
+
+.hero-digits-block {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+.hero-digits .block-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+  padding-left: 12px;
+}
+
+.hero-digits h2.statistic-number {
+  line-height: 1;
+  margin-bottom: 0;
+} 
+
+.hero-digits h2.statistic-number span {
+  font-size: 1.85rem;
+}
+
+.hero-digits .block-txt p.p-sm {
+  line-height: 1.35;
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  HERO TYPOGRAPHY
+/*------------------------------------------*/
+
+.hero-section h2 {
+  margin-bottom: 28px;
+}
+
+.hero-section h2.s-48,
+.hero-section h2.s-50 {
+  margin-bottom: 40px;
+}
+
+.hero-section h2.s-62 {
+  margin-bottom: 24px;
+}
+
+.hero-section p.p-sm { 
+  padding: 0!important; 
+}
+
+.hero-section p.p-md {
+  margin-bottom: 30px;
+}
+
+.hero-section p.p-lg,
+.hero-section p.p-xl {
+  margin-bottom: 32px;
+}
+
+.hero-section p.s-20,
+.hero-section p.s-22,
+.hero-section p.s-24 {
+  margin-bottom: 36px;
+}
+
+.hero-section p.p-lg span,
+.hero-section p.p-xl span {
+  font-weight: 600;
+  letter-spacing: -0.35px;
+}
+
+/*------------------------------------------*/
+/*  HERO-1
+/*------------------------------------------*/
+
+#hero-1 {
+  background-image: url(../images/hero-1.jpg);
+  padding-top: 130px;
+  padding-bottom: 100px;
+}
+
+.hero-1-txt p {
+  padding-right: 2%;
+}
+
+/*------------------------------------------*/
+/*  HERO-2
+/*------------------------------------------*/
+
+#hero-2 {
+  background-image: url(../images/hero-2.jpg);
+  padding-top: 150px;
+  padding-bottom: 100px;
+}
+
+.hero-2-txt p {
+  padding-right: 3%;
+}
+
+.hero-2-img {
+  text-align: center;
+  padding-right: 25px;
+}
+
+/*------------------------------------------*/
+/*  HERO-3
+/*------------------------------------------*/
+
+#hero-3 {
+  position: relative;
+  padding-top: 160px;
+  background-image: url(../images/hero-3.jpg);
+}
+
+#hero-3:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 100%;
+  height: 5%;
+  bottom: 0;
+  left: 0;
+  background-color: #fff;
+}
+
+.hero-3-txt {
+  margin-top: -70px;
+}
+
+.hero-3-txt p.p-lg {
+  padding-right: 2%;
+}
+
+.hero-3-img {
+  position: relative;
+  text-align: center;
+  margin: 0 -90% 0 -60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-4
+/*------------------------------------------*/
+
+#hero-4 {
+  overflow: hidden; 
+  background-image: url(../images/hero-4.jpg);
+  padding-top: 180px;
+}
+
+#hero-4:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 100%;
+  height: 10%;
+  bottom: 0;
+  left: 0;
+  background-color: #fff;
+}
+
+.hero-4-txt h2 {
+  padding: 0 3%;
+}
+
+.hero-4-txt p { 
+  padding: 0 5%; 
+}
+
+.hero-4-txt p.btns-group-txt {
+  margin-top: 25px;
+}
+
+.hero-4-img {
+  margin-top: 60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-5
+/*------------------------------------------*/
+
+#hero-5 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-5 {
+  background-image: url(../images/hero-5.jpg);
+  padding-top: 140px;
+  padding-bottom: 50px;
+}
+
+.hero-5-txt h2 {
+  line-height: 1.3;
+  margin-bottom: 25px;
+}
+
+.hero-5-txt p.p-lg {
+  padding-right: 10%;
+  margin-bottom: 30px;
+}
+
+.hero-5-img {
+  margin: 0 0 -50px;
+}
+
+/*------------------------------------------*/
+/*  HERO-6
+/*------------------------------------------*/
+
+#hero-6 {
+  padding-top: 130px;
+}
+
+.hero-6-wrapper {
+  overflow: hidden;
+  background-image: linear-gradient(90deg, #f6f4fd, #f4f5fd);
+  padding: 75px 80px;
+}
+
+.hero-6-img {
+  position: relative;
+  text-align: center;
+}
+
+/*------------------------------------------*/
+/*  HERO-7
+/*------------------------------------------*/
+
+#hero-7 {
+  padding-top: 140px;
+  padding-bottom: 100px;
+}
+
+#hero-7 .quick-form {
+  margin-right: 4%;
+}
+
+.hero-7-img {
+  padding-left: 30px;
+}
+
+/*------------------------------------------*/
+/*  HERO-8
+/*------------------------------------------*/
+
+#hero-8 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-8 {
+  position: relative;
+  background-image: url(../images/hero-8.jpg);
+  padding-top: 170px;
+  padding-bottom: 30px;
+}
+
+.hero-8-txt {
+  margin-top: -70px;
+}
+
+.hero-8-txt p {
+  padding-right: 10%;
+}
+
+.hero-8-txt .hero-digits {
+  padding-right: 15%;
+}
+
+#hero-8-form {
+  position: relative;
+  z-index: 999;
+  background-color: #fff;
+  border: 1px solid #f8f8f8;
+  padding: 45px 35px;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+  box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+}
+
+#hero-8-form h4 {
+  line-height: 1.4;
+  margin-bottom: 20px;
+}
+
+#hero-8-form p {
+  color: #757575;
+  margin-bottom: 25px;
+}
+
+#hero-8-form p.p-sm {
+  text-align: center;
+  padding: 0 5%!important;
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+#hero-8-form p a {
+  color: #1e90ff;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  HERO-9
+/*------------------------------------------*/
+
+#hero-9 {
+  padding-top: 180px;
+}
+
+.hero-9-txt h2 {
+  line-height: 1;
+}
+
+.hero-9-txt h2 img {
+  position: relative;
+  width: auto;
+  max-width: inherit;
+  max-height: 100px;
+  margin: 0 3px;
+  top: -8px;
+}
+
+.hero-9-txt p {
+  padding: 0 5%;
+  margin-top: 40px;
+}
+
+#hero-9 .quick-form {
+  margin-left: 7%;
+  margin-right: 7%;
+}
+
+.hero-9-img {
+  margin-top: 60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-10
+/*------------------------------------------*/
+
+#hero-10 {
+  position: relative;
+  background-image: url(../images/hero-10.jpg);
+  padding-top: 170px;
+  padding-bottom: 100px;
+}
+
+.hero-10-txt h4 {
+  line-height: 1.45;
+  font-weight: 300;
+  padding-right: 5%;
+  margin-bottom: 35px;
+}
+
+.hero-10-img {
+  position: relative;
+  text-align: center;
+  margin: 0 -95% 0 15px;
+}
+
+/*------------------------------------------*/
+/*  HERO-11
+/*------------------------------------------*/
+
+#hero-11 {
+  overflow: hidden;
+  background-image: url(../images/hero-11.jpg);
+  padding-top: 50px;
+}
+
+.hero-11-txt {
+  margin-top: 40px;
+}
+
+.hero-11-txt p {
+  padding-right: 5%;
+}
+
+.hero-11-img {
+  position: relative;
+  margin: -60px -12% -100px -15px;
+}
+
+/*------------------------------------------*/
+/*  HERO-12
+/*------------------------------------------*/
+
+#hero-12 {
+  overflow: hidden; 
+  background-image: url(../images/hero-12.jpg);
+  padding-top: 180px;
+}
+
+.hero-12-txt h2 {
+  padding: 0 3%;
+}
+
+.hero-12-txt p { 
+  padding: 0 5%; 
+}
+
+.hero-12-txt p.btns-group-txt {
+  margin-top: 25px;
+}
+
+.hero-12-img {
+  margin-top: 60px;
+  margin-bottom: -100px;
+}
+
+.hero-12-img .video-btn {
+  top: calc(50% - 30px);
+}
+
+/*------------------------------------------*/
+/*  HERO-13
+/*------------------------------------------*/
+
+#hero-13 {
+  background-image: linear-gradient(180deg, #f1edff, #f1edff);
+  padding-top: 130px;
+  padding-bottom: 80px;
+}
+
+#hero-13:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 43%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #fff;
+  -moz-box-shadow: 0 0 55px 35px #fff;
+  -webkit-box-shadow: 0 0 35px 35px #fff;
+  box-shadow: 0 0 35px 35px #fff;
+}
+
+.hero-13-txt .section-id {
+  font-weight: 600;
+  letter-spacing: 1.5px;
+}
+
+.hero-13-txt p {
+  padding-right: 5%;
+}
+
+.hero-13-img {
+  text-align: center;
+}
+
+/*------------------------------------------*/
+/*  HERO-14
+/*------------------------------------------*/
+
+#hero-14 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-14 {
+  background-image: url(../images/hero-14.jpg);
+  padding-top: 170px;
+} 
+
+.hero-14-txt p.s-21 {
+  font-size: 1.3125rem;
+  margin-bottom: 40px;
+}
+
+#hero-14 .quick-form {
+  margin-left: 6%;
+  margin-right: 6%;
+}
+
+.hero-14-txt .btn-txt {
+  margin-top: 40px;
+}
+
+.hero-14-img {
+  margin-top: 70px;
+}
+
+/*------------------------------------------*/
+/*  HERO-15
+/*------------------------------------------*/
+
+#hero-15 {
+  position: relative;
+  z-index: 3;
+  background-image: url(../images/hero-15.jpg);
+  padding-top: 130px;
+}
+
+.hero-15-txt {
+  margin-top: -20px;
+}
+
+.hero-15-txt h2 {
+  padding-right: 5%;
+}
+
+.hero-15-txt p {
+  padding-right: 2%;
+}
+
+/*------------------------------------------*/
+/*  HERO-16
+/*------------------------------------------*/
+
+#hero-16 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-16 {
+  background-image: url(../images/hero-16.jpg);
+  padding-top: 170px;
+  margin-bottom: 80px;
+} 
+
+.hero-16-img {
+  margin-top: 60px;
+  margin-bottom: -80px;
+}
+
+/*------------------------------------------*/
+/*  HERO-17
+/*------------------------------------------*/
+
+#hero-17 {
+  text-align: center;
+  padding-top: 170px;
+  background-image: url(../images/hero-17.jpg);
+  background-position: top center;
+}
+
+#hero-17 #brands-1 {
+  padding: 80px 6% 0;
+}
+
+#hero-17 #brands-1 .brands-carousel-5 .brand-logo {
+  padding: 0 20px;
+} 
+
+#hero-17 .quick-form {
+  margin-left: 8%;
+  margin-right: 8%;
+}
+
+/*------------------------------------------*/
+/*  HERO-18
+/*------------------------------------------*/
+
+#hero-18 {
+  padding-top: 140px;
+  padding-bottom: 80px;
+}
+
+#hero-18:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 74%;
+  height: 100%;
+  top: 0;
+  left: 26%;
+  background-image: url(../images/hero-18.jpg);
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+  border-radius: 0 0 0 60px;
+}
+
+.hero-18-txt p {
+  padding-right: 3%;
+}
+
+#hero-18 .quick-form {
+  margin-right: 4%;
+}
+
+.hero-18-img {
+  text-align: center;
+  padding-right: 15px;
+}
+
+/*------------------------------------------*/
+/*  HERO-19
+/*------------------------------------------*/
+
+#hero-19 {
+  padding-top: 170px;
+}
+
+.hero-19-txt p {
+  padding: 0 10%;
+}
+
+/*------------------------------------------*/
+/*  HERO-20
+/*------------------------------------------*/
+
+#hero-20 {
+  background-image: url(../images/hero-20.jpg);
+  padding-top: 100px;
+  padding-bottom: 100px;
+}
+
+#hero-20:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 51%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-image: linear-gradient(180deg, #f4f4f9, #fbfbfd);
+}
+
+.hero-20-txt {
+  padding: 0 8% 0 15px;
+}
+
+.hero-section .hero-20-txt h2.s-48 {
+  margin-bottom: 28px;
+}
+
+/*------------------------------------------*/
+/*  HERO-21
+/*------------------------------------------*/
+
+#hero-21 {
+  padding-top: 170px;
+}
+
+.hero-21-txt {
+  margin-bottom: 60px;
+}
+
+.hero-21-txt h2 {
+  margin-bottom: 35px;
+}
+
+.hero-21-wrapper {
+  overflow: hidden;
+}
+
+#hero-21 .hero-overlay {
+  background-image: url(../images/hero-21.jpg);
+  padding: 90px 70px 0;
+}
+
+.hero-21-img {
+  position: relative;
+  margin-bottom: -25%;
+}
+
+.hero-21-img .video-btn {
+  top: calc(50% - 80px);
+}
+
+/*------------------------------------------*/
+/*  HERO-22
+/*------------------------------------------*/
+
+#hero-22 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-22 {
+  position: relative;
+  background-image: url(../images/hero-22.jpg);
+  padding-top: 160px;
+}
+
+#hero-22-form {
+  position: relative;
+  z-index: 999;
+  background-color: #fff;
+  border: 1px solid #f8f8f8;
+  padding: 45px 35px 35px;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+  box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+}
+
+#hero-22-form h4 {
+  line-height: 1.4;
+  margin-bottom: 20px;
+}
+
+#hero-22-form p {
+  color: #757575;
+  margin-bottom: 25px;
+}
+
+#hero-22-form p.p-sm {
+  text-align: center;
+  padding: 0 5%!important;
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+#hero-22-form p a {
+  color: #1e90ff;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  HERO-23
+/*------------------------------------------*/
+
+#hero-23 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-23 {
+  position: relative;
+  background-image: url(../images/hero-23.jpg);
+  padding-top: 100px;
+  margin-bottom: 25px;
+}
+
+.hero-23-txt p {
+  padding: 0 5%;
+}
+
+.hero-23-img {
+  margin-top: 40px;
+  margin-bottom: -25px;
+}
+
+/*------------------------------------------*/
+/*  HERO-24
+/*------------------------------------------*/
+
+#hero-24 {
+  background-image: url(../images/hero-24.jpg);
+  padding-top: 200px;
+  padding-bottom: 150px;
+}
+
+#hero-24 .quick-form {
+  margin-left: 7%;
+  margin-right: 7%;
+}
+
+/*------------------------------------------*/
+/*  HERO-25
+/*------------------------------------------*/
+
+#hero-25 {
+  background-image: url(../images/hero-25.jpg);
+  padding-top: 120px;
+  padding-bottom: 100px;
+}
+
+.hero-25-txt h2 {
+  margin-bottom: 22px;
+}
+
+.hero-25-txt p.p-lg {
+  padding-right: 10%;
+  margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  HERO-26
+/*------------------------------------------*/
+
+#hero-26 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-26 {
+  position: relative;
+  background-image: url(../images/hero-26.jpg);
+  padding-top: 160px;
+  z-index: 3;
+}
+
+.hero-26-txt {
+  margin-top: -80px;
+}
+
+.hero-26-txt h2 {
+  padding-right: 2%;
+}
+
+#hero-26 .quick-form {
+  margin-right: 4%;
+}
+
+.hero-26-img {
+  position: relative;
+  text-align: center;
+  margin: 0 -90% 0 -60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-27
+/*------------------------------------------*/
+
+#hero-27 .hero-overlay {
+  background-image: url(../images/hero-27.png);
+  background-position: top center;
+  padding-top: 170px;
+}
+
+.hero-27-txt h2 { 
+  margin-bottom: 26px!important;
+}
+
+.hero-27-txt p.s-20 { 
+  padding: 0 6%;
+  margin-bottom: 30px!important;
+}
+
+.hero-27-txt p.s-21 { 
+  padding: 0 5%;
+}
+
+/*------------------------------------------*/
+/*  HERO QUICK FORM
+/*------------------------------------------*/
+
+.hero-section .quick-form .input-group {
+  border: none;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Input
+/*------------------------------------------*/
+
+.hero-section .quick-form .form-control {
+  height: 64px;
+  background-color: #fff;
+  border: 2px solid transparent;
+  color: #666;
+  font-size: 1.125rem;
+  font-weight: 400;
+  padding: 0 20px;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out;  
+}
+
+.hero-section .quick-form.form-shadow .form-control {
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
+  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
+}
+
+.hero-section .quick-form.form-stroke .form-control {
+  border-color: #353f4f;
+}
+
+.hero-section .quick-form.form-half .form-control {
+  height: 58px;
+ font-size: 1.0625rem;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Placeholder
+/*------------------------------------------*/
+
+.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } 
+.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } 
+.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } 
+
+/*------------------------------------------*/
+/*  Hero Quick Form Focus
+/*------------------------------------------*/
+
+.hero-section .quick-form .form-control:focus {
+  background-color: #fff;
+  border-color: #1680fb;
+  outline: 0;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Button
+/*------------------------------------------*/
+
+.hero-section .quick-form .btn {
+  height: 64px;
+  font-size: 1.0625rem;
+  padding: 12px 45px;
+  margin-left: 15px;
+}
+
+.hero-section .quick-form.form-half .btn {
+  height: 58px;
+  font-size: 1rem;
+  padding: 13px 40px;
+  margin-left: 14px;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Message
+/*------------------------------------------*/
+
+.hero-section .quick-form-msg {
+  width: 100%!important;
+  display: block;
+  margin: 20px 0 15px 5px;
+}
+
+.hero-section .text-center .quick-form-msg {
+  margin: 20px 0 -15px 0;
+}
+
+.hero-section .quick-form-msg .loading {
+  color: #3eb1ff;
+  font-size: 1.05rem;
+  line-height: 1;
+  font-weight: 500;
+}
+
+.hero-section .text-center .quick-form-msg .loading {
+  font-size: 1.125rem;
+}
+
+/*------------------------------------------*/
+/*  HERO REQUEST FORM
+/*------------------------------------------*/
+
+/*------------------------------------------*/
+/*  Hero Request Form Input
+/*------------------------------------------*/
+
+.request-form .form-control {
+  height: 58px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  color: #666;
+  font-size: 1rem;
+  font-weight: 400;
+  margin-bottom: 22px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  Hero Request Form Placeholder
+/*------------------------------------------*/
+
+.hero-form-wrapper .form-control::-moz-placeholder { color: #999; } 
+.hero-form-wrapper .form-control:-ms-input-placeholder { color: #999; }
+.hero-form-wrapper .form-control::-webkit-input-placeholder { color: #999; }
+
+.request-form .form-control:focus {
+  background-color: #fff;
+  border-color: #1680fb;
+  outline: 0;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Hero Request Form Button
+/*------------------------------------------*/
+
+#hero-8-form .btn,
+#hero-22-form .btn {
+  width: 100%;
+  height: 58px;
+  padding: 16px;
+}
+
+/*------------------------------------------*/
+/*  Hero Request Form Message
+/*------------------------------------------*/
+
+.request-form-msg {
+  width: 100%!important;
+  display: block;
+  text-align: center;
+  margin-top: 15px;
+}
+
+.request-form-msg .loading {
+  color: #00b2e4;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 500;
+}
+
+.request-form .error {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 10px;
+}
+
+
+
+
+/* ==========================================================================
+  06. ABOUT
+  ========================================================================== */
+
+.a2-txt {
+  padding: 20px 30px 35px;
+}
+
+.a2-txt-quote { 
+  position: relative;
+  margin-bottom: -45px; 
+ }
+
+.a2-txt-quote.ico-40 [class*="flaticon-"]:before, 
+.a2-txt-quote.ico-40 [class*="flaticon-"]:after { font-size: 4.25rem; }
+
+/*------------------------------------------*/
+/*  ABOUT TYPOGRAPHY
+/*------------------------------------------*/ 
+
+#about-1 .txt-block p {
+  margin-bottom: 0;
+}
+
+#about-4 .txt-block p {
+  margin-top: 25px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  ABOUT 2 AUTHOR
+/*------------------------------------------*/ 
+
+.a2-txt-author {
+  line-height: 1.45;
+  font-weight: 500;
+  margin-top: 18px;
+  margin-bottom: 0;
+}
+
+.a2-txt-author span {
+  display: block;
+  font-weight: 300;
+}
+
+/*------------------------------------------*/
+/*  ABOUT 2 IMAGES
+/*------------------------------------------*/ 
+
+.about-3-images {
+  padding: 0 5%;
+}
+
+.about-2-img {
+  overflow: hidden;
+}
+
+.about-3-img {
+  overflow: hidden;
+  height: 460px;
+}
+
+.a-2-1 {
+  margin-left: 13%;
+  margin-bottom: 30px;
+}
+
+.a-2-2 {
+  margin-left: -10%;
+}
+
+.a-2-3 {
+  margin-right: -10%;
+  margin-bottom: 30px;
+}
+
+.a-2-4 {
+  margin-right: -10%;
+}
+
+#a4-1 {
+  position: relative;
+  padding-right: 30px;
+  margin-top: -30px;
+}
+
+#a4-2 {
+  position: relative;
+  padding-left: 30px;
+  margin-bottom: -30px;
+}
+
+
+
+
+/* ==========================================================================
+  07. FEATURES
+  ========================================================================== */
+
+#features-12.py-100.shape--bg:after,
+#features-12.pt-100.shape--bg:after,
+#features-13.py-100.shape--bg:after,
+#features-13.pt-100.shape--bg:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+}
+
+#features-12.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; left: 52%; }
+#features-12.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; left: 52%; }
+#features-13.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; }
+#features-13.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; }
+
+.rows-2 .fb-1, 
+.rows-2 .fb-2, 
+.rows-2 .fb-3 {
+ margin-bottom: 50px; 
+}
+
+.rows-2 .fbox-7.fb-1, 
+.rows-2 .fbox-7.fb-2, 
+.rows-2 .fbox-7.fb-3, 
+.rows-2 .fbox-9.fb-1, 
+.rows-2 .fbox-9.fb-2, 
+.rows-2 .fbox-9.fb-3,
+.rows-3 .fb-1, .rows-3 .fb-2, 
+.rows-3 .fb-3, .rows-3 .fb-4 { margin-bottom: 40px; }
+
+.rows-3 .fb-3.fbox-11-lst, 
+.rows-3 .fb-4.fbox-11-lst { margin-bottom: 0; }
+
+.fbox-14-wrapper {
+  padding: 80px 70px;
+}
+
+.fbox-14-wrapper .col {
+  padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX
+/*------------------------------------------*/ 
+
+.row-cols-md-3 .fbox-4 { padding: 50px 35px; }
+.row-cols-md-2 .fbox-4 { padding: 35px 20px; } 
+
+.fbox-5 { padding: 60px; }   
+
+.fbox-7 {
+  border: 2px solid #eee;
+  padding: 55px 40px 50px;
+}
+
+.row-cols-md-2 .fbox-7 {
+  padding: 35px 20px 30px;
+}
+
+.fbox-8 { padding: 55px 40px; }
+.fbox-8.bg--white-100 { padding: 60px 40px; }
+
+.fbox-9 {
+  border: 2px solid #eee;
+  padding: 40px 40px 35px;
+} 
+
+.fbox-14 {
+  border: 2px solid #eee;
+  padding: 40px 30px 35px;
+} 
+
+/*------------------------------------------*/
+/*  FEATURE BOX IMAGE
+/*------------------------------------------*/ 
+
+.fbox-img img {
+  width: auto;
+  max-width: inherit;
+}
+
+.fbox-img.h-135 img { max-height: 135px; }
+.fbox-img.h-140 img { max-height: 140px; }
+.fbox-img.h-145 img { max-height: 145px; }
+.fbox-img.h-150 img { max-height: 150px; }
+.fbox-img.h-155 img { max-height: 155px; }
+.fbox-img.h-160 img { max-height: 160px; }
+.fbox-img.h-165 img { max-height: 165px; }
+.fbox-img.h-170 img { max-height: 170px; }
+.fbox-img.h-175 img { max-height: 175px; }
+.fbox-img.h-180 img { max-height: 180px; }
+
+/*------------------------------------------*/
+/*  FBOX-1 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-1 .fbox-img { 
+  margin-bottom: 35px; 
+}
+
+.row-cols-md-2 .fbox-1 .fbox-img { 
+  margin-bottom: 28px; 
+}
+
+/*------------------------------------------*/
+/*  FBOX-2 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-2 .fbox-img {
+  -webkit-border-radius: 12px 12px 0 0;
+  -moz-border-radius: 12px 12px 0 0;
+  -o-border-radius: 12px 12px 0 0;
+  border-radius: 12px 12px 0 0;
+} 
+
+.fbox-2 .fbox-img.h-135, .fbox-2 .fbox-img.h-140, .fbox-2 .fbox-img.h-145, 
+.fbox-2 .fbox-img.h-150, .fbox-2 .fbox-img.h-155 { padding-top: 35px; margin-bottom: 60px; } 
+
+.fbox-2 .fbox-img.h-160 { padding-top: 35px; margin: 0 20px 60px; }
+.fbox-2 .fbox-img.h-165 { padding-top: 38px; margin: 0 15px 60px; } 
+.fbox-2 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 60px; } 
+.fbox-2 .fbox-img.h-175 { padding-top: 42px; margin: 0 8px 60px; }
+.fbox-2 .fbox-img.h-180 { padding-top: 44px; margin: 0 5px 60px; }  
+
+.fbox-2 .fbox-img img { 
+  margin-bottom: -25px; 
+} 
+
+/*------------------------------------------*/
+/*  FBOX-3 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-3 .fbox-img {
+  overflow: hidden;
+} 
+
+.fbox-3 .fbox-img.h-135 { padding-top: 30px; margin: 0 0 35px; }
+.fbox-3 .fbox-img.h-160 { padding-top: 32px; margin: 0 18px 35px; }
+.fbox-3 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 35px; }
+.fbox-3 .fbox-img.h-175, .fbox-3 .fbox-img.h-180 { padding-top: 40px; margin: 0 5px 35px; }
+
+.row-cols-md-2 .fbox-3 .fbox-img { 
+  margin-bottom: 28px; 
+}
+
+/*------------------------------------------*/
+/*  FBOX-4 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-4 .fbox-img { 
+  margin-bottom: 35px; 
+}
+
+.row-cols-md-2 .fbox-4 .fbox-img { 
+  margin-bottom: 28px; 
+}
+
+/*------------------------------------------*/
+/*  FBOX-5 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-5.fb-1 .fbox-5-img,
+.fbox-5.fb-5 .fbox-5-img,
+.fbox-5.fb-6 .fbox-5-img {
+  margin: 40px 5% 0;
+}
+
+.fbox-5.fb-2 .fbox-5-img,
+.fbox-5.fb-3 .fbox-5-img,
+.fbox-5.fb-4 .fbox-5-img {
+   margin: 0 5% 40px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX VECTOR ICON
+/*------------------------------------------*/ 
+
+.fbox-ico,
+.fbox-ico.ico-rounded {
+  margin-bottom: 20px;
+}
+
+.fbox-ico.ico-rounded-md,
+.fbox-ico.ico-rounded-lg {
+  margin-bottom: 25px;
+}
+
+.fbox-11 {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+.fbox-ico-wrap {
+  position: relative;
+  margin-right: 25px;
+}
+
+.rows-2 .fbox-ico-wrap {
+  margin-right: 20px;
+}
+
+.fbox-11 .fbox-ico {
+  margin-top: 4px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX
+/*------------------------------------------*/ 
+
+.fbox-11 .fbox-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX TITLE
+/*------------------------------------------*/ 
+
+.fbox-wrapper .row-cols-lg-3 .fbox-title {
+  margin-bottom: 10px;
+}
+
+.fbox-title span {
+  float: left;
+  line-height: 1!important;
+  margin-right: 15px; 
+}
+
+.fbox-title h6 {  
+  line-height: 2.1875rem!important;
+  margin-bottom: 0;
+}
+
+.fbox-title.ico-30 h6 {  
+  line-height: 1.875rem!important;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX TYPOGRAPHY
+/*------------------------------------------*/ 
+
+.fbox-wrapper .row-cols-md-3 h6 {
+  margin-bottom: 15px;
+}
+
+.rows-2 .fbox-11 h6,
+.fbox-wrapper .row-cols-md-2 h6 {
+  margin-bottom: 10px;
+}
+
+.fbox-wrapper p {
+  margin-bottom: 0;
+}
+
+.fbox-5 h5 {
+  margin-bottom: 15px;
+}
+
+.fbox-14 h5 {
+  margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE-12
+/*------------------------------------------*/ 
+
+.fbox-12-wrapper { 
+  padding-left: 45px;
+}
+
+.fbox-13-wrapper { 
+  padding-right: 45px;
+}
+
+.fbox-12,
+.fbox-13 {
+  padding: 32px 35px;
+} 
+
+.fbox-12 h5,
+.fbox-13 h5 {
+  margin-top: 20px;
+  margin-bottom: 10px;
+}
+
+.fbox-12 p,
+.fbox-13 p,
+.fbox-14 p {
+  margin-bottom: 0;
+} 
+
+
+
+
+/* ==========================================================================
+  08. CONTENT
+  ========================================================================== */
+
+.ct-06 {
+  margin-bottom: 80px;
+}
+
+.ct-07 {
+  margin-top: 80px;
+}
+
+.ct-10 .section-overlay {
+  margin-bottom: 100px;
+}
+
+.ct-11, 
+.ct-12 {
+  padding: 60px 0;
+}
+
+.ct-11:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 50%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #fff;
+}
+
+.ct-12:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 50%;
+  height: 100%;
+  top: 0;
+  left: 50%;
+  background-color: #fff;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX WRAPPER
+/*------------------------------------------*/
+
+.bc-1-wrapper .section-overlay,
+.bc-4-wrapper .section-overlay,
+.bc-6-wrapper .section-overlay {
+  padding: 80px 70px;
+}
+
+.bc-2-wrapper .section-overlay,
+.bc-3-wrapper .section-overlay,
+.bc-5-wrapper .section-overlay {
+  padding: 80px 70px 0;
+}
+
+.bc-6 {
+  padding: 40px 35px;
+}
+
+.cbox-6-wrapper {
+  padding: 60px 40px;
+}
+
+.content-section .cbox-6-wrapper {
+  padding: 80px 70px;
+}
+
+.bc-5-wrapper .section-title p {
+  padding: 0;
+}
+
+/*------------------------------------------*/
+/*  TEXT BLOCK
+/*------------------------------------------*/ 
+
+.txt-box { 
+  margin-bottom: 20px;
+}
+
+.txt-box:last-child { 
+  margin-bottom: 0; 
+}
+
+.bc-3-txt,
+.ct-06 .txt-block,
+.bc-2-wrapper .txt-block {
+  margin-top: -40px;
+}
+
+.bc-2-txt,
+.ct-07 .txt-block {
+  margin-top: 40px;
+}
+
+.bc-1-wrapper .txt-block.pr-25.left-column,
+.bc-2-wrapper .txt-block.pr-25.left-column {
+  padding-right: 25px;
+}
+
+.bc-1-wrapper .txt-block.pl-25.right-column,
+.bc-2-wrapper .txt-block.pl-25.right-column {
+  padding-left: 25px;
+}
+
+.ct-11 .txt-block {
+  padding-right: 50px;
+}
+
+.ct-12 .txt-block {
+  padding-left: 70px;
+}
+
+.ct-13 .txt-block h5 {
+  padding-right: 6%;
+}
+
+/*------------------------------------------*/
+/*  TEXT BLOCK TYPOGRAPHY
+/*------------------------------------------*/ 
+
+.bc-2-txt h2,
+.bc-3-txt h2,
+.bc-4-txt h2,
+.txt-block h3,
+.txt-block h2 {
+  margin-bottom: 26px;
+}
+
+.txt-block h5 {
+  margin-bottom: 20px;
+}
+
+h5.h5-title {
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+
+.txt-block .btn,
+.txt-block .btns-group .btn.btn--transparent {
+  margin-top: 25px;
+}
+
+.txt-block .btn.btn--transparent {
+  margin-top: 0;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX
+/*------------------------------------------*/
+
+.cbox-1,
+.cbox-2,
+.cbox-3 {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+.cbox-5 {
+  position: relative;
+}
+
+.cbox-5-content {
+  background-color: #fff;
+  border: 1px solid #f5f6f6;
+  padding: 40px;
+  margin: 0 12%;
+  z-index: 1;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+}
+
+.cbox-5-content .divider {
+  margin-top: 25px;
+  margin-bottom: 25px;
+}
+
+#cb-6-1, #cb-6-2 {
+  margin-bottom: 35px;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX TITLE
+/*------------------------------------------*/ 
+
+.box-title h6,
+.box-title h5 {  
+  display: inline-block;
+  line-height: 2.35rem!important;
+  margin-bottom: 15px;
+}
+
+.box-title span {   
+  position: relative;
+  top: 12px;
+  margin-right: 10px;
+}
+
+.box-title span[class*="flaticon-"]:before,
+.box-title span[class*="flaticon-"]:after {   
+  font-size: 2.35rem;
+}
+
+.txt-block .cbox-5-title h2 {
+  font-size: 3.5rem;
+  letter-spacing: -1px;
+  line-height: 1;
+  margin-bottom: 10px;
+}
+
+.cbox-5-title .statistic-number sup {
+  font-size: 3rem;
+  top: -5px;
+  right: 6px;
+}
+
+.cbox-5-title .ico-15 [class*="flaticon-"]:before, 
+.cbox-5-title .ico-15 [class*="flaticon-"]:after {
+  font-size: 0.875rem;
+  line-height: 1!important; 
+}
+
+.cbox-5-title p.p-lg {
+  margin-bottom: 10px;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX ICON
+/*------------------------------------------*/
+
+.cbox-1 .ico-wrap { 
+  margin-left: 8px; 
+}
+
+.cbox-1.ico-10 span {
+  position: relative;
+  top: 0;
+  right: 7px;
+}
+
+.cbox-1.ico-15 span {
+  position: relative;
+  top: 1px;
+  right: 8px;
+}
+
+.cbox-1.ico-10 [class*="flaticon-"]:before,
+.cbox-1.ico-10 [class*="flaticon-"]:after {  
+  font-size: 0.6rem;
+}
+
+.cbox-1.ico-15 [class*="flaticon-"]:before,
+.cbox-1.ico-15 [class*="flaticon-"]:after {   
+  font-size: 0.75rem;
+}
+
+/*------------------------------------------*/
+/*  CBOX #2
+/*------------------------------------------*/
+
+.cbox-2 .ico-wrap {
+  position: relative;
+  margin-right: 1.625rem;
+}
+
+.cbox-2-ico {
+  position: relative;
+  width: 2.625rem;
+  height: 2.625rem;
+  text-align: center;
+  border-radius: 100%;
+  font-size: 1.1875rem;
+  font-weight: 500;
+  line-height: 2.375rem;
+  border: 2px solid transparent;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out; 
+}
+
+.ct-03 .cbox-2-ico {
+  position: relative;
+  width: 2.35rem;
+  height: 2.35rem;
+  font-size: 1.15rem;
+  line-height: 2.15rem;
+}
+
+.cbox-2-line {
+  position: absolute;
+  bottom: 20px;
+  left: 50%;
+  width: 2px;
+  background-color: #e4e4e4;
+  height: calc(100% - 90px);
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+}
+
+.cbox-2:hover .cbox-2-ico {
+  background-color: transparent;
+  -webkit-transform: scale(1.1);
+  -moz-transform: scale(1.1);
+  -ms-transform: scale(1.1);
+  transform: scale(1.1);
+}
+
+.cbox-2:hover .cbox-2-ico.bg--blue-500 { color: #185abd; border-color: #185abd; }
+.cbox-2:hover .cbox-2-ico.bg--blue-400 { color: #1680fb; border-color: #1680fb; }
+.cbox-2:hover .cbox-2-ico.bg--blue-300 { color: #3eb1ff; border-color: #3eb1ff; }
+
+.cbox-2:hover .cbox-2-ico.bg--green-500 { color: #00a14e; border-color: #00a14e; }
+.cbox-2:hover .cbox-2-ico.bg--green-400 { color: #0fbc49; border-color: #0fbc49; }
+.cbox-2:hover .cbox-2-ico.bg--green-300 { color: #6fd792; border-color: #6fd792; }
+
+.cbox-2:hover .cbox-2-ico.bg--pink-500 { color: #ff149c; border-color: #ff149c; }
+.cbox-2:hover .cbox-2-ico.bg--pink-400 { color: #f74780; border-color: #f74780; }
+.cbox-2:hover .cbox-2-ico.bg--pink-300 { color: #fcb5cc; border-color: #fcb5cc; }
+
+.cbox-2:hover .cbox-2-ico.bg--purple-500 { color: #663ae9; border-color: #663ae9; }
+.cbox-2:hover .cbox-2-ico.bg--purple-400 { color: #7b5dd6; border-color: #7b5dd6; }
+.cbox-2:hover .cbox-2-ico.bg--purple-300 { color: #bdaeea; border-color: #bdaeea; }
+
+.cbox-2:hover .cbox-2-ico.bg--red-500 { color: #da0f29; border-color: #da0f29; }
+.cbox-2:hover .cbox-2-ico.bg--red-400 { color: #ff1e1a; border-color: #ff1e1a; }
+.cbox-2:hover .cbox-2-ico.bg--red-300 { color: #ffa5a3; border-color: #ffa5a3; }
+
+.cbox-2:hover .cbox-2-ico.bg--violet-500 { color: #c73e9b; border-color: #c73e9b; }
+.cbox-2:hover .cbox-2-ico.bg--violet-400 { color: #be6cbe; border-color: #be6cbe; }
+.cbox-2:hover .cbox-2-ico.bg--violet-300 { color: #e2bde2; border-color: #e2bde2; }
+
+.cbox-2:hover .cbox-2-ico.bg--yellow-500 { color: #ffba01; border-color: #ffba01; }
+.cbox-2:hover .cbox-2-ico.bg--yellow-400 { color: #ffbd45; border-color: #ffbd45; }
+.cbox-2:hover .cbox-2-ico.bg--yellow-300 { color: #ffdf35; border-color: #ffdf35; }
+
+/*------------------------------------------*/
+/*  CBOX #3
+/*------------------------------------------*/
+
+.cbox-3 .ico-wrap {
+  position: relative;
+  text-align: center;
+  margin-top: 0;
+  margin-right: 1.15rem;
+}
+
+.cbox-3 .cbox-3-ico {
+  position: relative;
+  top: 3px;
+}
+
+.cbox-3-ico span[class*="flaticon-"]:before,
+.cbox-3-ico span[class*="flaticon-"]:after {  
+  font-size: 2.85rem;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX TEXT
+/*------------------------------------------*/
+
+.cbox-1-txt,
+.cbox-2-txt,
+.cbox-3-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.cbox-2-txt,
+.cbox-3-txt {
+  margin-bottom: 35px;
+}
+
+.ct-03 .cbox-2-txt {
+  margin-bottom: 30px;
+}
+
+.cbox-4-txt {
+  margin-bottom: 25px;
+}
+
+.cbox-2:last-child .cbox-2-txt,
+.cbox-3:last-child .cbox-3-txt,
+.cbox-4:last-child .cbox-4-txt {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX FEATURE
+/*------------------------------------------*/  
+
+.cbox-5-fea {
+  padding: 20px 25px;
+  margin-top: 25px;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+}
+
+.txt-block .cbox-5-fea h4 {
+  line-height: 1;
+  margin-bottom: 3px;
+}
+
+.cbox-5-fea p {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX TYPOGRAPHY
+/*------------------------------------------*/
+
+.cbox-2-txt h5,
+.cbox-3-txt h5 {
+  margin-bottom: 15px;
+}
+
+.ct-03 .cbox-2-txt h5 {
+  margin-bottom: 10px;
+}
+
+.cbox-6 h6 {
+  margin-bottom: 15px;
+}
+
+.cbox-1-txt p { 
+  margin-bottom: 8px;
+}
+
+.cbox-1-last .cbox-1-txt p { 
+  margin-bottom: 1rem;
+}
+
+.cbox-6 p,
+.cbox-2-txt p,
+.cbox-3-txt p,
+.cbox-4-txt p {
+  margin-bottom: 0;
+}
+
+.bc-6-txt {
+  padding: 0 10px;
+}
+
+.bc-6-txt h5 {
+  margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  ACCORDION  
+/*------------------------------------------*/
+
+.txt-block .accordion-1 .accordion-item {
+  background-color: transparent;
+  padding: 25px 30px;
+  border: none;
+}
+
+.txt-block .accordion-2 .accordion-item {
+  background-color: transparent;
+  padding: 15px 0 25px;
+  border: none;
+  border-top: 1px solid #ccc;
+  border-radius: 0 0;
+}
+
+.txt-block .accordion-2 .accordion-item:last-child {
+  border-bottom: 1px solid #ccc;
+}
+
+.txt-block .accordion-item.r-02:first-of-type { border-top-left-radius: 2px; border-top-right-radius: 2px; }
+.txt-block .accordion-item.r-04:first-of-type { border-top-left-radius: 4px; border-top-right-radius: 4px; }
+.txt-block .accordion-item.r-06:first-of-type { border-top-left-radius: 6px; border-top-right-radius: 6px; }
+.txt-block .accordion-item.r-08:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+.txt-block .accordion-item.r-10:first-of-type { border-top-left-radius: 10px; border-top-right-radius: 10px; }
+.txt-block .accordion-item.r-12:first-of-type { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+.txt-block .accordion-item.r-14:first-of-type { border-top-left-radius: 14px; border-top-right-radius: 14px; }
+.txt-block .accordion-item.r-16:first-of-type { border-top-left-radius: 16px; border-top-right-radius: 16px; }
+
+.txt-block .accordion-item.r-02:last-of-type { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }
+.txt-block .accordion-item.r-04:last-of-type { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
+.txt-block .accordion-item.r-06:last-of-type { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
+.txt-block .accordion-item.r-08:last-of-type { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }
+.txt-block .accordion-item.r-10:last-of-type { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
+.txt-block .accordion-item.r-12:last-of-type { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; }
+.txt-block .accordion-item.r-14:last-of-type { border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; }
+.txt-block .accordion-item.r-16:last-of-type { border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; }
+
+.txt-block .accordion-thumb {
+  margin: 0;
+  padding: 0;
+  cursor: pointer;
+  position: relative;
+}
+
+.txt-block .accordion-1 .accordion-item .accordion-thumb:before,
+.txt-block .accordion-2 .accordion-item .accordion-thumb:after,
+.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before,
+.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
+  color: #6c757d;
+  font-family: Flaticon;
+  position: absolute;
+  color: #353f4f;
+  font-weight: 400; 
+}
+
+.txt-block .accordion-1 .accordion-item .accordion-thumb:before {
+  content: "\f11a";
+  font-size: 0.95rem;
+  top: 1px;
+  left: 0;
+}
+
+.txt-block .accordion-2 .accordion-item .accordion-thumb:after,
+.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
+  content: "\f110";
+  font-size: 0.95rem;
+  top: 12px;
+  right: 0;
+}
+
+.txt-block .accordion-1 .accordion-item.is-active {
+  background-color: #f4f4f9;
+  padding: 35px 30px 19px 30px;
+  margin-bottom: 15px;
+  margin-top: 15px;
+}
+
+.txt-block .accordion-2 .accordion-item.is-active {
+  background-color: transparent;
+  margin-bottom: 0;
+  margin-top: 0;
+}
+
+.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before {
+  content: "\f11b";
+}
+
+.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
+  content: "\f111";
+}
+
+.txt-block .accordion-1 .accordion-panel {
+  color: #6c757d;
+  margin: 0;
+  padding: 0 0 0 25px;
+  display: none;
+}
+
+.txt-block .accordion-2 .accordion-panel {
+  color: #6c757d;
+  margin: 15px 0 0 0;
+  display: none;
+}
+
+.txt-block .accordion-1 .accordion-thumb h5 {
+  color: #353f4f;
+  line-height: 1;
+  padding-left: 28px;
+  margin-bottom: 0;
+}
+
+.txt-block .accordion-2 .accordion-thumb h5 {
+  color: #353f4f;
+  display: inline-block;
+  line-height: 1;
+  padding-left: 10px;
+  margin-bottom: 0;
+}
+
+.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 {
+  margin-bottom: 20px;
+}
+
+.accordion-2 .accordion-thumb span[class*="flaticon-"]:before,
+.accordion-2 .accordion-thumb span[class*="flaticon-"]:after {  
+  color: #6c757d;
+  position: relative;
+  font-size: 2.1875rem;
+  top: 10px;
+}
+
+.txt-block .accordion-2 .accordion-panel .simple-list li {
+  margin-bottom: 1rem;
+}
+
+.txt-block .accordion-2 .accordion-panel p,
+.txt-block .accordion-2 .accordion-panel .simple-list li:last-child {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TABS
+/*------------------------------------------*/
+
+#tabs-1 .tabs-nav { 
+  text-align: center;
+}
+
+.tabs-1 { 
+  display: inline-block;
+  margin: 0 auto 60px;
+}
+
+#tabs-1 .tab-content {
+  display: none;
+}
+
+#tabs-1 .tab-content.current {
+  display: inherit;
+}
+
+.tabs-1 li {
+  display: inline-block; 
+  margin: 0 20px;
+  color: #aaa;
+  font-size: 1.05rem;
+  line-height: 1;
+  font-weight: 500;
+  padding: 0 2px 10px;
+  background-color: transparent;
+  border-bottom: 3px solid transparent;
+  cursor: pointer;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+/*------------------------------------------*/
+/*  TAB LINK HOVER / CURRENT
+/*------------------------------------------*/
+
+.tabs-1 li:hover {
+  color: #888;
+  border-color: #ccc;
+}
+
+.tabs-1 li.current,
+.tabs-1 li.current:hover {
+  color: #2b3648;
+  border-color: #2b3648;
+}
+
+.tabs-1.tabs--blue-500, .tabs-1.tabs--blue-500 li.current:hover { color: #185abd; border-color: #185abd; }
+.tabs-1.tabs--blue-400, .tabs-1.tabs--blue-500 li.current:hover { color: #1680fb; border-color: #1680fb; }
+.tabs-1.tabs--blue-300, .tabs-1.tabs--blue-500 li.current:hover { color: #3eb1ff; border-color: #3eb1ff; }
+
+.tabs-1.tabs--green-500, .tabs-1.tabs--green-500 li.current:hover { color: #00a14e; border-color: #00a14e; }
+.tabs-1.tabs--green-400, .tabs-1.tabs--green-400 li.current:hover { color: #0fbc49; border-color: #0fbc49; }
+.tabs-1.tabs--green-300, .tabs-1.tabs--green-300 li.current:hover { color: #6fd792; border-color: #6fd792; }
+
+.tabs-1.tabs--pink-500, .tabs-1.tabs--pink-500 li.current:hover { color: #ff149c; border-color: #ff149c; }
+.tabs-1.tabs--pink-400, .tabs-1.tabs--pink-400 li.current:hover { color: #f74780; border-color: #f74780; }
+.tabs-1.tabs--pink-300, .tabs-1.tabs--pink-300 li.current:hover { color: #fcb5cc; border-color: #fcb5cc; }
+
+.tabs-1.tabs--purple-500, .tabs-1.tabs--purple-500 li.current:hover { color: #663ae9; border-color: #663ae9; }
+.tabs-1.tabs--purple-400, .tabs-1.tabs--purple-400 li.current:hover { color: #7b5dd6; border-color: #7b5dd6; }
+.tabs-1.tabs--purple-300, .tabs-1.tabs--purple-300 li.current:hover { color: #bdaeea; border-color: #bdaeea; }
+
+.tabs-1.tabs--red-500, .tabs-1.tabs--red-500 li.current:hover { color: #da0f29; border-color: #da0f29; }
+.tabs-1.tabs--red-400, .tabs-1.tabs--red-400 li.current:hover { color: #ff1e1a; border-color: #ff1e1a; }
+.tabs-1.tabs--red-300, .tabs-1.tabs--red-300 li.current:hover { color: #ffa5a3; border-color: #ffa5a3; }
+
+.tabs-1.tabs--violet-500, .tabs-1.tabs--violet-500 li.current:hover { color: #c73e9b; border-color: #c73e9b; }
+.tabs-1.tabs--violet-400, .tabs-1.tabs--violet-400 li.current:hover { color: #be6cbe; border-color: #be6cbe; }
+.tabs-1.tabs--violet-300, .tabs-1.tabs--violet-300 li.current:hover { color: #e2bde2; border-color: #e2bde2; }
+
+.tabs-1.tabs--yellow-500, .tabs-1.tabs--yellow-500 li.current:hover { color: #ffba01; border-color: #ffba01; }
+.tabs-1.tabs--yellow-400, .tabs-1.tabs--yellow-400 li.current:hover { color: #ffbd45; border-color: #ffbd45; }
+.tabs-1.tabs--yellow-300, .tabs-1.tabs--yellow-300 li.current:hover { color: #ffdf35; border-color: #ffdf35; }
+
+/*------------------------------------------*/
+/*  ADVANTAGES LIST
+/*------------------------------------------*/
+
+.advantages {
+  margin-top: 15px;
+}
+
+.text-center .advantages {
+  margin-top: 20px;
+}
+
+.advantages li {
+  width: auto!important;
+  display: inline-block!important;
+  vertical-align: top;
+  clear: none !important;
+}
+
+.advantages-links-divider {
+  position: relative;
+  top: 0.5px;
+  transform: rotate(-90deg);
+}
+
+.advantages li p {
+  display: inline-block;
+  float: left;
+  margin-bottom: 0;
+}
+
+.advantages.ico-15 li p span {
+  position: relative;
+  top: 2px;
+  right: -1px;
+}
+
+.advantages.ico-15 [class*="flaticon-"]:before, 
+.advantages.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+.advantages li p a {
+  font-weight: 400;
+  text-decoration: underline;
+}
+
+.advantages li p a:hover {
+  text-decoration: underline;
+}
+
+.white--color .advantages li p a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  COMPATABILITY
+/*------------------------------------------*/
+
+.compatibility {
+  display: inline-block;
+  padding: 3px 20px;
+  margin-top: 15px;
+  margin-bottom: 0;
+}
+
+.compatibility span {
+  position: relative;
+  top: -1.5px;
+  right: 2px;
+}
+
+.compatibility.ico-10 [class*="flaticon-"]:before, 
+.compatibility.ico-10 [class*="flaticon-"]:after { font-size: 0.5rem; }
+
+/*------------------------------------------*/
+/*  TOOLS LIST / PAYMENT METHODS
+/*------------------------------------------*/
+
+.tools-list,
+.payment-methods {
+  margin-top: 25px;
+}
+
+.tools-list p,
+.payment-methods p {
+  font-weight: 400;
+  margin-bottom: 12px;
+}
+
+.tools-list.ico-35 [class*="flaticon-"]:before, 
+.tools-list.ico-35 [class*="flaticon-"]:after { 
+  line-height: 2.1875rem!important;
+  margin-right: 6px;
+}
+
+/*------------------------------------------*/
+/*  Payment Icons
+/*------------------------------------------*/
+
+.payment-icons li {
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  margin: 0;
+  padding-right: 5px;
+}
+
+.payment-icons li:last-child {
+  padding-right: 0;
+}
+
+.payment-icons img {
+  width: auto;
+  max-width: inherit;
+  max-height: 32px;
+}
+
+/*------------------------------------------*/
+/*  QUOTE
+/*------------------------------------------*/ 
+
+.quote p {
+  color: #666;
+  border-left: 3px solid #0195ff;
+  font-style: italic;
+  padding-left: 20px;
+  margin-bottom: 12px;
+}
+
+/*------------------------------------------*/
+/*  Quote Avatar 
+/*------------------------------------------*/ 
+
+.quote-avatar {
+  display: inline-block;
+  margin: 0 auto; 
+}
+
+.quote-avatar img {
+  width: 70px;
+  height: 70px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+}
+
+/*------------------------------------------*/
+/*  Quote Author 
+/*------------------------------------------*/ 
+
+.quote-author {
+  position: relative;
+  display: inline-block;
+  padding: 0 0 0 15px;
+  text-align: left;
+  top: 16px;
+} 
+   
+.quote-author h6 {
+  margin-bottom: 0;
+}
+
+.quote-author span {
+  font-size: 1rem;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX SHAPES
+/*------------------------------------------*/ 
+
+.cbox-5-shape-1 {
+  position: absolute;
+  right: 30px;
+  top: -35px;
+  z-index: -1;
+}
+
+.cbox-5-shape-2 {
+  position: absolute;
+  left: 30px;
+  bottom: -25px;
+  z-index: -1;
+}
+
+.cbox-5-shape-1 img,
+.cbox-5-shape-2 img {
+  height: 100%;
+  width: 100%;
+  object-fit: cover;
+}
+
+/*------------------------------------------*/
+/*  IMG BLOCK IMAGE
+/*------------------------------------------*/ 
+
+.grey-img {
+  filter: grayscale(100%);
+}
+
+.img-block {
+  text-align: center;
+}
+
+.img-block.img-block-bkg {
+  overflow: hidden;
+}
+
+.img-block.img-block-bkg img {
+  padding: 60px 45px;
+}
+
+.ct-10 .img-block,
+.img-block-hidden,
+.bc-5-img.bc-5-dashboard.img-block-hidden {
+  margin-bottom: -100px;
+}
+
+.ct-05 .img-block-hidden {
+  margin-bottom: -30px;
+}
+
+.bc-5-img.bc-5-tablet.img-block-hidden {
+  margin-bottom: -200px;
+}
+
+.img-block-hidden .video-btn,
+.bc-5-img.bc-5-dashboard.img-block-hidden .video-btn {
+  top: calc(50% - 30px);
+}
+
+.bc-5-img.bc-5-tablet.img-block-hidden .video-btn {
+  top: calc(50% - 70px);
+}
+
+.ct-01 .img-block,
+.ct-04 .img-block {
+  margin-left: 30px;
+}
+
+.ct-02 .img-block {
+  margin-right: 30px;
+}
+
+.ct-03 .img-block.right-column {
+  margin-left: 20px;
+}
+
+.ct-03 .img-block.left-column {
+  margin-right: 20px;
+}
+
+.ct-04 .img-block img {
+  max-width: none;
+  display: inline-block;
+}
+
+.ct-06 .img-block {
+  margin-bottom: -80px;
+}
+
+.ct-07 .img-block {
+  margin-top: -80px;
+}
+
+.img-block-txt,
+.img-block-btn {
+  margin-top: 60px;
+}
+
+.bc-1-wrapper .img-block.left-column,
+.bc-2-wrapper .img-block.left-column {
+  padding-right: 10px;
+}
+
+.bc-1-wrapper .img-block.right-column,
+.bc-2-wrapper .img-block.right-column {
+  padding-left: 10px;
+}
+
+.bc-2-img {
+  margin-left: 15px;
+}
+
+.bc-3-img {
+  margin: 0 -65% -25px 15px;
+}
+
+.bc-4-img {
+  margin-left: 15px;
+  margin-right: -65%;
+}
+
+.bc-6-img {
+  padding: 50px 30px 0;
+  margin-bottom: 35px;
+}
+
+.ct-11 .img-block {
+  position: relative;
+  text-align: center;
+  padding-left: 70px;
+  z-index: 2;
+}
+
+.ct-12 .img-block {
+  position: relative;
+  text-align: center;
+  padding-right: 70px;
+  z-index: 2;
+}
+
+.ct-11 .img-block .tra-bkg,
+.ct-12 .img-block .tra-bkg {
+  opacity: 0;
+  -moz-opacity: 0; 
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+} 
+
+
+
+
+/* ==========================================================================
+  09. STATISTIC
+  =========================================================================== */
+
+.sb-rounded .statistic-block {
+  padding: 35px 25px;
+}
+
+/*------------------------------------------*/
+/*  STATISTIC BLOCK
+/*------------------------------------------*/
+
+#sb-2-1,
+#sb-2-2 {
+  width: 48%;
+  display: inline-block;
+  float: left;
+}
+
+#sb-2-3, #sb-2-4 {
+  display: inline-block;
+  float: left;
+  padding-right: 15px;
+} 
+
+#sb-2-3 { width: 45%; }
+#sb-2-4 { width: 55%; }
+
+#sb-2-3 .statistic-block,
+#sb-2-4 .statistic-block {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+#sb-2-3 .statistic-block-txt,
+#sb-2-4 .statistic-block-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+  padding-left: 15px;
+}
+
+/*------------------------------------------*/
+/*  STATISTIC BLOCK TYPOGRAPHY
+/*------------------------------------------*/
+
+.statistic-1-wrapper .statistic-block-digit {   
+  width: 35%;
+  display: inline-block!important;  
+  float: left;
+}
+
+.statistic-1-wrapper .statistic-block-txt {
+  width: 65%;
+  display: inline-block!important;
+  padding-left: 20px;
+}
+
+#statistic-5 .statistic-digit {
+  padding-bottom: 20px;
+  margin: 0 100px 20px 0;
+  border-bottom: 1px solid #999;
+}
+
+#statistic-5 .color--white .statistic-digit {
+  border-bottom: 1px solid rgba(255, 255, 255, .8);
+}
+
+/*------------------------------------------*/
+/*  STATISTIC BLOCK TYPOGRAPHY
+/*------------------------------------------*/
+
+.statistic-ico {
+  margin-bottom: 10px;
+}
+
+h2.statistic-number {
+  line-height: 1; 
+  font-weight: 700;
+  letter-spacing: -1px;
+  margin-bottom: 0;
+}
+
+#sb-2-1 h2.statistic-number,
+#sb-2-2 h2.statistic-number {
+  margin-bottom: 15px;
+}
+
+#sb-2-3 h2.statistic-number span,
+#sb-2-4 h2.statistic-number span {
+  font-size: 2rem;
+}
+
+#statistic-5 .statistic-digit h2 {
+  letter-spacing: -1.5px;
+}
+
+#statistic-5 .statistic-txt h5 {
+  line-height: 1;
+  margin-bottom: 12px;
+}
+
+.statistic-block-txt p.p-md {
+  line-height: 1.35;
+  margin-bottom: 0;
+}
+
+#sb-2-1 .statistic-block p.p-sm,
+#sb-2-2 .statistic-block p.p-sm {
+  line-height: 1.4;
+  margin-bottom: 0;
+}
+
+#sb-2-3 .statistic-block p.p-sm,
+#sb-2-4 .statistic-block p.p-sm {
+  margin-top: 3px;
+  line-height: 1.5;
+  margin-bottom: 0;
+}
+
+.statistic-3-wrapper p {
+  line-height: 1;
+  margin-top: 15px;
+  margin-bottom: 0;
+}
+
+.statistic-3-wrapper p.p-md {
+  line-height: 1;
+  margin-top: 22px;
+  margin-bottom: 0;
+}
+
+.statistic-4-wrapper p {
+  line-height: 1;
+  margin-bottom: 14px;
+}
+
+#statistic-5 .statistic-txt p {
+  padding-right: 3%;
+  margin-bottom: 0;
+}
+
+.txt-block-stat .statistic-block .txt-block-rating {
+  margin-top: -4px;
+  margin-bottom: -3px;
+}
+
+.txt-block-stat .ico-15 [class*="flaticon-"]:before, 
+.txt-block-stat .ico-15 [class*="flaticon-"]:after { font-size: 0.8125rem; }
+
+
+
+
+/* ==========================================================================
+  10. PROJECTS
+  ========================================================================== */
+
+.projects-wrapper {
+  padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  PROJECT DETAILS
+/*------------------------------------------*/
+
+#pt-1-1, #pt-1-2,
+.inner-page-hero #pt-1-3, 
+.inner-page-hero #pt-1-4 {
+  margin-bottom: 50px;
+}
+
+.project-details h5 {
+  line-height: 1;
+  margin-bottom: 30px;
+}
+
+.project-preview {
+  position: relative;
+  overflow: hidden;
+}
+
+/*------------------------------------------*/
+/*  Image Link
+/*------------------------------------------*/
+
+.project-link {
+  width: 100%;
+  position: absolute;
+  top: 55%;
+  transform: translateY(-50%);
+  opacity: 0;
+  text-align: center;
+  color: #fff;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  Image Hover Overlay
+/*------------------------------------------*/
+
+.hover-overlay {
+  width: 100%;
+  height: auto;
+  overflow: hidden;
+  position: relative; 
+}
+
+.hover-overlay img {
+  transform: scale(1);
+  -ms-transform: scale(1);
+  -webkit-transform: scale(1);
+  -o-transform: scale(1);
+  -moz-transform: scale(1);
+  overflow: hidden;
+  -webkit-transition: transform 400ms;
+  -moz-transition: transform 400ms;
+  -o-transition: transform 400ms;
+  transition: transform 400ms;
+}
+
+/*------------------------------------------*/
+/*    Overlay Background 
+/*------------------------------------------*/ 
+
+.item-overlay {
+  opacity: 0;
+  -moz-opacity: 0; 
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(20, 20, 20, .25);
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  Image Hover Effect 
+/*------------------------------------------*/ 
+
+.project-preview:hover img {
+  transform: scale(1.05);
+  -ms-transform: scale(1.05);
+  -webkit-transform: scale(1.05);
+  -o-transform: scale(1.05);
+  -moz-transform: scale(1.05);
+}
+
+.project-preview:hover .project-link {
+  top: 50%;
+  opacity: 1; 
+  -moz-opacity: 1; 
+}
+
+.project-preview:hover .item-overlay {
+  opacity: 1; 
+  -moz-opacity: 1; 
+}
+
+/*------------------------------------------*/
+/*  MORE PROJECTS BUTTON
+/*------------------------------------------*/ 
+
+.more-projects {
+  text-align: center;
+  margin-top: 70px;
+}
+
+
+
+
+/* ==========================================================================
+  11. PROJECT DETAILS
+  ========================================================================== */
+
+.single-project .project-title {
+  margin-bottom: 80px;
+}
+
+.project-title h2 {
+  padding-right: 5%;
+  padding-bottom: 40px;
+  margin-bottom: 35px;
+  border-bottom: 1px solid #ddd;
+}
+
+.project-data p {
+  margin-bottom: 4px;
+}
+
+.project-data p span {
+  color: #353f4f;
+  font-weight: 500;
+}
+
+/*------------------------------------------*/
+/*  MORE PROJECTS BUTTON
+/*------------------------------------------*/
+
+.project-description .more-projects {
+  margin-top: 65px;
+}
+
+.project-description .more-projects h3 {
+  display: inline-block;
+  text-decoration: underline;
+  margin-bottom: 0;
+}
+
+.project-description .more-projects span {
+  color: #353f4f;
+  position: relative;
+  top: 2px;
+  left: 5px;
+}
+
+
+
+
+/* ==========================================================================
+  12. RATING
+  =========================================================================== */
+
+.rating-section .rating-1-wrapper {
+  padding: 0 16%;
+}
+
+.rating-section .rating-2-wrapper {
+  padding: 0 4%;
+}
+
+.rating-title {
+  text-align: center;
+}
+
+.rating-title h5 {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  RATING BOX
+/*------------------------------------------*/
+
+.rbox-1,
+.rbox-2 {
+  text-align: center;
+}
+
+/*------------------------------------------*/
+/*  RATING BOX LOGO
+/*------------------------------------------*/
+
+.rbox-1-img {
+  margin-bottom: 20px;
+}
+
+.rbox-1-img img {
+  width: auto;
+  max-width: inherit;
+  max-height: 38px;
+}
+
+.rbox-2-txt img {
+  position: relative;
+  display: inline-block;
+  width: auto;
+  max-width: inherit;
+  max-height: 30px;
+  top: -1px;
+  left: 4px;
+}
+
+/*------------------------------------------*/
+/*  RATING BOX TYPOGRAPHY
+/*------------------------------------------*/
+
+.rbox-2-txt {
+  margin-top: 20px;
+}
+
+.rbox-1 .star-rating {
+  display: inline-block;
+  font-size: 17px;
+  line-height: 15px;
+  font-weight: 500;
+  vertical-align: inherit;
+  border: 1px solid #f5f5f5;
+  padding: 5px 18px;
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+}
+
+.rbox-1 .star-rating span {
+  position: relative;
+  color: #ffb30c;
+  top: 1.5px;
+}
+
+.rbox-1 .star-rating { 
+  font-size: 0.86rem; 
+  line-height: 1; 
+}
+
+p.rbox-2-txt {
+  line-height: 22px;
+  margin-top: 8px;
+  margin-bottom: 0;
+}
+
+p.rbox-2-txt span {
+  font-weight: 500;
+}
+
+
+
+
+/* ==========================================================================
+  13. TESTIMONIALS
+  =========================================================================== */
+
+.reviews-2-wrapper {
+  padding: 0 10px;
+}
+
+.reviews-3-wrapper {
+  padding: 0 20px;
+}
+
+.reviews-4-wrapper,
+.reviews-5-wrapper {
+  padding-left: 40px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL
+/*------------------------------------------*/
+
+.review-1 { 
+  padding: 40px 40px 30px;
+  margin: 0 10px 30px;                                
+}
+
+.review-1.block-border {
+  border-color: #d2d2d2;
+}
+
+.review-2 { 
+  padding: 45px 50px 35px;
+}
+
+.review-3 { 
+  padding: 45px 50px 40px;
+}
+
+.review-4 { 
+  padding: 40px 45px 30px;
+}
+
+.review-5 { 
+  padding: 45px 45px 40px;
+}
+
+#rw-2-1, #rw-2-2 {
+  margin-bottom: 20px;
+}
+
+.inner-page-hero #rw-2-3, .inner-page-hero #rw-2-4 {
+  margin-bottom: 20px;
+}
+
+#rw-3-2 {
+  margin-bottom: 45px;
+}
+
+#rw-3-2, #rw-3-3 {
+  margin-left: 15px;
+}
+
+#rw-4-1,
+#rw-5-1 {
+  margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL TEXT
+/*------------------------------------------*/
+
+.review-ico {   
+  position: relative;
+  margin-top: -25px;
+  margin-left: -10px;
+  opacity: .1;
+}
+
+.review-txt {
+  position: relative;
+  margin-top: -45px;
+}
+
+.review-txt h6 {
+  margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL DATA
+/*------------------------------------------*/ 
+
+.review-1 .author-data {
+  margin-top: 22px;
+}
+
+.review-2 .author-data {
+  margin-top: 15px;
+}
+
+.review-3 .author-data {
+  margin-top: 20px;
+}
+
+.review-avatar {
+  margin: 0 auto; 
+  float: left;
+}
+
+.review-avatar img,
+.owl-item .review-avatar img {
+  width: 54px;
+  height: 54px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+}
+
+.review-2 .review-avatar img {
+  width: 64px;
+  height: 64px;
+}
+
+.review-3 .review-avatar img,
+.review-5 .review-avatar img {
+  width: 62px;
+  height: 62px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL AUTHOR
+/*------------------------------------------*/ 
+
+.review-author {
+  position: relative;
+  display: inline-block;
+  text-align: left;
+  padding: 0 0 0 15px;
+}
+
+.review-1 .review-author {
+  margin-top: 4px;
+}
+
+.review-2 .review-author {
+  margin-top: 10px;
+}
+
+.review-3 .review-author {
+  margin-top: 8px;
+} 
+
+.review-5 .review-author {
+  margin-top: 8px;
+}   
+
+.review-4 .review-author {
+  padding-left: 0;
+  margin-top: 0;
+} 
+
+.review-author h6 {
+  line-height: 1;
+  margin-bottom: 8px;
+}
+
+.review-1 .review-author h6 {
+  font-size: 0.975rem;
+}
+
+.review-author p {
+  line-height: 1;
+  font-weight: 300;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL CAROUSEL DOTS
+/*------------------------------------------*/
+
+.reviews-section button {
+  background-color: transparent;
+  border: none;
+  padding: 0 2px;
+}
+
+.owl-theme .owl-dots .owl-dot span {
+  margin: 0 7px;
+}
+
+.owl-dots button:focus {
+  outline: none;
+  text-decoration: none;
+}
+
+
+
+
+/* ==========================================================================
+  14. PRESS
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  PRESS LOGO
+/*------------------------------------------*/ 
+
+.press-logo img {
+  position: relative;
+  width: auto;
+  max-width: inherit;
+  max-height: 82px;
+}
+
+/*------------------------------------------*/
+/*  PRESS TEXT
+/*------------------------------------------*/ 
+
+.press-txt {
+  position: relative;
+  margin-top: 15px;
+}
+
+.press-txt p {
+  color: #999;
+  font-weight: 400;
+  margin-bottom: 0;
+}
+
+.press-txt span {   
+  position: relative;
+  top: 3px;
+  left: -1px;
+  opacity: .6;
+}
+
+.press-txt.ico-20 [class^="flaticon-"]:before, 
+.press-txt.ico-20 [class^="flaticon-"]:after {
+  font-size: 1.375rem;
+}
+
+
+
+
+/* ==========================================================================
+  15. BRANDS
+  =========================================================================== */
+
+#brands-3 {
+  position: relative;
+}
+
+#brands-3:after {
+  position: absolute;
+  content: '';
+  width: 100%;
+  height: 80%;
+  top: 0;
+  left: 0;
+  z-index: -1;
+}
+
+/*------------------------------------------*/
+/*  BRANDS SECTION TITLE
+/*------------------------------------------*/ 
+
+.brands-title {
+  text-align: center;
+  padding: 0 5%;
+}
+
+.brands-title h4,
+.brands-title h3,
+.brands-title h2 {
+  margin-bottom: 8px;
+}
+
+.brands-title p {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  BRANDS LOGO WRAPPER
+/*------------------------------------------*/ 
+
+.brands-3-wrapper {
+  padding: 50px 30px;
+  background-color: #fff;
+  border: 1px solid #e9ecef;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px; 
+}
+
+/*------------------------------------------*/
+/*  BRANDS LOGO IMAGE
+/*------------------------------------------*/ 
+
+.brand-logo {
+  overflow: hidden;
+  position: relative;
+  top: 0;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+} 
+
+#brands-1 .brands-carousel-5 .brand-logo {
+  padding: 0 30px;
+} 
+
+#brands-1 .brands-carousel-6 .brand-logo {
+  padding: 0 20px;
+}   
+
+#brands-1 .justify-content-center .brand-logo {
+  padding: 0 15px;
+} 
+
+#brands-2 .brand-logo {
+  padding: 0;
+} 
+
+#brands-3 .brand-logo {
+  padding: 0 25px;
+}
+
+#brands-3 .brands-3-static .brand-logo {
+  padding: 0 15px;
+}
+
+#brands-4 .brand-logo {
+  padding: 0 20px;
+} 
+
+.brand-logo:hover {
+  top: -6px;
+}
+
+.brands-section .more-btn {
+  text-align: center;
+  margin-top: 40px;
+}
+
+.hero-section .owl-dots,
+.brands-section .owl-dots {
+  display: none;
+}
+
+
+
+
+/* ==========================================================================
+  16. INTEGRATIONS
+  =========================================================================== */
+
+.integrations-2-wrapper {
+  padding: 80px 70px;
+}
+
+.in_tool_logo {
+  padding: 50px 30px;
+  margin-bottom: 25px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.integrations-1-wrapper .in_tool-logo {
+  position: relative;
+  margin-right: 20px;
+}
+
+.integrations-1-wrapper .in_tool {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+  padding: 22px 20px;
+  border: 1px solid #ccc;
+}
+
+.integrations-1-wrapper .in_tool-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.in_tool h6 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.integrations-1-wrapper .in_tool-txt h6 {
+  margin-top: 5px;
+}
+
+.integrations-1-wrapper .in_tool-txt p {
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+.integrations-1-wrapper .in_tool:hover {
+  border-color: transparent;
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+}
+
+
+
+
+/* ==========================================================================
+  17. PRICING
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  Price Table
+/*------------------------------------------*/
+
+.p-table {
+  margin-bottom: 40px;
+}
+
+.pricing-1-table { 
+  padding: 50px 38px 45px; 
+}
+
+.text-center .pricing-1-table {
+  padding: 60px 35px 50px; 
+}
+
+.pricing-2-table { 
+  padding: 45px 38px 50px; 
+}
+
+.pricing-3-table { 
+  padding: 50px 40px; 
+}
+
+.pricing-4-table {
+  position: relative;
+  padding: 45px;
+}
+
+#pt-4-1 { margin: 0 10px 40px 50px; }
+#pt-4-2 { margin: 0 50px 40px 10px; }
+
+/*------------------------------------------*/
+/*  TABLE HEADER 
+/*------------------------------------------*/
+
+.pricing-table-header {
+  position: relative;
+}
+
+.pricing-table-header h5 {
+  margin-bottom: 30px;
+}
+
+.pricing-table-header h4 {
+  margin-bottom: 25px;
+}
+
+/*------------------------------------------*/
+/*  PRICING TABLE DISCOUNT
+/*------------------------------------------*/
+
+.pricing-discount {
+  position: absolute;
+  top: -2px;
+  right: -10px;
+  padding: 8px 18px;
+}
+
+.pricing-1-table .pricing-discount {
+  top: -2px;
+  right: -5px;
+  padding: 7px 13px;
+}
+
+.text-center .pricing-1-table .pricing-discount {
+  top: -35px;
+  right: -8px;
+}
+
+.pricing-discount h6 {
+  font-size: 1.1rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.pricing-1-table .pricing-discount h6 {
+  font-size: 0.915rem;
+}
+
+.price.color--black .white--color {
+  color: #fff;
+}
+
+.comp-table .table thead th {
+  border-color: #ccc;
+}
+
+.comp-table tbody th {
+  border-bottom: 1px solid #ccc!important;
+}
+
+.comp-table .table tr td {
+  border-bottom: 2px solid #ccc;
+}
+
+/*------------------------------------------*/
+/*  PRICE
+/*------------------------------------------*/
+
+.price span {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 3rem;
+  line-height: 1;
+  font-weight: 600;
+  letter-spacing: -2px;
+} 
+
+.pricing-2-table.highlight .price span {
+  font-size: 2.4rem;
+  letter-spacing: -1px;
+} 
+
+.pricing-3-table .price span {
+  font-size: 4.35rem;
+} 
+
+.pricing-4-table .price span {
+  font-size: 3.15rem;
+} 
+
+/*------------------------------------------*/
+/*  DOLLAR SIGN
+/*------------------------------------------*/
+
+.price sup {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 2.05rem;
+  font-weight: 600;
+  top: -5px;
+  right: 2px;
+  letter-spacing: -1px;
+}
+
+.pricing-3-table .price sup {
+  font-size: 2.35rem;
+  top: -23px;
+  right: 3px;
+}
+
+.pricing-4-table .price sup {
+  font-size: 2.05rem;
+  top: -10px;
+  right: 2px;
+}
+
+/*------------------------------------------*/
+/*  COINS
+/*------------------------------------------*/
+
+.pricing-3-table .price sup.coins {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 2.35rem;
+  font-weight: 600;
+  top: -29px;
+  left: 3px;
+  letter-spacing: -2px;
+}
+
+/*------------------------------------------*/
+/*  Validity
+/*------------------------------------------*/
+
+.price sup.validity {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 1.4rem;
+  font-weight: 400;
+  top: -2px;
+  left: 0;
+}
+
+.pricing-3-table .price sup.validity {
+  display: block;
+  font-size: 1.1875rem;
+  top: 0;
+  margin-top: 20px;
+  margin-bottom: 30px;
+  letter-spacing: 0;
+  margin-bottom: 40px;
+}
+
+/*------------------------------------------*/
+/*  Text
+/*------------------------------------------*/
+
+.price p {
+  margin-top: 25px;
+  margin-bottom: 25px;
+}
+
+.pricing-2-table .price p {
+  margin-bottom: 15px;
+}
+
+.text-center .price p {
+  padding: 0 2%;
+}
+
+.pricing-section .btn-txt a {
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  PRICING TABLE HORIZONTAL LINE
+/*------------------------------------------*/
+
+.pricing-1-table hr {
+  margin-top: 35px;
+}
+
+.pricing-2-table hr {
+  margin-top: 25px;
+}
+
+/*------------------------------------------*/
+/*  PRICING FEATURES
+/*------------------------------------------*/
+
+.pricing-features li {
+  padding: 11px 8px;
+}
+
+.pricing-4-table .pricing-features li {
+  padding: 10px;
+} 
+
+.pricing-features li p {
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 0;
+}
+
+.pricing-features li p span {
+  position: relative;
+  top: -2px;
+  right: 5px;
+}
+
+.pricing-features.ico-10 li p span {
+  top: 0;
+  right: 4px;
+}
+
+.pricing-features.ico-5 [class*="flaticon-"]:before, 
+.pricing-features.ico-5 [class*="flaticon-"]:after { font-size: 0.5rem; }
+
+.pricing-features li.disabled-option p,
+.pricing-features li.disabled-option span {
+  color: #b5b5b5!important;
+}
+
+/*------------------------------------------*/
+/*  PRICING TABLE BUTTON
+/*------------------------------------------*/
+
+.pt-btn {
+  display: block;
+  width: 100%;
+  margin-top: 25px;
+}
+
+.p-table p.btn-txt {
+  margin: 14px 0 0 0;
+}
+
+/*------------------------------------------*/
+/*  PRICING TOGGLE BUTTON
+/*------------------------------------------*/
+
+.ext-toggle-btn {
+  text-align: center;
+}
+
+.toggle-btn.inn-toggle-btn {
+  position: absolute;
+}
+
+#pricing-4 .ext-toggle-btn {
+  margin: 0 50px 35px 10px;
+}
+
+/*------------------------------------------*/
+/*  TOGGLE BUTTON TYPOGRAPHY
+/*------------------------------------------*/
+
+.toggle-btn-md .toggler-txt {
+  font-size: 1.1rem;
+  font-weight: 400;
+  line-height: 36px;
+}
+
+.toggle-btn-lg .toggler-txt {
+  font-size: 1.15rem;
+  font-weight: 400;
+  line-height: 40px;
+}
+
+.toggle-btn p {
+  margin-top: 10px;
+  letter-spacing: -0.25px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TOGGLE BUTTON SWITCHER
+/*------------------------------------------*/
+
+.switch-wrap {
+  position: relative;
+  display: inline-block;
+  min-width: 50px;
+  height: 32px;
+  vertical-align: middle;
+}
+
+.toggle-btn-md .switch-wrap {
+  min-width: 65px;
+  height: 36px;
+  margin: 0 8px;
+}
+
+.toggle-btn-lg .switch-wrap {
+  min-width: 70px;
+  height: 40px;
+  margin: 0 14px;
+}
+
+.switcher {
+  display: block;
+  cursor: pointer;
+  color: #fff;
+  font-size: 0.925rem;
+  font-weight: 500;
+  height: 32px;
+  padding: 0 15px 0 35px;
+  position: relative;
+  border-radius: 32px;
+  -webkit-transition: all 150ms ease-in-out;
+  -moz-transition: all 150ms ease-in-out;
+  -o-transition: all 150ms ease-in-out;
+  -ms-transition: all 150ms ease-in-out;
+  transition: all 150ms ease-in-out;
+}
+
+.toggle-btn-md .switcher {
+  height: 36px;
+  padding: 0 20px 0 40px;
+  border-radius: 36px;
+}
+
+.toggle-btn-lg .switcher {
+  height: 40px;
+  padding: 0 20px 0 40px;
+  border-radius: 40px;
+}
+
+.switcher.bg--tra-white {
+  background-color: #fff;
+  border: 2px solid #ccc;
+}
+
+.switcher.bg--ghost-white {
+  background-color: rgba(128, 143, 174, .45);
+  border: 2px solid rgba(128, 143, 174, .15);
+}
+
+.switcher.bg--grey {
+  background-color: #ccc;
+  border: 2px solid #ccc;
+}
+
+.switcher .show-annual, 
+.switcher .show-monthly {
+  line-height: 32px;
+}
+
+.toggle-btn-md .switcher .show-annual,
+.toggle-btn-md .switcher .show-monthly {
+  line-height: 36px;
+}
+
+.toggle-btn-lg .switcher .show-annual,
+.toggle-btn-lg .switcher .show-monthly {
+  line-height: 40px;
+}
+
+.switcher .show-monthly {
+  display: block;
+}
+
+.switcher .show-annual {
+  display: none;
+}
+
+.switcher:before {
+  position: absolute;
+  left: 4px;
+  bottom: 4px;
+  content: " ";
+  background-color: #fff;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out;
+}
+
+.toggle-btn-md .switcher:before {
+  left: 5px;
+  bottom: 5px;
+  width: 26px;
+  height: 26px;
+}
+
+.toggle-btn-lg .switcher:before {
+  left: 5px;
+  bottom: 5px;
+  width: 30px;
+  height: 30px;
+}
+
+.switcher.bg--grey:before,
+.switcher.bg--tra-white:before,
+.switcher.bg--ghost-white:before {
+  background-color: #ccc;
+  left: 4px;
+  bottom: 3.5px;
+  -webkit-box-shadow: 0 1px 1px 0 #aaa;
+  -moz-box-shadow: 0 1px 1px 0 #aaa;
+  box-shadow: 0 1px 1px 0 #aaa;
+}
+
+.switcher.bg--grey:before,
+.switcher.bg--ghost-white:before {
+  background-color: #fff;
+}
+
+.switch-wrap input {
+  display: none;
+}
+
+.switch-wrap input:checked + .switcher {
+  padding: 0 35px 0 15px;
+}
+
+.toggle-btn-md .switch-wrap input:checked + .switcher,
+.toggle-btn-lg .switch-wrap input:checked + .switcher {
+  padding: 0 40px 0 20px;
+}
+
+.switch-wrap input:checked + .switcher.switcher--blue-500 { background-color: #185abd; border-color: #185abd; }
+.switch-wrap input:checked + .switcher.switcher--blue-400 { background-color: #1680fb; border-color: #1680fb; }
+.switch-wrap input:checked + .switcher.switcher--blue-300 { background-color: #3eb1ff; border-color: #3eb1ff; }
+
+.switch-wrap input:checked + .switcher.switcher--green-500 { background-color: #00a14e; border-color: #00a14e; }
+.switch-wrap input:checked + .switcher.switcher--green-400 { background-color: #0fbc49; border-color: #0fbc49; }
+.switch-wrap input:checked + .switcher.switcher--green-300 { background-color: #6fd792; border-color: #6fd792; }
+
+.switch-wrap input:checked + .switcher.switcher--pink-500 { background-color: #ff149c; border-color: #ff149c; }
+.switch-wrap input:checked + .switcher.switcher--pink-400 { background-color: #f74780; border-color: #f74780; }
+.switch-wrap input:checked + .switcher.switcher--pink-300 { background-color: #fcb5cc; border-color: #fcb5cc; }
+
+.switch-wrap input:checked + .switcher.switcher--purple-500 { background-color: #663ae9; border-color: #663ae9; }
+.switch-wrap input:checked + .switcher.switcher--purple-400 { background-color: #7b5dd6; border-color: #7b5dd6; }
+.switch-wrap input:checked + .switcher.switcher--purple-300 { background-color: #bdaeea; border-color: #bdaeea; }
+
+.switch-wrap input:checked + .switcher.switcher--red-500 { background-color: #da0f29; border-color: #da0f29; }
+.switch-wrap input:checked + .switcher.switcher--red-400 { background-color: #ff1e1a; border-color: #ff1e1a; }
+.switch-wrap input:checked + .switcher.switcher--red-300 { background-color: #ffa5a3; border-color: #ffa5a3; }
+
+.switch-wrap input:checked + .switcher.switcher--violet-500 { background-color: #c73e9b; border-color: #c73e9b; }
+.switch-wrap input:checked + .switcher.switcher--violet-400 { background-color: #be6cbe; border-color: #be6cbe; }
+.switch-wrap input:checked + .switcher.switcher--violet-300 { background-color: #e2bde2; border-color: #e2bde2; }
+
+.switch-wrap input:checked + .switcher.switcher--yellow-500 { background-color: #ffba01; border-color: #ffba01; }
+.switch-wrap input:checked + .switcher.switcher--yellow-400 { background-color: #ffbd45; border-color: #ffbd45; }
+.switch-wrap input:checked + .switcher.switcher--yellow-300 { background-color: #ffdf35; border-color: #ffdf35; }
+
+.switch-wrap input:checked + .switcher:before {
+  left: auto;
+  right: 4px;
+  -webkit-transition: all 350ms ease-in-out;
+  -moz-transition: all 350ms ease-in-out;
+  -o-transition: all 350ms ease-in-out;
+  -ms-transition: all 350ms ease-in-out;
+  transition: all 350ms ease-in-out;
+}
+
+.switch-wrap input:checked + .switcher.bg--tra-white:before {
+  bottom: 3px;
+  background-color: #fff;
+  -webkit-box-shadow: 0 0;
+  -moz-box-shadow: 0 0;
+  box-shadow: 0 0;
+}
+
+.switch-wrap input:checked + .switcher .show-annual {
+  display: block;
+}
+
+.switch-wrap input:checked + .switcher .show-monthly {
+  display: none;
+}
+
+/*------------------------------------------*/
+/*  PRICING NOTICE TEXT
+/*------------------------------------------*/
+
+.pricing-notice {
+  text-align: center;
+  margin-top: 20px;
+}
+
+.pricing-notice p {
+  padding: 0 8%;
+  margin-bottom: 0;
+}
+
+.pricing-notice p span {
+  font-weight: 500;
+}
+
+/*------------------------------------------*/
+/*  COMPARE PRICING TABLE
+/*------------------------------------------*/
+
+.table>:not(caption)>*>* {
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+
+.comp-table .pricing-header {
+  max-width: 700px;
+}
+
+.comp-table .table-responsive thead th {
+  font-size: 1.15rem;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-weight: 600;
+}
+
+.comp-table .table-responsive tbody th {
+  font-size: 1rem;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-weight: 600;
+}
+
+.comp-table .table-responsive tbody td {
+  position: relative;
+  font-size: 1rem;
+  line-height: inherit;
+  top: 1px;
+}
+
+.comp-table .table-responsive tbody td span {
+  position: relative;
+  top: 1px;
+}
+
+.table-responsive .ico-15 [class*="flaticon-"]:before, 
+.table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+.table-responsive .ico-20 [class*="flaticon-"]:before, 
+.table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.95rem; }
+
+.comp-table .table-responsive tbody tr {
+  background-color: #fff;
+  -moz-transition: all 350ms ease-in-out;
+  -o-transition: all 350ms ease-in-out;
+  -ms-transition: all 350ms ease-in-out;
+  transition: all 350ms ease-in-out;
+}
+
+.comp-table .table tbody tr.table-last-tr {
+  border-color: transparent;
+}
+
+.comp-table .table-responsive tbody tr:hover {
+  background-color: #f7f7f9;
+}
+
+.comp-table .disabled-option {
+  color: #999;
+}
+
+/*------------------------------------------*/
+/*  PRICING COMPARE PAYMENT
+/*------------------------------------------*/
+
+.comp-table-payment h6 {
+  margin-bottom: 20px;
+}
+
+.comp-table-payment p {
+  margin-bottom: 0;
+}
+
+
+
+
+/* ==========================================================================
+  18. TEAM
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  TEAM MEMBER
+/*------------------------------------------*/
+
+#tm-2-1, #tm-2-4, #tm-2-7, #tm-2-10 { margin-right: 14px; }
+#tm-2-2, #tm-2-5, #tm-2-8, #tm-2-11 { margin-left: 7px; margin-right: 7px; }
+#tm-2-3, #tm-2-6, #tm-2-9, #tm-2-12 { margin-left: 14px; }
+
+/*------------------------------------------*/
+/*  TEAM MEMBER PHOTO
+/*------------------------------------------*/
+
+.team-member-photo {
+  position: relative;
+  overflow: hidden;
+  text-align: center;
+  margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  PHOTO HOVER ZOOM
+/*------------------------------------------*/ 
+
+.team-member:hover img {
+  transform: scale(1.05);
+  -ms-transform: scale(1.05);
+  -webkit-transform: scale(1.05);
+  -o-transform: scale(1.05);
+  -moz-transform: scale(1.05);
+}
+
+.team-member:hover .item-overlay {
+  opacity: .45; 
+  -moz-opacity: .45; 
+}
+
+/*------------------------------------------*/
+/*  TEAM MEMBER TYPOGRAPHY
+/*------------------------------------------*/
+
+.team-member-data {
+  position: relative;
+  margin-left: 5px;
+}
+
+.team-member-data h6.s-20 {
+  margin-bottom: 8px;
+}
+
+.team-member-data p {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  line-height: 1;
+  font-weight: 400;
+  letter-spacing: 0;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  Team Member Social Links
+/*------------------------------------------*/
+
+ul.tm-social {
+  position: absolute;
+  top: -1px;
+  right: 8px;
+  -webkit-transition: all 0.3s ease-out;
+  -o-transition: all 0.3s ease-out;
+  transition: all 0.3s ease-out;  
+}
+
+#team-1 ul.tm-social {
+  right: 5px;
+}
+
+ul.tm-social li {
+  width: auto !important;
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  padding: 0;
+  margin-left: 10px;
+  opacity: .6;
+  -webkit-transition: all 0.5s ease-out;
+  -o-transition: all 0.5s ease-out;
+  transition: all 0.5s ease-out;  
+}
+
+.tm-social.ico-20 [class*="flaticon-"]:before, 
+.tm-social.ico-20 [class*="flaticon-"]:after { font-size: 1.15rem; }
+
+
+
+
+/* ==========================================================================
+  19. CAREERS
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  ROLE BOX
+/*------------------------------------------*/
+
+.role-box {
+  border: 1px solid #d2d2d2;
+  padding: 25px 35px;
+  margin-bottom: 30px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.role-box.bg--white-200,
+.role-box.bg--white-300 {
+  border: 1px solid transparent;
+}
+
+.role-box:hover {
+  border-color: transparent;
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+}
+
+/*------------------------------------------*/
+/*  ROLE BOX TEXT
+/*------------------------------------------*/
+
+.role-box span {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  display: block;
+  font-size: 0.8rem;
+  line-height: 1;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  margin-bottom: 14px;
+}
+
+.role-box h6 {
+  margin-bottom: 6px;
+}
+
+.role-box p {
+  margin-bottom: 0;
+}
+
+
+
+
+/* ==========================================================================
+  20. CAREER ROLE
+  =========================================================================== */
+
+#role-page .inner-page-title {
+  text-align: left;
+  margin-bottom: 50px;
+}
+
+#role-page .inner-page-title span {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  display: block;
+  font-size: 0.9rem;
+  line-height: 1;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  margin-bottom: 35px;
+}
+
+.role-info hr {
+  margin: 50px 0;
+}
+
+#role-page .cbox-6-wrapper {
+  margin: 45px 0;
+}
+
+.role-info h5 {
+  margin-bottom: 25px;
+}
+
+.role-info p a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.txt-block.role-info .btn {
+  display: block;
+  margin-top: 50px;
+}
+
+
+
+
+/* ==========================================================================
+  21. BANNER
+  =========================================================================== */
+
+.banner-overlay {
+  width: 100%;
+  height: 100%;
+}
+
+#banner-11 {
+  margin-top: 50px;
+}
+
+#banner-12 {
+  margin-top: 40px;
+  margin-bottom: 10px;
+}
+
+/*------------------------------------------*/
+/*  BANNER WRAPPER
+/*------------------------------------------*/
+
+.banner-1-wrapper,
+.banner-2-wrapper,
+.banner-3-wrapper {
+  position: relative;
+  overflow: hidden;
+  text-align: center;
+} 
+
+.banner-1-wrapper .banner-overlay {
+  padding: 75px 15% 85px;
+}
+
+.banner-2-wrapper .banner-overlay {
+  padding: 80px 15% 90px;
+}
+
+.banner-3-wrapper .banner-overlay {
+  padding: 75px 20% 85px;
+}
+
+.banner-11-wrapper .banner-overlay {
+  padding: 10px 70px 0;
+}
+
+.banner-12-wrapper .banner-overlay {
+  padding-left: 80px;
+}
+
+.banner-13-wrapper {
+  overflow: hidden;
+}
+
+.banner-13-wrapper .banner-overlay {
+  overflow: hidden;
+  padding-left: 80px;
+}
+
+.banner-16-wrapper .banner-overlay {
+  padding: 45px 22%;
+}
+
+.banner-16-wrapper.bg--white-100.block-border {
+  border-color: #ccc;
+}
+
+/*------------------------------------------*/
+/*  BANNER TEXT
+/*------------------------------------------*/
+
+.banner-12-txt {
+  margin-top: -10px;
+  padding-right: 15%;
+}
+
+.banner-13-txt {
+  padding-right: 15%;
+}
+
+/*------------------------------------------*/
+/*  BANNER TYPOGRAPHY
+/*------------------------------------------*/
+
+.banner-section .section-id {
+  font-weight: 600;
+  padding-top: 10px;
+  margin-bottom: 30px;
+}
+
+.banner-1-txt h2 {
+  margin-bottom: 15px;
+}
+
+.banner-2-txt h2 {
+  margin-bottom: 35px;
+}
+
+.banner-4-txt h2 {
+  margin-bottom: 30px;
+}
+
+.banner-7-txt h2 {
+  margin-bottom: 35px;
+}
+
+.banner-10-txt h6 {
+  font-weight: 400;
+  margin-bottom: 12px;
+}
+
+.banner-10-txt h2 {
+  margin-bottom: 25px;
+}
+
+.banner-11-txt h2,
+.banner-12-txt h2,
+.banner-13-txt h2 {
+  margin-bottom: 22px;
+}
+
+.banner-15-txt h2 {
+  margin-bottom: 45px;
+}
+
+.banner-16-txt h4 {
+  margin-bottom: 14px;
+}
+
+.banner-section p.p-lg {
+  font-size: 1.15rem; 
+  margin-bottom: 30px;
+}
+
+.banner-section p.p-xl {
+  margin-bottom: 25px;
+}
+
+.sm-title .banner-1-txt p.p-lg,
+.sm-title .banner-1-txt p.p-xl {
+  margin-top: 12px;
+  margin-bottom: 22px!important;
+}
+
+.banner-3-txt p.p-lg,
+.banner-3-txt p.p-xl,
+.banner-5-txt p.p-lg,
+.banner-5-txt p.p-xl {
+  margin-top: 20px;
+}
+
+.banner-5-txt p.s-21,
+.banner-5-txt p.s-22 {
+  margin-top: 20px;
+  margin-bottom: 26px;
+}
+
+.banner-6-txt p.p-lg,
+.banner-6-txt p.p-xl {
+  margin-top: 15px;
+  margin-bottom: 25px!important;
+}
+
+.banner-8-txt p.p-lg,
+.banner-8-txt p.p-xl {
+  margin-top: 10px;
+  margin-bottom: 0!important;
+}
+
+.banner-9-txt p.p-lg,
+.banner-9-txt p.p-xl {
+  margin-top: 20px;
+  margin-bottom: 25px!important;
+}
+
+.banner-11-txt p {
+  padding-right: 8%;
+}
+
+.banner-14-txt p.p-lg {
+  font-size: 1.25rem;
+  margin-top: 35px;
+  margin-bottom: 40px;
+}
+
+.banner-15-txt p a {
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  BANNER IMAGE
+/*------------------------------------------*/
+
+.banner-11-img {
+  margin-top: -60px;
+  margin-left: -40px;
+}
+
+.banner-12-img {
+  margin: -40px -20px -30px -40px;
+}
+
+.banner-13-img {
+  transform: rotate(-20deg);
+  margin: -60px -120px -70px -40px;
+}
+
+
+
+
+/* ==========================================================================
+  22. CALL TO ACTION / DOWNLOAD
+  =========================================================================== */
+
+.version-release {
+  margin-bottom: 80px;
+}
+
+.release-data {
+  padding-bottom: 30px;
+  border-bottom: 1px dashed #ccc;
+  margin-bottom: 30px;
+}
+
+.release-data h5 {
+  margin-bottom: 40px;
+}
+
+span.version-data {
+  color: #353f4f;
+  font-size: 2rem;
+  line-height: 1;
+  margin-right: 20px;
+  margin-bottom: 0;
+}
+
+span.release-date {
+  color: #999;
+  font-size: 1.175rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+span.release-date span {
+  color: #353f4f;
+  font-weight: 500;
+  margin-left: 20px;
+}
+
+.release-download {
+  position: absolute;
+  right: 5px;
+  bottom: 0;
+}
+
+.release-highlights .simple-list p {
+  margin-bottom: 2px;
+}
+
+
+
+
+/* ==========================================================================
+  23. FAQS
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  FAQS SECTION TITLE 
+/*------------------------------------------*/
+
+#faqs-1 .section-title {
+  margin-bottom: 50px;
+}
+
+#faqs-2 .inner-page-title {
+  margin-bottom: 55px;
+}
+
+#faqs-3 .section-title {
+  margin-bottom: 70px;
+}
+
+.faqs-3-questions .questions-holder {
+  padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  FAQS ACCORDION  
+/*------------------------------------------*/
+
+.faqs-section .accordion-item {
+  background-color: transparent!important;
+  border: none;
+  border-bottom: 1px solid #e5e5e5;
+}
+
+#faqs-2.faqs-section .accordion-item {
+  border-bottom: 1px solid #ddd;
+}
+
+.faqs-section .accordion-item.acc-last-item,
+#faqs-2.faqs-section .accordion-item.acc-last-item {
+  border-bottom: none;
+}
+
+/*------------------------------------------*/
+/*  Question
+/*------------------------------------------*/
+
+.faqs-section .accordion-thumb {
+  margin: 0;
+  padding: 25px 0;
+  cursor: pointer;
+  position: relative;
+}
+
+#faqs-2.faqs-section .accordion-thumb {
+  padding: 25px 0 30px;
+}
+
+.faqs-section .accordion-item .accordion-thumb:after,
+.faqs-section .accordion-item.is-active .accordion-thumb:after {
+  font-family: Flaticon;
+  font-weight: 300; 
+  content: "\f11a";
+  position: absolute;
+  font-size: 1rem;
+  top: 22px;
+  right: 3px;
+}
+
+#faqs-2.faqs-section .accordion-item .accordion-thumb:after,
+#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after {
+  font-size: 1rem;
+  top: 26px;
+  right: 2px;
+}
+
+.faqs-section .accordion-item.is-active .accordion-thumb:after {
+  content: "\f11b";
+}
+
+#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb {
+ border-bottom: 1px solid #e5e5e5;
+}
+
+/*------------------------------------------*/
+/*  Answer
+/*------------------------------------------*/
+
+.accordion-panel {
+  margin: 0;
+  padding: 0 0 15px 0;
+  display: none;
+}
+
+#faqs-2 .accordion-panel {
+  padding: 45px 0 15px 0;
+}
+
+.accordion-thumb h5,
+.accordion-thumb h4 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.question h5,
+.accordion-panel-item h5 {
+  margin-bottom: 20px;
+}
+
+.question h5 span,
+.accordion-thumb h5 span,
+.accordion-panel-item h5 span {
+  margin-right: 5px;
+}
+
+.question p a, 
+.accordion-panel p a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.question p.color--grey a.color--blue, 
+.accordion-panel.color--grey a.color--blue {
+  color: #1680fb!important;
+}
+
+/*------------------------------------------*/
+/*  FAQS TABS 
+/*------------------------------------------*/
+
+.faqs-section .tabs-nav { 
+  text-align: center;
+}
+
+.faqs-section .tabs-1 { 
+  display: inline-block;
+  margin: 0 auto 60px;
+}
+
+.faqs-section .tab-content {
+  display: none;
+}
+
+.faqs-section .tab-content.current {
+  display: inherit;
+}
+
+.faqs-section .tabs-1 li {
+  display: inline-block; 
+  min-width: 230px;
+  background-color: transparent;
+  border: 2px solid #ddd;
+  cursor: pointer;
+  padding: 30px 0;
+  margin: 0 6px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.faqs-section .tabs-1 li span {
+  color: #c3c4c5;
+}
+
+.faqs-section .tabs-1 li p {
+  line-height: 1;
+  font-weight: 400;
+  margin-top: 15px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TAB LINK CURRENT
+/*------------------------------------------*/
+
+.faqs-section .tabs-1 li.current,
+.faqs-section .tabs-1 li.current:hover {
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2);
+  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2);
+}
+
+.faqs-section .tabs-1 li.current p,
+.faqs-section .tabs-1 li.current span {
+  color: #fff;
+}
+
+.faqs-section .tabs--blue .tabs-1 li.current,
+.faqs-section .tabs--blue .tabs-1 li.current:hover {
+  background-color: #1680fb;
+  border-color: #1680fb!important;
+}
+
+.faqs-section .tabs--purple .tabs-1 li.current,
+.faqs-section .tabs--purple .tabs-1 li.current:hover {
+  background-color: #7b5dd6;
+  border-color: #7b5dd6!important;
+}
+
+/*------------------------------------------*/
+/*  MORE QUESTIONS LINK
+/*------------------------------------------*/
+
+.more-questions {
+  text-align: center;
+}
+
+#faqs-2 .more-questions {
+  margin: 70px auto 0; 
+}
+
+.more-questions-txt {
+  display: inline-block;
+  padding: 22px 46px;
+}
+
+.more-questions-txt p {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.more-questions-txt a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+
+
+
+/* ==========================================================================
+  24. NEWSLETTER
+  =========================================================================== */
+
+#newsletter-1 .newsletter-overlay {
+  padding-top: 60px;
+  padding-bottom: 60px;
+}  
+
+#newsletter-2 .container {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+#newsletter-2 .newsletter-overlay {
+  padding: 60px 50px;
+}
+
+#newsletter-3 {
+  margin-top: 50px;
+  margin-bottom: 50px;
+}
+
+#newsletter-4 .newsletter-overlay,
+#newsletter-5 .newsletter-overlay {
+  padding-top: 80px;
+  padding-bottom: 70px;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER TYPOGRAPHY
+/*------------------------------------------*/ 
+
+.newsletter-txt h2 {
+  margin-bottom: 35px;
+}
+
+#newsletter-4 .newsletter-txt h2 {
+  margin-bottom: 40px;
+}
+
+.newsletter-txt h4,
+.newsletter-txt h3,
+#newsletter-5 .newsletter-txt h2 {
+  margin-bottom: 0;
+}
+
+.newsletter-txt p.p-sm {
+  margin-bottom: 0;
+}
+
+#newsletter-4 .newsletter-txt p {
+  padding: 0 10%;
+}
+
+#newsletter-5 .newsletter-txt p {
+  margin-top: 20px;
+  margin-bottom: 0;
+}
+
+.newsletter-txt a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER FORM
+/*------------------------------------------*/ 
+
+#newsletter-1 .newsletter-form {
+  padding-left: 15%;
+  margin-top: 30px;
+}
+
+#newsletter-2 .newsletter-form {
+  margin-top: 25px;
+  padding-left: 12%;
+}
+
+#newsletter-4 .newsletter-form {
+  padding: 0 5%;
+}
+
+#newsletter-5 .newsletter-form {
+  margin-top: 35px;
+  padding: 0 10%;
+}
+
+/*------------------------------------------*/
+/*   Newsletter Form Input
+/*------------------------------------------*/
+
+.newsletter-section .form-control {
+  height: 56px;
+  background-color: #fff;
+  border: 1px solid #ccc;
+  font-size: 1rem;
+  color: #353f4f;
+  font-weight: 400;
+  padding: 0 15px;  
+  margin-right: 12px;
+  box-shadow: none;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  border-radius: 6px;
+}
+
+#newsletter-1.newsletter-section .form-control {
+  height: 54px;
+  font-size: 0.975rem;
+}
+
+#newsletter-5.newsletter-section .form-control {
+  height: 62px;
+  font-size: 1.0625rem;
+}
+
+.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Input Focus
+/*------------------------------------------*/
+
+.newsletter-section .form-control:focus {
+  background-color: #fff;
+  outline: 0;
+  box-shadow: none;
+  border-color: #1680fb;
+}
+
+.newsletter-section .purple-focus .form-control:focus {
+  border-color: #8863ee;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Input Placeholder
+/*------------------------------------------*/
+
+.newsletter-section .form-control::-moz-placeholder { color: #aaa; } 
+.newsletter-section .form-control:-ms-input-placeholder { color: #aaa; } 
+.newsletter-section .form-control::-webkit-input-placeholder { color: #aaa; } 
+
+/*------------------------------------------*/
+/*  Newsletter Form Button
+/*------------------------------------------*/
+
+.newsletter-section .btn {
+  display: block; 
+  width: 100%!important;
+  height: 56px;
+}
+
+#newsletter-1 .btn {
+  height: 54px;
+  font-size: 0.925rem;
+  padding: 0.7rem 1.3rem;
+}
+
+#newsletter-5.newsletter-section .btn {
+  height: 62px;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Notification
+/*------------------------------------------*/
+
+.newsletter-section .form-notification {
+  color: #3eb1ff;
+  font-size: 0.9rem;
+  font-weight: 400;
+  line-height: 1;
+  margin-top: 15px;
+  margin-left: 5px;
+}
+
+.newsletter-section .text-center .form-notification {
+  margin-left: 0;
+}
+
+.bg--color.newsletter-section .form-notification {
+  color: #fff;
+}
+
+.newsletter-section .form-notification.valid,
+.newsletter-section .form-notification.error {
+  color: #fc2f4b;
+}
+
+.newsletter-section .newsletter-form.valid {
+  color: #0fbc49;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER IMAGE
+/*------------------------------------------*/
+
+#newsletter-3 .newsletter-img {
+  margin-top: -50px;
+  margin-bottom: -50px;
+}
+
+#newsletter-3 .col-lg-6 .newsletter-img {
+  padding-left: 40px;
+}
+
+
+
+/* ==========================================================================
+  25. BLOG
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  BLOG POST TAG
+/*------------------------------------------*/
+
+.post-tag {
+  display: block;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 0.75rem;
+  font-weight: 600;
+  letter-spacing: 0;
+  text-transform: uppercase;
+  margin-bottom: 20px;
+}
+
+#single-post .post-tag {
+  font-size: 0.85rem;
+}
+
+/*------------------------------------------*/
+/*  BLOG POST META
+/*------------------------------------------*/
+
+.post-meta-list li {
+  width: auto!important;
+  display: inline-block!important;
+  vertical-align: top;
+  clear: none !important;
+}
+
+.post-meta-list p {
+  color: #353f4f;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.bg--black-400 .post-meta-list p {
+  color: #f8f9f9;
+}
+
+.meta-list-divider {
+  position: relative;
+  top: 0px;
+  transform: rotate(-90deg);
+  padding: 0 1px;
+}
+
+/*------------------------------------------*/
+/*  BLOG POST TYPOGRAPHY
+/*------------------------------------------*/
+
+.blog-post-txt h6 {
+  margin-bottom: 15px;
+}
+
+.blog-post-txt p {
+  margin-bottom: 0;
+}
+
+.blog-post-txt a {
+  color: #353f4f;
+}
+
+.blog-post-txt a:hover {
+  text-decoration: underline;
+}
+
+.bg--black-400 .blog-post-txt a {
+  color: #f8f9f9;
+}
+
+.bg--black-400 .blog-post-txt a:hover {
+  color: #fff!important;
+}
+
+
+
+
+/* ==========================================================================
+  26. BLOG LISTING
+  =========================================================================== */
+
+.wide-post {
+  margin-bottom: 100px;
+}
+
+.wide-post .blog-post-img {
+  padding-right: 15px;
+}
+
+.wide-post .blog-post-txt {
+  padding-left: 15px;
+}
+
+.square-post {
+  margin-top: 60px;
+  margin-bottom: 40px;
+}
+
+.square-post-wrapper {
+  overflow: hidden;
+}
+
+.square-post .blog-post-txt {
+  padding: 0 30px 0 60px;
+}
+
+/*------------------------------------------*/
+/*  BLOG POSTS CATEGORY
+/*------------------------------------------*/
+
+.posts-category {
+  margin-top: 40px;
+  margin-bottom: 60px;
+}
+
+.posts-category h4 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.posts-category span {
+  position: relative;
+  top: 1px;
+}
+
+
+
+
+/* ==========================================================================
+  27. SINGLE BLOG POST
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  Single Post Title
+/*------------------------------------------*/
+
+.single-post-title h3,
+.single-post-title h2 {
+  padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  Single Post Text
+/*------------------------------------------*/
+
+.single-post-txt h5,
+.single-post-txt h4 {
+  margin-top: 30px;
+  margin-bottom: 30px;
+}
+
+.single-post-txt h5 span {
+  display: block;
+}
+
+/*------------------------------------------*/
+/*  Single Post Code
+/*------------------------------------------*/
+
+.txt-code {
+  background-color: #f8f9fa;
+  padding: 20px 18px;
+  margin: 30px 0;
+}
+
+.txt-code p {
+  color: #383a42; 
+  font-size: 1rem;
+  line-height: 1.75;
+  margin-bottom: 0;
+}
+
+.single-post-txt p a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.txt-code span.code-property,
+.txt-code p code.code-language-js {
+  color: #151515;
+}
+
+.txt-code span.code-variable,
+.txt-code span.code-attribute {
+  color: #986801;
+}
+
+.txt-code span.code-string {
+  color: #50a14f;
+}
+
+/*------------------------------------------*/
+/*  Single Post Blockquote
+/*------------------------------------------*/
+
+.single-post-txt figure {
+  margin-bottom: 40px;
+}
+
+.single-post-txt .blockquote p {
+  font-size: 1.5rem;
+  line-height: 1.45;
+  margin-bottom: 40px;
+}
+
+.single-post-txt .blockquote-footer {
+  font-size: 1.125rem;
+}
+
+/*------------------------------------------*/
+/*  Single Post Image
+/*------------------------------------------*/
+
+.post-inner-img {
+  text-align: center;
+  margin-top: 50px;
+  margin-bottom: 50px;
+}
+
+/*------------------------------------------*/
+/*  POST SHARE LINKS
+/*------------------------------------------*/ 
+
+.post-share-list {
+  margin-top: 50px;
+  padding-bottom: 50px;
+}
+
+/*------------------------------------------*/
+/*  POST SHARE ICONS
+/*-----------------------------------------*/
+
+.share-social-icons {
+  display: inline-block; 
+  padding-left: 0;
+}
+
+.share-social-icons li {
+  width: auto !important;
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  padding: 0;
+}
+
+.share-social-icons a.share-ico span {
+  opacity: .75;
+  margin-right: 25px;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out;
+}
+
+.share-social-icons a.share-ico:hover span {
+  opacity: 1;
+}
+
+/*------------------------------------------*/
+/*  POST AUTHOR
+/*------------------------------------------*/ 
+
+.post-author {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+.post-author-avatar {
+  position: relative;
+  text-align: center;
+  margin-right: 35px;
+}
+
+.post-author-avatar img {  
+  width: 100px;
+  height: 100px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;  
+}
+
+.post-author-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.post-author-txt h5 {
+  margin-bottom: 20px;
+}
+
+.post-author-txt p {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  Follow Button
+/*------------------------------------------*/ 
+
+.author-follow-btn {
+  display: inline-block;
+  position: absolute;
+  padding: 6px 15px;
+  line-height: 1;
+  top: 80px;
+  right: 10px;
+  border: 2px solid #ddd;
+}
+
+.author-follow-btn a {
+  color: #666;
+  font-size: 0.935rem;
+  font-weight: 400;
+}
+
+/*------------------------------------------*/
+/*  POST COMMENTS
+/*------------------------------------------*/
+
+.post-comments {
+  padding-top: 100px;
+}
+
+.post-comments hr {
+  margin-top: 24px; 
+  margin-bottom: 40px; 
+}
+
+.post-comments h5 {
+  margin-bottom: 60px;
+}
+
+.post-comments img {
+  width: 68px;
+  height: 68px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+}
+
+.comment-body {
+  margin-left: 25px;
+}
+
+.comment-meta {
+  margin-bottom: 10px;
+}
+
+.comment-meta h6 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.comment-date {
+  font-size: 16px;
+  font-weight: 400;
+  margin-bottom: 5px;
+}
+
+/*------------------------------------------*/
+/*  Comment Reply 
+/*------------------------------------------*/
+
+.btn-reply {
+  margin-left: 3px;
+}
+
+.btn-reply a {
+  font-size: 17px;
+  font-weight: 400; 
+}
+
+.btn-reply span {
+  position: relative;
+  top: 3px;
+  margin-right: 4px;
+  left: 3px;
+}
+
+.btn-reply.ico-20 [class*="flaticon-"]:before, 
+.btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 0.975rem; }
+
+.btn-reply a:hover {
+  color: #222;
+}
+
+/*------------------------------------------*/
+/*  SINGLE POST COMMENT FORM
+/*------------------------------------------*/
+
+.post-comments #leave-comment h5 {
+  padding-bottom: 0;
+  margin-top: 80px;
+  margin-bottom: 10px;
+  border: none;
+}
+
+.comment-form {
+  position: relative;
+  margin-top: 60px;
+}
+
+.comment-form p {
+  position: relative;
+  color: #353f4f;
+  line-height: 1;
+  font-weight: 500;
+  margin-bottom: 15px;
+  padding-left: 8px;
+  display: block;
+}
+
+.comment-form p span {
+  position: relative;
+  color: #ff3366;
+  top: -3px;
+}
+
+.comment-form .form-control {
+  height: 62px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  box-shadow: 0 0 0 0;
+  color: #353f4f;
+  font-size: 1rem;
+  line-height: 1;
+  font-weight: 400;
+  padding: 0 20px;
+  margin-bottom: 30px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+  -webkit-transition: all 300ms ease-in-out;
+  -moz-transition: all 300ms ease-in-out;
+  -o-transition: all 300ms ease-in-out;
+  -ms-transition: all 300ms ease-in-out;
+  transition: all 300ms ease-in-out;
+}
+
+.comment-form textarea { min-height: 220px; }
+.comment-form textarea.form-control { 
+  padding: 25px 20px;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Input Focus
+/*------------------------------------------*/
+
+.comment-form .form-control:focus {
+  outline: 0px none;
+  box-shadow: none;
+  background-color: #fcfdfd;
+  border-color: #1680fb;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Button
+/*------------------------------------------*/
+
+.comment-form .btn {
+  margin-top: 15px;
+}
+
+.comment-form .btn:focus {
+  outline: 0px none;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Message
+/*------------------------------------------*/
+
+.comment-form-msg {
+  width: 100%!important;
+  display: block;
+  margin-top: 15px;
+  padding-left: 0;
+}
+
+.comment-form .loading {
+  color: #00b2e4;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 500;
+}
+
+.comment-form .error {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 10px;
+}
+
+
+
+
+/* ==========================================================================
+  28. CONTACTS
+  =========================================================================== */
+
+#contacts-1 .contact-form p {
+  color: #353f4f;
+  line-height: 1;
+  font-weight: 500;
+  margin-bottom: 10px;
+  padding-left: 8px;
+}
+
+#contacts-1 .contact-form .col-md-12 span {
+  display: block;
+  font-size: 0.95rem;
+  line-height: 1;
+  font-weight: 300;
+  margin-bottom: 20px;
+  padding-left: 8px;
+}
+
+#contacts-1 .contact-form .contact-form-notice p {
+  font-size: 0.835rem;
+  font-weight: 300;
+  line-height: 1.5555;
+  padding-left: 0;
+  margin-top: 40px;
+}
+
+.contact-form-notice p a {
+  color: #353f4f;
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  CONTACT FORM INPUT
+/*------------------------------------------*/
+
+.contact-form .form-control,
+.contact-form .form-select {
+  height: 62px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  box-shadow: 0 0 0 0;
+  color: #3a4a56;
+  font-size: 1rem;
+  font-weight: 400;
+  padding: 0 15px;
+  margin-bottom: 30px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+}
+
+.bg--snow .contact-form .form-control,
+.bg--snow .contact-form .form-select {
+  background-color: #fff;
+  border: 1px solid #ccc;
+}
+
+.contact-form .form-select {
+  display: inline-block;
+  width: 100%;
+  color: #998da0;
+  box-shadow: none;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+}
+
+/*------------------------------------------*/
+/*  Contact Form Textarea
+/*------------------------------------------*/
+
+.contact-form textarea { min-height: 220px; }
+.contact-form textarea.form-control { 
+  padding: 20px 15px;
+}
+
+/*------------------------------------------*/
+/*  Contact Form Placeholder
+/*------------------------------------------*/
+
+.contact-form .form-control::-moz-placeholder { color: #999; } 
+.contact-form .form-control:-ms-input-placeholder { color: #999; }
+.contact-form .form-control::-webkit-input-placeholder { color: #999; }
+
+/*------------------------------------------*/
+/*  Contact Form Input Focus
+/*------------------------------------------*/
+
+.contact-form .form-control:focus,
+.contact-form .form-select:focus {
+  outline: 0px none;
+  box-shadow: none;
+  background-color: #fcfdfd;
+  border-color: #1680fb;
+}
+
+/*------------------------------------------*/
+/*  Contact Form Message
+/*------------------------------------------*/
+
+.contact-form-msg {
+  width: 100%!important;
+  display: block;
+  margin-top: 20px;
+  padding-left: 0;
+}
+
+.contact-form .loading {
+  color: #00b2e4;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 500;
+  padding-left: 15px;
+}
+
+.contact-form  .error {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 10px;
+}
+
+
+
+
+/* ==========================================================================
+  29. FOOTER
+  =========================================================================== */
+
+.footer {
+  padding-bottom: 50px;
+}
+
+.footer-info,
+.footer-links {
+  margin-bottom: 40px;
+}
+
+#footer-10 .footer-info {
+  margin-bottom: 40px;
+  padding-bottom: 55px;
+  border-bottom: 1px solid #dbdddf;
+}
+
+#footer-10 .footer-links {
+  margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  FOOTER LOGO
+/*------------------------------------------*/
+
+img.footer-logo,
+img.footer-logo-dark {
+  width: auto;
+  max-width: inherit;
+  max-height: 40px;
+}
+
+#footer-10 img.footer-logo {
+  max-height: 46px;
+}
+
+#footer-1 .footer-logo,
+#footer-5 .footer-logo,
+#footer-6 .footer-logo,
+#footer-7 .footer-logo {
+  margin-bottom: 25px;
+}
+
+/*------------------------------------------*/
+/*  FOOTER TYPOGRAPHY
+/*------------------------------------------*/
+
+.footer h6 {
+  line-height: 1;
+  margin-bottom: 25px;
+}
+
+#footer-9.footer h6 {
+  line-height: 1.5;
+}
+
+.bg--black.footer h6 {
+  color: #fff;
+}
+
+/*------------------------------------------*/
+/*  FOOTER INFO
+/*------------------------------------------*/
+
+.footer-info-copyright p {
+  margin-bottom: 0;
+}
+
+.footer-info-copyright p span {
+  position: relative;
+  top: 2px;
+  padding: 0 2px;
+}
+
+.footer-info-copyright.ico-15 [class*="flaticon-"]:before, 
+.footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.85rem; }
+
+/*------------------------------------------*/
+/*  FOOTER MAIL LINK
+/*------------------------------------------*/
+
+.footer .footer-mail-link {
+  margin-left: 3px;
+  margin-bottom: 0;
+}
+
+#footer-1 .footer-info .footer-mail-link {
+  margin-top: 10px;
+}
+
+#footer-2 .footer-links .footer-mail-link,
+#footer-3 .footer-links .footer-mail-link {
+  margin-left: 0;
+  margin-bottom: 20px;
+}
+
+.footer-mail-link a {
+  font-weight: 400;
+}
+
+.footer-mail-link span {
+  position: relative;
+  top: 4px;
+  right: 3px;
+}
+
+.footer-mail-link.ico-20 [class*="flaticon-"]:before, 
+.footer-mail-link.ico-20 [class*="flaticon-"]:after { font-size: 1.125rem; }
+
+.bg--black.footer .footer-mail-link a {
+  color: #a0a7b1;
+}
+
+.bg--black.footer .footer-mail-link a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  FOOTER LINKS
+/*------------------------------------------*/
+
+#footer-2 .footer-links {
+  padding-left: 10%;
+}
+
+.foo-links li {
+  width: auto!important;
+  display: block!important;
+  vertical-align: top;
+  clear: none !important;
+  margin: 0;
+  padding: 0;
+}
+
+.foo-links.ico-10 li span {
+  position: relative;
+  top: 1.5px;
+  right: 3px;
+}
+
+#footer-8 .foo-links li {
+  display: inline-block!important;
+  padding-left: 20px;
+}
+
+#footer-8 .foo-links li.first-li {
+  padding-left: 0;
+}
+
+#footer-10 .foo-links li {
+  display: inline-block!important;
+  padding: 0 10px;
+}
+
+.footer .foo-links li p {
+  font-weight: 400;
+  margin-bottom: 10px;
+}
+
+.footer .foo-links li:last-child p {
+  margin-bottom: 0;
+}
+
+.foo-links li a span.ext-link {
+  display: inline-block;
+  position: relative;
+  left: 3px;
+  top: 1.5px;
+  transform: rotate(-60deg);
+}
+
+.foo-links.ico-15 [class*="flaticon-"]:before, 
+.foo-links.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+.bg--black.footer .foo-links li p a {
+  color: #a0a7b1;
+}
+
+.bg--black.footer .foo-links li p a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  FOOTER SOCIAL
+/*------------------------------------------*/
+
+.footer-socials {
+  margin: 0;
+  display: inline-block; 
+}
+
+.footer-socials li {
+  float: left;
+  width: auto !important;
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  margin: 0;
+}
+
+.footer-socials a {
+  display: block;
+  margin-right: 15px;
+}
+
+.footer-socials.ico-20 a,
+.footer-socials.ico-25 a { 
+  margin-right: 16px; 
+} 
+
+.footer-socials.ico-25 [class*="flaticon-"]:before, 
+.footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.325rem; }
+
+.bg--black.footer .footer-socials li a {
+  color: #a0a7b1;
+}
+
+.bg--black.footer .footer-socials li a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  FOOTER STORE BAGES
+/*------------------------------------------*/
+
+.footer .store {
+  float: none;
+  margin-right: 0;
+  margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  FOOTER NEWSLETTER FORM
+/*------------------------------------------*/
+
+.footer-form {
+  margin-bottom: 20px;
+}
+
+#footer-7 .footer-form {
+  padding-left: 8%;
+}
+
+.footer-form .newsletter-form .input-group {
+  background-color: #f4f4f4;
+  border: 1px solid transparent;
+  padding: 9px 2px;
+}
+
+.footer-form .form-control {
+  height: 32px;
+  background-color: transparent;
+  border: none;
+  color: #666;
+  font-size: 1rem;
+  font-weight: 400;
+  padding: 0 10px;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Input Focus
+/*------------------------------------------*/
+
+.footer-form .form-control:focus {
+  border: none;
+  border-right: none;
+  outline: 0;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Footer Form Placeholder
+/*------------------------------------------*/
+
+.footer-form .form-control::-moz-placeholder { color: #6c757d; } 
+.footer-form .form-control:-ms-input-placeholder { color: #6c757d; } 
+.footer-form .form-control::-webkit-input-placeholder { color: #6c757d; } 
+
+/*------------------------------------------*/
+/*  Newsletter Form Button
+/*------------------------------------------*/
+
+.footer-form .btn {
+  height: 32px;
+  padding: 0 10px;
+}
+
+.footer-form .ico-15 [class*="flaticon-"]:before, 
+.footer-form .ico-15 [class*="flaticon-"]:after { line-height: 28px!important; }
+
+/*------------------------------------------*/
+/*  Footer Form Notification
+/*------------------------------------------*/
+
+.footer-form .form-notification {
+  color: #1680fb;
+  font-size: 0.85rem;
+  line-height: 1.25;
+  font-weight: 400;
+  margin-top: 12px;
+  margin-left: 5px;
+}
+
+.footer-form .form-notification.valid,
+.footer-form .form-notification.error {
+  color: #fc2f4b;
+}
+
+.footer-form .newsletter-form.valid {
+  color: #0fbc49;
+}
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER
+/*------------------------------------------*/
+
+.footer hr {
+  margin-top: 30px;
+  margin-bottom: 50px;
+}
+
+#footer-8 .bottom-footer,
+#footer-9 .bottom-footer {
+  margin-top: 20px;
+}
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER COPYRIGHT
+/*------------------------------------------*/
+
+.footer-copyright p {
+  margin-bottom: 0;
+}
+
+.bg--black.footer .footer-copyright p {
+  color: #a0a7b1;
+}
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER SECONDARY LINK
+/*------------------------------------------*/
+
+.bottom-secondary-link p {
+  margin-bottom: 0;
+}
+
+.bottom-secondary-link p span {
+  position: relative;
+  top: 1px;
+  padding: 0 2px;
+}
+
+.bottom-secondary-link.ico-15 [class*="flaticon-"]:before, 
+.bottom-secondary-link.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER LINKS
+/*------------------------------------------*/
+
+.bottom-footer-list li,
+.bottom-footer-socials li,
+.bottom-footer-payment li {
+  width: auto!important;
+  display: inline-block!important;
+  vertical-align: top;
+  clear: none !important;
+}
+
+.bottom-footer-socials li {
+  padding-left: 14px; 
+}
+
+#footer-4 .bottom-footer-list li,
+#footer-9 .bottom-footer-list li {
+  padding-left: 15px; 
+}
+
+#footer-4 .bottom-footer-list li.first-li,
+#footer-9 .bottom-footer-list li.first-li {
+  padding-left: 0; 
+}
+
+#footer-10 .bottom-footer-socials li {
+  padding: 0 15px; 
+}
+
+.footer-list-divider {
+  position: relative;
+  top: -0.5px;
+  transform: rotate(-90deg);
+  margin-left: 4px;
+}
+
+.bottom-footer-list.ico-15 [class*="flaticon-"]:before, 
+.bottom-footer-list.ico-15 [class*="flaticon-"]:after { font-size: 0.8rem; }
+
+.bottom-footer-list li p {
+  display: inline-block;
+  float: left;
+  margin-bottom: 0;
+}
+
+.bottom-footer-socials li span { 
+  position: relative;
+  top: 4px; 
+  opacity: .8;
+}
+
+.bottom-footer-payment li span {
+  line-height: 1!important;
+  position: relative;
+  top: 4px; 
+  opacity: .8;
+}
+
+#footer-4 .bottom-footer-list li span,
+#footer-9 .bottom-footer-list li span {
+  margin-top: 1px;
+  margin-right: 2px; 
+}
+
+.bottom-footer-socials.ico-20 [class*="flaticon-"]:before, 
+.bottom-footer-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.115rem; }
+
+.bottom-footer-socials.ico-25 [class*="flaticon-"]:before, 
+.bottom-footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.25rem; }
+
+.bg--black.footer .bottom-footer-list li p a {
+  color: #a0a7b1;
+}
+
+.bg--black.footer .bottom-footer-list li p a:hover {
+  color: #fff!important;
+}
+
+
+
+
+/* ==========================================================================
+  30. INNER PAGE WRAPPER
+  =========================================================================== */
+
+.inner-page-hero {
+  padding-top: 180px;
+}
+
+.page-hero-section-overlay {
+  position: relative;
+  width: 100%;
+  padding-top: 150px;
+}
+
+.page-hero-section-overlay .txt-block {
+  margin-top: -40px;
+}
+
+.page-hero-section .wave-shape-bottom path {
+  fill: #fff;
+}
+
+/*------------------------------------------*/
+/*  INNER PAGE TITLE
+/*------------------------------------------*/
+
+.inner-page-title {
+  text-align: center;
+  margin-bottom: 80px;
+}
+
+.inner-page-title h2 {
+  margin-bottom: 0;
+}
+
+.inner-page-title p {
+  font-size: 1.1875rem;
+  line-height: 1;
+  margin-top: 20px;
+  margin-bottom: 0;
+}
+
+.page-hero-section h2 {
+  line-height: 1.15;
+  margin-bottom: 30px;
+}
+
+
+
+
+/* ==========================================================================
+  31. PAGE PAGINATION
+  =========================================================================== */
+
+.page-link {
+  color: #6c757d;
+  font-size: 1.1rem;
+  font-weight: 500;
+  padding: 2px 14px;
+  margin: 0 8px;
+  background-color: transparent;
+  border: 2px solid transparent;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -o-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.pagination.ico-20 [class*="flaticon-"]:before, 
+.pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.9rem; } 
+
+.page-item:first-child .page-link {
+  border-top-left-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
+
+.page-item:last-child .page-link {
+  border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px;
+}
+
+.blue-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #1680fb;
+  border: 2px solid #1680fb;
+}
+
+.green-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #0fbc49;
+  border: 2px solid #0fbc49;
+}
+
+.pink-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #f74780;
+  border: 2px solid #f74780;
+}
+
+.purple-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #7b5dd6;
+  border: 2px solid #7b5dd6;
+}
+
+.red-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #ff1e1a;
+  border: 2px solid #ff1e1a;
+}
+
+.violet-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #be6cbe;
+  border: 2px solid #be6cbe;
+}
+
+.yellow-pagination .page-item.active .page-link {
+  color: #353f4f!important;
+  background-color: #ffba01;
+  border: 2px solid #ffba01;
+}
+
+.page-item.disabled .page-link {
+  color: #6c757d;
+  background-color: transparent;
+  border: 2px solid transparent;
+}
+
+.page-link:hover {
+  color: #6c757d;
+  background-color: transparent;
+  border: 2px solid #ccc;
+}
+
+.page-link:focus {
+  color: #6c757d;
+  background-color: transparent;
+  border: 2px solid transparent;
+  box-shadow: 0 0;
+}
+
+
+
+
+/* ==========================================================================
+  32. TERMS, PRIVACY, COOKIES PAGES
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  TERMS PAGE TYPOGRAPHY
+/*------------------------------------------*/
+
+.txt-block.legal-info h5 {
+  margin-top: 30px;
+  margin-bottom: 30px;
+}
+
+.txt-block.legal-info h4 {
+  margin-top: 80px;
+  margin-bottom: 30px;
+}
+
+.txt-block.legal-info h4 span,
+.txt-block.legal-info h5 span {
+  margin-right: 4px;
+}
+
+.legal-info p span {
+  color: #353f4f;
+  font-weight: 500;
+}
+
+.legal-info a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+
+
+
+/* ==========================================================================
+  33. SIGN-IN / SIGN-UP PAGE
+  =========================================================================== */
+
+#login,
+#signup {
+  background: url(../images/login.jpg);
+  background-position: bottom left;
+  min-height: 100vh;
+  padding-top: 80px;
+  padding-bottom: 80px;
+}
+
+#reset-password {
+  background: url(../images/reset-password.jpg);
+  background-position: center center;
+  min-height: 100vh;
+  padding-top: 80px;
+  padding-bottom: 100px;
+}
+
+.register-page-wrapper {
+  overflow: hidden;
+  position: relative;
+  z-index: 1;
+  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); 
+  -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); 
+  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); 
+}
+
+#login .register-page-wrapper {
+  background: url(../images/login-wrapper.jpg);
+  background-position: left top;
+}
+
+#signup .register-page-wrapper {
+  background: url(../images/login-wrapper.jpg);
+  background-position: right center;
+}
+
+#login .register-page-wrapper:after,
+#signup .register-page-wrapper:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 50%;
+  height: 100%;
+  top: 0;
+  background-color: #fff;
+}
+
+#login .register-page-wrapper:after {
+  left: 50%;
+}
+
+#signup .register-page-wrapper:after {
+  left: 0;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE LOGO
+/*------------------------------------------*/
+
+.register-page-txt img {
+  width: auto;
+  max-width: inherit;
+  max-height: 32px;
+  margin-bottom: 55px;
+}
+
+.login-page-logo {
+  text-align: center;
+  margin-bottom: 45px;
+}
+
+.login-page-logo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 45px;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE TITLE
+/*------------------------------------------*/
+
+.register-form-title {
+  text-align: center;
+  margin-bottom: 40px;
+}
+
+.register-form-title h3 {
+  line-height: 1;
+  margin-bottom: 10px;
+}
+
+.register-form-title p {
+  margin-bottom: 0;
+}
+
+.register-form-title a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE TEXT
+/*------------------------------------------*/
+
+#login .register-page-txt,
+#signup .register-page-txt {
+  padding: 70px 60px;
+}
+
+.register-page-txt h2 {
+  line-height: 1.15;
+  font-weight: 700;
+  margin-bottom: 6px;
+}
+
+#login .register-page-copyright {
+  position: absolute;
+  left: 60px;
+  bottom: 45px;
+}
+
+#signup .register-page-copyright {
+  position: absolute;
+  right: 60px;
+  bottom: 45px;
+}
+
+.register-page-copyright p {
+  font-size: 0.85rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.reset-form-title {
+  margin-bottom: 30px;
+}
+
+.reset-form-title h5 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.reset-form-title p.p-sm {
+  font-size: 0.9rem;
+  margin-top: 25px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM
+/*------------------------------------------*/
+
+.register-page-form {
+  padding: 60px;
+}
+
+.login-1 .register-page-form,
+.signup-1 .register-page-form {
+  padding: 20px 30px;
+}
+
+.reset-page-wrapper { 
+  margin: 0 10px;
+}
+
+.reset-page-wrapper form { 
+  background: #fff;
+  border: 1px solid #fafafa;
+  padding: 50px 30px 25px;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE TYPOGRAPHY
+/*------------------------------------------*/
+
+.register-page-form p.input-header {
+  position: relative;
+  color: #353f4f;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 500;
+  margin-bottom: 12px;
+  padding-left: 5px;
+}
+
+.reset-password-link p {
+  position: relative;
+  font-size: 0.9rem;
+  line-height: 1;
+  margin-top: -8px;
+  margin-bottom: 10px;
+}
+
+.form-data span {
+  display: block;
+  font-size: 0.85rem;
+  margin-bottom: 0;
+}
+
+.form-data span a {
+  color: #353f4f;
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.register-page-form p.create-account {
+  font-size: 0.925rem;
+  line-height: 1;
+  margin-top: 30px;
+  margin-bottom: 0;
+}
+
+.register-page-form p.create-account a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE SEPARATOR LINE
+/*------------------------------------------*/
+
+.separator-line {
+  display: flex;
+  width: 100%;
+  -webkit-box-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  align-items: center;
+  text-align: center;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 0.9rem;
+  font-weight: 500;
+  margin: 25px 0px 30px;
+}
+
+.separator-line::before, 
+.separator-line::after {
+  content: "";
+  border-top: 2px solid rgba(0, 0, 0, .1);
+  margin: 0 15px 0 0;
+  flex: 1 0 20px;
+}
+
+.separator-line::after {
+  margin: 0 0 0 15px;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM INPUT
+/*------------------------------------------*/
+
+.reset-page-wrapper .form-control,
+.register-page-form .form-control {
+  height: 60px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  color: #353f4f;
+  font-size: 0.95rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 25px;
+  padding: 5px 20px;
+   -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+  -webkit-transition: all 300ms ease-in-out;
+  -moz-transition: all 300ms ease-in-out;
+  -o-transition: all 300ms ease-in-out;
+  -ms-transition: all 300ms ease-in-out;
+  transition: all 300ms ease-in-out;
+}
+
+.login-1 .form-control,
+.signup-1 .form-control {
+  background-color: #fff;
+  border: 1px solid #ccc;
+}
+
+.reset-page-wrapper .form-control {
+  text-align: center;
+}
+
+.register-page-form .form-control::-moz-placeholder { color: #999; } 
+.register-page-form .form-control:-ms-input-placeholder { color: #999; } 
+.register-page-form .form-control::-webkit-input-placeholder { color: #999; } 
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM FOCUS
+/*------------------------------------------*/
+
+.reset-page-wrapper .form-control:focus,
+.register-page-form .form-control:focus {
+  outline: 0px none;
+  box-shadow: none;
+  background-color: #fcfdfd;
+  border-color: #1680fb;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM BUTTON
+/*------------------------------------------*/
+
+#signup .register-page-form .btn.submit, 
+#login .register-page-form .btn.submit {
+  width: 100%;
+  height: 60px;
+  margin-top: 20px;
+}
+
+.reset-page-wrapper .btn.submit {
+  width: 100%;
+  margin-bottom: 20px;
+}
+
+.register-page-form .btn-google {
+  width: 100%;
+  color: #333;
+  font-size: 0.95rem;
+  background-color: #fff;
+  border: 1px solid #ccc;
+}
+
+.btn-google img {
+  position: relative;
+  width: 22px;
+  height: 22px;
+  top: -2px;
+  right: 5px;
+}
+
+.register-page-form .btn-google:hover {
+  border: 1px solid #333;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM MESSAGE
+/*------------------------------------------*/
+
+.reset-form-msg {
+  text-align: center;
+  width: 100%!important;
+  display: block;
+}
+
+.reset-password-form .loading {
+  color: #00b2e4;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 500;
+  padding-left: 15px;
+}
+
+.reset-password-form .error {
+  position: relative;
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  top: -10px;
+  margin-bottom: 12px;
+  padding-left: 10px;
+}
+
+/*------------------------------------------*/
+/*  FORM HIDE PASSWORD
+/*------------------------------------------*/
+
+.wrap-input {
+  position: relative;
+}
+
+.btn-show-pass {
+  color: #999999;
+  align-items: center;
+  position: absolute;
+  height: 100%;
+  top: 20px;
+  right: 20px;
+  cursor: pointer;
+  -webkit-transition: all 0.4s;
+  -o-transition: all 0.4s;
+  -moz-transition: all 0.4s;
+  transition: all 0.4s;
+}
+
+.btn-show-pass.ico-20 [class^="flaticon-"]:before, 
+.btn-show-pass.ico-20 [class^="flaticon-"]:after {
+  font-size: 1.125rem;
+}
+
+.btn-show-pass:hover {
+  color: #0195ff;
+}
+
+.btn-show-pass.active {
+  color: #6a7dfe;
+}
+
+
+
+
+/* ==========================================================================
+  34. PAGE 404
+  =========================================================================== */
+
+.page-404-txt {
+  padding-top: 180px;
+  padding-bottom: 100px;
+}
+
+.page-404-txt h2 {
+  margin-bottom: 20px;
+}
+
+.page-404-txt h6 {
+  line-height: 1.6;
+  font-weight: 400;
+  padding: 0 5%;
+  margin-bottom: 30px;
+}
+
+.page-404-img {
+  padding: 0 5%;
+  margin-bottom: 60px;
+}
+
+
+
+
+/* ==========================================================================
+  35. MODAL
+  ========================================================================== */ 
+
+.modal-body {
+  padding: 0!important;
+}  
+
+#modal-1 .modal-dialog {
+  max-width: 700px;
+}
+
+#modal-2 .modal-dialog {
+  width: 440px;
+}
+
+#modal-3 .modal-dialog.modal-xl {
+  width: 750px;
+}
+
+#modal-2.modal .modal-content,
+#modal-3.modal .modal-content {
+  overflow: hidden;
+  -webkit-border-radius: 10px; 
+  -moz-border-radius: 10px; 
+  -o-border-radius: 10px; 
+  border-radius: 10px;
+}
+
+#modal-3.modal .bg-img {
+  background: url(../images/modal-request.jpg);
+  background-position: left center;  
+}
+
+#modal-2 .modal-body-content {
+  padding: 35px 40px 15px;
+}
+
+#modal-3 .modal-body-content {
+  padding: 60px 35px 50px;
+}
+
+/*------------------------------------------*/
+/*  MODAL WINDOW CLOSE BUTTON
+/*------------------------------------------*/ 
+
+.modal .btn-close {
+  position: absolute;
+  z-index: 1;
+  right: 15px!important;
+  top: 15px!important;
+  height: 1.5rem;
+  width: 1.5rem;
+  background: rgba(255, 255, 255, 1)!important;
+  border-radius: 50%;
+  padding: 0;
+  opacity: .9;
+  z-index: 9999;
+}
+
+#modal-3.modal .btn-close {
+  background: rgba(14, 14, 14, .3)!important;
+}
+
+.btn-close span {
+  position: relative;
+  line-height: 24px!important;
+  top: -2px;
+}
+
+.modal .btn-close.ico-10 [class^="flaticon-"]:before, 
+.modal .btn-close.ico-10 [class^="flaticon-"]:after {
+  font-size: 0.6rem;
+}
+
+button.btn-close:focus {
+  outline: none!important;
+  text-decoration: none!important;
+}
+
+/*------------------------------------------*/
+/*  MODAL WINDOW NEWSLETTER FORM
+/*------------------------------------------*/ 
+
+.modal-body .newsletter-form {
+  margin-top: 25px;
+}
+
+.modal .newsletter-form .form-control {
+  text-align: center;
+  height: 56px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  font-size: 1rem;
+  color: #353f4f;
+  font-weight: 400;
+  padding: 0 15px;  
+  margin: 0 0 15px 0;
+  box-shadow: none;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  border-radius: 6px;
+}
+
+/*------------------------------------------*/
+/*  Form Input Focus
+/*------------------------------------------*/
+
+.modal .newsletter-form .form-control:focus {
+  outline: 0;
+  box-shadow: none;
+  border-color: #1e90ff;
+}
+
+.modal .newsletter-form.purple-focus .form-control:focus {
+  border-color: #8863ee;
+}
+
+/*------------------------------------------*/
+/*  Form Input Placeholder
+/*------------------------------------------*/
+
+.modal .newsletter-form .form-control::-moz-placeholder { color: #aaa; } 
+.modal .newsletter-form .form-control:-ms-input-placeholder { color: #aaa; } 
+.modal .newsletter-form .form-control::-webkit-input-placeholder { color: #aaa; } 
+
+/*------------------------------------------*/
+/*  Form Button
+/*------------------------------------------*/
+
+.modal .input-group-btn { 
+  display: block; 
+  width: 100%!important; 
+}
+
+.modal .newsletter-form .btn {
+  display: block; 
+  width: 100%!important;
+  height: 56px;
+  margin: 0;
+}
+
+/*------------------------------------------*/
+/*  Form Notification
+/*------------------------------------------*/
+
+.modal .form-notification {
+  text-align: center;
+  color: #1680fb;
+  font-size: 0.85rem;
+  font-weight: 400;
+  line-height: 1;
+  margin-top: 12px;
+}
+
+.modal .form-notification.valid,
+.modal .form-notification.error {
+   color: #fc2f4b;
+}
+
+.modal .newsletter-form.valid {
+  color: #0fbc49;
+}
+
+/*------------------------------------------*/
+/*  MODAL WINDOW REQUEST FORM
+/*------------------------------------------*/ 
+
+#modal-3 .request-form {
+  margin: 0;
+}
+
+#modal-3 .request-form .col-md-12 {
+  padding: 0;
+}
+
+#modal-3 .request-form-title p {
+  margin-top: 18px;
+  margin-bottom: 25px;
+}
+
+#modal-3 .request-form .form-control { 
+  text-align: left;
+  margin: 0 0 25px 0;
+}
+
+#modal-3 .request-form .btn {
+  display: block; 
+  width: 100%!important;
+  height: 56px;
+  margin: 0;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Message
+/*------------------------------------------*/
+
+#modal-3 .request-form-msg {
+  width: 100%!important;
+  display: block;
+  margin-top: 15px;
+  padding-left: 0;
+}
+
+#modal-3 .request-form .loading {
+  color: #1680fb;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 400;
+}
+
+#modal-3 .request-form .error {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 10px;
+}
+ 
+
+
+
+/* ==========================================================================
+  31. DARK MODE
+  ========================================================================== */  
+
+body.theme--dark,
+.theme--dark .bg--white-100 { 
+  background-color: #232734!important;  
+} 
+
+body.theme--dark { 
+  color: #b1b7cd; 
+}
+
+.dark-theme-img { display: none; position: absolute; }
+.theme--dark .dark-theme-img { display: inline-block; position: relative; }
+.theme--dark  .owl-carousel .owl-item img.light-theme-img { display: none; position: absolute; }
+.theme--dark  .owl-carousel .owl-item img.dark-theme-img { display: block; }
+.theme--dark .light-theme-img { display: none; }
+
+.theme--dark .block-shadow { 
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+}
+
+.theme--dark .block-border {
+  border: 1px solid #e7e7e7;
+}
+
+.theme--dark .block-border.block-shadow { 
+  border: 1px solid #f5f6f6; 
+}
+
+.theme--dark .x-border { border-top: 1px solid #1d212c; border-bottom: 1px solid #1d212c; }
+.theme--dark .top-border { border-top: 1px solid #1d212c; }
+.theme--dark .bottom-border { border-bottom: 1px solid #1d212c; }
+
+.theme--dark .bg--white-300, 
+.theme--dark .bg--white-400,
+.theme--dark .bg--purple-100,
+.theme--dark .shape--purple-100:after,
+.theme--dark .shape--white-500:after,
+.theme--dark .shape--white-400:after,
+.theme--dark .shape--white-300:after,
+.theme--dark .shape--white-200:after {
+  background-color: #1d212c;
+}
+
+.theme--dark .bg--02,
+.theme--dark .bg--04,
+.theme--dark .gr--smoke,
+.theme--dark .gr--ghost,
+.theme--dark .shape--whitesmoke:after {
+  background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .55) 100%);
+}
+
+.theme--dark .gr--whitesmoke,
+.theme--dark .shape--gr-whitesmoke:after {
+  background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .05) 100%);
+}
+/*------------------------------------------*/
+/*  SECTION DIVIDER
+/*------------------------------------------*/
+
+.theme--dark hr.divider,
+.theme--dark .footer hr {
+  background-image: linear-gradient(90deg, rgba(122,125,147,0) 0, #7a7d93 38%, #7a7d93 64%, rgba(122,125,147,0) 99%); 
+}
+
+.theme--dark hr.divider.divider-light {
+  background-color: #fff;
+  background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #dedede 38%, #dedede 64%, rgba(206,211,246,0) 99%);
+  opacity: 1;
+}
+
+/*------------------------------------------*/
+/*  TYPOGRAPHY
+/*------------------------------------------*/
+
+.theme--dark h1, 
+.theme--dark h2, 
+.theme--dark h3,
+.theme--dark h4,
+.theme--dark h5, 
+.theme--dark h6 {  
+  color: #fff;
+}
+
+.theme--dark a { color: #b1b7cd; }
+.theme--dark a:hover, .theme--dark a.tra-link:hover span { color: #f7f8f9!important; }
+
+/*------------------------------------------*/
+/*  BUTTONS
+/*------------------------------------------*/
+
+.theme--dark .btn--tra-black,
+.theme--dark .hover--tra-black:hover {
+  color: #b1b7cd!important;
+  background-color:transparent!important;
+  border-color: #b1b7cd!important;
+}
+
+.theme--dark .navbar-dark .hover--tra-black:hover {
+  color: #353f4f!important;
+  background-color:transparent!important;
+  border-color: #353f4f!important;
+}
+
+.theme--dark .white-scroll .hover--tra-black:hover {
+  color: #fff!important;
+  border-color: #fff!important;
+  background-color: transparent!important;
+}
+
+.theme--dark .navbar-dark .scroll .hover--tra-black:hover {
+  color: #fff!important;
+  background-color:transparent!important;
+  border-color: #fff!important;
+}
+
+.theme--dark .btn--white,
+.theme--dark .hover--white:hover {
+  color: #353f4f!important;
+  background-color: #fff!important;
+  border-color: #fff!important;
+}
+
+.theme--dark .btn--tra-white,
+.theme--dark .hover--tra-white:hover {
+  color: #f1f1f1!important;
+  background-color: transparent!important;
+  border-color: #f1f1f1!important;
+}
+
+.theme--dark .white-scroll .scroll .hover--tra-white:hover {
+  color: #fff!important;
+  background-color: transparent!important;
+  border-color: #fff!important;
+}
+
+.theme--dark .btn--tra-grey, 
+.theme--dark .hover--tra-grey:hover,
+.theme--dark .white-scroll .scroll .hover--tra-grey:hover,
+.theme--dark .black-scroll .scroll .hover--tra-grey:hover {
+  color: #b1b7cd!important;
+  background-color: transparent!important;
+  border-color: #b1b7cd!important;
+}
+
+.theme--dark .btn--blue-500, 
+.theme--dark .hover--blue-500:hover,
+.theme--dark .white-scroll .scroll .hover--blue-500:hover,
+.theme--dark .black-scroll .scroll .hover--blue-500:hover {
+  color: #fff!important;
+  border-color: #185abd!important;
+  background-color: #185abd!important;
+}
+
+.theme--dark .btn--blue-400, 
+.theme--dark .hover--blue-400:hover,
+.theme--dark .white-scroll .scroll .hover--blue-400:hover,
+.theme--dark .black-scroll .scroll .hover--blue-400:hover {
+  color: #fff!important;
+  border-color: #1680fb!important;
+  background-color: #1680fb!important;
+}
+
+.theme--dark .btn--blue-300, 
+.theme--dark .hover--blue-300:hover,
+.theme--dark .white-scroll .scroll .hover--blue-300:hover,
+.theme--dark .black-scroll .scroll .hover--blue-300:hover {
+  color: #fff!important;
+  border-color: #3eb1ff!important;
+  background-color: #3eb1ff!important;
+}
+
+.theme--dark .btn--pink-500, 
+.theme--dark .hover--pink-500:hover,
+.theme--dark .white-scroll .scroll .hover--pink-500:hover,
+.theme--dark .black-scroll .scroll .hover--pink-500:hover {
+  color: #fff!important;
+  border-color: #ff149c!important;
+  background-color: #ff149c!important;
+}
+
+.theme--dark .btn--pink-400, 
+.theme--dark .hover--pink-400:hover,
+.white-scroll .scroll .hover--pink-400:hover,
+.black-scroll .scroll .hover--pink-400:hover {
+  color: #fff!important;
+  border-color: #f74780!important;
+  background-color: #f74780!important;
+}
+
+.theme--dark .btn--pink-300, 
+.theme--dark .hover--pink-300:hover,
+.theme--dark .white-scroll .scroll .hover--pink-300:hover,
+.theme--dark .black-scroll .scroll .hover--pink-300:hover {
+  color: #fff!important;
+  border-color: #fcb5cc!important;
+  background-color: #fcb5cc!important;
+}
+
+.theme--dark .btn--purple-500, 
+.theme--dark .hover--purple-500:hover,
+.theme--dark .white-scroll .scroll .hover--purple-500:hover,
+.theme--dark .black-scroll .scroll .hover--purple-500:hover {
+  color: #fff!important;
+  border-color: #663ae9!important;
+  background-color: #663ae9!important;
+}
+
+.theme--dark .btn--purple-400, 
+.theme--dark .hover--purple-400:hover,
+.theme--dark .white-scroll .scroll .hover--purple-400:hover,
+.theme--dark .black-scroll .scroll .hover--purple-400:hover {
+  color: #fff!important;
+  border-color: #7b5dd6!important;
+  background-color: #7b5dd6!important;
+}
+
+.theme--dark .btn--purple-300, 
+.theme--dark .hover--purple-300:hover,
+.theme--dark .white-scroll .scroll .hover--purple-300:hover,
+.theme--dark .black-scroll .scroll .hover--purple-300:hover {
+  color: #fff!important;
+  border-color: #bdaeea!important;
+  background-color: #bdaeea!important;
+}
+
+.theme--dark .btn--violet-500, 
+.theme--dark .hover--violet-500:hover,
+.theme--dark .white-scroll .scroll .hover--violet-500:hover,
+.theme--dark .black-scroll .scroll .hover--violet-500:hover {
+  color: #fff!important;
+  border-color: #c73e9b!important;
+  background-color: #c73e9b!important;
+}
+
+.theme--dark .btn--violet-400, 
+.theme--dark .hover--violet-400:hover,
+.theme--dark .white-scroll .scroll .hover--violet-400:hover,
+.theme--dark .black-scroll .scroll .hover--violet-400:hover {
+  color: #fff!important;
+  border-color: #be6cbe!important;
+  background-color: #be6cbe!important;
+}
+
+.theme--dark .btn--violet-300, 
+.theme--dark .hover--violet-300:hover,
+.theme--dark .white-scroll .scroll .hover--violet-300:hover,
+.theme--dark .black-scroll .scroll .hover--violet-300:hover {
+  color: #fff!important;
+  border-color: #e2bde2!important;
+  background-color: #e2bde2!important;
+}
+
+.theme--dark .section-id {
+  color: #eee; 
+}
+
+.theme--dark .color--black,
+.theme--dark .color--black h2, 
+.theme--dark .color--black h3, 
+.theme--dark .color--black h4, 
+.theme--dark .color--black h5, 
+.theme--dark .color--black h6, 
+.theme--dark .color--black p, 
+.theme--dark .color--black a,
+.theme--dark .color--black li, 
+.theme--dark .color--black i,
+.theme--dark .color--black span, 
+.theme--dar .color--white .color--black { color: #fff; }
+
+.theme--dark .color--grey,
+.theme--dark .color--grey h2, 
+.theme--dark .color--grey h3, 
+.theme--dark .color--grey h4, 
+.theme--dark .color--grey h5, 
+.theme--dark .color--grey h6, 
+.theme--dark .color--grey p, 
+.theme--dark .color--grey a,
+.theme--dark .color--grey li, 
+.theme--dark .color--grey i,
+.theme--dark .color--grey span, 
+.theme--dark .color--white .color--grey { color: #b1b7cd; }
+
+/*------------------------------------------*/
+/*   NAVIGATION MENU
+/*------------------------------------------*/
+
+.theme--dark .dark-menu .wsmainfull,
+.theme--dark .white-menu .wsmainfull {
+  background-color: #1d222f!important;
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+/*------------------------------------------*/
+/*  HEADER LINK
+/*------------------------------------------*/
+
+.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a,
+.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a,
+.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a {
+  color: #fff;
+}
+
+.theme--dark .navbar-light .wsmenu-list > li > a.h-link:hover,
+.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a:hover,
+.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a:hover,
+.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a:hover {
+  color: #eee!important;
+}
+
+.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  HEADER SUBMENU / MEGAMENU
+/*------------------------------------------*/
+
+.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
+  background-color: #2c3142!important; 
+  border: solid 1px #2c3142!important; 
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu:before,
+.theme--dark .wsmenu > .wsmenu-list > li.mg_link:hover > a:after,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu:before {
+  background-color: #2c3142;
+  border-left: solid 1px #2c3142;
+  border-top: solid 1px #2c3142;
+}
+ 
+.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+  color: #b1b7cd;
+  background-color: transparent!important;
+}
+
+.theme--dark .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+  color: #b1b7cd;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR SCROLL
+/*------------------------------------------*/
+
+.theme--dark .tra-menu .wsmainfull.scroll,
+.theme--dark .white-menu .wsmainfull.scroll,
+.theme--dark .dark-menu.dark-scroll .wsmainfull.scroll {
+  background-color: #1d222f!important;
+  padding: 0;
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.theme--dark .tra-menu.navbar-dark .scroll .wsmenu > .wsmenu-list > li > a,
+.theme--dark .tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li > a,
+.theme--dark .tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, 
+.theme--dark .tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #b1b7cd;
+}
+
+.theme--dark .navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover {
+  color: #fff!important;
+}
+
+.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  background-color: rgba(0, 0, 0, .12)!important;
+}
+
+.theme--dark .navbar-light .scroll .btn.btn--tra-white {
+  color: #fff!important;
+  border-color: #fff!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  Logo Image
+/*------------------------------------------*/
+
+.theme--dark .navbar-dark .logo-black,
+.theme--dark .navbar-dark .scroll .logo-black {
+  display: none;
+}
+
+.theme--dark .navbar-dark .logo-white,
+.theme--dark .navbar-dark .scroll .logo-white {
+  display: block;
+}
+
+.theme--dark .navbar-dark .logo-black {
+  display: block;
+}
+
+.theme--dark .navbar-dark .logo-white {
+  display: none;
+}
+
+.theme--dark .navbar-dark .scroll .logo-white {
+  display: block;
+}
+
+/*------------------------------------------*/
+/*  HERO SECTION
+/*------------------------------------------*/
+
+.theme--dark .hero-section .color--black,
+.theme--dark .hero-section .color--black h2, 
+.theme--dark .hero-section .color--black h3, 
+.theme--dark .hero-section .color--black h4, 
+.theme--dark .hero-section .color--black h5, 
+.theme--dark .hero-section .color--black h6, 
+.theme--dark .hero-section .color--black p, 
+.theme--dark .hero-section .color--black a,
+.theme--dark .hero-section .color--black li, 
+.theme--dark .hero-section .color--black i,
+.theme--dark .hero-section .color--black span, 
+.theme--dark .hero-section .color--white .color--black {  color: #353f4f; }
+
+.theme--dark .hero-section p { color: #6c757d; }
+.theme--dark .hero-section .color--white p { color: #fff; }
+.theme--dark .hero-section.gr--whitesmoke p {color: #b1b7cd; }
+.theme--dark .hero-section .section-id.color--grey { color: #6c757d; }
+
+.theme--dark .hero-5-txt p,
+.theme--dark .hero-6-txt p,
+.theme--dark .hero-10-txt p,
+.theme--dark .hero-15-txt p,
+.theme--dark .hero-16-txt p,
+.theme--dark .hero-17-txt p,
+.theme--dark .hero-18-txt p,
+.theme--dark .hero-19-txt p,
+.theme--dark .hero-20-txt p,
+.theme--dark .hero-21-txt p,
+.theme--dark .hero-23-txt p,
+.theme--dark .hero-25-txt p { color: #b1b7cd; }
+
+.theme--dark .hero-section .quick-form .form-control {
+  color: #fff;
+  background-color: #363f54;
+}
+
+.theme--dark #hero-14.hero-section .quick-form .form-control,
+.theme--dark #hero-24.hero-section .quick-form .form-control,
+.theme--dark #hero-26.hero-section .quick-form .form-control {
+  color: #666;
+  background-color: #fff;
+}
+
+.theme--dark .hero-section .quick-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .hero-section .quick-form .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .hero-section .quick-form .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+.theme--dark #hero-14.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } 
+.theme--dark #hero-14.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; }
+.theme--dark #hero-14.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; }
+
+.theme--dark #hero-24.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } 
+.theme--dark #hero-24.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; }
+.theme--dark #hero-24.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; }
+
+.theme--dark #hero-26.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } 
+.theme--dark #hero-26.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; }
+.theme--dark #hero-26.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; }
+
+.theme--dark .hero-section .quick-form .form-control:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+.theme--dark #hero-14.hero-section .quick-form .form-control:focus,
+.theme--dark #hero-24.hero-section .quick-form .form-control:focus,
+.theme--dark #hero-26.hero-section .quick-form .form-control:focus {
+  background-color: #fff;
+  border-color: transparent;
+}
+
+.theme--dark .hero-section .request-form .form-control {
+  color: #fff;
+  background-color: #363f54;
+}
+
+.theme--dark .hero-section .request-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .hero-section .request-form .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .hero-section .request-form .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+.theme--dark .hero-section .request-form .form-control:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+.theme--dark #hero-3:after,
+.theme--dark #hero-4:after {
+  background-color: #232734;
+}
+
+.theme--dark .hero-4-txt h2 {
+  color: #353f4f;
+}
+
+.theme--dark .hero-4-txt .btn.btn--tra-black {
+  color: #353f4f!important;
+  background-color:transparent!important;
+  border-color: #353f4f!important;
+}
+
+.theme--dark #hero-5 {
+  background-image: url(../images/hero-5-dark.jpg);
+}
+
+.theme--dark .hero-6-wrapper {
+  background-image: linear-gradient(90deg, #1d212c, #1d212c);
+}
+
+.theme--dark #hero-8-form {
+  background-color: #1d222f;
+  border: 1px solid #1d222f;
+}
+
+.theme--dark #hero-8-form p {
+  color: #b1b7cd;
+}
+
+.theme--dark #hero-5 .wave-shape-bottom svg path,
+.theme--dark #hero-8 .wave-shape-bottom svg path,
+.theme--dark #hero-14 .wave-shape-bottom svg path,
+.theme--dark #hero-16 .wave-shape-bottom svg path,
+.theme--dark #hero-22 .wave-shape-bottom svg path,
+.theme--dark #hero-23 .wave-shape-bottom svg path,
+.theme--dark #hero-26 .wave-shape-bottom svg path {
+  fill: #232734;
+}
+
+.theme--dark #hero-10 {
+  background-image: url(../images/hero-10-dark.jpg);
+}
+
+.theme--dark #hero-15 {
+  background-image: url(../images/hero-15-dark.jpg);
+}
+
+.theme--dark #hero-16 {
+  background-image: url(../images/hero-16-dark.jpg);
+}
+
+.theme--dark #hero-17 {
+  background-image: url(../images/hero-17-dark.jpg);
+}
+
+.theme--dark #hero-18:after {
+  background-image: url(../images/hero-18-dark.jpg);
+}
+
+.theme--dark #hero-20:after {
+  background-image: linear-gradient(180deg, #1d212c, #232734);
+}
+
+.theme--dark  #hero-21 .hero-overlay {
+  background-image: url(../images/hero-21-dark.jpg);
+}
+
+.theme--dark #hero-23 {
+  background-image: url(../images/hero-23-dark.jpg);
+}
+
+.theme--dark .hero-23-txt p span.color--black { color: #fff; }
+
+.theme--dark #hero-25 {
+  background-image: url(../images/hero-25-dark.jpg);
+}
+
+.theme--dark #hero-27 .hero-overlay {
+  background-image: url(../images/hero-27-dark.png);
+}
+
+/*------------------------------------------*/
+/*  FEATURES
+/*------------------------------------------*/
+
+.theme--dark .features-section path {
+  opacity: .05;
+}
+
+.theme--dark .fbox-7 {
+  border: 2px solid #363f54;
+}
+
+/*------------------------------------------*/
+/*  CONTENT
+/*------------------------------------------*/
+
+.theme--dark .cbox-2-line {
+  background-color: #363f54;
+}
+
+/*------------------------------------------*/
+/*  STATISTIC
+/*------------------------------------------*/
+
+.theme--dark #statistic-5 .statistic-digit {
+  border-bottom: 1px solid #505c77;
+}
+
+/*------------------------------------------*/
+/*  REVIEWS
+/*------------------------------------------*/
+
+.theme--dark #reviews-2 .review-2.bg--white-100 {
+  background-color: #1d212c!important;
+}
+
+.theme--dark .owl-theme .owl-dots .owl-dot span {
+  background: #1d212c;
+}
+
+.theme--dark .owl-theme .owl-dots .owl-dot.active span {
+  background: #b1b7cd;
+}
+
+.theme--dark .review-3.block-border {
+  border-color: #363f54;
+}
+
+/*------------------------------------------*/
+/*  PROJECT DETAILS
+/*------------------------------------------*/
+
+.theme--dark .project-title h2 {
+  border-bottom: 1px solid #363f54;
+}
+
+.theme--dark .project-data p span { color: #fff; }
+
+.theme--dark .project-description .more-projects span {
+  color: #fff;
+}
+
+/*------------------------------------------*/
+/*  RATING
+/*------------------------------------------*/
+
+.theme--dark .rbox-1 .star-rating {
+  background-color: #1d212c!important;
+  border: 1px solid #1d212c;
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+}
+
+/*------------------------------------------*/
+/*  PRICING
+/*------------------------------------------*/
+
+.theme--dark .pricing-discount h6 {
+  color: #353f4f;
+}
+
+.theme--dark .table>:not(caption)>*>* {
+  color: #b1b7cd;
+  background-color: #232734;
+}
+
+.theme--dark .comp-table .table thead th {
+  color: #fff;
+  border-color: #363f54;
+}
+
+.theme--dark .comp-table tbody th {
+  border-bottom: 1px solid #363f54!important;
+}
+
+.theme--dark .comp-table .table tr td {
+  border-bottom: 2px solid #363f54;
+}
+
+/*------------------------------------------*/
+/*  INTEGRATIONS
+/*------------------------------------------*/
+
+.theme--dark .integrations-1-wrapper .in_tool {
+  background-color: #1d212c;
+  border: 1px solid #1d212c;
+}
+
+/*------------------------------------------*/
+/*  PRICING
+/*------------------------------------------*/
+
+.theme--dark .switcher.bg--grey {
+  background-color: #363f54;
+  border: 2px solid #363f54;
+}
+
+/*------------------------------------------*/
+/*  BANNER
+/*------------------------------------------*/
+
+.theme--dark .banner-16-wrapper.bg--white-100.block-border {
+  border-color: #363f54;
+}
+
+/*------------------------------------------*/
+/*  DOWNLOAD
+/*------------------------------------------*/
+
+.theme--dark .release-data {
+  border-bottom: 1px dashed #656565;
+}
+
+.theme--dark span.version-data,
+.theme--dark span.release-date span {
+  color: #f1f1f1;
+}
+
+.theme--dark span.release-date {
+  color: #ccc;
+}
+
+/*------------------------------------------*/
+/*  FAQs
+/*------------------------------------------*/
+
+.theme--dark .faqs-section .accordion-item,
+.theme--dark #faqs-2.faqs-section .accordion-item,
+.theme--dark #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb {
+  border-bottom: 1px solid #363f54;
+}
+
+.theme--dark .faqs-section .tabs-1 li {
+  border: 2px solid #363f54;
+}
+
+.theme--dark .faqs-section .tabs-1 li span,
+.theme--dark .faqs-section .tabs-1 li {
+  color: #b1b7cd;
+}
+
+.theme--dark .faqs-section .accordion-item .accordion-thumb:after,
+.theme--dark .faqs-section .accordion-item.is-active .accordion-thumb:after {
+  color: #b1b7cd;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER
+/*------------------------------------------*/
+
+.theme--dark .newsletter-section .form-control {
+  color: #f1f1f1;
+  background-color: #363f54;
+  border: 1px solid #363f54;
+}
+
+.theme--dark .newsletter-section .form-control:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+.theme--dark .newsletter-section .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .newsletter-section .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .newsletter-section .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+/*------------------------------------------*/
+/*  BLOG
+/*------------------------------------------*/
+
+.theme--dark .post-meta-list p,
+.theme--dark .blog-post-txt a {
+  color: #fff;
+}
+
+.theme--dark .blog-post-txt a:hover {
+  color: #ddd!important;
+}
+
+/*------------------------------------------*/
+/*  SINGLE POST
+/*------------------------------------------*/
+
+.theme--dark .txt-code {
+  background-color: #1d212c;
+}
+
+.theme--dark .txt-code kbd {
+  background-color: #363f54;
+}
+
+.theme--dark  .txt-code p {
+  color: #b1b7cd; 
+}
+
+.theme--dark .comment-form p,
+.theme--dark  .blockquote-footer,
+.theme--dark .txt-code span.code-property,
+.theme--dark .txt-code p code.code-language-js {
+  color: #fff;
+}
+
+.theme--dark .comment-form .form-control {
+  color: #f1f1f1;
+  background-color: #363f54;
+}
+
+.theme--dark .comment-form .form-control:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+.theme--dark .comment-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .comment-form .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .comment-form .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+/*------------------------------------------*/
+/*  CONTACTS
+/*------------------------------------------*/
+
+.theme--dark .contact-form-notice p a,
+.theme--dark #contacts-1 .contact-form p {
+  color: #fff;
+}
+
+.theme--dark .contact-form .form-control,
+.theme--dark .contact-form .form-select {
+  color: #f1f1f1;
+  background-color: #363f54;
+}
+
+.theme--dark .contact-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .contact-form .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .contact-form .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+.theme--dark .contact-form .form-control:focus,
+.theme--dark .contact-form .form-select:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+/*------------------------------------------*/
+/*  FOOTER
+/*------------------------------------------*/
+
+.footer-logo-dark { display: none; }
+.theme--dark .footer-logo { display: none; }
+.theme--dark .footer-logo-dark { display: block; }
+.theme--dark #footer-10 .footer-logo-dark { display: inline-block; }
+
+.theme--dark  #footer-10 .footer-info {
+  border-bottom: 1px solid #363f54;
+}
+
+.theme--dark .footer-form .newsletter-form .btn.dark-color span {
+  color: #2f353e!important;
+}
+
+.theme--dark .footer-form .newsletter-form .input-group {
+  background-color: #282d3c;
+  border: 1px solid #505c77;
+}
+
+.theme--dark .footer-form .form-control {
+  color: #fff;
+}
+
+.theme--dark .footer-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .footer-form .form-control:-ms-input-placeholder { color: #b1b7cd; } 
+.theme--dark .footer-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } 
+
+.theme--dark .legal-info p span {
+  color: #fff;
+}
+
+/*------------------------------------------*/
+/*  INNER PAGE
+/*------------------------------------------*/
+
+.theme--dark .page-hero-section .wave-shape-bottom path {
+  fill: #232734;
+}
+
+/*------------------------------------------*/
+/*  MODAL
+/*------------------------------------------*/
+
+.theme--dark #modal-2 .modal-body-content h5,
+.theme--dark #modal-3 .modal-body-content h3 {
+  color: #353f4f;
+}
+
+/*------------------------------------------*/
+/*  PAGE 404
+/*------------------------------------------*/
+
+.theme--dark #page-404.bg--white-300, .theme--dark #footer-11.bg--white-300 { background-color: #f7f8f9; }
+.theme--dark #page-404 .color--dark { color: #353f4f; }
+
+.theme--dark #page-404 h6.color--grey, .theme--dark #footer-11.bg--white-300,
+.theme--dark #footer-11.bg--white-300 .bottom-footer-list p a { color: #6c757d; }
+
+/*------------------------------------------*/
+/*  LOGIN
+/*------------------------------------------*/
+
+.theme--dark #login, .theme--dark #signup {
+  background: url(../images/login_dark.jpg);
+}
+
+.theme--dark #reset-password {
+  background: url(../images/reset-password-dark.jpg);
+}
+
+.theme--dark #login .register-page-wrapper:after,
+.theme--dark #signup .register-page-wrapper:after {
+  background-color: #1d212c;
+}
+
+.theme--dark .form-data span a,
+.theme--dark .register-page-form p.input-header {
+  color: #fff;
+}
+
+.theme--dark .separator-line::before, 
+.theme--dark .separator-line::after {
+  border-top: 2px solid rgba(255, 255, 255, .15);
+}
+
+.theme--dark .reset-page-wrapper .form-control,
+.theme--dark .register-page-form .form-control {
+  color: #f1f1f1;
+  background-color: #363f54;
+  border: 1px solid #363f54;
+}
+
+.theme--dark .reset-page-wrapper form { 
+  background: #1d212c;
+  border: 1px solid #1d212c;
+}
+
+.theme--dark .register-page-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .register-page-form .form-control:-ms-input-placeholder { color: #b1b7cd; } 
+.theme--dark .register-page-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } 
+
+.theme--dark .reset-password-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .reset-password-form .form-control:-ms-input-placeholder { color: #b1b7cd; } 
+.theme--dark .reset-password-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } 
+
+.theme--dark  .register-page-form .btn-google {
+  color: #b1b7cd;
+  background-color: #363f54;
+  border: 1px solid #363f54;
+}
+
+
+
+
+/* ==========================================================================
+   STYLE CHANGER 
+  ========================================================================== */
+
+#stlChanger {
+  position: fixed;
+  z-index: 9999;
+  font-size: 15px;
+  overflow: hidden;
+  right: -230px;
+  top: 100px;
+  cursor: pointer;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+#stlChanger.open {
+  right: 0px;
+}
+
+#stlChanger .bgChanger {
+  min-width: 280px;
+  min-height: 280px;
+}
+
+#stlChanger .blockChanger {
+  width: 230px;
+}
+
+#stlChanger .chBody {
+  background: #2b2e37;
+  width: 230px;
+  position: relative;
+  overflow: hidden;
+  border: 1px solid #2b2e37;
+  border-radius: 4px 0px 0px 4px;
+  height: 425px; 
+  overflow: scroll; 
+  overflow-x: hidden;
+  direction: rtl;
+  margin-left: 50px;
+}
+
+#stlChanger .chBody.chBody-sm {
+  height: 360px; 
+}
+
+#stlChanger .chBut {
+  background: #ef2853;
+  width: 50px;
+  height: 50px;
+  position: absolute;
+  top: 30px;
+  left: 0;
+  z-index: 1000000;
+  text-align: center;
+  border: 1px solid #ef2853;
+  border-left: none;
+  padding: 0 0 0 2px;
+  border-radius: 4px 0px 0px 4px;
+  -webkit-transition: all 300ms ease-in-out;
+  -moz-transition: all 300ms ease-in-out;
+  -o-transition: all 300ms ease-in-out;
+  -ms-transition: all 300ms ease-in-out;
+  transition: all 300ms ease-in-out;
+  box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); 
+}
+
+#stlChanger .chBut.icon-xs [class*="flaticon-"]:before,
+#stlChanger .chBut.icon-xs [class*="flaticon-"]:after {   
+  color: #fff;
+  font-size: 2.15rem;
+  line-height: 48px!important;
+}
+
+#stlChanger p {
+  font-size: 18px;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-weight: 600;
+  letter-spacing: 0;
+  margin-bottom: 20px;
+}
+
+#stlChanger .stBgs a {
+  text-decoration: none;
+  width: 50px;
+  height: 50px;
+  float: left;
+  padding: 0;
+  margin: 0 5px 8px;
+  cursor: pointer;
+  opacity: 1;
+  -webkit-border-radius: 8px;
+  -moz-border-radius: 8px;
+  border-radius: 8px;
+}
+
+#stlChanger .stBgs a img {
+  width: 50px;
+  height: 50px;
+  -webkit-border-radius: 8px;
+  -moz-border-radius: 8px;
+  border-radius: 8px;
+}
+
+.stBlock1 {
+  margin: 0 20px 25px 20px;
+}
+
+.stBlock .btn {
+  width: 100%;
+  padding: 0.65rem 1.2rem;
+  line-height: 1;
+  margin-top: 15px;
+}
+
+.switch {
+  width: 100%;
+  color: #fff;
+  padding: 0.4rem 1.4rem;
+  border: 2px solid #fff;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+
+
+
+
+/* ==========================================================================
+  34. COLOR SCHEME
+  ========================================================================== */ 
+
+.bg--theme,
+.shape--blue-400:after { 
+  background-color: #1680fb; 
+}
+
+.btn--theme {
+  color: #fff!important;
+  border-color: #1680fb!important;
+  background-color: #1680fb!important;
+}
+
+.hover--theme:hover,
+.white-scroll .scroll .hover--theme:hover,
+.black-scroll .scroll .hover--theme:hover {
+  color: #fff!important;
+  border-color: #185abd!important;
+  background-color: #185abd!important;
+}
+
+.theme--dark .white-scroll .scroll .hover--theme:hover {
+  color: #fff!important;
+  border-color: #185abd!important;
+  background-color: #185abd!important;
+}
+
+.theme--dark .white-scroll .hover--theme:hover {
+  color: #fff!important;
+  border-color: #185abd!important;
+  background-color: #185abd!important;
+}
+
+.color--theme, 
+.color--theme h1, 
+.color--theme h2, 
+.color--theme h3, 
+.color--theme h4, 
+.color--theme h5, 
+.color--theme h6, 
+.color--theme p, 
+.color--theme a, 
+.color--theme li, 
+.color--theme i, 
+.color--theme span,
+.color--white .color--theme { color: #1680fb!important; }
+
+.loading--theme .loader { 
+  border-color: transparent #1680fb; 
+}
+
+.loading--theme .loader::after {
+  border-color: transparent rgba(22, 128, 251, .15); 
+}
+
+.nav-theme .sm-info { 
+  background-color: #1680fb; 
+}
+
+.wsmenu > .wsmenu-list.nav-theme > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #1680fb!important;
+}
+
+.hero-section .quick-form .form-control:focus {
+  border-color: #1680fb;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--theme { 
+  color: #1680fb; 
+  border-color: #1680fb; 
+}
+
+.tabs-1.tabs--theme, 
+.tabs-1.tabs--theme li.current:hover,
+.faqs-section .tabs--theme .tabs-1 li.current,
+.faqs-section .tabs--theme .tabs-1 li.current:hover { 
+  color: #1680fb; 
+  border-color: #1680fb; 
+}
+
+.faqs-section .tabs--theme .tabs-1 li.current,
+.faqs-section .tabs--theme .tabs-1 li.current:hover {
+  background-color: #1680fb;
+  border-color: #1680fb!important;
+}
+
+.switch-wrap input:checked + .switcher.switcher--theme { 
+  background-color: #1680fb; 
+  border-color: #1680fb; 
+}
+
+.shape-ico.color--theme path,
+.shape-ico.color--theme path,
+.shape-ico.color--theme path {
+  fill: #f4f9fc;
+}
+
+.newsletter-section .form-control:focus {
+  background-color: #fff;
+  border-color: #353f4f;
+}
+
+.theme-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #1680fb;
+  border: 2px solid #1680fb;
+}
+
+
+
+
+/* ==========================================================================
+  34. XXXXX
+  ========================================================================== */ 
+
+.t-title {
+  text-align: center; 
+  color: #fff;
+  background-color:#1d222f;
+  padding: 10px 5px; 
+  margin: 0 0 40px;
+}
+
+.t-title.btn-s-title {
+  margin: 0;
+}
+
+.t-title h6 {
+  color: #fff;
+  margin-bottom: 0;
+}
\ No newline at end of file
diff --git a/public/css/bootstrap.min.css b/public/css/bootstrap.min.css
new file mode 100644
index 0000000..b23c3e7
--- /dev/null
+++ b/public/css/bootstrap.min.css
@@ -0,0 +1,6 @@
+@charset "UTF-8";/*!
+ * Bootstrap  v5.3.0 (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-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:#adb5bd;--bs-body-color-rgb:173,181,189;--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(173, 181, 189, 0.75);--bs-secondary-color-rgb:173,181,189;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(173, 181, 189, 0.5);--bs-tertiary-color-rgb:173,181,189;--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-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;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]{outline-offset:-2px;-webkit-appearance:textfield}::-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.3333333333%}.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.6666666667%}.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.3333333333%}.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.6666666667%}.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.3333333333%}.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.6666666667%}.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.3333333333%}.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.6666666667%}.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.3333333333%}.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.6666666667%}.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.3333333333%}.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.6666666667%}.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-body-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-body-color);--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:var(--bs-body-color);--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:var(--bs-body-color);--bs-table-hover-bg:rgba(0, 0, 0, 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:#bacbe6;--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:#cbccce;--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:#bcd0c7;--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:#badce3;--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:#e6dbb9;--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:#dfc2c4;--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:#dfe0e1;--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:#373b3e;--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);background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;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);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;-webkit-appearance:none;-moz-appearance:none;appearance:none}@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='%23adb5bd' 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);width:1em;height:1em;margin-top:.25em;vertical-align:top;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-appearance:none;-moz-appearance:none;appearance:none;-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;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.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;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;-webkit-appearance:none;appearance:none}@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-tertiary-bg);border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;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;-moz-appearance:none;appearance:none}@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-tertiary-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>:disabled~label{color:#6c757d}.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:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--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{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-link.disabled,.nav-tabs .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}.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:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}.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:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--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:0 0.5rem 1rem rgba(0, 0, 0, 0.15)}.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:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--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:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--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(13,110,253,var(--bs-bg-opacity,1))!important}.text-bg-secondary{color:#fff!important;background-color:RGBA(108,117,125,var(--bs-bg-opacity,1))!important}.text-bg-success{color:#fff!important;background-color:RGBA(25,135,84,var(--bs-bg-opacity,1))!important}.text-bg-info{color:#000!important;background-color:RGBA(13,202,240,var(--bs-bg-opacity,1))!important}.text-bg-warning{color:#000!important;background-color:RGBA(255,193,7,var(--bs-bg-opacity,1))!important}.text-bg-danger{color:#fff!important;background-color:RGBA(220,53,69,var(--bs-bg-opacity,1))!important}.text-bg-light{color:#000!important;background-color:RGBA(248,249,250,var(--bs-bg-opacity,1))!important}.text-bg-dark{color:#fff!important;background-color:RGBA(33,37,41,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:1px;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:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!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/crocus-theme.css b/public/css/crocus-theme.css
new file mode 100644
index 0000000..2a215b6
--- /dev/null
+++ b/public/css/crocus-theme.css
@@ -0,0 +1,11159 @@
+
+
+
+
+/*
+  Template Name: Martex - Software, App, SaaS & Startup Landing Pages Pack
+  Theme URL: https://themeforest.net/user/jthemes
+  Description: Martex - Software, App, SaaS & Startup Landing Pages Pack
+  Author: JThemes Studio
+  Author URL: https://themeforest.net/user/jthemes
+  Version: 1.0.0
+  Website: www.jthemes.com
+  Tags: Responsive, HTML5, JThemes, Landing, Software, Mobile App, SaaS, Startup, Creative, Digital Produc
+*/
+
+
+
+
+/* ==========================================================================
+  01. GENERAL & BASIC STYLES
+  =========================================================================== */
+
+html {
+  -webkit-font-smoothing: antialiased;
+  font-size: 16px;
+} 
+
+body {
+  font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  color: #6c757d;
+  line-height: 1.6666;
+  font-weight: 400;
+}
+
+/*------------------------------------------*/
+/*  PAGE CONTENT
+/*------------------------------------------*/
+
+#page,
+.hidd { 
+  overflow: hidden; 
+}
+
+.rel,
+section,
+.container { 
+  position: relative!important; 
+  z-index: 3; 
+}
+
+.section-overlay {
+  width: 100%;
+  height: 100%;
+}
+
+/*------------------------------------------*/
+/*  BLOCK SHADOW
+/*------------------------------------------*/
+
+.block-shadow { 
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+}
+
+/*------------------------------------------*/
+/*  BORDER SETTINGS
+/*------------------------------------------*/
+
+.block-border {
+  border: 1px solid #e7e7e7;
+}
+
+.block-border.block-shadow { 
+  border: 1px solid #f5f6f6;
+}
+
+.x-border {
+  border-top: 1px solid #e7e7e7;
+  border-bottom: 1px solid #e7e7e7;
+}
+
+.top-border {
+  border-top: 1px solid #e7e7e7;
+}
+
+.bottom-border {
+  border-bottom: 1px solid #e7e7e7;
+}
+
+/*------------------------------------------*/
+/*  BORDER RADIUS SETTING
+/*------------------------------------------*/ 
+
+.r-0 { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
+.r-02 { -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
+.r-04 { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
+.r-06 { -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
+.r-08 { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; }
+.r-10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
+.r-12 { -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; }
+.r-14 { -webkit-border-radius: 14px; -moz-border-radius: 14px; -o-border-radius: 14px; border-radius: 14px; }
+.r-16 { -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; }
+.r-18 { -webkit-border-radius: 18px; -moz-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; }
+.r-20 { -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
+.r-22 { -webkit-border-radius: 22px; -moz-border-radius: 22px; -o-border-radius: 22px; border-radius: 22px; }
+.r-24 { -webkit-border-radius: 24px; -moz-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; }
+.r-26 { -webkit-border-radius: 26px; -moz-border-radius: 26px; -o-border-radius: 26px; border-radius: 26px; }
+.r-28 { -webkit-border-radius: 28px; -moz-border-radius: 28px; -o-border-radius: 28px; border-radius: 28px; }
+.r-30 { -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; }
+.r-32 { -webkit-border-radius: 32px; -moz-border-radius: 32px; -o-border-radius: 32px; border-radius: 32px; }
+.r-34 { -webkit-border-radius: 34px; -moz-border-radius: 34px; -o-border-radius: 34px; border-radius: 34px; }
+.r-36 { -webkit-border-radius: 36px; -moz-border-radius: 36px; -o-border-radius: 36px; border-radius: 36px; }
+.r-100 { -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; }
+
+/*------------------------------------------*/
+/*  OPACITY SETTINGS
+/*------------------------------------------*/
+
+.o-0 { opacity: 0!important; }
+.o-10 { opacity: .1!important; }
+.o-15 { opacity: .15!important; }
+.o-20 { opacity: .2!important; }
+.o-25 { opacity: .25!important; }
+.o-30 { opacity: .3!important; }
+.o-35 { opacity: .35!important; }
+.o-40 { opacity: .4!important; }
+.o-45 { opacity: .45!important; }
+.o-50 { opacity: .5!important; }
+.o-55 { opacity: .55!important; }
+.o-60 { opacity: .60!important; }
+.o-65 { opacity: .65!important; }
+.o-70 { opacity: .7!important; }
+.o-75 { opacity: .75!important; }
+.o-80 { opacity: .8!important; }
+.o-85 { opacity: .85!important; }
+.o-90 { opacity: .9!important; }
+.o-95 { opacity: .95!important; }
+.o-100 { opacity: 1!important; }
+
+/*------------------------------------------*/
+/*  SPACING & INDENTS
+/*------------------------------------------*/
+
+.py-5 { padding-top: 5px; padding-bottom: 5px; }
+.py-10 { padding-top: 10px; padding-bottom: 10px; }
+.py-15 { padding-top: 15px; padding-bottom: 15px; }
+.py-20 { padding-top: 20px; padding-bottom: 20px; }
+.py-30 { padding-top: 30px; padding-bottom: 30px; }
+.py-40 { padding-top: 40px; padding-bottom: 40px; }
+.py-50 { padding-top: 50px; padding-bottom: 50px; }
+.py-60 { padding-top: 60px; padding-bottom: 60px; }
+.py-70 { padding-top: 70px; padding-bottom: 70px; }
+.py-80 { padding-top: 80px; padding-bottom: 80px; }
+.py-90 { padding-top: 90px; padding-bottom: 90px; }
+.py-100 { padding-top: 100px; padding-bottom: 100px; }
+
+.pt-30 { padding-top: 30px; }
+.pt-40 { padding-top: 40px; }
+.pt-50 { padding-top: 50px; }
+.pt-60 { padding-top: 60px; }
+.pt-70 { padding-top: 70px; }
+.pt-80 { padding-top: 80px; }
+.pt-90 { padding-top: 90px; }
+.pt-100 { padding-top: 100px; }
+
+.pb-30 { padding-bottom: 30px; }
+.pb-40 { padding-bottom: 40px; }
+.pb-50 { padding-bottom: 50px; }
+.pb-60 { padding-bottom: 60px; }
+.pb-70 { padding-bottom: 70px; }
+.pb-80 { padding-bottom: 80px; }
+.pb-90 { padding-bottom: 90px; }
+.pb-100 { padding-bottom: 100px; }
+
+.mt-10 { margin-top: 10px; }
+.mt-15 { margin-top: 15px; }
+.mt-20 { margin-top: 20px; }
+.mt-25 { margin-top: 25px; }
+.mt-30 { margin-top: 30px; }
+.mt-35 { margin-top: 35px; }
+.mt-40 { margin-top: 40px; }
+.mt-45 { margin-top: 45px; }
+.mt-50 { margin-top: 50px; }
+.mt-55 { margin-top: 55px; }
+.mt-60 { margin-top: 60px; }
+.mt-65 { margin-top: 65px; }
+.mt-70 { margin-top: 70px; }
+.mt-75 { margin-top: 75px; }
+.mt-80 { margin-top: 80px; }
+.mt-85 { margin-top: 85px; }
+.mt-90 { margin-top: 90px; }
+.mt-95 { margin-top: 95px; }
+.mt-100 { margin-top: 100px; }
+
+.mb-10 { margin-bottom: 10px; }
+.mb-15 { margin-bottom: 15px; }
+.mb-20 { margin-bottom: 20px; }
+.mb-25 { margin-bottom: 25px; }
+.mb-30 { margin-bottom: 30px; }
+.mb-35 { margin-bottom: 35px; }
+.mb-40 { margin-bottom: 40px; }
+.mb-45 { margin-bottom: 45px; }
+.mb-50 { margin-bottom: 50px; }
+.mb-55 { margin-bottom: 55px; }
+.mb-60 { margin-bottom: 60px; }
+.mb-65 { margin-bottom: 65px; }
+.mb-70 { margin-bottom: 70px; }
+.mb-75 { margin-bottom: 75px; }
+.mb-80 { margin-bottom: 80px; }
+.mb-85 { margin-bottom: 85px; }
+.mb-90 { margin-bottom: 90px; }
+.mb-95 { margin-bottom: 95px; }
+.mb-100 { margin-bottom: 100px; }
+
+.ml-5 { margin-left: 5px; }
+.ml-10 { margin-left: 10px; }
+.ml-15 { margin-left: 15px; }
+.ml-20 { margin-left: 20px; }
+.ml-25 { margin-left: 25px; }
+.ml-30 { margin-left: 30px; }
+
+.mr-5 { margin-right: 5px; }
+.mr-10 { margin-right: 10px; }
+.mr-15 { margin-right: 15px; }
+.mr-20 { margin-right: 20px; }
+.mr-25 { margin-right: 25px; }
+.mr-30 { margin-right: 30px; }
+
+/*------------------------------------------*/
+/*  BACKGROUND SETTINGS
+/*------------------------------------------*/
+
+.bg--fixed,
+.bg--scroll {
+  width: 100%;
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+}
+
+.bg--fixed {
+  background-attachment: scroll!important;
+}
+
+.bg--scroll {
+  background-attachment: fixed!important;
+}
+
+/*------------------------------------------*/
+/*  BACKGROUND COLORS
+/*------------------------------------------*/
+
+.bg--white-500 { background-color: #f2f4f8; }
+.bg--white-400 { background-color: #f4f4f9; }
+.bg--white-300 { background-color: #f7f8f9; }
+.bg--white-200 { background-color: #fbfbfd; }
+.bg--white-100 { background-color: #fff; }
+
+.bg--black-500 { background-color: #22223b; }
+.bg--black-400 { background-color: #2e3648; }
+.bg--black-300 { background-color: #394455; }
+.bg--black-200 { background-color: #e1e3e5; }
+.bg--black-100 { background-color: #ecf1f4; }
+
+.bg--blue-500 { background-color: #185abd; }
+.bg--blue-400 { background-color: #1680fb; }
+.bg--blue-300 { background-color: #3eb1ff; }
+.bg--blue-200 { background-color: #ddedff; }
+.bg--blue-100 { background-color: #f4f9fc; }
+
+.bg--green-500 { background-color: #00a14e; }
+.bg--green-400 { background-color: #0fbc49; }
+.bg--green-300 { background-color: #6fd792; }
+.bg--green-200 { background-color: #cff2db; }
+.bg--green-100 { background-color: #e9f8f2; }
+
+.bg--pink-500 { background-color: #ff149c; }
+.bg--pink-400 { background-color: #f74780; }
+.bg--pink-300 { background-color: #fcb5cc; }
+.bg--pink-200 { background-color: #fee4ec; }
+.bg--pink-100 { background-color: #feecf2; }
+
+.bg--purple-5000 { background-color: #663ae9; }
+.bg--purple-500 { background-color: #7827e6; }
+.bg--purple-400 { background-color: #7b5dd6; }
+.bg--purple-300 { background-color: #bdaeea; }
+.bg--purple-200 { background-color: #e5deff; }
+.bg--purple-100 { background-color: #f1edff; }
+
+.bg--red-500 { background-color: #da0f29; }
+.bg--red-400 { background-color: #ff1e1a; }
+.bg--red-300 { background-color: #ffa5a3; }
+.bg--red-200 { background-color: #ffd2d1; }
+.bg--red-100 { background-color: #fce7e4; }
+
+.bg--violet-500 { background-color: #c73e9b; }
+.bg--violet-400 { background-color: #be6cbe; }
+.bg--violet-300 { background-color: #e2bde2; }
+.bg--violet-200 { background-color: #f1cde5; }
+.bg--violet-100 { background-color: #f7e4f1; }
+
+.bg--yellow-500 { background-color: #ffba01; }
+.bg--yellow-400 { background-color: #ffbd45; }
+.bg--yellow-300 { background-color: #ffdf35; }
+.bg--yellow-200 { background-color: #fef5cd; }
+.bg--yellow-100 { background-color: #fef9e5; }
+
+.bg--tra-black { background-color: rgba(0, 0, 0, .04); }
+.bg--tra-white { background-color: rgba(255, 255, 255, .15); }
+.bg--primary-blue { background-color: #2160fd; }
+.bg--light-grey { background-color: #f0f3ff; }
+.bg--snow { background-color: #fdfdfd; }
+
+/*------------------------------------------*/
+/*  GRADIENT COLOR BACKGROUND
+/*------------------------------------------*/
+
+.gr--ghost { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); }
+.gr--snow { background-image: linear-gradient(to left, #f3edf7, #f9f6fa); }
+.gr--cotton { background-image: linear-gradient(180deg, rgba(223, 225, 250, .8) 50%, rgba(223, 225, 250, .05) 100%); }
+.gr--ghostwhite { background-image: linear-gradient(to left, #e9e9f5, #f4f4f9); }
+.gr--smoke { background: linear-gradient(180deg, #f8f9fe 0%, #f4f4f9 100%); }
+.gr--whitesmoke { background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%); }
+.gr--perl { background-image: linear-gradient(180deg, rgba(236, 234, 253, .8) 50%, rgba(236, 234, 253, .05) 100%); }
+
+/*------------------------------------------*/
+/*  BACKGROUND SHAPE
+/*------------------------------------------*/
+
+.shape--01:after,
+.shape--02:after,
+.shape--03:after,
+.shape--04:after,
+.shape--05:after,
+.shape--06:after,
+.shape--07:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+}
+
+.shape--02.r-24:after {
+  -webkit-border-radius: 24px;
+  -moz-border-radius: 24px;
+  -o-border-radius: 24px;
+  border-radius: 24px;
+}
+
+.shape--01:after {
+  width: 150%;
+  height: 80%;
+  top: 13%;
+  left: -25%;
+}
+
+.shape--02:after {
+  width: 86%;
+  height: 80%;
+  top: 13%;
+  left: 7%;
+}
+
+.shape--03:after {
+  width: 78%;
+  height: 120%;
+  top: -60px;
+  left: 11%;
+  -webkit-border-radius: 24px;
+  -moz-border-radius: 24px;
+  -o-border-radius: 24px;
+  border-radius: 24px;
+}
+
+.shape--04:after {
+  width: 100%;
+  height: 80%;
+  top: 10%;
+  left: 0;
+}
+
+.shape--05:after {
+  width: 150%;
+  height: 90%;
+  top: 0;
+  left: -25%;
+}
+
+.shape--06:after {
+  width: 150%;
+  height: 75%;
+  top: 0;
+  left: -25%;
+}
+
+.shape--07:after {
+  width: 200%;
+  height: 50%;
+  top: 37%;
+  left: -50%;
+}
+
+.shape--whitesmoke:after { background-color: rgba(123, 104, 238, .05); }
+
+.shape--white-500:after { background-color: #f2f4f8; }
+.shape--white-400:after { background-color: #f4f4f9; }
+.shape--white-300:after { background-color: #f7f8f9; }
+.shape--white-200:after { background-color: #fbfbfd; }
+
+.shape--black-500:after { background-color: #22223b; }
+.shape--black-400:after { background-color: #2e3648; }
+.shape--black-300:after { background-color: #394455; }
+.shape--black-200:after { background-color: #e1e3e5; }
+.shape--black-100:after { background-color: #ecf1f4; }
+
+.shape--blue-500:after { background-color: #185abd; }
+.shape--blue-400:after { background-color: #1680fb; }
+.shape--blue-300:after { background-color: #3eb1ff; }
+.shape--blue-200:after { background-color: #ddedff; }
+.shape--blue-100:after { background-color: #f4f9fc; }
+
+.shape--green-500:after { background-color: #00a14e; }
+.shape--green-400:after { background-color: #0fbc49; }
+.shape--green-300:after { background-color: #6fd792; }
+.shape--green-200:after { background-color: #cff2db; }
+.shape--green-100:after { background-color: #e9f8f2; }
+
+.shape--pink-500:after { background-color: #ff149c; }
+.shape--pink-400:after { background-color: #f74780; }
+.shape--pink-300:after { background-color: #fcb5cc; }
+.shape--pink-200:after { background-color: #fee4ec; }
+.shape--pink-100:after { background-color: #feecf2; }
+
+.shape--purple-500:after { background-color: #663ae9; }
+.shape--purple-400:after { background-color: #7b5dd6; }
+.shape--purple-300:after { background-color: #bdaeea; }
+.shape--purple-200:after { background-color: #e5deff; }
+.shape--purple-100:after { background-color: #f1edff; }
+
+.shape--red-500:after { background-color: #da0f29; }
+.shape--red-400:after { background-color: #ff1e1a; }
+.shape--red-300:after { background-color: #ffa5a3; }
+.shape--red-200:after { background-color: #ffd2d1; }
+.shape--red-100:after { background-color: #fce7e4; }
+
+.shape--violet-500:after { background-color: #c73e9b; }
+.shape--violet-400:after { background-color: #be6cbe; }
+.shape--violet-300:after { background-color: #e2bde2; }
+.shape--violet-200:after { background-color: #f1cde5; }
+.shape--violet-100:after { background-color: #f7e4f1; }
+
+.shape--gr-ghost:after { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); }
+.shape--gr-whitesmoke:after {background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%);}
+
+/*------------------------------------------*/
+/*  BACKGROUND PATTERN
+/*------------------------------------------*/
+
+.pattern-01, 
+.pattern-02, 
+.pattern-03, 
+.pattern-04, 
+.pattern-05 {
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+}
+
+.pattern-01 { background-image: url(../images/pattern-01.png); }
+.pattern-02 { background-image: url(../images/pattern-02.png); }
+.pattern-03 { background-image: url(../images/pattern-03.png); }
+.pattern-04 { background-image: url(../images/pattern-04.png); }
+/* .pattern-05 { background-image: url(../images/pattern-05.png); } */
+
+/*------------------------------------------*/
+/*  BACKGROUND IMAGE
+/*------------------------------------------*/
+
+.bg--01, .bg--02, .bg--03, .bg--04, 
+.bg--05, .bg--06, .bg--07, .bg--08 {
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+}
+
+.bg--01 { background-image: url(../images/bg-01.jpg); }
+.bg--02 { background-image: url(../images/bg-02.jpg); }
+.bg--03 { background-image: url(../images/bg-03.jpg); }
+.bg--04 { background-image: url(../images/bg-04.jpg); }
+.bg--05 { background-image: url(../images/bg-05.jpg); }
+.bg--06 { background-image: url(../images/bg-06.jpg); }
+.bg--07 { background-image: url(../images/bg-07.jpg); }
+.bg--08 { background-image: url(../images/bg-08.jpg); }
+
+/*------------------------------------------*/
+/*  SECTION DIVIDER
+/*------------------------------------------*/
+
+hr.divider {
+  width: 100%;
+  height: 1px;
+  background-color: transparent;
+  background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #bbb 38%, #bbb 64%, rgba(206,211,246,0) 99%);
+  opacity: .4;
+  border: none;
+  margin: 0;
+}
+
+/*------------------------------------------*/
+/*  WAVE SHAPE BOTTOM
+/*------------------------------------------*/
+
+.wave-shape-bottom {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+}
+
+
+
+
+/* ==========================================================================
+  02. TYPOGRAPHY
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  HEADERS
+/*------------------------------------------*/
+
+h1, h2, h3, h4, h5, h6 {  
+  color: #353f4f;
+  font-weight: 600;
+  letter-spacing: 0;
+  margin-bottom: 0;
+}
+
+.font--jakarta h1,
+.font--jakarta h2,
+.font--jakarta h3,
+.font--jakarta h4,
+.font--jakarta h5,
+.font--jakarta h6 {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  line-height: 1.35;
+}
+
+.font--jakarta h1,
+.font--jakarta h2 {
+  line-height: 1.25;
+}
+
+.font--inter h1,
+.font--inter h2,
+.font--inter h3,
+.font--inter h4,
+.font--inter h5,
+.font--inter h6 {
+  font-family: 'Inter', sans-serif;
+  letter-spacing: -0.5px;
+}
+
+/*------------------------------------------*/
+/*  PARAGRAPHS
+/*------------------------------------------*/
+
+p.p-sm { font-size: 0.9375rem; }   /* 15px */
+p { font-size: 1rem; }             /* 16px */
+p.p-md { font-size: 1.0625rem; }   /* 17px */
+p.p-lg { font-size: 1.125rem; }    /* 18px */
+p.p-xl { font-size: 1.2rem; }      /* 19.2px */
+
+/*------------------------------------------*/
+/*  FONT SIZE
+/*------------------------------------------*/
+
+.s-15 { font-size: 0.9375rem; }  /* 15px */
+.s-16 { font-size: 1rem; }       /* 16px */
+.s-17 { font-size: 1.0625rem; }  /* 17px */
+.s-18 { font-size: 1.125rem; }   /* 18px */
+.s-19 { font-size: 1.1875rem; }  /* 19px */
+.s-20 { font-size: 1.25rem; }    /* 20px */
+.s-21 { font-size: 1.3125rem; }  /* 21px */
+.s-22 { font-size: 1.375rem; }   /* 22px */
+.s-23 { font-size: 1.4375rem; }  /* 23px */
+.s-24 { font-size: 1.5rem; }     /* 24px */
+.s-26 { font-size: 1.625rem; }   /* 26px */
+.s-28 { font-size: 1.75rem; }    /* 28px */
+.s-30 { font-size: 1.875rem; }   /* 30px */
+.s-32 { font-size: 2rem; }       /* 32px */
+.s-34 { font-size: 2.125rem; }   /* 34px */
+.s-36 { font-size: 2.25rem; }    /* 36px */
+.s-38 { font-size: 2.375rem; }   /* 38px */
+.s-40 { font-size: 2.5rem; }     /* 40px */
+.s-42 { font-size: 2.625rem; }   /* 42px */
+.s-43 { font-size: 2.6875rem; }  /* 43px */
+.s-44 { font-size: 2.75rem; }    /* 44px */
+.s-45 { font-size: 2.8125rem; }  /* 45px */
+.s-46 { font-size: 2.875rem; }   /* 46px */
+.s-47 { font-size: 2.9375rem; }  /* 47px */
+.s-48 { font-size: 3rem; }       /* 48px */
+.s-50 { font-size: 3.125rem; }   /* 50px */
+.s-52 { font-size: 3.25rem; }    /* 52px */
+.s-54 { font-size: 3.375rem; }   /* 54px */
+.s-56 { font-size: 3.5rem; }     /* 56px */
+.s-58 { font-size: 3.625rem; }   /* 58px */
+.s-60 { font-size: 3.75rem; }    /* 60px */
+.s-62 { font-size: 3.875rem; }   /* 62px */
+.s-64 { font-size: 4rem; }       /* 64px */
+.s-66 { font-size: 4.125rem; }   /* 66px */
+.s-68 { font-size: 4.25rem; }    /* 68px */
+.s-70 { font-size: 4.375rem; }   /* 70px */
+.s-72 { font-size: 4.5rem; }     /* 72px */
+.s-74 { font-size: 4.625rem; }   /* 74px */
+.s-76 { font-size: 4.75rem; }    /* 76px */
+.s-78 { font-size: 4.875rem; }   /* 78px */
+.s-80 { font-size: 5rem; }       /* 80px */
+
+/*------------------------------------------*/
+/*  FONT WEIGHT
+/*------------------------------------------*/
+
+.txt-upcase { 
+  text-transform: uppercase 
+}
+
+.w-200 { font-weight: 200; }
+.w-300 { font-weight: 300; }
+.w-400 { font-weight: 400; }
+.w-500 { font-weight: 500; }
+.w-600 { font-weight: 600; }
+.w-700 { font-weight: 700; }
+.w-800 { font-weight: 800; }
+.w-900 { font-weight: 900; }  
+
+/*------------------------------------------*/
+/*  LINK SETTINGS
+/*------------------------------------------*/
+
+a {
+  color: #6c757d;
+  text-decoration: none;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+a:hover {
+  color: #353f4f!important;
+  text-decoration: none;
+}
+
+a:focus {
+  outline: none;
+  text-decoration: none;
+}
+
+a.tra-link {
+  font-size: 1rem;
+  line-height: 1;
+  font-weight: 500;
+}
+
+a.tra-link span {
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.tra-link.ico-20 [class*="flaticon-"]:before, 
+.tra-link.ico-20 [class*="flaticon-"]:after { 
+  position: relative;
+  font-size: 0.75rem; 
+  line-height: 0.7rem!important;
+  top: 2px;
+  left: 2px;
+}
+
+a.tra-link:hover span {
+  color: #353f4f!important;
+}
+
+/*------------------------------------------*/
+/*  LISTS
+/*------------------------------------------*/
+
+ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+} 
+
+/*------------------------------------------*/
+/*  TEXT LIST
+/*------------------------------------------*/
+
+ul.simple-list {
+  list-style: disc;
+  margin-left: 15px;
+}
+
+ul.simple-list.long-list p {
+  margin-bottom: 8px;
+}
+
+/*------------------------------------------*/
+/*  DIGIT LIST
+/*------------------------------------------*/
+
+ol.digit-list {
+  padding: 0;
+  margin-left: 15px;
+}
+
+ol.digit-list p {
+  margin-bottom: 8px;
+}
+
+/*------------------------------------------*/
+/*  BUTTON SETTINGS
+/*------------------------------------------*/
+
+.btn {
+  background-color: transparent;
+  font-size: 1rem;
+  line-height: 1;
+  font-weight: 500;
+  padding: 0.9rem 1.8rem;
+  border: 2px solid transparent;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.btn.btn-sm {
+  font-size: 0.975rem;
+  padding: 0.7rem 1.5rem;
+}
+
+.btn.ico-30.ico-left,
+.btn.ico-30.ico-right {
+  padding: 0.37rem 0;
+}
+
+/*------------------------------------------*/
+/*  Buttons Group
+/*------------------------------------------*/
+
+.text-center .btns-group {
+  display: inline-block;
+}
+
+.btns-group .btn:first-child {
+  margin-right: 15px;
+}
+
+.btns-group .btn.ico-30.ico-left {
+  padding: 0.37rem 0.5rem;
+}
+
+.btns-group .btn.ico-30.ico-right {
+  padding: 0.37rem 0;
+}
+
+/*------------------------------------------*/
+/*  Button Icon
+/*------------------------------------------*/
+
+.btn.ico-20 [class*="flaticon-"]:before, 
+.btn.ico-20 [class*="flaticon-"]:after { 
+  position: relative;
+  font-size: 1rem; 
+  line-height: 0.7rem!important;
+  top: 4px;
+}
+
+.btn.ico-left span {
+  margin-right: 5px;
+}
+
+.btn.ico-right span {
+  margin-left: 5px;
+}
+
+.btn.ico-30.ico-left span {
+  position: relative;
+  top: 0;
+  right: 4px;
+}
+
+.btn.ico-30.ico-right span {
+  position: relative;
+  top: 0;
+  left: 4px;
+}
+
+.btn.ico-30.ico-left span.ico-30-txt,
+.btn.ico-30.ico-right span.ico-30-txt {
+  position: relative;
+  top: -10px;
+  right: 0;
+}
+
+.btn.ico-30.ico-right span.ico-30-txt {
+  left: 0;
+}
+
+/*------------------------------------------*/
+/*  Button Text
+/*------------------------------------------*/
+
+p.btn-txt {
+  margin: 20px 0 0 0;
+}
+
+.btn-rating p.btn-txt {
+  margin: 0;
+}
+
+.star-rating span.rating-txt {
+  font-size: 0.9375rem;
+}
+
+p.btns-group-txt {
+  margin: 14px 0 0 0;
+}
+
+.btn-rating {
+  margin-top: 18px;
+}
+
+.text-center p.btns-group-txt {
+  margin-top: 20px;
+}
+
+p.btn-txt.ico-15,
+p.btns-group-txt.ico-15 {
+  padding-left: 5px;
+}
+
+.text-center p.btn-txt.ico-15,
+.text-center p.btns-group-txt.ico-15 {
+  padding-left: 0;
+}
+
+p.btn-txt span,
+p.btns-group-txt span {
+  position: relative;
+  top: 0.5px;
+  right: 2px;
+}
+
+p.btns-group-txt span.txt-data {
+  display: block;
+  top: 0;
+  right: 0;
+}
+
+p.btns-group-txt span.txt-data a {
+  margin-left: 4px;
+  text-decoration: underline;
+}
+
+p.btns-group-txt span.txt-data a:hover {
+  text-decoration: none;
+}
+
+.hero-section .color--white p.btns-group-txt span.txt-data a:hover {
+  color: #fff!important;
+}
+
+.btn-txt.ico-15 [class*="flaticon-"]:before, 
+.btn-txt.ico-15 [class*="flaticon-"]:after,
+.btns-group-txt.ico-15 [class*="flaticon-"]:before, 
+.btns-group-txt.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+.star-rating.ico-15 [class*="flaticon-"]:before, 
+.star-rating.ico-15 [class*="flaticon-"]:after { position: relative; font-size: 1rem; top: 3px; }
+
+/*------------------------------------------*/
+/*  TRANSPARENT BUTTON
+/*------------------------------------------*/
+
+.btn--tra {
+  color: #fff!important;
+  border-color: transparent!important;
+  background-color: rgba(255, 255, 255, .2)!important;
+}
+
+/*------------------------------------------*/
+/*  WHITE BUTTON
+/*------------------------------------------*/
+
+.btn--transparent {
+  color: #353f4f;
+  background-color: transparent;
+  border-color: transparent;
+}
+
+.btn--transparent:hover {
+  background-color: transparent!important;
+  border-color: transparent!important;
+} 
+
+.btn--white,
+.hover--white:hover {
+  color: #353f4f!important;
+  background-color: #fff!important;
+  border-color: #fff!important;
+}
+
+.btn--tra-white,
+.hover--tra-white:hover {
+  color: #fff!important;
+  background-color: transparent!important;
+  border-color: #fff!important;
+}
+
+.white-scroll .scroll .hover--tra-white:hover {
+  color: #353f4f!important;
+  background-color: transparent!important;
+  border-color: #353f4f!important;
+}
+
+/*------------------------------------------*/
+/*  BLACK BUTTON
+/*------------------------------------------*/
+
+.btn--black,
+.hover--black:hover {
+  color: #fff!important;
+  background-color: #353f4f!important;
+  border-color: #353f4f!important;
+}
+
+.btn--tra-black,
+.hover--tra-black:hover {
+  color: #353f4f!important;
+  background-color:transparent!important;
+  border-color: #353f4f!important;
+}
+
+/*------------------------------------------*/
+/*  GREY BUTTON
+/*------------------------------------------*/
+
+.btn--tra-grey, 
+.hover--tra-grey:hover,
+.white-scroll .scroll .hover--tra-grey:hover,
+.black-scroll .scroll .hover--tra-grey:hover  {
+  color: #353f4f!important;
+  background-color: transparent!important;
+  border-color: #ccc!important;
+}
+
+/*------------------------------------------*/
+/*  BLUE BUTTON
+/*------------------------------------------*/
+
+.btn--blue-500, .hover--blue-500:hover,
+.white-scroll .scroll .hover--blue-500:hover,
+.black-scroll .scroll .hover--blue-500:hover {
+  color: #fff!important;
+  border-color: #185abd!important;
+  background-color: #185abd!important;
+}
+
+.btn--blue-400, .hover--blue-400:hover,
+.white-scroll .scroll .hover--blue-400:hover,
+.black-scroll .scroll .hover--blue-400:hover {
+  color: #fff!important;
+  border-color: #1680fb!important;
+  background-color: #1680fb!important;
+}
+
+.btn--blue-300, .hover--blue-300:hover,
+.white-scroll .scroll .hover--blue-300:hover,
+.black-scroll .scroll .hover--blue-300:hover {
+  color: #fff!important;
+  border-color: #3eb1ff!important;
+  background-color: #3eb1ff!important;
+}
+
+.btn--blue-200, .hover--blue-200:hover,
+.white-scroll .scroll .hover--blue-200:hover,
+.black-scroll .scroll .hover--blue-200:hover {
+  color: #1680fb!important;
+  border-color: #e3ebfe!important;
+  background-color: #e3ebfe!important;
+}
+
+.btn--blue-100, .hover--blue-100:hover,
+.white-scroll .scroll .hover--blue-100:hover,
+.black-scroll .scroll .hover--blue-100:hover {
+  color: #1680fb!important;
+  border-color: #1680fb!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  GREEN BUTTON
+/*------------------------------------------*/
+
+.btn--green-500, .hover--green-500:hover,
+.white-scroll .scroll .hover--green-500:hover,
+.black-scroll .scroll .hover--green-500:hover {
+  color: #fff!important;
+  border-color: #00a14e!important;
+  background-color: #00a14e!important;
+}
+
+.btn--green-400, .hover--green-400:hover,
+.white-scroll .scroll .hover--green-400:hover,
+.black-scroll .scroll .hover--green-400:hover {
+  color: #fff!important;
+  border-color: #0fbc49!important;
+  background-color: #0fbc49!important;
+}
+
+.btn--green-300, .hover--green-300:hover,
+.white-scroll .scroll .hover--green-300:hover,
+.black-scroll .scroll .hover--green-300:hover {
+  color: #fff!important;
+  border-color: #6fd792!important;
+  background-color: #6fd792!important;
+}
+
+.btn--green-200, .hover--green-200:hover,
+.white-scroll .scroll .hover--green-200:hover,
+.black-scroll .scroll .hover--green-200:hover {
+  color: #0fbc49!important;
+  border-color: #cff2db!important;
+  background-color: #cff2db!important;
+}
+
+.btn--green-100, .hover--green-100:hover,
+.white-scroll .scroll .hover--green-100:hover,
+.black-scroll .scroll .hover--green-100:hover {
+  color: #0fbc49!important;
+  border-color: #0fbc49!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  PINK BUTTON
+/*------------------------------------------*/
+
+.btn--pink-500, .hover--pink-500:hover,
+.white-scroll .scroll .hover--pink-500:hover,
+.black-scroll .scroll .hover--pink-500:hover {
+  color: #fff!important;
+  border-color: #ff149c!important;
+  background-color: #ff149c!important;
+}
+
+.btn--pink-400, .hover--pink-400:hover,
+.white-scroll .scroll .hover--pink-400:hover,
+.black-scroll .scroll .hover--pink-400:hover {
+  color: #fff!important;
+  border-color: #f74780!important;
+  background-color: #f74780!important;
+}
+
+.btn--pink-300, .hover--pink-300:hover,
+.white-scroll .scroll .hover--pink-300:hover,
+.black-scroll .scroll .hover--pink-300:hover {
+  color: #fff!important;
+  border-color: #fcb5cc!important;
+  background-color: #fcb5cc!important;
+}
+
+.btn--pink-200, .hover--pink-200:hover,
+.white-scroll .scroll .hover--pink-200:hover,
+.black-scroll .scroll .hover--pink-200:hover {
+  color: #f74780!important;
+  border-color: #fee4ec!important;
+  background-color: #fee4ec!important;
+}
+
+.btn--pink-100, .hover--pink-100:hover,
+.white-scroll .scroll .hover--pink-100:hover,
+.black-scroll .scroll .hover--pink-100:hover {
+  color: #f74780!important;
+  border-color: #f74780!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  PURPLE BUTTON
+/*------------------------------------------*/
+
+.btn--purple-500, .hover--purple-500:hover,
+.white-scroll .scroll .hover--purple-500:hover,
+.black-scroll .scroll .hover--purple-500:hover {
+  color: #fff!important;
+  border-color: #663ae9!important;
+  background-color: #663ae9!important;
+}
+
+.btn--purple-400, .hover--purple-400:hover,
+.white-scroll .scroll .hover--purple-400:hover,
+.black-scroll .scroll .hover--purple-400:hover {
+  color: #fff!important;
+  border-color: #7b5dd6!important;
+  background-color: #7b5dd6!important;
+}
+
+.btn--purple-300, .hover--purple-300:hover,
+.white-scroll .scroll .hover--purple-300:hover,
+.black-scroll .scroll .hover--purple-300:hover {
+  color: #fff!important;
+  border-color: #bdaeea!important;
+  background-color: #bdaeea!important;
+}
+
+.btn--purple-200, .hover--purple-200:hover,
+.white-scroll .scroll .hover--purple-200:hover,
+.black-scroll .scroll .hover--purple-200:hover {
+  color: #7b5dd6!important;
+  border-color: #e5deff!important;
+  background-color: #e5deff!important;
+}
+
+.btn--purple-100, .hover--purple-100:hover,
+.white-scroll .scroll .hover--purple-100:hover,
+.black-scroll .scroll .hover--purple-100:hover {
+  color: #7b5dd6!important;
+  border-color: #7b5dd6!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  RED BUTTON
+/*------------------------------------------*/
+
+.btn--red-500, .hover--red-500:hover,
+.white-scroll .scroll .hover--red-500:hover,
+.black-scroll .scroll .hover--red-500:hover {
+  color: #fff!important;
+  border-color: #da0f29!important;
+  background-color: #da0f29!important;
+}
+
+.btn--red-400, .hover--red-400:hover,
+.white-scroll .scroll .hover--red-400:hover,
+.black-scroll .scroll .hover--red-400:hover {
+  color: #fff!important;
+  border-color: #ff1e1a!important;
+  background-color: #ff1e1a!important;
+}
+
+.btn--red-300, .hover--red-300:hover,
+.white-scroll .scroll .hover--red-300:hover,
+.black-scroll .scroll .hover--red-300:hover {
+  color: #fff!important;
+  border-color: #ffa5a3!important;
+  background-color: #ffa5a3!important;
+}
+
+.btn--red-200, .hover--red-200:hover,
+.white-scroll .scroll .hover--red-200:hover,
+.black-scroll .scroll .hover--red-200:hover {
+  color: #ff1e1a!important;
+  border-color: #ffd2d1!important;
+  background-color: #ffd2d1!important;
+}
+
+.btn--red-100, .hover--red-100:hover,
+.white-scroll .scroll .hover--red-100:hover,
+.black-scroll .scroll .hover--red-100:hover {
+  color: #ff1e1a!important;
+  border-color: #ff1e1a!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  VIOLET BUTTON
+/*------------------------------------------*/
+
+.btn--violet-500, .hover--violet-500:hover,
+.white-scroll .scroll .hover--violet-500:hover,
+.black-scroll .scroll .hover--violet-500:hover {
+  color: #fff!important;
+  border-color: #c73e9b!important;
+  background-color: #c73e9b!important;
+}
+
+.btn--violet-400, .hover--violet-400:hover,
+.white-scroll .scroll .hover--violet-400:hover,
+.black-scroll .scroll .hover--violet-400:hover {
+  color: #fff!important;
+  border-color: #be6cbe!important;
+  background-color: #be6cbe!important;
+}
+
+.btn--violet-300, .hover--violet-300:hover,
+.white-scroll .scroll .hover--violet-300:hover,
+.black-scroll .scroll .hover--violet-300:hover {
+  color: #fff!important;
+  border-color: #e2bde2!important;
+  background-color: #e2bde2!important;
+}
+
+.btn--violet-200, .hover--violet-200:hover,
+.white-scroll .scroll .hover--violet-200:hover,
+.black-scroll .scroll .hover--violet-200:hover {
+  color: #be6cbe!important;
+  border-color: #f1cde5!important;
+  background-color: #f1cde5!important;
+}
+
+.btn--violet-100, .hover--violet-100:hover,
+.white-scroll .scroll .hover--violet-100:hover,
+.black-scroll .scroll .hover--violet-100:hover {
+  color: #be6cbe!important;
+  border-color: #be6cbe!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  YELLOW BUTTON
+/*------------------------------------------*/
+
+.btn--yellow-500, .hover--yellow-500:hover,
+.white-scroll .scroll .hover--yellow-500:hover,
+.black-scroll .scroll .hover--yellow-500:hover {
+  color: #353f4f!important;
+  border-color: #ffba01!important;
+  background-color: #ffba01!important;
+}
+
+.btn--yellow-400, .hover--yellow-400:hover,
+.white-scroll .scroll .hover--yellow-400:hover,
+.black-scroll .scroll .hover--yellow-400:hover {
+  color: #353f4f!important;
+  border-color: #ffbd45!important;
+  background-color: #ffbd45!important;
+}
+
+.btn--yellow-300, .hover--yellow-300:hover,
+.white-scroll .scroll .hover--yellow-300:hover,
+.black-scroll .scroll .hover--yellow-300:hover {
+  color: #353f4f!important;
+  border-color: #ffdf35!important;
+  background-color: #ffdf35!important;
+}
+
+.btn--yellow-200, .hover--yellow-200:hover,
+.white-scroll .scroll .hover--yellow-200:hover,
+.black-scroll .scroll .hover--yellow-200:hover {
+  color: #353f4f!important;
+  border-color: #fef5cd!important;
+  background-color: #fef5cd!important;
+}
+
+.btn--yellow-100, .hover--yellow-100:hover,
+.white-scroll .scroll .hover--yellow-100:hover,
+.black-scroll .scroll .hover--yellow-100:hover {
+  color: #ffba01!important;
+  border-color: #ffba01!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  BUTTON FOCUS
+/*------------------------------------------*/
+
+.btn:focus,
+.btn.btn--black:focus {
+  color: #fff; 
+  -webkit-box-shadow: none;
+  box-shadow: none; 
+}
+
+.btn--transparent:focus {
+  background-color: transparent!important;
+  border-color: transparent!important;
+} 
+
+.btn--grey:focus {
+  color: #666; 
+  -webkit-box-shadow: none;
+  box-shadow: none; 
+}
+
+.btn--tra-black:focus, 
+.btn--transparent:focus,
+.btn.btn--tra-grey:focus {
+  color: #353f4f; 
+  -webkit-box-shadow: none;
+  box-shadow: none; 
+}
+
+/*------------------------------------------*/
+/*  DOWNLOAD LINKS
+/*------------------------------------------*/
+
+.download-links li {
+  width: auto!important;
+  display: inline-block!important;
+  vertical-align: top;
+  clear: none !important;
+}
+
+.download-links-divider {
+  position: relative;
+  top: 1.5px;
+  transform: rotate(-90deg);
+}
+
+.download-links li p {
+  display: inline-block;
+  float: left;
+  margin-bottom: 0;
+}
+
+.download-links li p a {
+  font-weight: 500;
+}
+
+.download-links li p a:hover {
+  text-decoration: underline;
+}
+
+.color--white .download-links li p a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  OS DOWNLOAD BUTTON
+/*------------------------------------------*/ 
+
+.os-btn {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+  text-align: left;
+  width: 330px;
+  min-width: 330px;
+  background-color: #fff;
+  border: 1px solid #d3d3d3;
+  padding: 17px 18px 15px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.os-btn:hover {
+  background-color: #f5f6f7;
+  border: 1px solid #f5f6f7;
+  -webkit-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05);
+  -moz-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05);
+  box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05);
+}
+
+.os-btn-ico {
+  position: relative;
+  margin-right: 20px;
+}
+
+.os-btn-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.os-btn-txt p {
+  color: #353f4f;
+  font-size: 1.05rem;
+  line-height: 1;
+  font-weight: 500;
+  letter-spacing: -0.5px;
+  margin-top: 6px;
+  margin-bottom: 5px;
+}
+
+.os-btn-txt span {
+  display: block;
+  font-size: 0.9rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  STORE BADGE ICONS
+/*------------------------------------------*/
+
+.stores-badge {
+  display: inline-block;
+}
+
+.store {
+  display: inline-block;
+  text-align: center;
+  margin-right: 10px;
+}
+
+.store:last-child {
+  margin-right: 0;
+} 
+
+.store img {
+  width: auto;
+  max-width: inherit;
+}
+
+.badge-img-xs .store img { max-height: 2.5rem; }
+.badge-img-sm .store img { max-height: 2.625rem; }
+.badge-img-md .store img { max-height: 2.875rem; }
+.badge-img-lg .store img { max-height: 3rem; }
+
+/*------------------------------------------*/
+/*  WATCH VIDEO LINK
+/*------------------------------------------*/
+
+.watch-video {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+  margin-top: 25px;
+}
+
+/*------------------------------------------*/
+/*  Link Icon
+/*------------------------------------------*/
+
+.watch-video-link {
+  position: relative;
+  text-align: center;
+  float: left;
+  width: 2.85rem;
+  height: 2.85rem; 
+  color: #fff;
+  border: none;
+  margin-right: 12px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  border-radius: 100%; 
+}
+
+.watch-video-link:before {
+  content: '';
+  position: absolute;
+  left: -3px;
+  right: -3px;
+  top: -3px;
+  bottom: -3px;
+  background: rgba(255, 255, 255, 0.2);
+  opacity: 0;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+.watch-video-link:hover:before {
+  opacity: .75;
+  left: -8px;
+  right: -8px;
+  top: -8px;
+  bottom: -8px;
+}
+
+.watch-video-link span[class^="flaticon-"]:before, 
+.watch-video-link span[class^="flaticon-"]:after {
+  font-size: 2rem; 
+  line-height: 2.85rem!important;   
+  margin-left: 5px;
+}
+
+/*------------------------------------------*/
+/*  Link Text
+/*------------------------------------------*/
+
+.watch-video-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+  text-align: left!important;
+}
+
+p.video-txt-lg {
+  font-size: 1rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 5px;
+}
+
+p.video-txt-sm {
+  font-size: 0.925rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  VIDEO POPUP ICON
+/*------------------------------------------*/
+
+.video-preview {
+  position: relative; 
+  text-align: center;
+}
+
+.video-btn {
+  position: absolute!important;
+  top: 50%;
+  left: 50%;
+  display: inline-block;
+  text-align: center;
+  color: #fff;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  border-radius: 100%; 
+}
+
+.video-btn-xl {
+  width: 6.25rem;
+  height: 6.25rem;
+  margin-top: -3.125rem;
+  margin-left: -3.125rem;
+}
+
+.video-btn-lg {
+  width: 5.625rem;
+  height: 5.625rem;
+  margin-top: -2.8125rem;
+  margin-left: -2.8125rem;
+}
+
+.video-btn-md {
+  width: 5rem;
+  height: 5rem;
+  margin-top: -2.5rem;
+  margin-left: -2.5rem;
+}
+
+.video-btn-sm {
+  width: 4.375rem;
+  height: 4.375rem;
+  margin-top: -2.1875rem;
+  margin-left: -2.1875rem;
+}
+
+.video-block-wrapper {
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+.video-btn.video-btn-xl [class^="flaticon-"]:before, 
+.video-btn.video-btn-xl [class^="flaticon-"]:after {
+  font-size: 5rem;
+  line-height: 6.25rem!important;   
+  margin-left: 10px;
+}
+
+.video-btn.video-btn-lg [class^="flaticon-"]:before, 
+.video-btn.video-btn-lg [class^="flaticon-"]:after {
+  font-size: 4.5rem;
+  line-height: 5.625rem!important;   
+  margin-left: 8px;
+}
+
+.video-btn.video-btn-md [class^="flaticon-"]:before, 
+.video-btn.video-btn-md [class^="flaticon-"]:after {
+  font-size: 4.35rem;
+  line-height: 5rem!important;   
+  margin-left: 8px;
+}
+
+.video-btn.video-btn-sm [class^="flaticon-"]:before, 
+.video-btn.video-btn-sm [class^="flaticon-"]:after {
+  font-size: 3.5rem;
+  line-height: 4.375rem!important;   
+  margin-left: 5px;
+}
+
+.video-btn:hover .video-block-wrapper {
+  -moz-transform: scale(0.95);
+  -ms-transform: scale(0.95);
+  -webkit-transform: scale(0.95);
+  -o-transform: scale(0.95);
+  transform: scale(0.95);
+}
+
+.video-btn:before {
+  content: '';
+  position: absolute;
+  left: -5px;
+  right: -5px;
+  top: -5px;
+  bottom: -5px;
+  background: rgba(255, 255, 255, 0.2);
+  opacity: 0;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+.video-btn.video-btn-xl:hover:before {
+  opacity: .75;
+  left: -1.5rem;
+  right: -1.5rem;
+  top: -1.5rem;
+  bottom: -1.5rem;
+}
+
+.video-btn.video-btn-lg:hover:before {
+  opacity: .75;
+  left: -1.25rem;
+  right: -1.25rem;
+  top: -1.25rem;
+  bottom: -1.25rem;
+}
+
+.video-btn.video-btn-md:hover:before {
+  opacity: .75;
+  left: -1rem;
+  right: -1rem;
+  top: -1rem;
+  bottom: -1rem;
+}
+
+.video-btn.video-btn-sm:hover:before {
+  opacity: .75;
+  left: -0.75rem;
+  right: -0.75rem;
+  top: -0.75rem;
+  bottom: -0.75rem;
+}
+
+/*------------------------------------------*/
+/*  VECTOR ICONS
+/*------------------------------------------*/
+
+.ico-10 [class*="flaticon-"]:before, .ico-10 [class*="flaticon-"]:after { font-size: 0.75rem; }     /* 15px */
+.ico-15 [class*="flaticon-"]:before, .ico-15 [class*="flaticon-"]:after { font-size: 0.9375rem; }   /* 15px */
+.ico-20 [class*="flaticon-"]:before, .ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; }     /* 20px */
+.ico-25 [class*="flaticon-"]:before, .ico-25 [class*="flaticon-"]:after { font-size: 1.5625rem; }   /* 25px */
+.ico-30 [class*="flaticon-"]:before, .ico-30 [class*="flaticon-"]:after { font-size: 1.875rem; }    /* 30px */
+.ico-35 [class*="flaticon-"]:before, .ico-35 [class*="flaticon-"]:after { font-size: 2.1875rem; }   /* 35px */
+.ico-40 [class*="flaticon-"]:before, .ico-40 [class*="flaticon-"]:after { font-size: 2.5rem; }      /* 40px */
+.ico-45 [class*="flaticon-"]:before, .ico-45 [class*="flaticon-"]:after { font-size: 2.8125rem; }   /* 45px */
+.ico-50 [class*="flaticon-"]:before, .ico-50 [class*="flaticon-"]:after { font-size: 3.125rem; }    /* 50px */
+.ico-55 [class*="flaticon-"]:before, .ico-55 [class*="flaticon-"]:after { font-size: 3.4375rem; }   /* 55px */
+.ico-60 [class*="flaticon-"]:before, .ico-60 [class*="flaticon-"]:after { font-size: 3.75rem; }     /* 60px */
+.ico-65 [class*="flaticon-"]:before, .ico-65 [class*="flaticon-"]:after { font-size: 4.0625rem; }   /* 65px */
+.ico-70 [class*="flaticon-"]:before, .ico-70 [class*="flaticon-"]:after { font-size: 4.375rem; }    /* 70px */
+.ico-75 [class*="flaticon-"]:before, .ico-75 [class*="flaticon-"]:after { font-size: 4.6875rem; }   /* 75px */
+.ico-80 [class*="flaticon-"]:before, .ico-80 [class*="flaticon-"]:after { font-size: 5rem; }        /* 80px */
+.ico-85 [class*="flaticon-"]:before, .ico-85 [class*="flaticon-"]:after { font-size: 5.3125rem; }   /* 85px */
+.ico-90 [class*="flaticon-"]:before, .ico-90 [class*="flaticon-"]:after { font-size: 5.625rem; }    /* 90px */
+.ico-95 [class*="flaticon-"]:before, .ico-95 [class*="flaticon-"]:after { font-size: 5.9375rem; }   /* 95px */
+.ico-100 [class*="flaticon-"]:before, .ico-100 [class*="flaticon-"]:after { font-size: 6.25rem; }   /* 100px */
+.ico-105 [class*="flaticon-"]:before, .ico-105 [class*="flaticon-"]:after { font-size: 6.5625rem; } /* 105px */
+.ico-110 [class*="flaticon-"]:before, .ico-110 [class*="flaticon-"]:after { font-size: 6.875rem; }  /* 110px */
+.ico-115 [class*="flaticon-"]:before, .ico-115 [class*="flaticon-"]:after { font-size: 7.1875rem; } /* 115px */
+.ico-120 [class*="flaticon-"]:before, .ico-120 [class*="flaticon-"]:after { font-size: 7.5rem; }    /* 120px */
+.ico-125 [class*="flaticon-"]:before, .ico-125 [class*="flaticon-"]:after { font-size: 7.8125rem; } /* 125px */
+
+/*------------------------------------------*/
+/*  VECTOR ICON BACKGROUND
+/*------------------------------------------*/ 
+
+.shape-ico {
+  position: relative;
+  display: inline-block;
+  margin: 0 auto;
+}
+
+.shape-ico span {
+  position: relative;
+  z-index:  2;
+}
+
+.shape-ico svg {
+  position: absolute;
+  z-index:  1;
+}
+
+.ico-50 .shape-ico svg {
+  width: 130px;
+  height: 130px;
+  top: -35px;
+  left: calc(50% - 60px);
+}
+
+.fbox-11 .ico-50 .shape-ico svg {
+  top: -40px;
+  left: calc(50% - 70px);
+}
+
+.ico-55 .shape-ico svg {
+  width: 135px;
+  height: 135px;
+  top: -30px;
+  left: calc(50% - 60px);
+}
+
+.ico-60 .shape-ico svg {
+  width: 140px;
+  height: 140px;
+  top: -30px;
+  left: calc(50% - 65px);
+}
+
+.shape-ico.color--blue-300 path,
+.shape-ico.color--blue-400 path,
+.shape-ico.color--blue-500 path {
+  fill: #f4f9fc;
+}
+
+.shape-ico.color--green-300 path,
+.shape-ico.color--green-400 path,
+.shape-ico.color--green-500 path {
+  fill: #e9f8f2;
+}
+
+.shape-ico.color--pink-300 path,
+.shape-ico.color--pink-400 path,
+.shape-ico.color--pink-500 path {
+  fill: #feecf2;
+}
+
+.shape-ico.color--purple-300 path,
+.shape-ico.color--purple-400 path,
+.shape-ico.color--purple-500 path {
+  fill: #f1edff;
+}
+
+.shape-ico.color--red-300 path,
+.shape-ico.color--red-400 path,
+.shape-ico.color--red-500 path {
+  fill: #fce7e4;
+}
+
+.shape-ico.color--violet-300 path,
+.shape-ico.color--violet-400 path,
+.shape-ico.color--violet-500 path {
+  fill: #f7e4f1;
+}
+
+/*------------------------------------------*/
+/*  VECTOR ROUNDED ICONS
+/*------------------------------------------*/ 
+
+.ico-rounded,
+.ico-rounded-md,
+.ico-rounded-lg {
+  display: inline-block;
+  text-align: center;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+}
+
+.ico-rounded { width: 80px; height: 80px; }
+.ico-rounded-md { width: 90px; height: 90px; }
+.ico-rounded-lg { width: 100px; height: 100px; }
+
+.ico-rounded [class*="flaticon-"]:before, 
+.ico-rounded [class*="flaticon-"]:after { font-size:2.15rem; line-height:80px!important; }
+
+.ico-rounded-md [class*="flaticon-"]:before, 
+.ico-rounded-md [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 90px!important; }
+
+.ico-rounded-lg [class*="flaticon-"]:before, 
+.ico-rounded-lg [class*="flaticon-"]:after { font-size: 2.65rem; line-height: 100px!important; }
+
+/*------------------------------------------*/
+/*  VECTOR SQUARE ICONS
+/*------------------------------------------*/ 
+
+.ico-square { 
+  display: inline-block;
+  text-align: center;
+  width: 80px; 
+  height: 80px; 
+  -webkit-border-radius: 12px;
+  -moz-border-radius: 12px;
+  -o-border-radius: 12px;
+  border-radius: 12px;
+}
+
+.ico-square [class*="flaticon-"]:before, 
+.ico-square [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 80px!important; }
+
+/*------------------------------------------*/
+/*   PNG ICONS SETTINGS
+/*------------------------------------------*/ 
+
+.ico-145 img { width: 145px; height: 145px; }
+.ico-140 img { width: 140px; height: 140px; }
+.ico-135 img { width: 135px; height: 135px; }
+.ico-130 img { width: 130px; height: 130px; }
+.ico-125 img { width: 125px; height: 125px; }
+.ico-120 img { width: 120px; height: 120px; }
+.ico-115 img { width: 115px; height: 115px; }
+.ico-110 img { width: 110px; height: 110px; }
+.ico-105 img { width: 105px; height: 105px; }
+.ico-100 img { width: 100px; height: 100px; }
+.ico-95 img { width: 95px; height: 95px; }
+.ico-90 img { width: 90px; height: 90px; }
+.ico-85 img { width: 85px; height: 85px; }
+.ico-80 img { width: 80px; height: 80px; }
+.ico-75 img { width: 75px; height: 75px; }
+.ico-70 img { width: 70px; height: 70px; }
+.ico-65 img { width: 65px; height: 65px; }
+.ico-60 img { width: 60px; height: 60px; }
+.ico-55 img { width: 55px; height: 55px; }
+.ico-50 img { width: 50px; height: 50px; }
+.ico-45 img { width: 45px; height: 45px; }
+.ico-40 img { width: 40px; height: 40px; }
+.ico-35 img { width: 35px; height: 35px; }
+.ico-30 img { width: 30px; height: 30px; }
+.ico-25 img { width: 25px; height: 25px; }
+.ico-20 img { width: 20px; height: 20px; }
+
+/*------------------------------------------*/
+/*   SECTION ID
+/*------------------------------------------*/
+
+.section-id {
+  display: block;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 700;
+  letter-spacing: 0.5px;
+  text-transform: uppercase;
+  margin-bottom: 35px;   
+}
+
+.section-id.rounded-id {
+  display: inline-block;
+  padding: 10px 24px;
+  font-size: 0.85rem;
+  text-transform: uppercase;
+  -webkit-border-radius: 100px;
+  -moz-border-radius: 100px;
+  border-radius: 100px;
+  margin-bottom: 40px; 
+}
+
+.section-id.border-id {
+  border-width: 2px;
+  border-style: solid;
+}
+
+.section-id.border-id.border--grey {
+  border-color: #757575;
+}
+
+.section-id.border-id.border--blue {
+  border-color: #1680fb;
+}
+
+.font--jakarta .section-id  {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+}
+
+.font--inter .section-id  {
+  font-family: 'Inter', sans-serif;
+}
+
+/*------------------------------------------*/
+/*  SECTION TITLE
+/*------------------------------------------*/
+
+.section-title {
+  text-align: center;
+}
+
+.section-title h2 {
+  margin-bottom: 0;
+}
+
+.section-title h2.w-700 {
+  letter-spacing: -0.5px;
+}
+
+.section-title p.p-md,
+.section-title p.p-lg,
+.section-title p.p-xl,
+.section-title p.s-20,
+.section-title p.s-21 {
+  margin-top: 18px;
+  margin-bottom: 0;
+}
+
+.section-title p.p-md,
+.section-title p.p-lg {
+  padding: 0 3%;
+}
+
+.section-title a.contact-link {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.section-title .btns-group .btn {
+  margin-top: 0;
+}
+
+.section-title .advantages,
+.section-title .btns-txt,
+.section-title .btns-group-txt {
+  margin-top: 20px;
+}
+
+/*------------------------------------------*/
+/*  TEXT COLORS
+/*------------------------------------------*/
+
+.color--white,
+.color--white h1,
+.color--white h2, 
+.color--white h3, 
+.color--white h4, 
+.color--white h5, 
+.color--white h6, 
+.color--white p, 
+.color--white a, 
+.color--white li,
+.color--white i, 
+.color--white span { color: #fff; }
+
+.color--snow,
+.color--snow h1, 
+.color--snow h2, 
+.color--snow h3, 
+.color--snow h4, 
+.color--snow h5, 
+.color--snow h6, 
+.color--snow p, 
+.color--snow a, 
+.color--snow li,
+.color--snow i, 
+.color--snow span,
+.color--white .color--snow { color: #c2c3cb; }
+
+.color--black,
+.color--black h1, 
+.color--black h2, 
+.color--black h3, 
+.color--black h4, 
+.color--black h5, 
+.color--black h6, 
+.color--black p, 
+.color--black a, 
+.color--black li,
+.color--black i, 
+.color--black span { color: #353f4f; }
+
+.color--coal,
+.color--coal h1, 
+.color--coal h2, 
+.color--coal h3, 
+.color--coal h4, 
+.color--coal h5, 
+.color--coal h6, 
+.color--coal p, 
+.color--coal a, 
+.color--coal li,
+.color--coal i, 
+.color--coal span { color: #52595d; }
+
+.color--grey,
+.color--grey h1, 
+.color--grey h2, 
+.color--grey h3, 
+.color--grey h4, 
+.color--grey h5, 
+.color--grey h6, 
+.color--grey p, 
+.color--grey a, 
+.color--grey li,
+.color--grey i, 
+.color--grey span,
+.color--white .color--grey { color: #757575; }
+
+.color--blue-500, 
+.color--blue-500 h1, 
+.color--blue-500 h2, 
+.color--blue-500 h3, 
+.color--blue-500 h4, 
+.color--blue-500 h5, 
+.color--blue-500 h6, 
+.color--blue-500 p, 
+.color--blue-500 a, 
+.color--blue-500 li, 
+.color--blue-500 i, 
+.color--blue-500 span,
+.color--white .color--blue-500 { color: #185abd!important; }
+
+.color--blue-400, 
+.color--blue-400 h1, 
+.color--blue-400 h2, 
+.color--blue-400 h3, 
+.color--blue-400 h4, 
+.color--blue-400 h5, 
+.color--blue-400 h6, 
+.color--blue-400 p, 
+.color--blue-400 a, 
+.color--blue-400 li, 
+.color--blue-400 i, 
+.color--blue-400 span,
+.color--white .color--blue-400 { color: #1680fb!important; }
+
+.color--blue-300, 
+.color--blue-300 h1, 
+.color--blue-300 h2, 
+.color--blue-300 h3, 
+.color--blue-300 h4, 
+.color--blue-300 h5, 
+.color--blue-300 h6, 
+.color--blue-300 p, 
+.color--blue-300 a, 
+.color--blue-300 li, 
+.color--blue-300 i, 
+.color--blue-300 span,
+.color--white .color--blue-300 { color: #3eb1ff!important; }
+
+.color--green-500, 
+.color--green-500 h1, 
+.color--green-500 h2, 
+.color--green-500 h3, 
+.color--green-500 h4, 
+.color--green-500 h5, 
+.color--green-500 h6, 
+.color--green-500 p, 
+.color--green-500 a, 
+.color--green-500 li, 
+.color--green-500 i, 
+.color--green-500 span,
+.color--white .color--green-500 { color: #00a14e!important; }
+
+.color--green-400, 
+.color--green-400 h1, 
+.color--green-400 h2, 
+.color--green-400 h3, 
+.color--green-400 h4, 
+.color--green-400 h5, 
+.color--green-400 h6, 
+.color--green-400 p, 
+.color--green-400 a, 
+.color--green-400 li, 
+.color--green-400 i, 
+.color--green-400 span,
+.color--white .color--green-400 { color: #0fbc49!important; }
+
+.color--green-300, 
+.color--green-300 h1, 
+.color--green-300 h2, 
+.color--green-300 h3, 
+.color--green-300 h4, 
+.color--green-300 h5, 
+.color--green-300 h6, 
+.color--green-300 p, 
+.color--green-300 a, 
+.color--green-300 li, 
+.color--green-300 i, 
+.color--green-300 span,
+.color--white .color--green-300 { color: #6fd792!important; }
+
+.color--pink-500, 
+.color--pink-500 h1, 
+.color--pink-500 h2, 
+.color--pink-500 h3, 
+.color--pink-500 h4, 
+.color--pink-500 h5, 
+.color--pink-500 h6, 
+.color--pink-500 p, 
+.color--pink-500 a, 
+.color--pink-500 li, 
+.color--pink-500 i, 
+.color--pink-500 span,
+.color--white .color--pink-500 { color: #ff149c!important; }
+
+.color--pink-400, 
+.color--pink-400 h1, 
+.color--pink-400 h2, 
+.color--pink-400 h3, 
+.color--pink-400 h4, 
+.color--pink-400 h5, 
+.color--pink-400 h6, 
+.color--pink-400 p, 
+.color--pink-400 a, 
+.color--pink-400 li, 
+.color--pink-400 i, 
+.color--pink-400 span,
+.color--white .color--pink-400 { color: #f74780!important; }
+
+.color--pink-300, 
+.color--pink-300 h1, 
+.color--pink-300 h2, 
+.color--pink-300 h3, 
+.color--pink-300 h4, 
+.color--pink-300 h5, 
+.color--pink-300 h6, 
+.color--pink-300 p, 
+.color--pink-300 a, 
+.color--pink-300 li, 
+.color--pink-300 i, 
+.color--pink-300 span,
+.color--white .color--pink-300 { color: #fcb5cc!important; }
+
+.color--purple-500, 
+.color--purple-500 h1, 
+.color--purple-500 h2, 
+.color--purple-500 h3, 
+.color--purple-500 h4, 
+.color--purple-500 h5, 
+.color--purple-500 h6, 
+.color--purple-500 p, 
+.color--purple-500 a, 
+.color--purple-500 li, 
+.color--purple-500 i, 
+.color--purple-500 span,
+.color--white .color--purple-500 { color: #663ae9!important; }
+
+.color--purple-400, 
+.color--purple-400 h1, 
+.color--purple-400 h2, 
+.color--purple-400 h3, 
+.color--purple-400 h4, 
+.color--purple-400 h5, 
+.color--purple-400 h6, 
+.color--purple-400 p, 
+.color--purple-400 a, 
+.color--purple-400 li, 
+.color--purple-400 i, 
+.color--purple-400 span,
+.color--white .color--purple-400 { color: #7b5dd6!important; }
+
+.color--purple-300, 
+.color--purple-300 h1, 
+.color--purple-300 h2, 
+.color--purple-300 h3, 
+.color--purple-300 h4, 
+.color--purple-300 h5, 
+.color--purple-300 h6, 
+.color--purple-300 p, 
+.color--purple-300 a, 
+.color--purple-300 li, 
+.color--purple-300 i, 
+.color--purple-300 span,
+.color--white .color--purple-300 { color: #bdaeea!important; }
+
+.color--red-500, 
+.color--red-500 h1, 
+.color--red-500 h2, 
+.color--red-500 h3, 
+.color--red-500 h4, 
+.color--red-500 h5, 
+.color--red-500 h6, 
+.color--red-500 p, 
+.color--red-500 a, 
+.color--red-500 li, 
+.color--red-500 i, 
+.color--red-500 span,
+.color--white .color--red-500 { color: #da0f29!important; }
+
+.color--red-400, 
+.color--red-400 h1, 
+.color--red-400 h2, 
+.color--red-400 h3, 
+.color--red-400 h4, 
+.color--red-400 h5, 
+.color--red-400 h6, 
+.color--red-400 p, 
+.color--red-400 a, 
+.color--red-400 li, 
+.color--red-400 i, 
+.color--red-400 span,
+.color--white .color--red-400 { color: #ff1e1a!important; }
+
+.color--red-300, 
+.color--red-300 h1, 
+.color--red-300 h2, 
+.color--red-300 h3, 
+.color--red-300 h4, 
+.color--red-300 h5, 
+.color--red-300 h6, 
+.color--red-300 p, 
+.color--red-300 a, 
+.color--red-300 li, 
+.color--red-300 i, 
+.color--red-300 span,
+.color--white .color--red-300 { color: #ffa5a3!important; }
+
+.color--violet-500, 
+.color--violet-500 h1, 
+.color--violet-500 h2, 
+.color--violet-500 h3, 
+.color--violet-500 h4, 
+.color--violet-500 h5, 
+.color--violet-500 h6, 
+.color--violet-500 p, 
+.color--violet-500 a, 
+.color--violet-500 li, 
+.color--violet-500 i, 
+.color--violet-500 span,
+.color--white .color--violet-500 { color: #c73e9b!important; }
+
+.color--violet-400, 
+.color--violet-400 h1, 
+.color--violet-400 h2, 
+.color--violet-400 h3, 
+.color--violet-400 h4, 
+.color--violet-400 h5, 
+.color--violet-400 h6, 
+.color--violet-400 p, 
+.color--violet-400 a, 
+.color--violet-400 li, 
+.color--violet-400 i, 
+.color--violet-400 span,
+.color--white .color--violet-400 { color: #be6cbe!important; }
+
+.color--violet-300, 
+.color--violet-300 h1, 
+.color--violet-300 h2, 
+.color--violet-300 h3, 
+.color--violet-300 h4, 
+.color--violet-300 h5, 
+.color--violet-300 h6, 
+.color--violet-300 p, 
+.color--violet-300 a, 
+.color--violet-300 li, 
+.color--violet-300 i, 
+.color--violet-300 span,
+.color--white .color--violet-300 { color: #e2bde2!important; }
+
+.color--yellow-500, 
+.color--yellow-500 h1, 
+.color--yellow-500 h2, 
+.color--yellow-500 h3, 
+.color--yellow-500 h4, 
+.color--yellow-500 h5, 
+.color--yellow-500 h6, 
+.color--yellow-500 p, 
+.color--yellow-500 a, 
+.color--yellow-500 li, 
+.color--yellow-500 i, 
+.color--yellow-500 span,
+.color--white .color--yellow-500 { color: #ffba01!important; }
+
+.color--yellow-400, 
+.color--yellow-400 h1, 
+.color--yellow-400 h2, 
+.color--yellow-400 h3, 
+.color--yellow-400 h4, 
+.color--yellow-400 h5, 
+.color--yellow-400 h6, 
+.color--yellow-400 p, 
+.color--yellow-400 a, 
+.color--yellow-400 li, 
+.color--yellow-400 i, 
+.color--yellow-400 span,
+.color--white .color--yellow-400 { color: #ffbd45!important; }
+
+.color--yellow-300, 
+.color--yellow-300 h1, 
+.color--yellow-300 h2, 
+.color--yellow-300 h3, 
+.color--yellow-300 h4, 
+.color--yellow-300 h5, 
+.color--yellow-300 h6, 
+.color--yellow-300 p, 
+.color--yellow-300 a, 
+.color--yellow-300 li, 
+.color--yellow-300 i, 
+.color--yellow-300 span,
+.color--white .color--yellow-300 { color: #ffdf35!important; }
+
+
+
+
+/* ==========================================================================
+  03. PRELOAD ANIMATION
+  ========================================================================== */
+
+#loading {
+  height: 100%;
+  width: 100%;
+  position: fixed;
+  z-index: 1;
+  margin-top: 0px;
+  top: 0px;
+  z-index: 99999999;
+}
+
+#loading { 
+  background-color: #f5f5f9;
+}
+
+#loading-center {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  height: 100px;
+  width: 100px;
+  margin-top: -50px;
+  margin-left: -50px;
+  -webkit-animation: loading-center-absolute 1s infinite;
+  animation: loading-center-absolute 1s infinite;
+}
+
+.loader {
+  border: 2px solid;
+  border-color: transparent #888;
+  width: 100px;
+  height: 100px;
+  border-radius: 50%;
+  display: inline-block;
+  position: relative;
+  box-sizing: border-box;
+  animation: rotation 1s linear infinite;
+}
+
+.loading--blue .loader { 
+  border-color: transparent #1680fb; 
+}
+
+.loading--green .loader { 
+  border-color: transparent #0fbc49; 
+}
+
+.loading--pink .loader { 
+  border-color: transparent #f74780; 
+}
+
+.loading--purple .loader { 
+  border-color: transparent #7b5dd6; 
+}
+
+.loading--red .loader { 
+  border-color: transparent #ff1e1a; 
+}
+
+.loading--violet .loader { 
+  border-color: transparent #c73e9b; 
+}
+
+.loading--yellow .loader { 
+  border-color: transparent #ffba01; 
+}
+
+.loader::after {
+  content: '';  
+  box-sizing: border-box;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  border: 50px solid;
+  border-color: transparent rgba(30, 30, 30, 0.15);
+  border-radius: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.loading--blue .loader::after {
+  border-color: transparent rgba(22, 128, 251, .15); 
+}
+
+.loading--green .loader::after {
+  border-color: transparent rgba(14, 188, 73, .15); 
+}
+
+.loading--pink .loader::after {
+  border-color: transparent rgba(247, 71, 128, .15); 
+}
+
+.loading--purple .loader::after {
+  border-color: transparent rgba(123, 93, 214, .15); 
+}
+
+.loading--red .loader::after {
+  border-color: transparent rgba(255, 30, 26, .15); 
+}
+
+.loading--violet .loader::after {
+  border-color: transparent rgba(1900, 108, 190, .15); 
+}
+
+.loading--yellow .loader::after {
+  border-color: transparent rgba(255, 186, 1, .15); 
+}
+
+@keyframes rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+} 
+
+
+
+
+/* ==========================================================================
+  04. HEADER & NAVIGATION
+  =========================================================================== */
+
+#header {
+  width: 100%;
+  display: block;
+  padding-top: 0px;
+}
+
+.header-wrapper {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 1030;
+}
+
+.headerwp {
+  max-width: 1140px;
+  margin: 0 auto;
+  padding: 0;
+}
+
+.posrlt {
+  position: relative;
+}
+
+/*------------------------------------------*/
+/*  HEADER LOGO
+/*------------------------------------------*/
+
+.desktoplogo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 38px;
+}
+
+.blog-header .desktoplogo img {
+  max-height: 30px;
+}
+
+/*------------------------------------------*/
+/*  NAVIGATION MENU
+/*------------------------------------------*/
+
+.wsmainfull {
+  width: 100%;
+  height: auto;
+  z-index: 1031;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out; 
+}
+
+.tra-menu .wsmainfull {
+  padding: 20px 0;
+  background-color: transparent!important;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+
+.white-menu .wsmainfull {
+  padding: 6px 0;
+  background-color: #fff!important;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.dark-menu .wsmainfull {
+  padding: 6px 0;
+  background-color: #1d222f!important;
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+#header.hiddden-header {
+  display: none;
+}
+
+.hidden-nav .wsmainfull {
+  margin-top: -140px;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  HEADER LINK
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > a {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  display: block;
+  font-size: 1rem;
+  line-height: 50px;
+  font-weight: 600;
+  letter-spacing: 0;
+  text-decoration: none;  
+  margin: 0 7px;
+  padding: 10px 15px;
+}
+
+.navbar-dark .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #353f4f;
+}
+
+.navbar-light .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #fff;
+}
+
+.wsmenu > .wsmenu-list > li > a.h-link.last-link {
+  padding: 10px 0px;
+  margin: 0;
+}
+
+.wsmenu > .wsmenu-list > li > a .wsarrow:after {
+  border-left: 4px solid rgba(0, 0, 0, 0);
+  border-right: 4px solid rgba(0, 0, 0, 0);
+  border-top: 4px solid;
+  content: "";
+  float: right;
+  right: 0;
+  height: 0;
+  margin: 0 0 0 14px;
+  position: absolute;
+  text-align: right;
+  top: 35px;
+  width: 0;
+}
+
+.wsmenu > .wsmenu-list > li.reg-fst-link > a {
+  margin-left: 30px;
+}
+
+/*------------------------------------------*/
+/*  HEADER LINK INFO
+/*------------------------------------------*/
+
+span.sm-info {
+  position: relative;
+  display: inline-block;
+  text-align: center;
+  width: 20px;
+  height: 20px;
+  color: #fff;
+  font-size: 0.65rem;
+  line-height: 19px;
+  font-weight: 700;
+  margin-left: 5px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+}
+
+.nav-blue-500 .sm-info { background-color: #185abd; }
+.nav-blue-400 .sm-info { background-color: #1680fb; }
+.nav-blue-300 .sm-info { background-color: #3eb1ff; }
+
+.nav-green-500 .sm-info { background-color: #00a14e; }
+.nav-green-400 .sm-info { background-color: #0fbc49; }
+.nav-green-300 .sm-info { background-color: #6fd792; }
+
+.nav-pink-500 .sm-info { background-color: #ff149c; }
+.nav-pink-400 .sm-info { background-color: #f74780; }
+.nav-pink-300 .sm-info { background-color: #fcb5cc; }
+
+.nav-purple-500 .sm-info { background-color: #663ae9; }
+.nav-purple-400 .sm-info { background-color: #7b5dd6; }
+.nav-purple-300 .sm-info { background-color: #bdaeea; }
+
+.nav-red-500 .sm-info { background-color: #da0f29; }
+.nav-red-400 .sm-info { background-color: #ff1e1a; }
+.nav-red-300 .sm-info { background-color: #ffa5a3; }
+
+.nav-violet-500 .sm-info { background-color: #c73e9b; }
+.nav-violet-400 .sm-info { background-color: #be6cbe; }
+.nav-violet-300 .sm-info { background-color: #e2bde2; }
+
+.nav-yellow-500 .sm-info { background-color: #ffba01; }
+.nav-yellow-400 .sm-info { background-color: #ffbd45; }
+.nav-yellow-300 .sm-info { background-color: #ffdf35; }
+
+/*------------------------------------------*/
+/*  HEADER BUTTONS
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li a.btn {
+  font-size: 1rem;
+  line-height: 30px;
+  font-weight: 600;
+  text-transform: none;
+  letter-spacing: 0;
+  margin-top: 14px;
+  padding: 4px 28px;
+}
+
+.wsmenu > .wsmenu-list > li a.btn.reg-btn {
+  padding: 4px 22px;
+}
+
+.wsmenu > .wsmenu-list > li a.btn.fst-btn-link {
+  margin-left: 12px;
+}
+
+.wsmenu > .wsmenu-list > li a.store.header-store {
+  line-height: 1;
+  margin-top: 13px;
+  margin-left: 10px;
+  margin-bottom: 0;
+  padding: 0;
+}
+
+.store.header-store img {
+  max-height: 44px;
+}
+
+/*------------------------------------------*/
+/*  HEADER SOCIAL LINKS  
+/*------------------------------------------*/
+
+.header-socials {
+  margin: 0;
+  display: inline-block; 
+  text-align: center;
+}
+
+.header-socials span {
+  float: left;
+  width: auto !important;
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  margin: 0;
+}
+
+.header-socials a {
+  display: block; 
+  margin-left: 18px;
+}
+
+.navbar-light .header-socials a {
+  color: #ddd;
+}
+
+.navbar-light .header-socials a:hover {
+  color: #ccc!important;
+}
+
+.header-socials.ico-20 [class*="flaticon-"]:before, 
+.header-socials.ico-20 [class*="flaticon-"]:after { line-height: 70px!important; } 
+
+/*------------------------------------------*/
+/*  HEADER SUBMENU
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu {
+  width: auto;
+  min-width: 200px;
+  top: 62px;
+  padding: 12px 10px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
+  background-color: rgba(244, 244, 249, 0);
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  color: #353f4f;
+  font-size: 1rem;
+  font-weight: 600;
+  padding: 11px 14px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  transition: all 0.3s ease-in-out;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover {
+  background-color: rgba(244, 244, 249, 1);
+  padding: 11px 14px;
+}
+
+/*------------------------------------------*/
+/*  HALFMENU
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu {
+  top: 62px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
+  width: 38%;
+  padding: 12px 0;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { 
+  right: 2%; 
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li {
+  border-bottom: none;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  background-color: rgba(244, 244, 249, 0);
+  color: #353f4f;
+  font-size: 1rem;
+  font-weight: 600;
+  padding: 11px 14px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  transition: all 0.3s ease-in-out;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  background-color: rgba(244, 244, 249, 1);
+  padding: 11px 14px;
+}
+
+/*------------------------------------------*/
+/*  MEGAMENU
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu {
+  padding: 12px 0;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 {
+  width: 76%!important;
+  left: 23%;
+  padding: 20px 10px;
+}
+
+.wsmegamenu.w-75 .col-lg-3 {
+  padding: 0 6px;
+}
+
+/*------------------------------------------*/
+/*  SUBMENU TITLE
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .title,
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .title {
+  color: #929394;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 0.875rem;
+  line-height: 1;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0;
+  margin: 10px 0 15px 13px;
+}
+
+/*------------------------------------------*/
+/*  DARK HEADER SUBMENU / MEGAMENU
+/*------------------------------------------*/
+
+.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
+  background-color: #2c3142!important; 
+  border: solid 1px #2c3142!important; 
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+  color: #ddd;
+  background-color: rgba(255, 255, 255, 0)!important;
+}
+
+.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  background-color: rgba(255, 255, 255, .05)!important;
+}
+
+.dark-menu .title, .black-scroll .scroll .title,
+.dark-menu .icons-menu-txt span, .black-scroll .scroll .icons-menu-txt span {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  ICONS MENU
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu {
+  max-width: 275px;
+  min-width: 275px;
+  padding: 12px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu {
+  width: 52%;
+  padding: 12px 6px;
+}
+
+.wsmegamenu.halfmenu.icons-menu .col-lg-6 {
+  padding: 0 6px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 {
+  width: 82%!important;
+  left: 17%;
+  padding: 12px 6px;
+}
+
+.wsmegamenu.icons-menu.w-75 .col-lg-4 {
+  padding: 0 6px;
+}
+
+.icons-menu .icons-menu-item {
+  display: flex!important;
+  position: relative!important;
+  flex-flow: row wrap!important;
+  align-items: stretch!important;
+  justify-content: flex-start!important;
+}
+
+.icons-menu-ico {
+  position: relative;
+  margin-right: 14px;
+}
+
+.wsmegamenu.ico-30 .icons-menu-ico span {
+  position: relative;
+  top: 6px!important;
+}
+
+.icons-menu-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.icons-menu-txt h6 {
+  color: inherit;
+  font-size: 1rem;
+  line-height: 32px;
+  font-weight: 500;
+  margin-bottom: 0;
+}
+
+.icons-menu-txt span {
+  display: block;
+  color: #898989;
+  font-size: 0.925rem;
+  font-weight: 400;
+  margin-bottom: 0;
+}
+
+.sub-menu.ico-30 .icons-menu-txt h6 {
+  line-height: 30px;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR HOVER
+/*------------------------------------------*/
+
+.navbar-light .wsmenu-list > li > a.h-link:hover {
+  color: #eee!important;
+}
+
+.navbar-dark .wsmenu-list > li > a.h-link:hover {
+  color: #1d222f!important;
+}
+
+.wsmenu > .wsmenu-list.nav-blue-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #185abd!important;
+}
+
+.wsmenu > .wsmenu-list.nav-blue-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #1680fb!important;
+}
+
+.wsmenu > .wsmenu-list.nav-blue-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #3eb1ff!important;
+}
+
+.wsmenu > .wsmenu-list.nav-green-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #00a14e!important;
+}
+
+.wsmenu > .wsmenu-list.nav-green-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #0fbc49!important;
+}
+
+.wsmenu > .wsmenu-list.nav-green-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #6fd792!important;
+}
+
+.wsmenu > .wsmenu-list.nav-pink-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #ff149c!important;
+}
+
+.wsmenu > .wsmenu-list.nav-pink-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #f74780!important;
+}
+
+.wsmenu > .wsmenu-list.nav-pink-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #fcb5cc!important;
+}
+
+.wsmenu > .wsmenu-list.nav-purple-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #663ae9!important;
+}
+
+.wsmenu > .wsmenu-list.nav-purple-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #7b5dd6!important;
+}
+
+.wsmenu > .wsmenu-list.nav-purple-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #bdaeea!important;
+}
+
+.wsmenu > .wsmenu-list.nav-red-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #da0f29!important;
+}
+
+.wsmenu > .wsmenu-list.nav-red-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #ff1e1a!important;
+}
+
+.wsmenu > .wsmenu-list.nav-red-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #ffa5a3!important;
+}
+
+.wsmenu > .wsmenu-list.nav-violet-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #c73e9b!important;
+}
+
+.wsmenu > .wsmenu-list.nav-violet-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #be6cbe!important;
+}
+
+.wsmenu > .wsmenu-list.nav-violet-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #e2bde2!important;
+}
+
+/*------------------------------------------*/
+/*  HIDDEN NAVBAR SCROLL
+/*------------------------------------------*/
+
+.hidden-nav .wsmainfull.scroll {
+  margin-top: 0;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR WHITE SCROLL
+/*------------------------------------------*/
+
+.tra-menu.white-scroll .wsmainfull.scroll,
+.white-menu.white-scroll .wsmainfull.scroll {
+  padding: 0;
+  background-color: rgba(255, 255, 255, .7)!important;
+  backdrop-filter: blur(20px);
+  -webkit-backdrop-filter: blur(20px);
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, 
+.tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #353f4f;
+}
+
+.navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover {
+  color: #1d222f!important;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR BLACK SCROLL
+/*------------------------------------------*/
+
+.tra-menu.black-scroll .wsmainfull.scroll,
+.dark-menu.black-scroll .wsmainfull.scroll {
+  padding: 0;
+  background-color: #1d222f!important;
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #fff;
+}
+
+.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link:hover {
+  color: #ccc!important;
+}
+
+/*------------------------------------------*/
+/*  WHITE SCROLL BUTTONS
+/*------------------------------------------*/
+
+.white-scroll .scroll .btn--tra-white {
+  color: #353f4f!important;
+  border-color: #353f4f!important;
+}
+
+/*------------------------------------------*/
+/*  BLACK SCROLL BUTTONS
+/*------------------------------------------*/
+
+.black-scroll .scroll .btn--tra-black {
+  color: #fff!important;
+  border-color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  LOGO IMAGE
+/*------------------------------------------*/
+
+.logo-white, 
+.logo-black {
+  display: block;
+}
+
+.navbar-light .logo-black,
+.navbar-dark .logo-white,
+.tra-menu.navbar-light .scroll .logo-white,
+.tra-menu.navbar-dark.black-scroll .scroll .logo-black {
+  display: none;
+}
+
+.tra-menu.navbar-light .scroll .logo-black,
+.tra-menu.navbar-dark.black-scroll .scroll .logo-white {
+  display: block;
+}
+
+
+
+
+/* ==========================================================================
+  05. HERO
+  ========================================================================== */
+
+.hero-section,
+.hero-section .container {
+  position: relative;
+  z-index: 3;
+}
+
+.hero-section.bg--img {
+  width: 100%;
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+}
+
+.hero-section.blur--purple:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 100%;
+  height: 100%;
+  top: -30%;
+  left: 0;
+  background-image: url(../images/blur-purple.png);
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+  background-attachment: scroll;
+  opacity: 0.2;
+}
+
+/*------------------------------------------*/
+/*  HERO LOGO
+/*------------------------------------------*/
+
+.hero-logo {
+  margin-bottom: 40px;
+}
+
+.hero-square-logo {
+  margin-bottom: 20px;
+}
+
+#hero-22 .hero-logo {
+  margin-bottom: 30px;
+}
+
+.hero-logo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 36px;
+}
+
+.hero-square-logo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 90px;
+}
+
+/*------------------------------------------*/
+/*  HERO APP LOGO
+/*------------------------------------------*/
+
+.hero-app-logo {
+  margin-bottom: 35px;
+}
+
+#hero-25 .hero-app-logo {
+  margin-bottom: 25px;
+}
+
+.hero-app-logo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 100px;
+}
+
+#hero-25 .hero-app-logo img {
+  max-height: 110px;
+}
+
+/*------------------------------------------*/
+/*  HERO DIGITS
+/*------------------------------------------*/
+
+#hd-1-1, #hd-1-2 {
+  display: inline-block;
+  float: left;
+  padding-right: 20px;
+} 
+
+#hd-1-1 { width: 45%; }
+#hd-1-2 { width: 55%; }
+
+.hero-digits-block {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+.hero-digits .block-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+  padding-left: 12px;
+}
+
+.hero-digits h2.statistic-number {
+  line-height: 1;
+  margin-bottom: 0;
+} 
+
+.hero-digits h2.statistic-number span {
+  font-size: 1.85rem;
+}
+
+.hero-digits .block-txt p.p-sm {
+  line-height: 1.35;
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  HERO TYPOGRAPHY
+/*------------------------------------------*/
+
+.hero-section h2 {
+  margin-bottom: 28px;
+}
+
+.hero-section h2.s-48,
+.hero-section h2.s-50 {
+  margin-bottom: 40px;
+}
+
+.hero-section h2.s-62 {
+  margin-bottom: 24px;
+}
+
+.hero-section p.p-sm { 
+  padding: 0!important; 
+}
+
+.hero-section p.p-md {
+  margin-bottom: 30px;
+}
+
+.hero-section p.p-lg,
+.hero-section p.p-xl {
+  margin-bottom: 32px;
+}
+
+.hero-section p.s-20,
+.hero-section p.s-22,
+.hero-section p.s-24 {
+  margin-bottom: 36px;
+}
+
+.hero-section p.p-lg span,
+.hero-section p.p-xl span {
+  font-weight: 600;
+  letter-spacing: -0.35px;
+}
+
+/*------------------------------------------*/
+/*  HERO-1
+/*------------------------------------------*/
+
+#hero-1 {
+  background-image: url(../images/hero-1.jpg);
+  padding-top: 130px;
+  padding-bottom: 100px;
+}
+
+.hero-1-txt p {
+  padding-right: 2%;
+}
+
+/*------------------------------------------*/
+/*  HERO-2
+/*------------------------------------------*/
+
+#hero-2 {
+  background-image: url(../images/hero-2.jpg);
+  padding-top: 150px;
+  padding-bottom: 100px;
+}
+
+.hero-2-txt p {
+  padding-right: 3%;
+}
+
+.hero-2-img {
+  text-align: center;
+  padding-right: 25px;
+}
+
+/*------------------------------------------*/
+/*  HERO-3
+/*------------------------------------------*/
+
+#hero-3 {
+  position: relative;
+  padding-top: 160px;
+  background-image: url(../images/hero-3.jpg);
+}
+
+#hero-3:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 100%;
+  height: 5%;
+  bottom: 0;
+  left: 0;
+  background-color: #fff;
+}
+
+.hero-3-txt {
+  margin-top: -70px;
+}
+
+.hero-3-txt p.p-lg {
+  padding-right: 2%;
+}
+
+.hero-3-img {
+  position: relative;
+  text-align: center;
+  margin: 0 -90% 0 -60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-4
+/*------------------------------------------*/
+
+#hero-4 {
+  overflow: hidden; 
+  background-image: url(../images/hero-4.jpg);
+  padding-top: 180px;
+}
+
+#hero-4:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 100%;
+  height: 10%;
+  bottom: 0;
+  left: 0;
+  background-color: #fff;
+}
+
+.hero-4-txt h2 {
+  padding: 0 3%;
+}
+
+.hero-4-txt p { 
+  padding: 0 5%; 
+}
+
+.hero-4-txt p.btns-group-txt {
+  margin-top: 25px;
+}
+
+.hero-4-img {
+  margin-top: 60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-5
+/*------------------------------------------*/
+
+#hero-5 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-5 {
+  background-image: url(../images/hero-5.jpg);
+  padding-top: 140px;
+  padding-bottom: 50px;
+}
+
+.hero-5-txt h2 {
+  line-height: 1.3;
+  margin-bottom: 25px;
+}
+
+.hero-5-txt p.p-lg {
+  padding-right: 10%;
+  margin-bottom: 30px;
+}
+
+.hero-5-img {
+  margin: 0 0 -50px;
+}
+
+/*------------------------------------------*/
+/*  HERO-6
+/*------------------------------------------*/
+
+#hero-6 {
+  padding-top: 130px;
+}
+
+.hero-6-wrapper {
+  overflow: hidden;
+  background-image: linear-gradient(90deg, #f6f4fd, #f4f5fd);
+  padding: 75px 80px;
+}
+
+.hero-6-img {
+  position: relative;
+  text-align: center;
+}
+
+/*------------------------------------------*/
+/*  HERO-7
+/*------------------------------------------*/
+
+#hero-7 {
+  padding-top: 140px;
+  padding-bottom: 100px;
+}
+
+#hero-7 .quick-form {
+  margin-right: 4%;
+}
+
+.hero-7-img {
+  padding-left: 30px;
+}
+
+/*------------------------------------------*/
+/*  HERO-8
+/*------------------------------------------*/
+
+#hero-8 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-8 {
+  position: relative;
+  background-image: url(../images/hero-8.jpg);
+  padding-top: 170px;
+  padding-bottom: 30px;
+}
+
+.hero-8-txt {
+  margin-top: -70px;
+}
+
+.hero-8-txt p {
+  padding-right: 10%;
+}
+
+.hero-8-txt .hero-digits {
+  padding-right: 15%;
+}
+
+#hero-8-form {
+  position: relative;
+  z-index: 999;
+  background-color: #fff;
+  border: 1px solid #f8f8f8;
+  padding: 45px 35px;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+  box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+}
+
+#hero-8-form h4 {
+  line-height: 1.4;
+  margin-bottom: 20px;
+}
+
+#hero-8-form p {
+  color: #757575;
+  margin-bottom: 25px;
+}
+
+#hero-8-form p.p-sm {
+  text-align: center;
+  padding: 0 5%!important;
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+#hero-8-form p a {
+  color: #1e90ff;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  HERO-9
+/*------------------------------------------*/
+
+#hero-9 {
+  padding-top: 180px;
+}
+
+.hero-9-txt h2 {
+  line-height: 1;
+}
+
+.hero-9-txt h2 img {
+  position: relative;
+  width: auto;
+  max-width: inherit;
+  max-height: 100px;
+  margin: 0 3px;
+  top: -8px;
+}
+
+.hero-9-txt p {
+  padding: 0 5%;
+  margin-top: 40px;
+}
+
+#hero-9 .quick-form {
+  margin-left: 7%;
+  margin-right: 7%;
+}
+
+.hero-9-img {
+  margin-top: 60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-10
+/*------------------------------------------*/
+
+#hero-10 {
+  position: relative;
+  background-image: url(../images/hero-10.jpg);
+  padding-top: 170px;
+  padding-bottom: 100px;
+}
+
+.hero-10-txt h4 {
+  line-height: 1.45;
+  font-weight: 300;
+  padding-right: 5%;
+  margin-bottom: 35px;
+}
+
+.hero-10-img {
+  position: relative;
+  text-align: center;
+  margin: 0 -95% 0 15px;
+}
+
+/*------------------------------------------*/
+/*  HERO-11
+/*------------------------------------------*/
+
+#hero-11 {
+  overflow: hidden;
+  background-image: url(../images/hero-11.jpg);
+  padding-top: 50px;
+}
+
+.hero-11-txt {
+  margin-top: 40px;
+}
+
+.hero-11-txt p {
+  padding-right: 5%;
+}
+
+.hero-11-img {
+  position: relative;
+  margin: -60px -12% -100px -15px;
+}
+
+/*------------------------------------------*/
+/*  HERO-12
+/*------------------------------------------*/
+
+#hero-12 {
+  overflow: hidden; 
+  background-image: url(../images/hero-12.jpg);
+  padding-top: 180px;
+}
+
+.hero-12-txt h2 {
+  padding: 0 3%;
+}
+
+.hero-12-txt p { 
+  padding: 0 5%; 
+}
+
+.hero-12-txt p.btns-group-txt {
+  margin-top: 25px;
+}
+
+.hero-12-img {
+  margin-top: 60px;
+  margin-bottom: -100px;
+}
+
+.hero-12-img .video-btn {
+  top: calc(50% - 30px);
+}
+
+/*------------------------------------------*/
+/*  HERO-13
+/*------------------------------------------*/
+
+#hero-13 {
+  background-image: linear-gradient(180deg, #f1edff, #f1edff);
+  padding-top: 130px;
+  padding-bottom: 80px;
+}
+
+#hero-13:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 43%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #fff;
+  -moz-box-shadow: 0 0 55px 35px #fff;
+  -webkit-box-shadow: 0 0 35px 35px #fff;
+  box-shadow: 0 0 35px 35px #fff;
+}
+
+.hero-13-txt .section-id {
+  font-weight: 600;
+  letter-spacing: 1.5px;
+}
+
+.hero-13-txt p {
+  padding-right: 5%;
+}
+
+.hero-13-img {
+  text-align: center;
+}
+
+/*------------------------------------------*/
+/*  HERO-14
+/*------------------------------------------*/
+
+#hero-14 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-14 {
+  background-image: url(../images/hero-14.jpg);
+  padding-top: 170px;
+} 
+
+.hero-14-txt p.s-21 {
+  font-size: 1.3125rem;
+  margin-bottom: 40px;
+}
+
+#hero-14 .quick-form {
+  margin-left: 6%;
+  margin-right: 6%;
+}
+
+.hero-14-txt .btn-txt {
+  margin-top: 40px;
+}
+
+.hero-14-img {
+  margin-top: 70px;
+}
+
+/*------------------------------------------*/
+/*  HERO-15
+/*------------------------------------------*/
+
+#hero-15 {
+  position: relative;
+  z-index: 3;
+  background-image: url(../images/hero-15.jpg);
+  padding-top: 130px;
+}
+
+.hero-15-txt {
+  margin-top: -20px;
+}
+
+.hero-15-txt h2 {
+  padding-right: 5%;
+}
+
+.hero-15-txt p {
+  padding-right: 2%;
+}
+
+/*------------------------------------------*/
+/*  HERO-16
+/*------------------------------------------*/
+
+#hero-16 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-16 {
+  background-image: url(../images/hero-16.jpg);
+  padding-top: 170px;
+  margin-bottom: 80px;
+} 
+
+.hero-16-img {
+  margin-top: 60px;
+  margin-bottom: -80px;
+}
+
+/*------------------------------------------*/
+/*  HERO-17
+/*------------------------------------------*/
+
+#hero-17 {
+  text-align: center;
+  padding-top: 170px;
+  background-image: url(../images/hero-17.jpg);
+  background-position: top center;
+}
+
+#hero-17 #brands-1 {
+  padding: 80px 6% 0;
+}
+
+#hero-17 #brands-1 .brands-carousel-5 .brand-logo {
+  padding: 0 20px;
+} 
+
+#hero-17 .quick-form {
+  margin-left: 8%;
+  margin-right: 8%;
+}
+
+/*------------------------------------------*/
+/*  HERO-18
+/*------------------------------------------*/
+
+#hero-18 {
+  padding-top: 140px;
+  padding-bottom: 80px;
+}
+
+#hero-18:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 74%;
+  height: 100%;
+  top: 0;
+  left: 26%;
+  background-image: url(../images/hero-18.jpg);
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+  border-radius: 0 0 0 60px;
+}
+
+.hero-18-txt p {
+  padding-right: 3%;
+}
+
+#hero-18 .quick-form {
+  margin-right: 4%;
+}
+
+.hero-18-img {
+  text-align: center;
+  padding-right: 15px;
+}
+
+/*------------------------------------------*/
+/*  HERO-19
+/*------------------------------------------*/
+
+#hero-19 {
+  padding-top: 170px;
+}
+
+.hero-19-txt p {
+  padding: 0 10%;
+}
+
+/*------------------------------------------*/
+/*  HERO-20
+/*------------------------------------------*/
+
+#hero-20 {
+  background-image: url(../images/hero-20.jpg);
+  padding-top: 100px;
+  padding-bottom: 100px;
+}
+
+#hero-20:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 51%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-image: linear-gradient(180deg, #f4f4f9, #fbfbfd);
+}
+
+.hero-20-txt {
+  padding: 0 8% 0 15px;
+}
+
+.hero-section .hero-20-txt h2.s-48 {
+  margin-bottom: 28px;
+}
+
+/*------------------------------------------*/
+/*  HERO-21
+/*------------------------------------------*/
+
+#hero-21 {
+  padding-top: 170px;
+}
+
+.hero-21-txt {
+  margin-bottom: 60px;
+}
+
+.hero-21-txt h2 {
+  margin-bottom: 35px;
+}
+
+.hero-21-wrapper {
+  overflow: hidden;
+}
+
+#hero-21 .hero-overlay {
+  background-image: url(../images/hero-21.jpg);
+  padding: 90px 70px 0;
+}
+
+.hero-21-img {
+  position: relative;
+  margin-bottom: -25%;
+}
+
+.hero-21-img .video-btn {
+  top: calc(50% - 80px);
+}
+
+/*------------------------------------------*/
+/*  HERO-22
+/*------------------------------------------*/
+
+#hero-22 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-22 {
+  position: relative;
+  background-image: url(../images/hero-22.jpg);
+  padding-top: 160px;
+}
+
+#hero-22-form {
+  position: relative;
+  z-index: 999;
+  background-color: #fff;
+  border: 1px solid #f8f8f8;
+  padding: 45px 35px 35px;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+  box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+}
+
+#hero-22-form h4 {
+  line-height: 1.4;
+  margin-bottom: 20px;
+}
+
+#hero-22-form p {
+  color: #757575;
+  margin-bottom: 25px;
+}
+
+#hero-22-form p.p-sm {
+  text-align: center;
+  padding: 0 5%!important;
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+#hero-22-form p a {
+  color: #1e90ff;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  HERO-23
+/*------------------------------------------*/
+
+#hero-23 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-23 {
+  position: relative;
+  background-image: url(../images/hero-23.jpg);
+  padding-top: 100px;
+  margin-bottom: 25px;
+}
+
+.hero-23-txt p {
+  padding: 0 5%;
+}
+
+.hero-23-img {
+  margin-top: 40px;
+  margin-bottom: -25px;
+}
+
+/*------------------------------------------*/
+/*  HERO-24
+/*------------------------------------------*/
+
+#hero-24 {
+  background-image: url(../images/hero-24.jpg);
+  padding-top: 200px;
+  padding-bottom: 150px;
+}
+
+#hero-24 .quick-form {
+  margin-left: 7%;
+  margin-right: 7%;
+}
+
+/*------------------------------------------*/
+/*  HERO-25
+/*------------------------------------------*/
+
+#hero-25 {
+  background-image: url(../images/hero-25.jpg);
+  padding-top: 120px;
+  padding-bottom: 100px;
+}
+
+.hero-25-txt h2 {
+  margin-bottom: 22px;
+}
+
+.hero-25-txt p.p-lg {
+  padding-right: 10%;
+  margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  HERO-26
+/*------------------------------------------*/
+
+#hero-26 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-26 {
+  position: relative;
+  background-image: url(../images/hero-26.jpg);
+  padding-top: 160px;
+  z-index: 3;
+}
+
+.hero-26-txt {
+  margin-top: -80px;
+}
+
+.hero-26-txt h2 {
+  padding-right: 2%;
+}
+
+#hero-26 .quick-form {
+  margin-right: 4%;
+}
+
+.hero-26-img {
+  position: relative;
+  text-align: center;
+  margin: 0 -90% 0 -60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-27
+/*------------------------------------------*/
+
+#hero-27 .hero-overlay {
+  background-image: url(../images/hero-27.png);
+  background-position: top center;
+  padding-top: 170px;
+}
+
+.hero-27-txt h2 { 
+  margin-bottom: 26px!important;
+}
+
+.hero-27-txt p.s-20 { 
+  padding: 0 6%;
+  margin-bottom: 30px!important;
+}
+
+.hero-27-txt p.s-21 { 
+  padding: 0 5%;
+}
+
+/*------------------------------------------*/
+/*  HERO QUICK FORM
+/*------------------------------------------*/
+
+.hero-section .quick-form .input-group {
+  border: none;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Input
+/*------------------------------------------*/
+
+.hero-section .quick-form .form-control {
+  height: 64px;
+  background-color: #fff;
+  border: 2px solid transparent;
+  color: #666;
+  font-size: 1.125rem;
+  font-weight: 400;
+  padding: 0 20px;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out;  
+}
+
+.hero-section .quick-form.form-shadow .form-control {
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
+  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
+}
+
+.hero-section .quick-form.form-stroke .form-control {
+  border-color: #353f4f;
+}
+
+.hero-section .quick-form.form-half .form-control {
+  height: 58px;
+ font-size: 1.0625rem;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Placeholder
+/*------------------------------------------*/
+
+.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } 
+.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } 
+.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } 
+
+/*------------------------------------------*/
+/*  Hero Quick Form Focus
+/*------------------------------------------*/
+
+.hero-section .quick-form .form-control:focus {
+  background-color: #fff;
+  border-color: #1680fb;
+  outline: 0;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Button
+/*------------------------------------------*/
+
+.hero-section .quick-form .btn {
+  height: 64px;
+  font-size: 1.0625rem;
+  padding: 12px 45px;
+  margin-left: 15px;
+}
+
+.hero-section .quick-form.form-half .btn {
+  height: 58px;
+  font-size: 1rem;
+  padding: 13px 40px;
+  margin-left: 14px;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Message
+/*------------------------------------------*/
+
+.hero-section .quick-form-msg {
+  width: 100%!important;
+  display: block;
+  margin: 20px 0 15px 5px;
+}
+
+.hero-section .text-center .quick-form-msg {
+  margin: 20px 0 -15px 0;
+}
+
+.hero-section .quick-form-msg .loading {
+  color: #3eb1ff;
+  font-size: 1.05rem;
+  line-height: 1;
+  font-weight: 500;
+}
+
+.hero-section .text-center .quick-form-msg .loading {
+  font-size: 1.125rem;
+}
+
+/*------------------------------------------*/
+/*  HERO REQUEST FORM
+/*------------------------------------------*/
+
+/*------------------------------------------*/
+/*  Hero Request Form Input
+/*------------------------------------------*/
+
+.request-form .form-control {
+  height: 58px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  color: #666;
+  font-size: 1rem;
+  font-weight: 400;
+  margin-bottom: 22px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  Hero Request Form Placeholder
+/*------------------------------------------*/
+
+.hero-form-wrapper .form-control::-moz-placeholder { color: #999; } 
+.hero-form-wrapper .form-control:-ms-input-placeholder { color: #999; }
+.hero-form-wrapper .form-control::-webkit-input-placeholder { color: #999; }
+
+.request-form .form-control:focus {
+  background-color: #fff;
+  border-color: #1680fb;
+  outline: 0;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Hero Request Form Button
+/*------------------------------------------*/
+
+#hero-8-form .btn,
+#hero-22-form .btn {
+  width: 100%;
+  height: 58px;
+  padding: 16px;
+}
+
+/*------------------------------------------*/
+/*  Hero Request Form Message
+/*------------------------------------------*/
+
+.request-form-msg {
+  width: 100%!important;
+  display: block;
+  text-align: center;
+  margin-top: 15px;
+}
+
+.request-form-msg .loading {
+  color: #00b2e4;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 500;
+}
+
+.request-form .error {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 10px;
+}
+
+
+
+
+/* ==========================================================================
+  06. ABOUT
+  ========================================================================== */
+
+.a2-txt {
+  padding: 20px 30px 35px;
+}
+
+.a2-txt-quote { 
+  position: relative;
+  margin-bottom: -45px; 
+ }
+
+.a2-txt-quote.ico-40 [class*="flaticon-"]:before, 
+.a2-txt-quote.ico-40 [class*="flaticon-"]:after { font-size: 4.25rem; }
+
+/*------------------------------------------*/
+/*  ABOUT TYPOGRAPHY
+/*------------------------------------------*/ 
+
+#about-1 .txt-block p {
+  margin-bottom: 0;
+}
+
+#about-4 .txt-block p {
+  margin-top: 25px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  ABOUT 2 AUTHOR
+/*------------------------------------------*/ 
+
+.a2-txt-author {
+  line-height: 1.45;
+  font-weight: 500;
+  margin-top: 18px;
+  margin-bottom: 0;
+}
+
+.a2-txt-author span {
+  display: block;
+  font-weight: 300;
+}
+
+/*------------------------------------------*/
+/*  ABOUT 2 IMAGES
+/*------------------------------------------*/ 
+
+.about-3-images {
+  padding: 0 5%;
+}
+
+.about-2-img {
+  overflow: hidden;
+}
+
+.about-3-img {
+  overflow: hidden;
+  height: 460px;
+}
+
+.a-2-1 {
+  margin-left: 13%;
+  margin-bottom: 30px;
+}
+
+.a-2-2 {
+  margin-left: -10%;
+}
+
+.a-2-3 {
+  margin-right: -10%;
+  margin-bottom: 30px;
+}
+
+.a-2-4 {
+  margin-right: -10%;
+}
+
+#a4-1 {
+  position: relative;
+  padding-right: 30px;
+  margin-top: -30px;
+}
+
+#a4-2 {
+  position: relative;
+  padding-left: 30px;
+  margin-bottom: -30px;
+}
+
+
+
+
+/* ==========================================================================
+  07. FEATURES
+  ========================================================================== */
+
+#features-12.py-100.shape--bg:after,
+#features-12.pt-100.shape--bg:after,
+#features-13.py-100.shape--bg:after,
+#features-13.pt-100.shape--bg:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+}
+
+#features-12.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; left: 52%; }
+#features-12.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; left: 52%; }
+#features-13.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; }
+#features-13.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; }
+
+.rows-2 .fb-1, 
+.rows-2 .fb-2, 
+.rows-2 .fb-3 {
+ margin-bottom: 50px; 
+}
+
+.rows-2 .fbox-7.fb-1, 
+.rows-2 .fbox-7.fb-2, 
+.rows-2 .fbox-7.fb-3, 
+.rows-2 .fbox-9.fb-1, 
+.rows-2 .fbox-9.fb-2, 
+.rows-2 .fbox-9.fb-3,
+.rows-3 .fb-1, .rows-3 .fb-2, 
+.rows-3 .fb-3, .rows-3 .fb-4 { margin-bottom: 40px; }
+
+.rows-3 .fb-3.fbox-11-lst, 
+.rows-3 .fb-4.fbox-11-lst { margin-bottom: 0; }
+
+.fbox-14-wrapper {
+  padding: 80px 70px;
+}
+
+.fbox-14-wrapper .col {
+  padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX
+/*------------------------------------------*/ 
+
+.row-cols-md-3 .fbox-4 { padding: 50px 35px; }
+.row-cols-md-2 .fbox-4 { padding: 35px 20px; } 
+
+.fbox-5 { padding: 60px; }   
+
+.fbox-7 {
+  border: 2px solid #eee;
+  padding: 55px 40px 50px;
+}
+
+.row-cols-md-2 .fbox-7 {
+  padding: 35px 20px 30px;
+}
+
+.fbox-8 { padding: 55px 40px; }
+.fbox-8.bg--white-100 { padding: 60px 40px; }
+
+.fbox-9 {
+  border: 2px solid #eee;
+  padding: 40px 40px 35px;
+} 
+
+.fbox-14 {
+  border: 2px solid #eee;
+  padding: 40px 30px 35px;
+} 
+
+/*------------------------------------------*/
+/*  FEATURE BOX IMAGE
+/*------------------------------------------*/ 
+
+.fbox-img img {
+  width: auto;
+  max-width: inherit;
+}
+
+.fbox-img.h-135 img { max-height: 135px; }
+.fbox-img.h-140 img { max-height: 140px; }
+.fbox-img.h-145 img { max-height: 145px; }
+.fbox-img.h-150 img { max-height: 150px; }
+.fbox-img.h-155 img { max-height: 155px; }
+.fbox-img.h-160 img { max-height: 160px; }
+.fbox-img.h-165 img { max-height: 165px; }
+.fbox-img.h-170 img { max-height: 170px; }
+.fbox-img.h-175 img { max-height: 175px; }
+.fbox-img.h-180 img { max-height: 180px; }
+
+/*------------------------------------------*/
+/*  FBOX-1 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-1 .fbox-img { 
+  margin-bottom: 35px; 
+}
+
+.row-cols-md-2 .fbox-1 .fbox-img { 
+  margin-bottom: 28px; 
+}
+
+/*------------------------------------------*/
+/*  FBOX-2 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-2 .fbox-img {
+  -webkit-border-radius: 12px 12px 0 0;
+  -moz-border-radius: 12px 12px 0 0;
+  -o-border-radius: 12px 12px 0 0;
+  border-radius: 12px 12px 0 0;
+} 
+
+.fbox-2 .fbox-img.h-135, .fbox-2 .fbox-img.h-140, .fbox-2 .fbox-img.h-145, 
+.fbox-2 .fbox-img.h-150, .fbox-2 .fbox-img.h-155 { padding-top: 35px; margin-bottom: 60px; } 
+
+.fbox-2 .fbox-img.h-160 { padding-top: 35px; margin: 0 20px 60px; }
+.fbox-2 .fbox-img.h-165 { padding-top: 38px; margin: 0 15px 60px; } 
+.fbox-2 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 60px; } 
+.fbox-2 .fbox-img.h-175 { padding-top: 42px; margin: 0 8px 60px; }
+.fbox-2 .fbox-img.h-180 { padding-top: 44px; margin: 0 5px 60px; }  
+
+.fbox-2 .fbox-img img { 
+  margin-bottom: -25px; 
+} 
+
+/*------------------------------------------*/
+/*  FBOX-3 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-3 .fbox-img {
+  overflow: hidden;
+} 
+
+.fbox-3 .fbox-img.h-135 { padding-top: 30px; margin: 0 0 35px; }
+.fbox-3 .fbox-img.h-160 { padding-top: 32px; margin: 0 18px 35px; }
+.fbox-3 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 35px; }
+.fbox-3 .fbox-img.h-175, .fbox-3 .fbox-img.h-180 { padding-top: 40px; margin: 0 5px 35px; }
+
+.row-cols-md-2 .fbox-3 .fbox-img { 
+  margin-bottom: 28px; 
+}
+
+/*------------------------------------------*/
+/*  FBOX-4 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-4 .fbox-img { 
+  margin-bottom: 35px; 
+}
+
+.row-cols-md-2 .fbox-4 .fbox-img { 
+  margin-bottom: 28px; 
+}
+
+/*------------------------------------------*/
+/*  FBOX-5 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-5.fb-1 .fbox-5-img,
+.fbox-5.fb-5 .fbox-5-img,
+.fbox-5.fb-6 .fbox-5-img {
+  margin: 40px 5% 0;
+}
+
+.fbox-5.fb-2 .fbox-5-img,
+.fbox-5.fb-3 .fbox-5-img,
+.fbox-5.fb-4 .fbox-5-img {
+   margin: 0 5% 40px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX VECTOR ICON
+/*------------------------------------------*/ 
+
+.fbox-ico,
+.fbox-ico.ico-rounded {
+  margin-bottom: 20px;
+}
+
+.fbox-ico.ico-rounded-md,
+.fbox-ico.ico-rounded-lg {
+  margin-bottom: 25px;
+}
+
+.fbox-11 {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+.fbox-ico-wrap {
+  position: relative;
+  margin-right: 25px;
+}
+
+.rows-2 .fbox-ico-wrap {
+  margin-right: 20px;
+}
+
+.fbox-11 .fbox-ico {
+  margin-top: 4px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX
+/*------------------------------------------*/ 
+
+.fbox-11 .fbox-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX TITLE
+/*------------------------------------------*/ 
+
+.fbox-wrapper .row-cols-lg-3 .fbox-title {
+  margin-bottom: 10px;
+}
+
+.fbox-title span {
+  float: left;
+  line-height: 1!important;
+  margin-right: 15px; 
+}
+
+.fbox-title h6 {  
+  line-height: 2.1875rem!important;
+  margin-bottom: 0;
+}
+
+.fbox-title.ico-30 h6 {  
+  line-height: 1.875rem!important;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX TYPOGRAPHY
+/*------------------------------------------*/ 
+
+.fbox-wrapper .row-cols-md-3 h6 {
+  margin-bottom: 15px;
+}
+
+.rows-2 .fbox-11 h6,
+.fbox-wrapper .row-cols-md-2 h6 {
+  margin-bottom: 10px;
+}
+
+.fbox-wrapper p {
+  margin-bottom: 0;
+}
+
+.fbox-5 h5 {
+  margin-bottom: 15px;
+}
+
+.fbox-14 h5 {
+  margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE-12
+/*------------------------------------------*/ 
+
+.fbox-12-wrapper { 
+  padding-left: 45px;
+}
+
+.fbox-13-wrapper { 
+  padding-right: 45px;
+}
+
+.fbox-12,
+.fbox-13 {
+  padding: 32px 35px;
+} 
+
+.fbox-12 h5,
+.fbox-13 h5 {
+  margin-top: 20px;
+  margin-bottom: 10px;
+}
+
+.fbox-12 p,
+.fbox-13 p,
+.fbox-14 p {
+  margin-bottom: 0;
+} 
+
+
+
+
+/* ==========================================================================
+  08. CONTENT
+  ========================================================================== */
+
+.ct-06 {
+  margin-bottom: 80px;
+}
+
+.ct-07 {
+  margin-top: 80px;
+}
+
+.ct-10 .section-overlay {
+  margin-bottom: 100px;
+}
+
+.ct-11, 
+.ct-12 {
+  padding: 60px 0;
+}
+
+.ct-11:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 50%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #fff;
+}
+
+.ct-12:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 50%;
+  height: 100%;
+  top: 0;
+  left: 50%;
+  background-color: #fff;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX WRAPPER
+/*------------------------------------------*/
+
+.bc-1-wrapper .section-overlay,
+.bc-4-wrapper .section-overlay,
+.bc-6-wrapper .section-overlay {
+  padding: 80px 70px;
+}
+
+.bc-2-wrapper .section-overlay,
+.bc-3-wrapper .section-overlay,
+.bc-5-wrapper .section-overlay {
+  padding: 80px 70px 0;
+}
+
+.bc-6 {
+  padding: 40px 35px;
+}
+
+.cbox-6-wrapper {
+  padding: 60px 40px;
+}
+
+.content-section .cbox-6-wrapper {
+  padding: 80px 70px;
+}
+
+.bc-5-wrapper .section-title p {
+  padding: 0;
+}
+
+/*------------------------------------------*/
+/*  TEXT BLOCK
+/*------------------------------------------*/ 
+
+.txt-box { 
+  margin-bottom: 20px;
+}
+
+.txt-box:last-child { 
+  margin-bottom: 0; 
+}
+
+.bc-3-txt,
+.ct-06 .txt-block,
+.bc-2-wrapper .txt-block {
+  margin-top: -40px;
+}
+
+.bc-2-txt,
+.ct-07 .txt-block {
+  margin-top: 40px;
+}
+
+.bc-1-wrapper .txt-block.pr-25.left-column,
+.bc-2-wrapper .txt-block.pr-25.left-column {
+  padding-right: 25px;
+}
+
+.bc-1-wrapper .txt-block.pl-25.right-column,
+.bc-2-wrapper .txt-block.pl-25.right-column {
+  padding-left: 25px;
+}
+
+.ct-11 .txt-block {
+  padding-right: 50px;
+}
+
+.ct-12 .txt-block {
+  padding-left: 70px;
+}
+
+.ct-13 .txt-block h5 {
+  padding-right: 6%;
+}
+
+/*------------------------------------------*/
+/*  TEXT BLOCK TYPOGRAPHY
+/*------------------------------------------*/ 
+
+.bc-2-txt h2,
+.bc-3-txt h2,
+.bc-4-txt h2,
+.txt-block h3,
+.txt-block h2 {
+  margin-bottom: 26px;
+}
+
+.txt-block h5 {
+  margin-bottom: 20px;
+}
+
+h5.h5-title {
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+
+.txt-block .btn,
+.txt-block .btns-group .btn.btn--transparent {
+  margin-top: 25px;
+}
+
+.txt-block .btn.btn--transparent {
+  margin-top: 0;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX
+/*------------------------------------------*/
+
+.cbox-1,
+.cbox-2,
+.cbox-3 {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+.cbox-5 {
+  position: relative;
+}
+
+.cbox-5-content {
+  background-color: #fff;
+  border: 1px solid #f5f6f6;
+  padding: 40px;
+  margin: 0 12%;
+  z-index: 1;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+}
+
+.cbox-5-content .divider {
+  margin-top: 25px;
+  margin-bottom: 25px;
+}
+
+#cb-6-1, #cb-6-2 {
+  margin-bottom: 35px;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX TITLE
+/*------------------------------------------*/ 
+
+.box-title h6,
+.box-title h5 {  
+  display: inline-block;
+  line-height: 2.35rem!important;
+  margin-bottom: 15px;
+}
+
+.box-title span {   
+  position: relative;
+  top: 12px;
+  margin-right: 10px;
+}
+
+.box-title span[class*="flaticon-"]:before,
+.box-title span[class*="flaticon-"]:after {   
+  font-size: 2.35rem;
+}
+
+.txt-block .cbox-5-title h2 {
+  font-size: 3.5rem;
+  letter-spacing: -1px;
+  line-height: 1;
+  margin-bottom: 10px;
+}
+
+.cbox-5-title .statistic-number sup {
+  font-size: 3rem;
+  top: -5px;
+  right: 6px;
+}
+
+.cbox-5-title .ico-15 [class*="flaticon-"]:before, 
+.cbox-5-title .ico-15 [class*="flaticon-"]:after {
+  font-size: 0.875rem;
+  line-height: 1!important; 
+}
+
+.cbox-5-title p.p-lg {
+  margin-bottom: 10px;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX ICON
+/*------------------------------------------*/
+
+.cbox-1 .ico-wrap { 
+  margin-left: 8px; 
+}
+
+.cbox-1.ico-10 span {
+  position: relative;
+  top: 0;
+  right: 7px;
+}
+
+.cbox-1.ico-15 span {
+  position: relative;
+  top: 1px;
+  right: 8px;
+}
+
+.cbox-1.ico-10 [class*="flaticon-"]:before,
+.cbox-1.ico-10 [class*="flaticon-"]:after {  
+  font-size: 0.6rem;
+}
+
+.cbox-1.ico-15 [class*="flaticon-"]:before,
+.cbox-1.ico-15 [class*="flaticon-"]:after {   
+  font-size: 0.75rem;
+}
+
+/*------------------------------------------*/
+/*  CBOX #2
+/*------------------------------------------*/
+
+.cbox-2 .ico-wrap {
+  position: relative;
+  margin-right: 1.625rem;
+}
+
+.cbox-2-ico {
+  position: relative;
+  width: 2.625rem;
+  height: 2.625rem;
+  text-align: center;
+  border-radius: 100%;
+  font-size: 1.1875rem;
+  font-weight: 500;
+  line-height: 2.375rem;
+  border: 2px solid transparent;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out; 
+}
+
+.ct-03 .cbox-2-ico {
+  position: relative;
+  width: 2.35rem;
+  height: 2.35rem;
+  font-size: 1.15rem;
+  line-height: 2.15rem;
+}
+
+.cbox-2-line {
+  position: absolute;
+  bottom: 20px;
+  left: 50%;
+  width: 2px;
+  background-color: #e4e4e4;
+  height: calc(100% - 90px);
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+}
+
+.cbox-2:hover .cbox-2-ico {
+  background-color: transparent;
+  -webkit-transform: scale(1.1);
+  -moz-transform: scale(1.1);
+  -ms-transform: scale(1.1);
+  transform: scale(1.1);
+}
+
+.cbox-2:hover .cbox-2-ico.bg--blue-500 { color: #185abd; border-color: #185abd; }
+.cbox-2:hover .cbox-2-ico.bg--blue-400 { color: #1680fb; border-color: #1680fb; }
+.cbox-2:hover .cbox-2-ico.bg--blue-300 { color: #3eb1ff; border-color: #3eb1ff; }
+
+.cbox-2:hover .cbox-2-ico.bg--green-500 { color: #00a14e; border-color: #00a14e; }
+.cbox-2:hover .cbox-2-ico.bg--green-400 { color: #0fbc49; border-color: #0fbc49; }
+.cbox-2:hover .cbox-2-ico.bg--green-300 { color: #6fd792; border-color: #6fd792; }
+
+.cbox-2:hover .cbox-2-ico.bg--pink-500 { color: #ff149c; border-color: #ff149c; }
+.cbox-2:hover .cbox-2-ico.bg--pink-400 { color: #f74780; border-color: #f74780; }
+.cbox-2:hover .cbox-2-ico.bg--pink-300 { color: #fcb5cc; border-color: #fcb5cc; }
+
+.cbox-2:hover .cbox-2-ico.bg--purple-500 { color: #663ae9; border-color: #663ae9; }
+.cbox-2:hover .cbox-2-ico.bg--purple-400 { color: #7b5dd6; border-color: #7b5dd6; }
+.cbox-2:hover .cbox-2-ico.bg--purple-300 { color: #bdaeea; border-color: #bdaeea; }
+
+.cbox-2:hover .cbox-2-ico.bg--red-500 { color: #da0f29; border-color: #da0f29; }
+.cbox-2:hover .cbox-2-ico.bg--red-400 { color: #ff1e1a; border-color: #ff1e1a; }
+.cbox-2:hover .cbox-2-ico.bg--red-300 { color: #ffa5a3; border-color: #ffa5a3; }
+
+.cbox-2:hover .cbox-2-ico.bg--violet-500 { color: #c73e9b; border-color: #c73e9b; }
+.cbox-2:hover .cbox-2-ico.bg--violet-400 { color: #be6cbe; border-color: #be6cbe; }
+.cbox-2:hover .cbox-2-ico.bg--violet-300 { color: #e2bde2; border-color: #e2bde2; }
+
+.cbox-2:hover .cbox-2-ico.bg--yellow-500 { color: #ffba01; border-color: #ffba01; }
+.cbox-2:hover .cbox-2-ico.bg--yellow-400 { color: #ffbd45; border-color: #ffbd45; }
+.cbox-2:hover .cbox-2-ico.bg--yellow-300 { color: #ffdf35; border-color: #ffdf35; }
+
+/*------------------------------------------*/
+/*  CBOX #3
+/*------------------------------------------*/
+
+.cbox-3 .ico-wrap {
+  position: relative;
+  text-align: center;
+  margin-top: 0;
+  margin-right: 1.15rem;
+}
+
+.cbox-3 .cbox-3-ico {
+  position: relative;
+  top: 3px;
+}
+
+.cbox-3-ico span[class*="flaticon-"]:before,
+.cbox-3-ico span[class*="flaticon-"]:after {  
+  font-size: 2.85rem;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX TEXT
+/*------------------------------------------*/
+
+.cbox-1-txt,
+.cbox-2-txt,
+.cbox-3-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.cbox-2-txt,
+.cbox-3-txt {
+  margin-bottom: 35px;
+}
+
+.ct-03 .cbox-2-txt {
+  margin-bottom: 30px;
+}
+
+.cbox-4-txt {
+  margin-bottom: 25px;
+}
+
+.cbox-2:last-child .cbox-2-txt,
+.cbox-3:last-child .cbox-3-txt,
+.cbox-4:last-child .cbox-4-txt {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX FEATURE
+/*------------------------------------------*/  
+
+.cbox-5-fea {
+  padding: 20px 25px;
+  margin-top: 25px;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+}
+
+.txt-block .cbox-5-fea h4 {
+  line-height: 1;
+  margin-bottom: 3px;
+}
+
+.cbox-5-fea p {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX TYPOGRAPHY
+/*------------------------------------------*/
+
+.cbox-2-txt h5,
+.cbox-3-txt h5 {
+  margin-bottom: 15px;
+}
+
+.ct-03 .cbox-2-txt h5 {
+  margin-bottom: 10px;
+}
+
+.cbox-6 h6 {
+  margin-bottom: 15px;
+}
+
+.cbox-1-txt p { 
+  margin-bottom: 8px;
+}
+
+.cbox-1-last .cbox-1-txt p { 
+  margin-bottom: 1rem;
+}
+
+.cbox-6 p,
+.cbox-2-txt p,
+.cbox-3-txt p,
+.cbox-4-txt p {
+  margin-bottom: 0;
+}
+
+.bc-6-txt {
+  padding: 0 10px;
+}
+
+.bc-6-txt h5 {
+  margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  ACCORDION  
+/*------------------------------------------*/
+
+.txt-block .accordion-1 .accordion-item {
+  background-color: transparent;
+  padding: 25px 30px;
+  border: none;
+}
+
+.txt-block .accordion-2 .accordion-item {
+  background-color: transparent;
+  padding: 15px 0 25px;
+  border: none;
+  border-top: 1px solid #ccc;
+  border-radius: 0 0;
+}
+
+.txt-block .accordion-2 .accordion-item:last-child {
+  border-bottom: 1px solid #ccc;
+}
+
+.txt-block .accordion-item.r-02:first-of-type { border-top-left-radius: 2px; border-top-right-radius: 2px; }
+.txt-block .accordion-item.r-04:first-of-type { border-top-left-radius: 4px; border-top-right-radius: 4px; }
+.txt-block .accordion-item.r-06:first-of-type { border-top-left-radius: 6px; border-top-right-radius: 6px; }
+.txt-block .accordion-item.r-08:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+.txt-block .accordion-item.r-10:first-of-type { border-top-left-radius: 10px; border-top-right-radius: 10px; }
+.txt-block .accordion-item.r-12:first-of-type { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+.txt-block .accordion-item.r-14:first-of-type { border-top-left-radius: 14px; border-top-right-radius: 14px; }
+.txt-block .accordion-item.r-16:first-of-type { border-top-left-radius: 16px; border-top-right-radius: 16px; }
+
+.txt-block .accordion-item.r-02:last-of-type { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }
+.txt-block .accordion-item.r-04:last-of-type { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
+.txt-block .accordion-item.r-06:last-of-type { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
+.txt-block .accordion-item.r-08:last-of-type { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }
+.txt-block .accordion-item.r-10:last-of-type { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
+.txt-block .accordion-item.r-12:last-of-type { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; }
+.txt-block .accordion-item.r-14:last-of-type { border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; }
+.txt-block .accordion-item.r-16:last-of-type { border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; }
+
+.txt-block .accordion-thumb {
+  margin: 0;
+  padding: 0;
+  cursor: pointer;
+  position: relative;
+}
+
+.txt-block .accordion-1 .accordion-item .accordion-thumb:before,
+.txt-block .accordion-2 .accordion-item .accordion-thumb:after,
+.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before,
+.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
+  color: #6c757d;
+  font-family: Flaticon;
+  position: absolute;
+  color: #353f4f;
+  font-weight: 400; 
+}
+
+.txt-block .accordion-1 .accordion-item .accordion-thumb:before {
+  content: "\f11a";
+  font-size: 0.95rem;
+  top: 1px;
+  left: 0;
+}
+
+.txt-block .accordion-2 .accordion-item .accordion-thumb:after,
+.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
+  content: "\f110";
+  font-size: 0.95rem;
+  top: 12px;
+  right: 0;
+}
+
+.txt-block .accordion-1 .accordion-item.is-active {
+  background-color: #f4f4f9;
+  padding: 35px 30px 19px 30px;
+  margin-bottom: 15px;
+  margin-top: 15px;
+}
+
+.txt-block .accordion-2 .accordion-item.is-active {
+  background-color: transparent;
+  margin-bottom: 0;
+  margin-top: 0;
+}
+
+.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before {
+  content: "\f11b";
+}
+
+.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
+  content: "\f111";
+}
+
+.txt-block .accordion-1 .accordion-panel {
+  color: #6c757d;
+  margin: 0;
+  padding: 0 0 0 25px;
+  display: none;
+}
+
+.txt-block .accordion-2 .accordion-panel {
+  color: #6c757d;
+  margin: 15px 0 0 0;
+  display: none;
+}
+
+.txt-block .accordion-1 .accordion-thumb h5 {
+  color: #353f4f;
+  line-height: 1;
+  padding-left: 28px;
+  margin-bottom: 0;
+}
+
+.txt-block .accordion-2 .accordion-thumb h5 {
+  color: #353f4f;
+  display: inline-block;
+  line-height: 1;
+  padding-left: 10px;
+  margin-bottom: 0;
+}
+
+.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 {
+  margin-bottom: 20px;
+}
+
+.accordion-2 .accordion-thumb span[class*="flaticon-"]:before,
+.accordion-2 .accordion-thumb span[class*="flaticon-"]:after {  
+  color: #6c757d;
+  position: relative;
+  font-size: 2.1875rem;
+  top: 10px;
+}
+
+.txt-block .accordion-2 .accordion-panel .simple-list li {
+  margin-bottom: 1rem;
+}
+
+.txt-block .accordion-2 .accordion-panel p,
+.txt-block .accordion-2 .accordion-panel .simple-list li:last-child {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TABS
+/*------------------------------------------*/
+
+#tabs-1 .tabs-nav { 
+  text-align: center;
+}
+
+.tabs-1 { 
+  display: inline-block;
+  margin: 0 auto 60px;
+}
+
+#tabs-1 .tab-content {
+  display: none;
+}
+
+#tabs-1 .tab-content.current {
+  display: inherit;
+}
+
+.tabs-1 li {
+  display: inline-block; 
+  margin: 0 20px;
+  color: #aaa;
+  font-size: 1.05rem;
+  line-height: 1;
+  font-weight: 500;
+  padding: 0 2px 10px;
+  background-color: transparent;
+  border-bottom: 3px solid transparent;
+  cursor: pointer;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+/*------------------------------------------*/
+/*  TAB LINK HOVER / CURRENT
+/*------------------------------------------*/
+
+.tabs-1 li:hover {
+  color: #888;
+  border-color: #ccc;
+}
+
+.tabs-1 li.current,
+.tabs-1 li.current:hover {
+  color: #2b3648;
+  border-color: #2b3648;
+}
+
+.tabs-1.tabs--blue-500, .tabs-1.tabs--blue-500 li.current:hover { color: #185abd; border-color: #185abd; }
+.tabs-1.tabs--blue-400, .tabs-1.tabs--blue-500 li.current:hover { color: #1680fb; border-color: #1680fb; }
+.tabs-1.tabs--blue-300, .tabs-1.tabs--blue-500 li.current:hover { color: #3eb1ff; border-color: #3eb1ff; }
+
+.tabs-1.tabs--green-500, .tabs-1.tabs--green-500 li.current:hover { color: #00a14e; border-color: #00a14e; }
+.tabs-1.tabs--green-400, .tabs-1.tabs--green-400 li.current:hover { color: #0fbc49; border-color: #0fbc49; }
+.tabs-1.tabs--green-300, .tabs-1.tabs--green-300 li.current:hover { color: #6fd792; border-color: #6fd792; }
+
+.tabs-1.tabs--pink-500, .tabs-1.tabs--pink-500 li.current:hover { color: #ff149c; border-color: #ff149c; }
+.tabs-1.tabs--pink-400, .tabs-1.tabs--pink-400 li.current:hover { color: #f74780; border-color: #f74780; }
+.tabs-1.tabs--pink-300, .tabs-1.tabs--pink-300 li.current:hover { color: #fcb5cc; border-color: #fcb5cc; }
+
+.tabs-1.tabs--purple-500, .tabs-1.tabs--purple-500 li.current:hover { color: #663ae9; border-color: #663ae9; }
+.tabs-1.tabs--purple-400, .tabs-1.tabs--purple-400 li.current:hover { color: #7b5dd6; border-color: #7b5dd6; }
+.tabs-1.tabs--purple-300, .tabs-1.tabs--purple-300 li.current:hover { color: #bdaeea; border-color: #bdaeea; }
+
+.tabs-1.tabs--red-500, .tabs-1.tabs--red-500 li.current:hover { color: #da0f29; border-color: #da0f29; }
+.tabs-1.tabs--red-400, .tabs-1.tabs--red-400 li.current:hover { color: #ff1e1a; border-color: #ff1e1a; }
+.tabs-1.tabs--red-300, .tabs-1.tabs--red-300 li.current:hover { color: #ffa5a3; border-color: #ffa5a3; }
+
+.tabs-1.tabs--violet-500, .tabs-1.tabs--violet-500 li.current:hover { color: #c73e9b; border-color: #c73e9b; }
+.tabs-1.tabs--violet-400, .tabs-1.tabs--violet-400 li.current:hover { color: #be6cbe; border-color: #be6cbe; }
+.tabs-1.tabs--violet-300, .tabs-1.tabs--violet-300 li.current:hover { color: #e2bde2; border-color: #e2bde2; }
+
+.tabs-1.tabs--yellow-500, .tabs-1.tabs--yellow-500 li.current:hover { color: #ffba01; border-color: #ffba01; }
+.tabs-1.tabs--yellow-400, .tabs-1.tabs--yellow-400 li.current:hover { color: #ffbd45; border-color: #ffbd45; }
+.tabs-1.tabs--yellow-300, .tabs-1.tabs--yellow-300 li.current:hover { color: #ffdf35; border-color: #ffdf35; }
+
+/*------------------------------------------*/
+/*  ADVANTAGES LIST
+/*------------------------------------------*/
+
+.advantages {
+  margin-top: 15px;
+}
+
+.text-center .advantages {
+  margin-top: 20px;
+}
+
+.advantages li {
+  width: auto!important;
+  display: inline-block!important;
+  vertical-align: top;
+  clear: none !important;
+}
+
+.advantages-links-divider {
+  position: relative;
+  top: 0.5px;
+  transform: rotate(-90deg);
+}
+
+.advantages li p {
+  display: inline-block;
+  float: left;
+  margin-bottom: 0;
+}
+
+.advantages.ico-15 li p span {
+  position: relative;
+  top: 2px;
+  right: -1px;
+}
+
+.advantages.ico-15 [class*="flaticon-"]:before, 
+.advantages.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+.advantages li p a {
+  font-weight: 400;
+  text-decoration: underline;
+}
+
+.advantages li p a:hover {
+  text-decoration: underline;
+}
+
+.white--color .advantages li p a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  COMPATABILITY
+/*------------------------------------------*/
+
+.compatibility {
+  display: inline-block;
+  padding: 3px 20px;
+  margin-top: 15px;
+  margin-bottom: 0;
+}
+
+.compatibility span {
+  position: relative;
+  top: -1.5px;
+  right: 2px;
+}
+
+.compatibility.ico-10 [class*="flaticon-"]:before, 
+.compatibility.ico-10 [class*="flaticon-"]:after { font-size: 0.5rem; }
+
+/*------------------------------------------*/
+/*  TOOLS LIST / PAYMENT METHODS
+/*------------------------------------------*/
+
+.tools-list,
+.payment-methods {
+  margin-top: 25px;
+}
+
+.tools-list p,
+.payment-methods p {
+  font-weight: 400;
+  margin-bottom: 12px;
+}
+
+.tools-list.ico-35 [class*="flaticon-"]:before, 
+.tools-list.ico-35 [class*="flaticon-"]:after { 
+  line-height: 2.1875rem!important;
+  margin-right: 6px;
+}
+
+/*------------------------------------------*/
+/*  Payment Icons
+/*------------------------------------------*/
+
+.payment-icons li {
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  margin: 0;
+  padding-right: 5px;
+}
+
+.payment-icons li:last-child {
+  padding-right: 0;
+}
+
+.payment-icons img {
+  width: auto;
+  max-width: inherit;
+  max-height: 32px;
+}
+
+/*------------------------------------------*/
+/*  QUOTE
+/*------------------------------------------*/ 
+
+.quote p {
+  color: #666;
+  border-left: 3px solid #0195ff;
+  font-style: italic;
+  padding-left: 20px;
+  margin-bottom: 12px;
+}
+
+/*------------------------------------------*/
+/*  Quote Avatar 
+/*------------------------------------------*/ 
+
+.quote-avatar {
+  display: inline-block;
+  margin: 0 auto; 
+}
+
+.quote-avatar img {
+  width: 70px;
+  height: 70px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+}
+
+/*------------------------------------------*/
+/*  Quote Author 
+/*------------------------------------------*/ 
+
+.quote-author {
+  position: relative;
+  display: inline-block;
+  padding: 0 0 0 15px;
+  text-align: left;
+  top: 16px;
+} 
+   
+.quote-author h6 {
+  margin-bottom: 0;
+}
+
+.quote-author span {
+  font-size: 1rem;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX SHAPES
+/*------------------------------------------*/ 
+
+.cbox-5-shape-1 {
+  position: absolute;
+  right: 30px;
+  top: -35px;
+  z-index: -1;
+}
+
+.cbox-5-shape-2 {
+  position: absolute;
+  left: 30px;
+  bottom: -25px;
+  z-index: -1;
+}
+
+.cbox-5-shape-1 img,
+.cbox-5-shape-2 img {
+  height: 100%;
+  width: 100%;
+  object-fit: cover;
+}
+
+/*------------------------------------------*/
+/*  IMG BLOCK IMAGE
+/*------------------------------------------*/ 
+
+.grey-img {
+  filter: grayscale(100%);
+}
+
+.img-block {
+  text-align: center;
+}
+
+.img-block.img-block-bkg {
+  overflow: hidden;
+}
+
+.img-block.img-block-bkg img {
+  padding: 60px 45px;
+}
+
+.ct-10 .img-block,
+.img-block-hidden,
+.bc-5-img.bc-5-dashboard.img-block-hidden {
+  margin-bottom: -100px;
+}
+
+.ct-05 .img-block-hidden {
+  margin-bottom: -30px;
+}
+
+.bc-5-img.bc-5-tablet.img-block-hidden {
+  margin-bottom: -200px;
+}
+
+.img-block-hidden .video-btn,
+.bc-5-img.bc-5-dashboard.img-block-hidden .video-btn {
+  top: calc(50% - 30px);
+}
+
+.bc-5-img.bc-5-tablet.img-block-hidden .video-btn {
+  top: calc(50% - 70px);
+}
+
+.ct-01 .img-block,
+.ct-04 .img-block {
+  margin-left: 30px;
+}
+
+.ct-02 .img-block {
+  margin-right: 30px;
+}
+
+.ct-03 .img-block.right-column {
+  margin-left: 20px;
+}
+
+.ct-03 .img-block.left-column {
+  margin-right: 20px;
+}
+
+.ct-04 .img-block img {
+  max-width: none;
+  display: inline-block;
+}
+
+.ct-06 .img-block {
+  margin-bottom: -80px;
+}
+
+.ct-07 .img-block {
+  margin-top: -80px;
+}
+
+.img-block-txt,
+.img-block-btn {
+  margin-top: 60px;
+}
+
+.bc-1-wrapper .img-block.left-column,
+.bc-2-wrapper .img-block.left-column {
+  padding-right: 10px;
+}
+
+.bc-1-wrapper .img-block.right-column,
+.bc-2-wrapper .img-block.right-column {
+  padding-left: 10px;
+}
+
+.bc-2-img {
+  margin-left: 15px;
+}
+
+.bc-3-img {
+  margin: 0 -65% -25px 15px;
+}
+
+.bc-4-img {
+  margin-left: 15px;
+  margin-right: -65%;
+}
+
+.bc-6-img {
+  padding: 50px 30px 0;
+  margin-bottom: 35px;
+}
+
+.ct-11 .img-block {
+  position: relative;
+  text-align: center;
+  padding-left: 70px;
+  z-index: 2;
+}
+
+.ct-12 .img-block {
+  position: relative;
+  text-align: center;
+  padding-right: 70px;
+  z-index: 2;
+}
+
+.ct-11 .img-block .tra-bkg,
+.ct-12 .img-block .tra-bkg {
+  opacity: 0;
+  -moz-opacity: 0; 
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+} 
+
+
+
+
+/* ==========================================================================
+  09. STATISTIC
+  =========================================================================== */
+
+.sb-rounded .statistic-block {
+  padding: 35px 25px;
+}
+
+/*------------------------------------------*/
+/*  STATISTIC BLOCK
+/*------------------------------------------*/
+
+#sb-2-1,
+#sb-2-2 {
+  width: 48%;
+  display: inline-block;
+  float: left;
+}
+
+#sb-2-3, #sb-2-4 {
+  display: inline-block;
+  float: left;
+  padding-right: 15px;
+} 
+
+#sb-2-3 { width: 45%; }
+#sb-2-4 { width: 55%; }
+
+#sb-2-3 .statistic-block,
+#sb-2-4 .statistic-block {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+#sb-2-3 .statistic-block-txt,
+#sb-2-4 .statistic-block-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+  padding-left: 15px;
+}
+
+/*------------------------------------------*/
+/*  STATISTIC BLOCK TYPOGRAPHY
+/*------------------------------------------*/
+
+.statistic-1-wrapper .statistic-block-digit {   
+  width: 35%;
+  display: inline-block!important;  
+  float: left;
+}
+
+.statistic-1-wrapper .statistic-block-txt {
+  width: 65%;
+  display: inline-block!important;
+  padding-left: 20px;
+}
+
+#statistic-5 .statistic-digit {
+  padding-bottom: 20px;
+  margin: 0 100px 20px 0;
+  border-bottom: 1px solid #999;
+}
+
+#statistic-5 .color--white .statistic-digit {
+  border-bottom: 1px solid rgba(255, 255, 255, .8);
+}
+
+/*------------------------------------------*/
+/*  STATISTIC BLOCK TYPOGRAPHY
+/*------------------------------------------*/
+
+.statistic-ico {
+  margin-bottom: 10px;
+}
+
+h2.statistic-number {
+  line-height: 1; 
+  font-weight: 700;
+  letter-spacing: -1px;
+  margin-bottom: 0;
+}
+
+#sb-2-1 h2.statistic-number,
+#sb-2-2 h2.statistic-number {
+  margin-bottom: 15px;
+}
+
+#sb-2-3 h2.statistic-number span,
+#sb-2-4 h2.statistic-number span {
+  font-size: 2rem;
+}
+
+#statistic-5 .statistic-digit h2 {
+  letter-spacing: -1.5px;
+}
+
+#statistic-5 .statistic-txt h5 {
+  line-height: 1;
+  margin-bottom: 12px;
+}
+
+.statistic-block-txt p.p-md {
+  line-height: 1.35;
+  margin-bottom: 0;
+}
+
+#sb-2-1 .statistic-block p.p-sm,
+#sb-2-2 .statistic-block p.p-sm {
+  line-height: 1.4;
+  margin-bottom: 0;
+}
+
+#sb-2-3 .statistic-block p.p-sm,
+#sb-2-4 .statistic-block p.p-sm {
+  margin-top: 3px;
+  line-height: 1.5;
+  margin-bottom: 0;
+}
+
+.statistic-3-wrapper p {
+  line-height: 1;
+  margin-top: 15px;
+  margin-bottom: 0;
+}
+
+.statistic-3-wrapper p.p-md {
+  line-height: 1;
+  margin-top: 22px;
+  margin-bottom: 0;
+}
+
+.statistic-4-wrapper p {
+  line-height: 1;
+  margin-bottom: 14px;
+}
+
+#statistic-5 .statistic-txt p {
+  padding-right: 3%;
+  margin-bottom: 0;
+}
+
+.txt-block-stat .statistic-block .txt-block-rating {
+  margin-top: -4px;
+  margin-bottom: -3px;
+}
+
+.txt-block-stat .ico-15 [class*="flaticon-"]:before, 
+.txt-block-stat .ico-15 [class*="flaticon-"]:after { font-size: 0.8125rem; }
+
+
+
+
+/* ==========================================================================
+  10. PROJECTS
+  ========================================================================== */
+
+.projects-wrapper {
+  padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  PROJECT DETAILS
+/*------------------------------------------*/
+
+#pt-1-1, #pt-1-2,
+.inner-page-hero #pt-1-3, 
+.inner-page-hero #pt-1-4 {
+  margin-bottom: 50px;
+}
+
+.project-details h5 {
+  line-height: 1;
+  margin-bottom: 30px;
+}
+
+.project-preview {
+  position: relative;
+  overflow: hidden;
+}
+
+/*------------------------------------------*/
+/*  Image Link
+/*------------------------------------------*/
+
+.project-link {
+  width: 100%;
+  position: absolute;
+  top: 55%;
+  transform: translateY(-50%);
+  opacity: 0;
+  text-align: center;
+  color: #fff;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  Image Hover Overlay
+/*------------------------------------------*/
+
+.hover-overlay {
+  width: 100%;
+  height: auto;
+  overflow: hidden;
+  position: relative; 
+}
+
+.hover-overlay img {
+  transform: scale(1);
+  -ms-transform: scale(1);
+  -webkit-transform: scale(1);
+  -o-transform: scale(1);
+  -moz-transform: scale(1);
+  overflow: hidden;
+  -webkit-transition: transform 400ms;
+  -moz-transition: transform 400ms;
+  -o-transition: transform 400ms;
+  transition: transform 400ms;
+}
+
+/*------------------------------------------*/
+/*    Overlay Background 
+/*------------------------------------------*/ 
+
+.item-overlay {
+  opacity: 0;
+  -moz-opacity: 0; 
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(20, 20, 20, .25);
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  Image Hover Effect 
+/*------------------------------------------*/ 
+
+.project-preview:hover img {
+  transform: scale(1.05);
+  -ms-transform: scale(1.05);
+  -webkit-transform: scale(1.05);
+  -o-transform: scale(1.05);
+  -moz-transform: scale(1.05);
+}
+
+.project-preview:hover .project-link {
+  top: 50%;
+  opacity: 1; 
+  -moz-opacity: 1; 
+}
+
+.project-preview:hover .item-overlay {
+  opacity: 1; 
+  -moz-opacity: 1; 
+}
+
+/*------------------------------------------*/
+/*  MORE PROJECTS BUTTON
+/*------------------------------------------*/ 
+
+.more-projects {
+  text-align: center;
+  margin-top: 70px;
+}
+
+
+
+
+/* ==========================================================================
+  11. PROJECT DETAILS
+  ========================================================================== */
+
+.single-project .project-title {
+  margin-bottom: 80px;
+}
+
+.project-title h2 {
+  padding-right: 5%;
+  padding-bottom: 40px;
+  margin-bottom: 35px;
+  border-bottom: 1px solid #ddd;
+}
+
+.project-data p {
+  margin-bottom: 4px;
+}
+
+.project-data p span {
+  color: #353f4f;
+  font-weight: 500;
+}
+
+/*------------------------------------------*/
+/*  MORE PROJECTS BUTTON
+/*------------------------------------------*/
+
+.project-description .more-projects {
+  margin-top: 65px;
+}
+
+.project-description .more-projects h3 {
+  display: inline-block;
+  text-decoration: underline;
+  margin-bottom: 0;
+}
+
+.project-description .more-projects span {
+  color: #353f4f;
+  position: relative;
+  top: 2px;
+  left: 5px;
+}
+
+
+
+
+/* ==========================================================================
+  12. RATING
+  =========================================================================== */
+
+.rating-section .rating-1-wrapper {
+  padding: 0 16%;
+}
+
+.rating-section .rating-2-wrapper {
+  padding: 0 4%;
+}
+
+.rating-title {
+  text-align: center;
+}
+
+.rating-title h5 {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  RATING BOX
+/*------------------------------------------*/
+
+.rbox-1,
+.rbox-2 {
+  text-align: center;
+}
+
+/*------------------------------------------*/
+/*  RATING BOX LOGO
+/*------------------------------------------*/
+
+.rbox-1-img {
+  margin-bottom: 20px;
+}
+
+.rbox-1-img img {
+  width: auto;
+  max-width: inherit;
+  max-height: 38px;
+}
+
+.rbox-2-txt img {
+  position: relative;
+  display: inline-block;
+  width: auto;
+  max-width: inherit;
+  max-height: 30px;
+  top: -1px;
+  left: 4px;
+}
+
+/*------------------------------------------*/
+/*  RATING BOX TYPOGRAPHY
+/*------------------------------------------*/
+
+.rbox-2-txt {
+  margin-top: 20px;
+}
+
+.rbox-1 .star-rating {
+  display: inline-block;
+  font-size: 17px;
+  line-height: 15px;
+  font-weight: 500;
+  vertical-align: inherit;
+  border: 1px solid #f5f5f5;
+  padding: 5px 18px;
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+}
+
+.rbox-1 .star-rating span {
+  position: relative;
+  color: #ffb30c;
+  top: 1.5px;
+}
+
+.rbox-1 .star-rating { 
+  font-size: 0.86rem; 
+  line-height: 1; 
+}
+
+p.rbox-2-txt {
+  line-height: 22px;
+  margin-top: 8px;
+  margin-bottom: 0;
+}
+
+p.rbox-2-txt span {
+  font-weight: 500;
+}
+
+
+
+
+/* ==========================================================================
+  13. TESTIMONIALS
+  =========================================================================== */
+
+.reviews-2-wrapper {
+  padding: 0 10px;
+}
+
+.reviews-3-wrapper {
+  padding: 0 20px;
+}
+
+.reviews-4-wrapper,
+.reviews-5-wrapper {
+  padding-left: 40px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL
+/*------------------------------------------*/
+
+.review-1 { 
+  padding: 40px 40px 30px;
+  margin: 0 10px 30px;                                
+}
+
+.review-1.block-border {
+  border-color: #d2d2d2;
+}
+
+.review-2 { 
+  padding: 45px 50px 35px;
+}
+
+.review-3 { 
+  padding: 45px 50px 40px;
+}
+
+.review-4 { 
+  padding: 40px 45px 30px;
+}
+
+.review-5 { 
+  padding: 45px 45px 40px;
+}
+
+#rw-2-1, #rw-2-2 {
+  margin-bottom: 20px;
+}
+
+.inner-page-hero #rw-2-3, .inner-page-hero #rw-2-4 {
+  margin-bottom: 20px;
+}
+
+#rw-3-2 {
+  margin-bottom: 45px;
+}
+
+#rw-3-2, #rw-3-3 {
+  margin-left: 15px;
+}
+
+#rw-4-1,
+#rw-5-1 {
+  margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL TEXT
+/*------------------------------------------*/
+
+.review-ico {   
+  position: relative;
+  margin-top: -25px;
+  margin-left: -10px;
+  opacity: .1;
+}
+
+.review-txt {
+  position: relative;
+  margin-top: -45px;
+}
+
+.review-txt h6 {
+  margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL DATA
+/*------------------------------------------*/ 
+
+.review-1 .author-data {
+  margin-top: 22px;
+}
+
+.review-2 .author-data {
+  margin-top: 15px;
+}
+
+.review-3 .author-data {
+  margin-top: 20px;
+}
+
+.review-avatar {
+  margin: 0 auto; 
+  float: left;
+}
+
+.review-avatar img,
+.owl-item .review-avatar img {
+  width: 54px;
+  height: 54px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+}
+
+.review-2 .review-avatar img {
+  width: 64px;
+  height: 64px;
+}
+
+.review-3 .review-avatar img,
+.review-5 .review-avatar img {
+  width: 62px;
+  height: 62px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL AUTHOR
+/*------------------------------------------*/ 
+
+.review-author {
+  position: relative;
+  display: inline-block;
+  text-align: left;
+  padding: 0 0 0 15px;
+}
+
+.review-1 .review-author {
+  margin-top: 4px;
+}
+
+.review-2 .review-author {
+  margin-top: 10px;
+}
+
+.review-3 .review-author {
+  margin-top: 8px;
+} 
+
+.review-5 .review-author {
+  margin-top: 8px;
+}   
+
+.review-4 .review-author {
+  padding-left: 0;
+  margin-top: 0;
+} 
+
+.review-author h6 {
+  line-height: 1;
+  margin-bottom: 8px;
+}
+
+.review-1 .review-author h6 {
+  font-size: 0.975rem;
+}
+
+.review-author p {
+  line-height: 1;
+  font-weight: 300;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL CAROUSEL DOTS
+/*------------------------------------------*/
+
+.reviews-section button {
+  background-color: transparent;
+  border: none;
+  padding: 0 2px;
+}
+
+.owl-theme .owl-dots .owl-dot span {
+  margin: 0 7px;
+}
+
+.owl-dots button:focus {
+  outline: none;
+  text-decoration: none;
+}
+
+
+
+
+/* ==========================================================================
+  14. PRESS
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  PRESS LOGO
+/*------------------------------------------*/ 
+
+.press-logo img {
+  position: relative;
+  width: auto;
+  max-width: inherit;
+  max-height: 82px;
+}
+
+/*------------------------------------------*/
+/*  PRESS TEXT
+/*------------------------------------------*/ 
+
+.press-txt {
+  position: relative;
+  margin-top: 15px;
+}
+
+.press-txt p {
+  color: #999;
+  font-weight: 400;
+  margin-bottom: 0;
+}
+
+.press-txt span {   
+  position: relative;
+  top: 3px;
+  left: -1px;
+  opacity: .6;
+}
+
+.press-txt.ico-20 [class^="flaticon-"]:before, 
+.press-txt.ico-20 [class^="flaticon-"]:after {
+  font-size: 1.375rem;
+}
+
+
+
+
+/* ==========================================================================
+  15. BRANDS
+  =========================================================================== */
+
+#brands-3 {
+  position: relative;
+}
+
+#brands-3:after {
+  position: absolute;
+  content: '';
+  width: 100%;
+  height: 80%;
+  top: 0;
+  left: 0;
+  z-index: -1;
+}
+
+/*------------------------------------------*/
+/*  BRANDS SECTION TITLE
+/*------------------------------------------*/ 
+
+.brands-title {
+  text-align: center;
+  padding: 0 5%;
+}
+
+.brands-title h4,
+.brands-title h3,
+.brands-title h2 {
+  margin-bottom: 8px;
+}
+
+.brands-title p {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  BRANDS LOGO WRAPPER
+/*------------------------------------------*/ 
+
+.brands-3-wrapper {
+  padding: 50px 30px;
+  background-color: #fff;
+  border: 1px solid #e9ecef;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px; 
+}
+
+/*------------------------------------------*/
+/*  BRANDS LOGO IMAGE
+/*------------------------------------------*/ 
+
+.brand-logo {
+  overflow: hidden;
+  position: relative;
+  top: 0;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+} 
+
+#brands-1 .brands-carousel-5 .brand-logo {
+  padding: 0 30px;
+} 
+
+#brands-1 .brands-carousel-6 .brand-logo {
+  padding: 0 20px;
+}   
+
+#brands-1 .justify-content-center .brand-logo {
+  padding: 0 15px;
+} 
+
+#brands-2 .brand-logo {
+  padding: 0;
+} 
+
+#brands-3 .brand-logo {
+  padding: 0 25px;
+}
+
+#brands-3 .brands-3-static .brand-logo {
+  padding: 0 15px;
+}
+
+#brands-4 .brand-logo {
+  padding: 0 20px;
+} 
+
+.brand-logo:hover {
+  top: -6px;
+}
+
+.brands-section .more-btn {
+  text-align: center;
+  margin-top: 40px;
+}
+
+.hero-section .owl-dots,
+.brands-section .owl-dots {
+  display: none;
+}
+
+
+
+
+/* ==========================================================================
+  16. INTEGRATIONS
+  =========================================================================== */
+
+.integrations-2-wrapper {
+  padding: 80px 70px;
+}
+
+.in_tool_logo {
+  padding: 50px 30px;
+  margin-bottom: 25px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.integrations-1-wrapper .in_tool-logo {
+  position: relative;
+  margin-right: 20px;
+}
+
+.integrations-1-wrapper .in_tool {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+  padding: 22px 20px;
+  border: 1px solid #ccc;
+}
+
+.integrations-1-wrapper .in_tool-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.in_tool h6 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.integrations-1-wrapper .in_tool-txt h6 {
+  margin-top: 5px;
+}
+
+.integrations-1-wrapper .in_tool-txt p {
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+.integrations-1-wrapper .in_tool:hover {
+  border-color: transparent;
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+}
+
+
+
+
+/* ==========================================================================
+  17. PRICING
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  Price Table
+/*------------------------------------------*/
+
+.p-table {
+  margin-bottom: 40px;
+}
+
+.pricing-1-table { 
+  padding: 50px 38px 45px; 
+}
+
+.text-center .pricing-1-table {
+  padding: 60px 35px 50px; 
+}
+
+.pricing-2-table { 
+  padding: 45px 38px 50px; 
+}
+
+.pricing-3-table { 
+  padding: 50px 40px; 
+}
+
+.pricing-4-table {
+  position: relative;
+  padding: 45px;
+}
+
+#pt-4-1 { margin: 0 10px 40px 50px; }
+#pt-4-2 { margin: 0 50px 40px 10px; }
+
+/*------------------------------------------*/
+/*  TABLE HEADER 
+/*------------------------------------------*/
+
+.pricing-table-header {
+  position: relative;
+}
+
+.pricing-table-header h5 {
+  margin-bottom: 30px;
+}
+
+.pricing-table-header h4 {
+  margin-bottom: 25px;
+}
+
+/*------------------------------------------*/
+/*  PRICING TABLE DISCOUNT
+/*------------------------------------------*/
+
+.pricing-discount {
+  position: absolute;
+  top: -2px;
+  right: -10px;
+  padding: 8px 18px;
+}
+
+.pricing-1-table .pricing-discount {
+  top: -2px;
+  right: -5px;
+  padding: 7px 13px;
+}
+
+.text-center .pricing-1-table .pricing-discount {
+  top: -35px;
+  right: -8px;
+}
+
+.pricing-discount h6 {
+  font-size: 1.1rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.pricing-1-table .pricing-discount h6 {
+  font-size: 0.915rem;
+}
+
+.price.color--black .white--color {
+  color: #fff;
+}
+
+.comp-table .table thead th {
+  border-color: #ccc;
+}
+
+.comp-table tbody th {
+  border-bottom: 1px solid #ccc!important;
+}
+
+.comp-table .table tr td {
+  border-bottom: 2px solid #ccc;
+}
+
+/*------------------------------------------*/
+/*  PRICE
+/*------------------------------------------*/
+
+.price span {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 3rem;
+  line-height: 1;
+  font-weight: 600;
+  letter-spacing: -2px;
+} 
+
+.pricing-2-table.highlight .price span {
+  font-size: 2.4rem;
+  letter-spacing: -1px;
+} 
+
+.pricing-3-table .price span {
+  font-size: 4.35rem;
+} 
+
+.pricing-4-table .price span {
+  font-size: 3.15rem;
+} 
+
+/*------------------------------------------*/
+/*  DOLLAR SIGN
+/*------------------------------------------*/
+
+.price sup {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 2.05rem;
+  font-weight: 600;
+  top: -5px;
+  right: 2px;
+  letter-spacing: -1px;
+}
+
+.pricing-3-table .price sup {
+  font-size: 2.35rem;
+  top: -23px;
+  right: 3px;
+}
+
+.pricing-4-table .price sup {
+  font-size: 2.05rem;
+  top: -10px;
+  right: 2px;
+}
+
+/*------------------------------------------*/
+/*  COINS
+/*------------------------------------------*/
+
+.pricing-3-table .price sup.coins {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 2.35rem;
+  font-weight: 600;
+  top: -29px;
+  left: 3px;
+  letter-spacing: -2px;
+}
+
+/*------------------------------------------*/
+/*  Validity
+/*------------------------------------------*/
+
+.price sup.validity {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 1.4rem;
+  font-weight: 400;
+  top: -2px;
+  left: 0;
+}
+
+.pricing-3-table .price sup.validity {
+  display: block;
+  font-size: 1.1875rem;
+  top: 0;
+  margin-top: 20px;
+  margin-bottom: 30px;
+  letter-spacing: 0;
+  margin-bottom: 40px;
+}
+
+/*------------------------------------------*/
+/*  Text
+/*------------------------------------------*/
+
+.price p {
+  margin-top: 25px;
+  margin-bottom: 25px;
+}
+
+.pricing-2-table .price p {
+  margin-bottom: 15px;
+}
+
+.text-center .price p {
+  padding: 0 2%;
+}
+
+.pricing-section .btn-txt a {
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  PRICING TABLE HORIZONTAL LINE
+/*------------------------------------------*/
+
+.pricing-1-table hr {
+  margin-top: 35px;
+}
+
+.pricing-2-table hr {
+  margin-top: 25px;
+}
+
+/*------------------------------------------*/
+/*  PRICING FEATURES
+/*------------------------------------------*/
+
+.pricing-features li {
+  padding: 11px 8px;
+}
+
+.pricing-4-table .pricing-features li {
+  padding: 10px;
+} 
+
+.pricing-features li p {
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 0;
+}
+
+.pricing-features li p span {
+  position: relative;
+  top: -2px;
+  right: 5px;
+}
+
+.pricing-features.ico-10 li p span {
+  top: 0;
+  right: 4px;
+}
+
+.pricing-features.ico-5 [class*="flaticon-"]:before, 
+.pricing-features.ico-5 [class*="flaticon-"]:after { font-size: 0.5rem; }
+
+.pricing-features li.disabled-option p,
+.pricing-features li.disabled-option span {
+  color: #b5b5b5!important;
+}
+
+/*------------------------------------------*/
+/*  PRICING TABLE BUTTON
+/*------------------------------------------*/
+
+.pt-btn {
+  display: block;
+  width: 100%;
+  margin-top: 25px;
+}
+
+.p-table p.btn-txt {
+  margin: 14px 0 0 0;
+}
+
+/*------------------------------------------*/
+/*  PRICING TOGGLE BUTTON
+/*------------------------------------------*/
+
+.ext-toggle-btn {
+  text-align: center;
+}
+
+.toggle-btn.inn-toggle-btn {
+  position: absolute;
+}
+
+#pricing-4 .ext-toggle-btn {
+  margin: 0 50px 35px 10px;
+}
+
+/*------------------------------------------*/
+/*  TOGGLE BUTTON TYPOGRAPHY
+/*------------------------------------------*/
+
+.toggle-btn-md .toggler-txt {
+  font-size: 1.1rem;
+  font-weight: 400;
+  line-height: 36px;
+}
+
+.toggle-btn-lg .toggler-txt {
+  font-size: 1.15rem;
+  font-weight: 400;
+  line-height: 40px;
+}
+
+.toggle-btn p {
+  margin-top: 10px;
+  letter-spacing: -0.25px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TOGGLE BUTTON SWITCHER
+/*------------------------------------------*/
+
+.switch-wrap {
+  position: relative;
+  display: inline-block;
+  min-width: 50px;
+  height: 32px;
+  vertical-align: middle;
+}
+
+.toggle-btn-md .switch-wrap {
+  min-width: 65px;
+  height: 36px;
+  margin: 0 8px;
+}
+
+.toggle-btn-lg .switch-wrap {
+  min-width: 70px;
+  height: 40px;
+  margin: 0 14px;
+}
+
+.switcher {
+  display: block;
+  cursor: pointer;
+  color: #fff;
+  font-size: 0.925rem;
+  font-weight: 500;
+  height: 32px;
+  padding: 0 15px 0 35px;
+  position: relative;
+  border-radius: 32px;
+  -webkit-transition: all 150ms ease-in-out;
+  -moz-transition: all 150ms ease-in-out;
+  -o-transition: all 150ms ease-in-out;
+  -ms-transition: all 150ms ease-in-out;
+  transition: all 150ms ease-in-out;
+}
+
+.toggle-btn-md .switcher {
+  height: 36px;
+  padding: 0 20px 0 40px;
+  border-radius: 36px;
+}
+
+.toggle-btn-lg .switcher {
+  height: 40px;
+  padding: 0 20px 0 40px;
+  border-radius: 40px;
+}
+
+.switcher.bg--tra-white {
+  background-color: #fff;
+  border: 2px solid #ccc;
+}
+
+.switcher.bg--ghost-white {
+  background-color: rgba(128, 143, 174, .45);
+  border: 2px solid rgba(128, 143, 174, .15);
+}
+
+.switcher.bg--grey {
+  background-color: #ccc;
+  border: 2px solid #ccc;
+}
+
+.switcher .show-annual, 
+.switcher .show-monthly {
+  line-height: 32px;
+}
+
+.toggle-btn-md .switcher .show-annual,
+.toggle-btn-md .switcher .show-monthly {
+  line-height: 36px;
+}
+
+.toggle-btn-lg .switcher .show-annual,
+.toggle-btn-lg .switcher .show-monthly {
+  line-height: 40px;
+}
+
+.switcher .show-monthly {
+  display: block;
+}
+
+.switcher .show-annual {
+  display: none;
+}
+
+.switcher:before {
+  position: absolute;
+  left: 4px;
+  bottom: 4px;
+  content: " ";
+  background-color: #fff;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out;
+}
+
+.toggle-btn-md .switcher:before {
+  left: 5px;
+  bottom: 5px;
+  width: 26px;
+  height: 26px;
+}
+
+.toggle-btn-lg .switcher:before {
+  left: 5px;
+  bottom: 5px;
+  width: 30px;
+  height: 30px;
+}
+
+.switcher.bg--grey:before,
+.switcher.bg--tra-white:before,
+.switcher.bg--ghost-white:before {
+  background-color: #ccc;
+  left: 4px;
+  bottom: 3.5px;
+  -webkit-box-shadow: 0 1px 1px 0 #aaa;
+  -moz-box-shadow: 0 1px 1px 0 #aaa;
+  box-shadow: 0 1px 1px 0 #aaa;
+}
+
+.switcher.bg--grey:before,
+.switcher.bg--ghost-white:before {
+  background-color: #fff;
+}
+
+.switch-wrap input {
+  display: none;
+}
+
+.switch-wrap input:checked + .switcher {
+  padding: 0 35px 0 15px;
+}
+
+.toggle-btn-md .switch-wrap input:checked + .switcher,
+.toggle-btn-lg .switch-wrap input:checked + .switcher {
+  padding: 0 40px 0 20px;
+}
+
+.switch-wrap input:checked + .switcher.switcher--blue-500 { background-color: #185abd; border-color: #185abd; }
+.switch-wrap input:checked + .switcher.switcher--blue-400 { background-color: #1680fb; border-color: #1680fb; }
+.switch-wrap input:checked + .switcher.switcher--blue-300 { background-color: #3eb1ff; border-color: #3eb1ff; }
+
+.switch-wrap input:checked + .switcher.switcher--green-500 { background-color: #00a14e; border-color: #00a14e; }
+.switch-wrap input:checked + .switcher.switcher--green-400 { background-color: #0fbc49; border-color: #0fbc49; }
+.switch-wrap input:checked + .switcher.switcher--green-300 { background-color: #6fd792; border-color: #6fd792; }
+
+.switch-wrap input:checked + .switcher.switcher--pink-500 { background-color: #ff149c; border-color: #ff149c; }
+.switch-wrap input:checked + .switcher.switcher--pink-400 { background-color: #f74780; border-color: #f74780; }
+.switch-wrap input:checked + .switcher.switcher--pink-300 { background-color: #fcb5cc; border-color: #fcb5cc; }
+
+.switch-wrap input:checked + .switcher.switcher--purple-500 { background-color: #663ae9; border-color: #663ae9; }
+.switch-wrap input:checked + .switcher.switcher--purple-400 { background-color: #7b5dd6; border-color: #7b5dd6; }
+.switch-wrap input:checked + .switcher.switcher--purple-300 { background-color: #bdaeea; border-color: #bdaeea; }
+
+.switch-wrap input:checked + .switcher.switcher--red-500 { background-color: #da0f29; border-color: #da0f29; }
+.switch-wrap input:checked + .switcher.switcher--red-400 { background-color: #ff1e1a; border-color: #ff1e1a; }
+.switch-wrap input:checked + .switcher.switcher--red-300 { background-color: #ffa5a3; border-color: #ffa5a3; }
+
+.switch-wrap input:checked + .switcher.switcher--violet-500 { background-color: #c73e9b; border-color: #c73e9b; }
+.switch-wrap input:checked + .switcher.switcher--violet-400 { background-color: #be6cbe; border-color: #be6cbe; }
+.switch-wrap input:checked + .switcher.switcher--violet-300 { background-color: #e2bde2; border-color: #e2bde2; }
+
+.switch-wrap input:checked + .switcher.switcher--yellow-500 { background-color: #ffba01; border-color: #ffba01; }
+.switch-wrap input:checked + .switcher.switcher--yellow-400 { background-color: #ffbd45; border-color: #ffbd45; }
+.switch-wrap input:checked + .switcher.switcher--yellow-300 { background-color: #ffdf35; border-color: #ffdf35; }
+
+.switch-wrap input:checked + .switcher:before {
+  left: auto;
+  right: 4px;
+  -webkit-transition: all 350ms ease-in-out;
+  -moz-transition: all 350ms ease-in-out;
+  -o-transition: all 350ms ease-in-out;
+  -ms-transition: all 350ms ease-in-out;
+  transition: all 350ms ease-in-out;
+}
+
+.switch-wrap input:checked + .switcher.bg--tra-white:before {
+  bottom: 3px;
+  background-color: #fff;
+  -webkit-box-shadow: 0 0;
+  -moz-box-shadow: 0 0;
+  box-shadow: 0 0;
+}
+
+.switch-wrap input:checked + .switcher .show-annual {
+  display: block;
+}
+
+.switch-wrap input:checked + .switcher .show-monthly {
+  display: none;
+}
+
+/*------------------------------------------*/
+/*  PRICING NOTICE TEXT
+/*------------------------------------------*/
+
+.pricing-notice {
+  text-align: center;
+  margin-top: 20px;
+}
+
+.pricing-notice p {
+  padding: 0 8%;
+  margin-bottom: 0;
+}
+
+.pricing-notice p span {
+  font-weight: 500;
+}
+
+/*------------------------------------------*/
+/*  COMPARE PRICING TABLE
+/*------------------------------------------*/
+
+.table>:not(caption)>*>* {
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+
+.comp-table .pricing-header {
+  max-width: 700px;
+}
+
+.comp-table .table-responsive thead th {
+  font-size: 1.15rem;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-weight: 600;
+}
+
+.comp-table .table-responsive tbody th {
+  font-size: 1rem;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-weight: 600;
+}
+
+.comp-table .table-responsive tbody td {
+  position: relative;
+  font-size: 1rem;
+  line-height: inherit;
+  top: 1px;
+}
+
+.comp-table .table-responsive tbody td span {
+  position: relative;
+  top: 1px;
+}
+
+.table-responsive .ico-15 [class*="flaticon-"]:before, 
+.table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+.table-responsive .ico-20 [class*="flaticon-"]:before, 
+.table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.95rem; }
+
+.comp-table .table-responsive tbody tr {
+  background-color: #fff;
+  -moz-transition: all 350ms ease-in-out;
+  -o-transition: all 350ms ease-in-out;
+  -ms-transition: all 350ms ease-in-out;
+  transition: all 350ms ease-in-out;
+}
+
+.comp-table .table tbody tr.table-last-tr {
+  border-color: transparent;
+}
+
+.comp-table .table-responsive tbody tr:hover {
+  background-color: #f7f7f9;
+}
+
+.comp-table .disabled-option {
+  color: #999;
+}
+
+/*------------------------------------------*/
+/*  PRICING COMPARE PAYMENT
+/*------------------------------------------*/
+
+.comp-table-payment h6 {
+  margin-bottom: 20px;
+}
+
+.comp-table-payment p {
+  margin-bottom: 0;
+}
+
+
+
+
+/* ==========================================================================
+  18. TEAM
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  TEAM MEMBER
+/*------------------------------------------*/
+
+#tm-2-1, #tm-2-4, #tm-2-7, #tm-2-10 { margin-right: 14px; }
+#tm-2-2, #tm-2-5, #tm-2-8, #tm-2-11 { margin-left: 7px; margin-right: 7px; }
+#tm-2-3, #tm-2-6, #tm-2-9, #tm-2-12 { margin-left: 14px; }
+
+/*------------------------------------------*/
+/*  TEAM MEMBER PHOTO
+/*------------------------------------------*/
+
+.team-member-photo {
+  position: relative;
+  overflow: hidden;
+  text-align: center;
+  margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  PHOTO HOVER ZOOM
+/*------------------------------------------*/ 
+
+.team-member:hover img {
+  transform: scale(1.05);
+  -ms-transform: scale(1.05);
+  -webkit-transform: scale(1.05);
+  -o-transform: scale(1.05);
+  -moz-transform: scale(1.05);
+}
+
+.team-member:hover .item-overlay {
+  opacity: .45; 
+  -moz-opacity: .45; 
+}
+
+/*------------------------------------------*/
+/*  TEAM MEMBER TYPOGRAPHY
+/*------------------------------------------*/
+
+.team-member-data {
+  position: relative;
+  margin-left: 5px;
+}
+
+.team-member-data h6.s-20 {
+  margin-bottom: 8px;
+}
+
+.team-member-data p {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  line-height: 1;
+  font-weight: 400;
+  letter-spacing: 0;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  Team Member Social Links
+/*------------------------------------------*/
+
+ul.tm-social {
+  position: absolute;
+  top: -1px;
+  right: 8px;
+  -webkit-transition: all 0.3s ease-out;
+  -o-transition: all 0.3s ease-out;
+  transition: all 0.3s ease-out;  
+}
+
+#team-1 ul.tm-social {
+  right: 5px;
+}
+
+ul.tm-social li {
+  width: auto !important;
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  padding: 0;
+  margin-left: 10px;
+  opacity: .6;
+  -webkit-transition: all 0.5s ease-out;
+  -o-transition: all 0.5s ease-out;
+  transition: all 0.5s ease-out;  
+}
+
+.tm-social.ico-20 [class*="flaticon-"]:before, 
+.tm-social.ico-20 [class*="flaticon-"]:after { font-size: 1.15rem; }
+
+
+
+
+/* ==========================================================================
+  19. CAREERS
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  ROLE BOX
+/*------------------------------------------*/
+
+.role-box {
+  border: 1px solid #d2d2d2;
+  padding: 25px 35px;
+  margin-bottom: 30px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.role-box.bg--white-200,
+.role-box.bg--white-300 {
+  border: 1px solid transparent;
+}
+
+.role-box:hover {
+  border-color: transparent;
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+}
+
+/*------------------------------------------*/
+/*  ROLE BOX TEXT
+/*------------------------------------------*/
+
+.role-box span {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  display: block;
+  font-size: 0.8rem;
+  line-height: 1;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  margin-bottom: 14px;
+}
+
+.role-box h6 {
+  margin-bottom: 6px;
+}
+
+.role-box p {
+  margin-bottom: 0;
+}
+
+
+
+
+/* ==========================================================================
+  20. CAREER ROLE
+  =========================================================================== */
+
+#role-page .inner-page-title {
+  text-align: left;
+  margin-bottom: 50px;
+}
+
+#role-page .inner-page-title span {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  display: block;
+  font-size: 0.9rem;
+  line-height: 1;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  margin-bottom: 35px;
+}
+
+.role-info hr {
+  margin: 50px 0;
+}
+
+#role-page .cbox-6-wrapper {
+  margin: 45px 0;
+}
+
+.role-info h5 {
+  margin-bottom: 25px;
+}
+
+.role-info p a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.txt-block.role-info .btn {
+  display: block;
+  margin-top: 50px;
+}
+
+
+
+
+/* ==========================================================================
+  21. BANNER
+  =========================================================================== */
+
+.banner-overlay {
+  width: 100%;
+  height: 100%;
+}
+
+#banner-11 {
+  margin-top: 50px;
+}
+
+#banner-12 {
+  margin-top: 40px;
+  margin-bottom: 10px;
+}
+
+/*------------------------------------------*/
+/*  BANNER WRAPPER
+/*------------------------------------------*/
+
+.banner-1-wrapper,
+.banner-2-wrapper,
+.banner-3-wrapper {
+  position: relative;
+  overflow: hidden;
+  text-align: center;
+} 
+
+.banner-1-wrapper .banner-overlay {
+  padding: 75px 15% 85px;
+}
+
+.banner-2-wrapper .banner-overlay {
+  padding: 80px 15% 90px;
+}
+
+.banner-3-wrapper .banner-overlay {
+  padding: 75px 20% 85px;
+}
+
+.banner-11-wrapper .banner-overlay {
+  padding: 10px 70px 0;
+}
+
+.banner-12-wrapper .banner-overlay {
+  padding-left: 80px;
+}
+
+.banner-13-wrapper {
+  overflow: hidden;
+}
+
+.banner-13-wrapper .banner-overlay {
+  overflow: hidden;
+  padding-left: 80px;
+}
+
+.banner-16-wrapper .banner-overlay {
+  padding: 45px 22%;
+}
+
+.banner-16-wrapper.bg--white-100.block-border {
+  border-color: #ccc;
+}
+
+/*------------------------------------------*/
+/*  BANNER TEXT
+/*------------------------------------------*/
+
+.banner-12-txt {
+  margin-top: -10px;
+  padding-right: 15%;
+}
+
+.banner-13-txt {
+  padding-right: 15%;
+}
+
+/*------------------------------------------*/
+/*  BANNER TYPOGRAPHY
+/*------------------------------------------*/
+
+.banner-section .section-id {
+  font-weight: 600;
+  padding-top: 10px;
+  margin-bottom: 30px;
+}
+
+.banner-1-txt h2 {
+  margin-bottom: 15px;
+}
+
+.banner-2-txt h2 {
+  margin-bottom: 35px;
+}
+
+.banner-4-txt h2 {
+  margin-bottom: 30px;
+}
+
+.banner-7-txt h2 {
+  margin-bottom: 35px;
+}
+
+.banner-10-txt h6 {
+  font-weight: 400;
+  margin-bottom: 12px;
+}
+
+.banner-10-txt h2 {
+  margin-bottom: 25px;
+}
+
+.banner-11-txt h2,
+.banner-12-txt h2,
+.banner-13-txt h2 {
+  margin-bottom: 22px;
+}
+
+.banner-15-txt h2 {
+  margin-bottom: 45px;
+}
+
+.banner-16-txt h4 {
+  margin-bottom: 14px;
+}
+
+.banner-section p.p-lg {
+  font-size: 1.15rem; 
+  margin-bottom: 30px;
+}
+
+.banner-section p.p-xl {
+  margin-bottom: 25px;
+}
+
+.sm-title .banner-1-txt p.p-lg,
+.sm-title .banner-1-txt p.p-xl {
+  margin-top: 12px;
+  margin-bottom: 22px!important;
+}
+
+.banner-3-txt p.p-lg,
+.banner-3-txt p.p-xl,
+.banner-5-txt p.p-lg,
+.banner-5-txt p.p-xl {
+  margin-top: 20px;
+}
+
+.banner-5-txt p.s-21,
+.banner-5-txt p.s-22 {
+  margin-top: 20px;
+  margin-bottom: 26px;
+}
+
+.banner-6-txt p.p-lg,
+.banner-6-txt p.p-xl {
+  margin-top: 15px;
+  margin-bottom: 25px!important;
+}
+
+.banner-8-txt p.p-lg,
+.banner-8-txt p.p-xl {
+  margin-top: 10px;
+  margin-bottom: 0!important;
+}
+
+.banner-9-txt p.p-lg,
+.banner-9-txt p.p-xl {
+  margin-top: 20px;
+  margin-bottom: 25px!important;
+}
+
+.banner-11-txt p {
+  padding-right: 8%;
+}
+
+.banner-14-txt p.p-lg {
+  font-size: 1.25rem;
+  margin-top: 35px;
+  margin-bottom: 40px;
+}
+
+.banner-15-txt p a {
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  BANNER IMAGE
+/*------------------------------------------*/
+
+.banner-11-img {
+  margin-top: -60px;
+  margin-left: -40px;
+}
+
+.banner-12-img {
+  margin: -40px -20px -30px -40px;
+}
+
+.banner-13-img {
+  transform: rotate(-20deg);
+  margin: -60px -120px -70px -40px;
+}
+
+
+
+
+/* ==========================================================================
+  22. CALL TO ACTION / DOWNLOAD
+  =========================================================================== */
+
+.version-release {
+  margin-bottom: 80px;
+}
+
+.release-data {
+  padding-bottom: 30px;
+  border-bottom: 1px dashed #ccc;
+  margin-bottom: 30px;
+}
+
+.release-data h5 {
+  margin-bottom: 40px;
+}
+
+span.version-data {
+  color: #353f4f;
+  font-size: 2rem;
+  line-height: 1;
+  margin-right: 20px;
+  margin-bottom: 0;
+}
+
+span.release-date {
+  color: #999;
+  font-size: 1.175rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+span.release-date span {
+  color: #353f4f;
+  font-weight: 500;
+  margin-left: 20px;
+}
+
+.release-download {
+  position: absolute;
+  right: 5px;
+  bottom: 0;
+}
+
+.release-highlights .simple-list p {
+  margin-bottom: 2px;
+}
+
+
+
+
+/* ==========================================================================
+  23. FAQS
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  FAQS SECTION TITLE 
+/*------------------------------------------*/
+
+#faqs-1 .section-title {
+  margin-bottom: 50px;
+}
+
+#faqs-2 .inner-page-title {
+  margin-bottom: 55px;
+}
+
+#faqs-3 .section-title {
+  margin-bottom: 70px;
+}
+
+.faqs-3-questions .questions-holder {
+  padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  FAQS ACCORDION  
+/*------------------------------------------*/
+
+.faqs-section .accordion-item {
+  background-color: transparent!important;
+  border: none;
+  border-bottom: 1px solid #e5e5e5;
+}
+
+#faqs-2.faqs-section .accordion-item {
+  border-bottom: 1px solid #ddd;
+}
+
+.faqs-section .accordion-item.acc-last-item,
+#faqs-2.faqs-section .accordion-item.acc-last-item {
+  border-bottom: none;
+}
+
+/*------------------------------------------*/
+/*  Question
+/*------------------------------------------*/
+
+.faqs-section .accordion-thumb {
+  margin: 0;
+  padding: 25px 0;
+  cursor: pointer;
+  position: relative;
+}
+
+#faqs-2.faqs-section .accordion-thumb {
+  padding: 25px 0 30px;
+}
+
+.faqs-section .accordion-item .accordion-thumb:after,
+.faqs-section .accordion-item.is-active .accordion-thumb:after {
+  font-family: Flaticon;
+  font-weight: 300; 
+  content: "\f11a";
+  position: absolute;
+  font-size: 1rem;
+  top: 22px;
+  right: 3px;
+}
+
+#faqs-2.faqs-section .accordion-item .accordion-thumb:after,
+#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after {
+  font-size: 1rem;
+  top: 26px;
+  right: 2px;
+}
+
+.faqs-section .accordion-item.is-active .accordion-thumb:after {
+  content: "\f11b";
+}
+
+#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb {
+ border-bottom: 1px solid #e5e5e5;
+}
+
+/*------------------------------------------*/
+/*  Answer
+/*------------------------------------------*/
+
+.accordion-panel {
+  margin: 0;
+  padding: 0 0 15px 0;
+  display: none;
+}
+
+#faqs-2 .accordion-panel {
+  padding: 45px 0 15px 0;
+}
+
+.accordion-thumb h5,
+.accordion-thumb h4 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.question h5,
+.accordion-panel-item h5 {
+  margin-bottom: 20px;
+}
+
+.question h5 span,
+.accordion-thumb h5 span,
+.accordion-panel-item h5 span {
+  margin-right: 5px;
+}
+
+.question p a, 
+.accordion-panel p a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.question p.color--grey a.color--blue, 
+.accordion-panel.color--grey a.color--blue {
+  color: #1680fb!important;
+}
+
+/*------------------------------------------*/
+/*  FAQS TABS 
+/*------------------------------------------*/
+
+.faqs-section .tabs-nav { 
+  text-align: center;
+}
+
+.faqs-section .tabs-1 { 
+  display: inline-block;
+  margin: 0 auto 60px;
+}
+
+.faqs-section .tab-content {
+  display: none;
+}
+
+.faqs-section .tab-content.current {
+  display: inherit;
+}
+
+.faqs-section .tabs-1 li {
+  display: inline-block; 
+  min-width: 230px;
+  background-color: transparent;
+  border: 2px solid #ddd;
+  cursor: pointer;
+  padding: 30px 0;
+  margin: 0 6px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.faqs-section .tabs-1 li span {
+  color: #c3c4c5;
+}
+
+.faqs-section .tabs-1 li p {
+  line-height: 1;
+  font-weight: 400;
+  margin-top: 15px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TAB LINK CURRENT
+/*------------------------------------------*/
+
+.faqs-section .tabs-1 li.current,
+.faqs-section .tabs-1 li.current:hover {
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2);
+  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2);
+}
+
+.faqs-section .tabs-1 li.current p,
+.faqs-section .tabs-1 li.current span {
+  color: #fff;
+}
+
+.faqs-section .tabs--blue .tabs-1 li.current,
+.faqs-section .tabs--blue .tabs-1 li.current:hover {
+  background-color: #1680fb;
+  border-color: #1680fb!important;
+}
+
+.faqs-section .tabs--purple .tabs-1 li.current,
+.faqs-section .tabs--purple .tabs-1 li.current:hover {
+  background-color: #7b5dd6;
+  border-color: #7b5dd6!important;
+}
+
+/*------------------------------------------*/
+/*  MORE QUESTIONS LINK
+/*------------------------------------------*/
+
+.more-questions {
+  text-align: center;
+}
+
+#faqs-2 .more-questions {
+  margin: 70px auto 0; 
+}
+
+.more-questions-txt {
+  display: inline-block;
+  padding: 22px 46px;
+}
+
+.more-questions-txt p {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.more-questions-txt a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+
+
+
+/* ==========================================================================
+  24. NEWSLETTER
+  =========================================================================== */
+
+#newsletter-1 .newsletter-overlay {
+  padding-top: 60px;
+  padding-bottom: 60px;
+}  
+
+#newsletter-2 .container {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+#newsletter-2 .newsletter-overlay {
+  padding: 60px 50px;
+}
+
+#newsletter-3 {
+  margin-top: 50px;
+  margin-bottom: 50px;
+}
+
+#newsletter-4 .newsletter-overlay,
+#newsletter-5 .newsletter-overlay {
+  padding-top: 80px;
+  padding-bottom: 70px;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER TYPOGRAPHY
+/*------------------------------------------*/ 
+
+.newsletter-txt h2 {
+  margin-bottom: 35px;
+}
+
+#newsletter-4 .newsletter-txt h2 {
+  margin-bottom: 40px;
+}
+
+.newsletter-txt h4,
+.newsletter-txt h3,
+#newsletter-5 .newsletter-txt h2 {
+  margin-bottom: 0;
+}
+
+.newsletter-txt p.p-sm {
+  margin-bottom: 0;
+}
+
+#newsletter-4 .newsletter-txt p {
+  padding: 0 10%;
+}
+
+#newsletter-5 .newsletter-txt p {
+  margin-top: 20px;
+  margin-bottom: 0;
+}
+
+.newsletter-txt a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER FORM
+/*------------------------------------------*/ 
+
+#newsletter-1 .newsletter-form {
+  padding-left: 15%;
+  margin-top: 30px;
+}
+
+#newsletter-2 .newsletter-form {
+  margin-top: 25px;
+  padding-left: 12%;
+}
+
+#newsletter-4 .newsletter-form {
+  padding: 0 5%;
+}
+
+#newsletter-5 .newsletter-form {
+  margin-top: 35px;
+  padding: 0 10%;
+}
+
+/*------------------------------------------*/
+/*   Newsletter Form Input
+/*------------------------------------------*/
+
+.newsletter-section .form-control {
+  height: 56px;
+  background-color: #fff;
+  border: 1px solid #ccc;
+  font-size: 1rem;
+  color: #353f4f;
+  font-weight: 400;
+  padding: 0 15px;  
+  margin-right: 12px;
+  box-shadow: none;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  border-radius: 6px;
+}
+
+#newsletter-1.newsletter-section .form-control {
+  height: 54px;
+  font-size: 0.975rem;
+}
+
+#newsletter-5.newsletter-section .form-control {
+  height: 62px;
+  font-size: 1.0625rem;
+}
+
+.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Input Focus
+/*------------------------------------------*/
+
+.newsletter-section .form-control:focus {
+  background-color: #fff;
+  outline: 0;
+  box-shadow: none;
+  border-color: #1680fb;
+}
+
+.newsletter-section .purple-focus .form-control:focus {
+  border-color: #8863ee;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Input Placeholder
+/*------------------------------------------*/
+
+.newsletter-section .form-control::-moz-placeholder { color: #aaa; } 
+.newsletter-section .form-control:-ms-input-placeholder { color: #aaa; } 
+.newsletter-section .form-control::-webkit-input-placeholder { color: #aaa; } 
+
+/*------------------------------------------*/
+/*  Newsletter Form Button
+/*------------------------------------------*/
+
+.newsletter-section .btn {
+  display: block; 
+  width: 100%!important;
+  height: 56px;
+}
+
+#newsletter-1 .btn {
+  height: 54px;
+  font-size: 0.925rem;
+  padding: 0.7rem 1.3rem;
+}
+
+#newsletter-5.newsletter-section .btn {
+  height: 62px;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Notification
+/*------------------------------------------*/
+
+.newsletter-section .form-notification {
+  color: #3eb1ff;
+  font-size: 0.9rem;
+  font-weight: 400;
+  line-height: 1;
+  margin-top: 15px;
+  margin-left: 5px;
+}
+
+.newsletter-section .text-center .form-notification {
+  margin-left: 0;
+}
+
+.bg--color.newsletter-section .form-notification {
+  color: #fff;
+}
+
+.newsletter-section .form-notification.valid,
+.newsletter-section .form-notification.error {
+  color: #fc2f4b;
+}
+
+.newsletter-section .newsletter-form.valid {
+  color: #0fbc49;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER IMAGE
+/*------------------------------------------*/
+
+#newsletter-3 .newsletter-img {
+  margin-top: -50px;
+  margin-bottom: -50px;
+}
+
+#newsletter-3 .col-lg-6 .newsletter-img {
+  padding-left: 40px;
+}
+
+
+
+/* ==========================================================================
+  25. BLOG
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  BLOG POST TAG
+/*------------------------------------------*/
+
+.post-tag {
+  display: block;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 0.75rem;
+  font-weight: 600;
+  letter-spacing: 0;
+  text-transform: uppercase;
+  margin-bottom: 20px;
+}
+
+#single-post .post-tag {
+  font-size: 0.85rem;
+}
+
+/*------------------------------------------*/
+/*  BLOG POST META
+/*------------------------------------------*/
+
+.post-meta-list li {
+  width: auto!important;
+  display: inline-block!important;
+  vertical-align: top;
+  clear: none !important;
+}
+
+.post-meta-list p {
+  color: #353f4f;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.bg--black-400 .post-meta-list p {
+  color: #f8f9f9;
+}
+
+.meta-list-divider {
+  position: relative;
+  top: 0px;
+  transform: rotate(-90deg);
+  padding: 0 1px;
+}
+
+/*------------------------------------------*/
+/*  BLOG POST TYPOGRAPHY
+/*------------------------------------------*/
+
+.blog-post-txt h6 {
+  margin-bottom: 15px;
+}
+
+.blog-post-txt p {
+  margin-bottom: 0;
+}
+
+.blog-post-txt a {
+  color: #353f4f;
+}
+
+.blog-post-txt a:hover {
+  text-decoration: underline;
+}
+
+.bg--black-400 .blog-post-txt a {
+  color: #f8f9f9;
+}
+
+.bg--black-400 .blog-post-txt a:hover {
+  color: #fff!important;
+}
+
+
+
+
+/* ==========================================================================
+  26. BLOG LISTING
+  =========================================================================== */
+
+.wide-post {
+  margin-bottom: 100px;
+}
+
+.wide-post .blog-post-img {
+  padding-right: 15px;
+}
+
+.wide-post .blog-post-txt {
+  padding-left: 15px;
+}
+
+.square-post {
+  margin-top: 60px;
+  margin-bottom: 40px;
+}
+
+.square-post-wrapper {
+  overflow: hidden;
+}
+
+.square-post .blog-post-txt {
+  padding: 0 30px 0 60px;
+}
+
+/*------------------------------------------*/
+/*  BLOG POSTS CATEGORY
+/*------------------------------------------*/
+
+.posts-category {
+  margin-top: 40px;
+  margin-bottom: 60px;
+}
+
+.posts-category h4 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.posts-category span {
+  position: relative;
+  top: 1px;
+}
+
+
+
+
+/* ==========================================================================
+  27. SINGLE BLOG POST
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  Single Post Title
+/*------------------------------------------*/
+
+.single-post-title h3,
+.single-post-title h2 {
+  padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  Single Post Text
+/*------------------------------------------*/
+
+.single-post-txt h5,
+.single-post-txt h4 {
+  margin-top: 30px;
+  margin-bottom: 30px;
+}
+
+.single-post-txt h5 span {
+  display: block;
+}
+
+/*------------------------------------------*/
+/*  Single Post Code
+/*------------------------------------------*/
+
+.txt-code {
+  background-color: #f8f9fa;
+  padding: 20px 18px;
+  margin: 30px 0;
+}
+
+.txt-code p {
+  color: #383a42; 
+  font-size: 1rem;
+  line-height: 1.75;
+  margin-bottom: 0;
+}
+
+.single-post-txt p a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.txt-code span.code-property,
+.txt-code p code.code-language-js {
+  color: #151515;
+}
+
+.txt-code span.code-variable,
+.txt-code span.code-attribute {
+  color: #986801;
+}
+
+.txt-code span.code-string {
+  color: #50a14f;
+}
+
+/*------------------------------------------*/
+/*  Single Post Blockquote
+/*------------------------------------------*/
+
+.single-post-txt figure {
+  margin-bottom: 40px;
+}
+
+.single-post-txt .blockquote p {
+  font-size: 1.5rem;
+  line-height: 1.45;
+  margin-bottom: 40px;
+}
+
+.single-post-txt .blockquote-footer {
+  font-size: 1.125rem;
+}
+
+/*------------------------------------------*/
+/*  Single Post Image
+/*------------------------------------------*/
+
+.post-inner-img {
+  text-align: center;
+  margin-top: 50px;
+  margin-bottom: 50px;
+}
+
+/*------------------------------------------*/
+/*  POST SHARE LINKS
+/*------------------------------------------*/ 
+
+.post-share-list {
+  margin-top: 50px;
+  padding-bottom: 50px;
+}
+
+/*------------------------------------------*/
+/*  POST SHARE ICONS
+/*-----------------------------------------*/
+
+.share-social-icons {
+  display: inline-block; 
+  padding-left: 0;
+}
+
+.share-social-icons li {
+  width: auto !important;
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  padding: 0;
+}
+
+.share-social-icons a.share-ico span {
+  opacity: .75;
+  margin-right: 25px;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out;
+}
+
+.share-social-icons a.share-ico:hover span {
+  opacity: 1;
+}
+
+/*------------------------------------------*/
+/*  POST AUTHOR
+/*------------------------------------------*/ 
+
+.post-author {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+.post-author-avatar {
+  position: relative;
+  text-align: center;
+  margin-right: 35px;
+}
+
+.post-author-avatar img {  
+  width: 100px;
+  height: 100px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;  
+}
+
+.post-author-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.post-author-txt h5 {
+  margin-bottom: 20px;
+}
+
+.post-author-txt p {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  Follow Button
+/*------------------------------------------*/ 
+
+.author-follow-btn {
+  display: inline-block;
+  position: absolute;
+  padding: 6px 15px;
+  line-height: 1;
+  top: 80px;
+  right: 10px;
+  border: 2px solid #ddd;
+}
+
+.author-follow-btn a {
+  color: #666;
+  font-size: 0.935rem;
+  font-weight: 400;
+}
+
+/*------------------------------------------*/
+/*  POST COMMENTS
+/*------------------------------------------*/
+
+.post-comments {
+  padding-top: 100px;
+}
+
+.post-comments hr {
+  margin-top: 24px; 
+  margin-bottom: 40px; 
+}
+
+.post-comments h5 {
+  margin-bottom: 60px;
+}
+
+.post-comments img {
+  width: 68px;
+  height: 68px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+}
+
+.comment-body {
+  margin-left: 25px;
+}
+
+.comment-meta {
+  margin-bottom: 10px;
+}
+
+.comment-meta h6 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.comment-date {
+  font-size: 16px;
+  font-weight: 400;
+  margin-bottom: 5px;
+}
+
+/*------------------------------------------*/
+/*  Comment Reply 
+/*------------------------------------------*/
+
+.btn-reply {
+  margin-left: 3px;
+}
+
+.btn-reply a {
+  font-size: 17px;
+  font-weight: 400; 
+}
+
+.btn-reply span {
+  position: relative;
+  top: 3px;
+  margin-right: 4px;
+  left: 3px;
+}
+
+.btn-reply.ico-20 [class*="flaticon-"]:before, 
+.btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 0.975rem; }
+
+.btn-reply a:hover {
+  color: #222;
+}
+
+/*------------------------------------------*/
+/*  SINGLE POST COMMENT FORM
+/*------------------------------------------*/
+
+.post-comments #leave-comment h5 {
+  padding-bottom: 0;
+  margin-top: 80px;
+  margin-bottom: 10px;
+  border: none;
+}
+
+.comment-form {
+  position: relative;
+  margin-top: 60px;
+}
+
+.comment-form p {
+  position: relative;
+  color: #353f4f;
+  line-height: 1;
+  font-weight: 500;
+  margin-bottom: 15px;
+  padding-left: 8px;
+  display: block;
+}
+
+.comment-form p span {
+  position: relative;
+  color: #ff3366;
+  top: -3px;
+}
+
+.comment-form .form-control {
+  height: 62px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  box-shadow: 0 0 0 0;
+  color: #353f4f;
+  font-size: 1rem;
+  line-height: 1;
+  font-weight: 400;
+  padding: 0 20px;
+  margin-bottom: 30px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+  -webkit-transition: all 300ms ease-in-out;
+  -moz-transition: all 300ms ease-in-out;
+  -o-transition: all 300ms ease-in-out;
+  -ms-transition: all 300ms ease-in-out;
+  transition: all 300ms ease-in-out;
+}
+
+.comment-form textarea { min-height: 220px; }
+.comment-form textarea.form-control { 
+  padding: 25px 20px;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Input Focus
+/*------------------------------------------*/
+
+.comment-form .form-control:focus {
+  outline: 0px none;
+  box-shadow: none;
+  background-color: #fcfdfd;
+  border-color: #1680fb;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Button
+/*------------------------------------------*/
+
+.comment-form .btn {
+  margin-top: 15px;
+}
+
+.comment-form .btn:focus {
+  outline: 0px none;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Message
+/*------------------------------------------*/
+
+.comment-form-msg {
+  width: 100%!important;
+  display: block;
+  margin-top: 15px;
+  padding-left: 0;
+}
+
+.comment-form .loading {
+  color: #00b2e4;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 500;
+}
+
+.comment-form .error {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 10px;
+}
+
+
+
+
+/* ==========================================================================
+  28. CONTACTS
+  =========================================================================== */
+
+#contacts-1 .contact-form p {
+  color: #353f4f;
+  line-height: 1;
+  font-weight: 500;
+  margin-bottom: 10px;
+  padding-left: 8px;
+}
+
+#contacts-1 .contact-form .col-md-12 span {
+  display: block;
+  font-size: 0.95rem;
+  line-height: 1;
+  font-weight: 300;
+  margin-bottom: 20px;
+  padding-left: 8px;
+}
+
+#contacts-1 .contact-form .contact-form-notice p {
+  font-size: 0.835rem;
+  font-weight: 300;
+  line-height: 1.5555;
+  padding-left: 0;
+  margin-top: 40px;
+}
+
+.contact-form-notice p a {
+  color: #353f4f;
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  CONTACT FORM INPUT
+/*------------------------------------------*/
+
+.contact-form .form-control,
+.contact-form .form-select {
+  height: 62px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  box-shadow: 0 0 0 0;
+  color: #3a4a56;
+  font-size: 1rem;
+  font-weight: 400;
+  padding: 0 15px;
+  margin-bottom: 30px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+}
+
+.bg--snow .contact-form .form-control,
+.bg--snow .contact-form .form-select {
+  background-color: #fff;
+  border: 1px solid #ccc;
+}
+
+.contact-form .form-select {
+  display: inline-block;
+  width: 100%;
+  color: #998da0;
+  box-shadow: none;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+}
+
+/*------------------------------------------*/
+/*  Contact Form Textarea
+/*------------------------------------------*/
+
+.contact-form textarea { min-height: 220px; }
+.contact-form textarea.form-control { 
+  padding: 20px 15px;
+}
+
+/*------------------------------------------*/
+/*  Contact Form Placeholder
+/*------------------------------------------*/
+
+.contact-form .form-control::-moz-placeholder { color: #999; } 
+.contact-form .form-control:-ms-input-placeholder { color: #999; }
+.contact-form .form-control::-webkit-input-placeholder { color: #999; }
+
+/*------------------------------------------*/
+/*  Contact Form Input Focus
+/*------------------------------------------*/
+
+.contact-form .form-control:focus,
+.contact-form .form-select:focus {
+  outline: 0px none;
+  box-shadow: none;
+  background-color: #fcfdfd;
+  border-color: #1680fb;
+}
+
+/*------------------------------------------*/
+/*  Contact Form Message
+/*------------------------------------------*/
+
+.contact-form-msg {
+  width: 100%!important;
+  display: block;
+  margin-top: 20px;
+  padding-left: 0;
+}
+
+.contact-form .loading {
+  color: #00b2e4;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 500;
+  padding-left: 15px;
+}
+
+.contact-form  .error {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 10px;
+}
+
+
+
+
+/* ==========================================================================
+  29. FOOTER
+  =========================================================================== */
+
+.footer {
+  padding-bottom: 50px;
+}
+
+.footer-info,
+.footer-links {
+  margin-bottom: 40px;
+}
+
+#footer-10 .footer-info {
+  margin-bottom: 40px;
+  padding-bottom: 55px;
+  border-bottom: 1px solid #dbdddf;
+}
+
+#footer-10 .footer-links {
+  margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  FOOTER LOGO
+/*------------------------------------------*/
+
+img.footer-logo,
+img.footer-logo-dark {
+  width: auto;
+  max-width: inherit;
+  max-height: 40px;
+}
+
+#footer-10 img.footer-logo {
+  max-height: 46px;
+}
+
+#footer-1 .footer-logo,
+#footer-5 .footer-logo,
+#footer-6 .footer-logo,
+#footer-7 .footer-logo {
+  margin-bottom: 25px;
+}
+
+/*------------------------------------------*/
+/*  FOOTER TYPOGRAPHY
+/*------------------------------------------*/
+
+.footer h6 {
+  line-height: 1;
+  margin-bottom: 25px;
+}
+
+#footer-9.footer h6 {
+  line-height: 1.5;
+}
+
+.bg--black.footer h6 {
+  color: #fff;
+}
+
+/*------------------------------------------*/
+/*  FOOTER INFO
+/*------------------------------------------*/
+
+.footer-info-copyright p {
+  margin-bottom: 0;
+}
+
+.footer-info-copyright p span {
+  position: relative;
+  top: 2px;
+  padding: 0 2px;
+}
+
+.footer-info-copyright.ico-15 [class*="flaticon-"]:before, 
+.footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.85rem; }
+
+/*------------------------------------------*/
+/*  FOOTER MAIL LINK
+/*------------------------------------------*/
+
+.footer .footer-mail-link {
+  margin-left: 3px;
+  margin-bottom: 0;
+}
+
+#footer-1 .footer-info .footer-mail-link {
+  margin-top: 10px;
+}
+
+#footer-2 .footer-links .footer-mail-link,
+#footer-3 .footer-links .footer-mail-link {
+  margin-left: 0;
+  margin-bottom: 20px;
+}
+
+.footer-mail-link a {
+  font-weight: 400;
+}
+
+.footer-mail-link span {
+  position: relative;
+  top: 4px;
+  right: 3px;
+}
+
+.footer-mail-link.ico-20 [class*="flaticon-"]:before, 
+.footer-mail-link.ico-20 [class*="flaticon-"]:after { font-size: 1.125rem; }
+
+.bg--black.footer .footer-mail-link a {
+  color: #a0a7b1;
+}
+
+.bg--black.footer .footer-mail-link a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  FOOTER LINKS
+/*------------------------------------------*/
+
+#footer-2 .footer-links {
+  padding-left: 10%;
+}
+
+.foo-links li {
+  width: auto!important;
+  display: block!important;
+  vertical-align: top;
+  clear: none !important;
+  margin: 0;
+  padding: 0;
+}
+
+.foo-links.ico-10 li span {
+  position: relative;
+  top: 1.5px;
+  right: 3px;
+}
+
+#footer-8 .foo-links li {
+  display: inline-block!important;
+  padding-left: 20px;
+}
+
+#footer-8 .foo-links li.first-li {
+  padding-left: 0;
+}
+
+#footer-10 .foo-links li {
+  display: inline-block!important;
+  padding: 0 10px;
+}
+
+.footer .foo-links li p {
+  font-weight: 400;
+  margin-bottom: 10px;
+}
+
+.footer .foo-links li:last-child p {
+  margin-bottom: 0;
+}
+
+.foo-links li a span.ext-link {
+  display: inline-block;
+  position: relative;
+  left: 3px;
+  top: 1.5px;
+  transform: rotate(-60deg);
+}
+
+.foo-links.ico-15 [class*="flaticon-"]:before, 
+.foo-links.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+.bg--black.footer .foo-links li p a {
+  color: #a0a7b1;
+}
+
+.bg--black.footer .foo-links li p a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  FOOTER SOCIAL
+/*------------------------------------------*/
+
+.footer-socials {
+  margin: 0;
+  display: inline-block; 
+}
+
+.footer-socials li {
+  float: left;
+  width: auto !important;
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  margin: 0;
+}
+
+.footer-socials a {
+  display: block;
+  margin-right: 15px;
+}
+
+.footer-socials.ico-20 a,
+.footer-socials.ico-25 a { 
+  margin-right: 16px; 
+} 
+
+.footer-socials.ico-25 [class*="flaticon-"]:before, 
+.footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.325rem; }
+
+.bg--black.footer .footer-socials li a {
+  color: #a0a7b1;
+}
+
+.bg--black.footer .footer-socials li a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  FOOTER STORE BAGES
+/*------------------------------------------*/
+
+.footer .store {
+  float: none;
+  margin-right: 0;
+  margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  FOOTER NEWSLETTER FORM
+/*------------------------------------------*/
+
+.footer-form {
+  margin-bottom: 20px;
+}
+
+#footer-7 .footer-form {
+  padding-left: 8%;
+}
+
+.footer-form .newsletter-form .input-group {
+  background-color: #f4f4f4;
+  border: 1px solid transparent;
+  padding: 9px 2px;
+}
+
+.footer-form .form-control {
+  height: 32px;
+  background-color: transparent;
+  border: none;
+  color: #666;
+  font-size: 1rem;
+  font-weight: 400;
+  padding: 0 10px;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Input Focus
+/*------------------------------------------*/
+
+.footer-form .form-control:focus {
+  border: none;
+  border-right: none;
+  outline: 0;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Footer Form Placeholder
+/*------------------------------------------*/
+
+.footer-form .form-control::-moz-placeholder { color: #6c757d; } 
+.footer-form .form-control:-ms-input-placeholder { color: #6c757d; } 
+.footer-form .form-control::-webkit-input-placeholder { color: #6c757d; } 
+
+/*------------------------------------------*/
+/*  Newsletter Form Button
+/*------------------------------------------*/
+
+.footer-form .btn {
+  height: 32px;
+  padding: 0 10px;
+}
+
+.footer-form .ico-15 [class*="flaticon-"]:before, 
+.footer-form .ico-15 [class*="flaticon-"]:after { line-height: 28px!important; }
+
+/*------------------------------------------*/
+/*  Footer Form Notification
+/*------------------------------------------*/
+
+.footer-form .form-notification {
+  color: #1680fb;
+  font-size: 0.85rem;
+  line-height: 1.25;
+  font-weight: 400;
+  margin-top: 12px;
+  margin-left: 5px;
+}
+
+.footer-form .form-notification.valid,
+.footer-form .form-notification.error {
+  color: #fc2f4b;
+}
+
+.footer-form .newsletter-form.valid {
+  color: #0fbc49;
+}
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER
+/*------------------------------------------*/
+
+.footer hr {
+  margin-top: 30px;
+  margin-bottom: 50px;
+}
+
+#footer-8 .bottom-footer,
+#footer-9 .bottom-footer {
+  margin-top: 20px;
+}
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER COPYRIGHT
+/*------------------------------------------*/
+
+.footer-copyright p {
+  margin-bottom: 0;
+}
+
+.bg--black.footer .footer-copyright p {
+  color: #a0a7b1;
+}
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER SECONDARY LINK
+/*------------------------------------------*/
+
+.bottom-secondary-link p {
+  margin-bottom: 0;
+}
+
+.bottom-secondary-link p span {
+  position: relative;
+  top: 1px;
+  padding: 0 2px;
+}
+
+.bottom-secondary-link.ico-15 [class*="flaticon-"]:before, 
+.bottom-secondary-link.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER LINKS
+/*------------------------------------------*/
+
+.bottom-footer-list li,
+.bottom-footer-socials li,
+.bottom-footer-payment li {
+  width: auto!important;
+  display: inline-block!important;
+  vertical-align: top;
+  clear: none !important;
+}
+
+.bottom-footer-socials li {
+  padding-left: 14px; 
+}
+
+#footer-4 .bottom-footer-list li,
+#footer-9 .bottom-footer-list li {
+  padding-left: 15px; 
+}
+
+#footer-4 .bottom-footer-list li.first-li,
+#footer-9 .bottom-footer-list li.first-li {
+  padding-left: 0; 
+}
+
+#footer-10 .bottom-footer-socials li {
+  padding: 0 15px; 
+}
+
+.footer-list-divider {
+  position: relative;
+  top: -0.5px;
+  transform: rotate(-90deg);
+  margin-left: 4px;
+}
+
+.bottom-footer-list.ico-15 [class*="flaticon-"]:before, 
+.bottom-footer-list.ico-15 [class*="flaticon-"]:after { font-size: 0.8rem; }
+
+.bottom-footer-list li p {
+  display: inline-block;
+  float: left;
+  margin-bottom: 0;
+}
+
+.bottom-footer-socials li span { 
+  position: relative;
+  top: 4px; 
+  opacity: .8;
+}
+
+.bottom-footer-payment li span {
+  line-height: 1!important;
+  position: relative;
+  top: 4px; 
+  opacity: .8;
+}
+
+#footer-4 .bottom-footer-list li span,
+#footer-9 .bottom-footer-list li span {
+  margin-top: 1px;
+  margin-right: 2px; 
+}
+
+.bottom-footer-socials.ico-20 [class*="flaticon-"]:before, 
+.bottom-footer-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.115rem; }
+
+.bottom-footer-socials.ico-25 [class*="flaticon-"]:before, 
+.bottom-footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.25rem; }
+
+.bg--black.footer .bottom-footer-list li p a {
+  color: #a0a7b1;
+}
+
+.bg--black.footer .bottom-footer-list li p a:hover {
+  color: #fff!important;
+}
+
+
+
+
+/* ==========================================================================
+  30. INNER PAGE WRAPPER
+  =========================================================================== */
+
+.inner-page-hero {
+  padding-top: 180px;
+}
+
+.page-hero-section-overlay {
+  position: relative;
+  width: 100%;
+  padding-top: 150px;
+}
+
+.page-hero-section-overlay .txt-block {
+  margin-top: -40px;
+}
+
+.page-hero-section .wave-shape-bottom path {
+  fill: #fff;
+}
+
+/*------------------------------------------*/
+/*  INNER PAGE TITLE
+/*------------------------------------------*/
+
+.inner-page-title {
+  text-align: center;
+  margin-bottom: 80px;
+}
+
+.inner-page-title h2 {
+  margin-bottom: 0;
+}
+
+.inner-page-title p {
+  font-size: 1.1875rem;
+  line-height: 1;
+  margin-top: 20px;
+  margin-bottom: 0;
+}
+
+.page-hero-section h2 {
+  line-height: 1.15;
+  margin-bottom: 30px;
+}
+
+
+
+
+/* ==========================================================================
+  31. PAGE PAGINATION
+  =========================================================================== */
+
+.page-link {
+  color: #6c757d;
+  font-size: 1.1rem;
+  font-weight: 500;
+  padding: 2px 14px;
+  margin: 0 8px;
+  background-color: transparent;
+  border: 2px solid transparent;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -o-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.pagination.ico-20 [class*="flaticon-"]:before, 
+.pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.9rem; } 
+
+.page-item:first-child .page-link {
+  border-top-left-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
+
+.page-item:last-child .page-link {
+  border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px;
+}
+
+.blue-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #1680fb;
+  border: 2px solid #1680fb;
+}
+
+.green-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #0fbc49;
+  border: 2px solid #0fbc49;
+}
+
+.pink-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #f74780;
+  border: 2px solid #f74780;
+}
+
+.purple-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #7b5dd6;
+  border: 2px solid #7b5dd6;
+}
+
+.red-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #ff1e1a;
+  border: 2px solid #ff1e1a;
+}
+
+.violet-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #be6cbe;
+  border: 2px solid #be6cbe;
+}
+
+.yellow-pagination .page-item.active .page-link {
+  color: #353f4f!important;
+  background-color: #ffba01;
+  border: 2px solid #ffba01;
+}
+
+.page-item.disabled .page-link {
+  color: #6c757d;
+  background-color: transparent;
+  border: 2px solid transparent;
+}
+
+.page-link:hover {
+  color: #6c757d;
+  background-color: transparent;
+  border: 2px solid #ccc;
+}
+
+.page-link:focus {
+  color: #6c757d;
+  background-color: transparent;
+  border: 2px solid transparent;
+  box-shadow: 0 0;
+}
+
+
+
+
+/* ==========================================================================
+  32. TERMS, PRIVACY, COOKIES PAGES
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  TERMS PAGE TYPOGRAPHY
+/*------------------------------------------*/
+
+.txt-block.legal-info h5 {
+  margin-top: 30px;
+  margin-bottom: 30px;
+}
+
+.txt-block.legal-info h4 {
+  margin-top: 80px;
+  margin-bottom: 30px;
+}
+
+.txt-block.legal-info h4 span,
+.txt-block.legal-info h5 span {
+  margin-right: 4px;
+}
+
+.legal-info p span {
+  color: #353f4f;
+  font-weight: 500;
+}
+
+.legal-info a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+
+
+
+/* ==========================================================================
+  33. SIGN-IN / SIGN-UP PAGE
+  =========================================================================== */
+
+#login,
+#signup {
+  background: url(../images/login.jpg);
+  background-position: bottom left;
+  min-height: 100vh;
+  padding-top: 80px;
+  padding-bottom: 80px;
+}
+
+#reset-password {
+  background: url(../images/reset-password.jpg);
+  background-position: center center;
+  min-height: 100vh;
+  padding-top: 80px;
+  padding-bottom: 100px;
+}
+
+.register-page-wrapper {
+  overflow: hidden;
+  position: relative;
+  z-index: 1;
+  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); 
+  -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); 
+  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); 
+}
+
+#login .register-page-wrapper {
+  background: url(../images/login-wrapper.jpg);
+  background-position: left top;
+}
+
+#signup .register-page-wrapper {
+  background: url(../images/login-wrapper.jpg);
+  background-position: right center;
+}
+
+#login .register-page-wrapper:after,
+#signup .register-page-wrapper:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 50%;
+  height: 100%;
+  top: 0;
+  background-color: #fff;
+}
+
+#login .register-page-wrapper:after {
+  left: 50%;
+}
+
+#signup .register-page-wrapper:after {
+  left: 0;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE LOGO
+/*------------------------------------------*/
+
+.register-page-txt img {
+  width: auto;
+  max-width: inherit;
+  max-height: 32px;
+  margin-bottom: 55px;
+}
+
+.login-page-logo {
+  text-align: center;
+  margin-bottom: 45px;
+}
+
+.login-page-logo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 45px;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE TITLE
+/*------------------------------------------*/
+
+.register-form-title {
+  text-align: center;
+  margin-bottom: 40px;
+}
+
+.register-form-title h3 {
+  line-height: 1;
+  margin-bottom: 10px;
+}
+
+.register-form-title p {
+  margin-bottom: 0;
+}
+
+.register-form-title a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE TEXT
+/*------------------------------------------*/
+
+#login .register-page-txt,
+#signup .register-page-txt {
+  padding: 70px 60px;
+}
+
+.register-page-txt h2 {
+  line-height: 1.15;
+  font-weight: 700;
+  margin-bottom: 6px;
+}
+
+#login .register-page-copyright {
+  position: absolute;
+  left: 60px;
+  bottom: 45px;
+}
+
+#signup .register-page-copyright {
+  position: absolute;
+  right: 60px;
+  bottom: 45px;
+}
+
+.register-page-copyright p {
+  font-size: 0.85rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.reset-form-title {
+  margin-bottom: 30px;
+}
+
+.reset-form-title h5 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.reset-form-title p.p-sm {
+  font-size: 0.9rem;
+  margin-top: 25px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM
+/*------------------------------------------*/
+
+.register-page-form {
+  padding: 60px;
+}
+
+.login-1 .register-page-form,
+.signup-1 .register-page-form {
+  padding: 20px 30px;
+}
+
+.reset-page-wrapper { 
+  margin: 0 10px;
+}
+
+.reset-page-wrapper form { 
+  background: #fff;
+  border: 1px solid #fafafa;
+  padding: 50px 30px 25px;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE TYPOGRAPHY
+/*------------------------------------------*/
+
+.register-page-form p.input-header {
+  position: relative;
+  color: #353f4f;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 500;
+  margin-bottom: 12px;
+  padding-left: 5px;
+}
+
+.reset-password-link p {
+  position: relative;
+  font-size: 0.9rem;
+  line-height: 1;
+  margin-top: -8px;
+  margin-bottom: 10px;
+}
+
+.form-data span {
+  display: block;
+  font-size: 0.85rem;
+  margin-bottom: 0;
+}
+
+.form-data span a {
+  color: #353f4f;
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.register-page-form p.create-account {
+  font-size: 0.925rem;
+  line-height: 1;
+  margin-top: 30px;
+  margin-bottom: 0;
+}
+
+.register-page-form p.create-account a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE SEPARATOR LINE
+/*------------------------------------------*/
+
+.separator-line {
+  display: flex;
+  width: 100%;
+  -webkit-box-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  align-items: center;
+  text-align: center;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 0.9rem;
+  font-weight: 500;
+  margin: 25px 0px 30px;
+}
+
+.separator-line::before, 
+.separator-line::after {
+  content: "";
+  border-top: 2px solid rgba(0, 0, 0, .1);
+  margin: 0 15px 0 0;
+  flex: 1 0 20px;
+}
+
+.separator-line::after {
+  margin: 0 0 0 15px;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM INPUT
+/*------------------------------------------*/
+
+.reset-page-wrapper .form-control,
+.register-page-form .form-control {
+  height: 60px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  color: #353f4f;
+  font-size: 0.95rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 25px;
+  padding: 5px 20px;
+   -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+  -webkit-transition: all 300ms ease-in-out;
+  -moz-transition: all 300ms ease-in-out;
+  -o-transition: all 300ms ease-in-out;
+  -ms-transition: all 300ms ease-in-out;
+  transition: all 300ms ease-in-out;
+}
+
+.login-1 .form-control,
+.signup-1 .form-control {
+  background-color: #fff;
+  border: 1px solid #ccc;
+}
+
+.reset-page-wrapper .form-control {
+  text-align: center;
+}
+
+.register-page-form .form-control::-moz-placeholder { color: #999; } 
+.register-page-form .form-control:-ms-input-placeholder { color: #999; } 
+.register-page-form .form-control::-webkit-input-placeholder { color: #999; } 
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM FOCUS
+/*------------------------------------------*/
+
+.reset-page-wrapper .form-control:focus,
+.register-page-form .form-control:focus {
+  outline: 0px none;
+  box-shadow: none;
+  background-color: #fcfdfd;
+  border-color: #1680fb;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM BUTTON
+/*------------------------------------------*/
+
+#signup .register-page-form .btn.submit, 
+#login .register-page-form .btn.submit {
+  width: 100%;
+  height: 60px;
+  margin-top: 20px;
+}
+
+.reset-page-wrapper .btn.submit {
+  width: 100%;
+  margin-bottom: 20px;
+}
+
+.register-page-form .btn-google {
+  width: 100%;
+  color: #333;
+  font-size: 0.95rem;
+  background-color: #fff;
+  border: 1px solid #ccc;
+}
+
+.btn-google img {
+  position: relative;
+  width: 22px;
+  height: 22px;
+  top: -2px;
+  right: 5px;
+}
+
+.register-page-form .btn-google:hover {
+  border: 1px solid #333;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM MESSAGE
+/*------------------------------------------*/
+
+.reset-form-msg {
+  text-align: center;
+  width: 100%!important;
+  display: block;
+}
+
+.reset-password-form .loading {
+  color: #00b2e4;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 500;
+  padding-left: 15px;
+}
+
+.reset-password-form .error {
+  position: relative;
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  top: -10px;
+  margin-bottom: 12px;
+  padding-left: 10px;
+}
+
+/*------------------------------------------*/
+/*  FORM HIDE PASSWORD
+/*------------------------------------------*/
+
+.wrap-input {
+  position: relative;
+}
+
+.btn-show-pass {
+  color: #999999;
+  align-items: center;
+  position: absolute;
+  height: 100%;
+  top: 20px;
+  right: 20px;
+  cursor: pointer;
+  -webkit-transition: all 0.4s;
+  -o-transition: all 0.4s;
+  -moz-transition: all 0.4s;
+  transition: all 0.4s;
+}
+
+.btn-show-pass.ico-20 [class^="flaticon-"]:before, 
+.btn-show-pass.ico-20 [class^="flaticon-"]:after {
+  font-size: 1.125rem;
+}
+
+.btn-show-pass:hover {
+  color: #0195ff;
+}
+
+.btn-show-pass.active {
+  color: #6a7dfe;
+}
+
+
+
+
+/* ==========================================================================
+  34. PAGE 404
+  =========================================================================== */
+
+.page-404-txt {
+  padding-top: 180px;
+  padding-bottom: 100px;
+}
+
+.page-404-txt h2 {
+  margin-bottom: 20px;
+}
+
+.page-404-txt h6 {
+  line-height: 1.6;
+  font-weight: 400;
+  padding: 0 5%;
+  margin-bottom: 30px;
+}
+
+.page-404-img {
+  padding: 0 5%;
+  margin-bottom: 60px;
+}
+
+
+
+
+/* ==========================================================================
+  35. MODAL
+  ========================================================================== */ 
+
+.modal-body {
+  padding: 0!important;
+}  
+
+#modal-1 .modal-dialog {
+  max-width: 700px;
+}
+
+#modal-2 .modal-dialog {
+  width: 440px;
+}
+
+#modal-3 .modal-dialog.modal-xl {
+  width: 750px;
+}
+
+#modal-2.modal .modal-content,
+#modal-3.modal .modal-content {
+  overflow: hidden;
+  -webkit-border-radius: 10px; 
+  -moz-border-radius: 10px; 
+  -o-border-radius: 10px; 
+  border-radius: 10px;
+}
+
+#modal-3.modal .bg-img {
+  background: url(../images/modal-request.jpg);
+  background-position: left center;  
+}
+
+#modal-2 .modal-body-content {
+  padding: 35px 40px 15px;
+}
+
+#modal-3 .modal-body-content {
+  padding: 60px 35px 50px;
+}
+
+/*------------------------------------------*/
+/*  MODAL WINDOW CLOSE BUTTON
+/*------------------------------------------*/ 
+
+.modal .btn-close {
+  position: absolute;
+  z-index: 1;
+  right: 15px!important;
+  top: 15px!important;
+  height: 1.5rem;
+  width: 1.5rem;
+  background: rgba(255, 255, 255, 1)!important;
+  border-radius: 50%;
+  padding: 0;
+  opacity: .9;
+  z-index: 9999;
+}
+
+#modal-3.modal .btn-close {
+  background: rgba(14, 14, 14, .3)!important;
+}
+
+.btn-close span {
+  position: relative;
+  line-height: 24px!important;
+  top: -2px;
+}
+
+.modal .btn-close.ico-10 [class^="flaticon-"]:before, 
+.modal .btn-close.ico-10 [class^="flaticon-"]:after {
+  font-size: 0.6rem;
+}
+
+button.btn-close:focus {
+  outline: none!important;
+  text-decoration: none!important;
+}
+
+/*------------------------------------------*/
+/*  MODAL WINDOW NEWSLETTER FORM
+/*------------------------------------------*/ 
+
+.modal-body .newsletter-form {
+  margin-top: 25px;
+}
+
+.modal .newsletter-form .form-control {
+  text-align: center;
+  height: 56px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  font-size: 1rem;
+  color: #353f4f;
+  font-weight: 400;
+  padding: 0 15px;  
+  margin: 0 0 15px 0;
+  box-shadow: none;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  border-radius: 6px;
+}
+
+/*------------------------------------------*/
+/*  Form Input Focus
+/*------------------------------------------*/
+
+.modal .newsletter-form .form-control:focus {
+  outline: 0;
+  box-shadow: none;
+  border-color: #1e90ff;
+}
+
+.modal .newsletter-form.purple-focus .form-control:focus {
+  border-color: #8863ee;
+}
+
+/*------------------------------------------*/
+/*  Form Input Placeholder
+/*------------------------------------------*/
+
+.modal .newsletter-form .form-control::-moz-placeholder { color: #aaa; } 
+.modal .newsletter-form .form-control:-ms-input-placeholder { color: #aaa; } 
+.modal .newsletter-form .form-control::-webkit-input-placeholder { color: #aaa; } 
+
+/*------------------------------------------*/
+/*  Form Button
+/*------------------------------------------*/
+
+.modal .input-group-btn { 
+  display: block; 
+  width: 100%!important; 
+}
+
+.modal .newsletter-form .btn {
+  display: block; 
+  width: 100%!important;
+  height: 56px;
+  margin: 0;
+}
+
+/*------------------------------------------*/
+/*  Form Notification
+/*------------------------------------------*/
+
+.modal .form-notification {
+  text-align: center;
+  color: #1680fb;
+  font-size: 0.85rem;
+  font-weight: 400;
+  line-height: 1;
+  margin-top: 12px;
+}
+
+.modal .form-notification.valid,
+.modal .form-notification.error {
+   color: #fc2f4b;
+}
+
+.modal .newsletter-form.valid {
+  color: #0fbc49;
+}
+
+/*------------------------------------------*/
+/*  MODAL WINDOW REQUEST FORM
+/*------------------------------------------*/ 
+
+#modal-3 .request-form {
+  margin: 0;
+}
+
+#modal-3 .request-form .col-md-12 {
+  padding: 0;
+}
+
+#modal-3 .request-form-title p {
+  margin-top: 18px;
+  margin-bottom: 25px;
+}
+
+#modal-3 .request-form .form-control { 
+  text-align: left;
+  margin: 0 0 25px 0;
+}
+
+#modal-3 .request-form .btn {
+  display: block; 
+  width: 100%!important;
+  height: 56px;
+  margin: 0;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Message
+/*------------------------------------------*/
+
+#modal-3 .request-form-msg {
+  width: 100%!important;
+  display: block;
+  margin-top: 15px;
+  padding-left: 0;
+}
+
+#modal-3 .request-form .loading {
+  color: #1680fb;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 400;
+}
+
+#modal-3 .request-form .error {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 10px;
+}
+ 
+
+
+
+/* ==========================================================================
+  31. DARK MODE
+  ========================================================================== */  
+
+body.theme--dark,
+.theme--dark .bg--white-100 { 
+  background-color: #232734!important;  
+} 
+
+body.theme--dark { 
+  color: #b1b7cd; 
+}
+
+.dark-theme-img { display: none; position: absolute; }
+.theme--dark .dark-theme-img { display: inline-block; position: relative; }
+.theme--dark  .owl-carousel .owl-item img.light-theme-img { display: none; position: absolute; }
+.theme--dark  .owl-carousel .owl-item img.dark-theme-img { display: block; }
+.theme--dark .light-theme-img { display: none; }
+
+.theme--dark .block-shadow { 
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+}
+
+.theme--dark .block-border {
+  border: 1px solid #e7e7e7;
+}
+
+.theme--dark .block-border.block-shadow { 
+  border: 1px solid #f5f6f6; 
+}
+
+.theme--dark .x-border { border-top: 1px solid #1d212c; border-bottom: 1px solid #1d212c; }
+.theme--dark .top-border { border-top: 1px solid #1d212c; }
+.theme--dark .bottom-border { border-bottom: 1px solid #1d212c; }
+
+.theme--dark .bg--white-300, 
+.theme--dark .bg--white-400,
+.theme--dark .bg--purple-100,
+.theme--dark .shape--purple-100:after,
+.theme--dark .shape--white-500:after,
+.theme--dark .shape--white-400:after,
+.theme--dark .shape--white-300:after,
+.theme--dark .shape--white-200:after {
+  background-color: #1d212c;
+}
+
+.theme--dark .bg--02,
+.theme--dark .bg--04,
+.theme--dark .gr--smoke,
+.theme--dark .gr--ghost,
+.theme--dark .shape--whitesmoke:after {
+  background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .55) 100%);
+}
+
+.theme--dark .gr--whitesmoke,
+.theme--dark .shape--gr-whitesmoke:after {
+  background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .05) 100%);
+}
+/*------------------------------------------*/
+/*  SECTION DIVIDER
+/*------------------------------------------*/
+
+.theme--dark hr.divider,
+.theme--dark .footer hr {
+  background-image: linear-gradient(90deg, rgba(122,125,147,0) 0, #7a7d93 38%, #7a7d93 64%, rgba(122,125,147,0) 99%); 
+}
+
+.theme--dark hr.divider.divider-light {
+  background-color: #fff;
+  background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #dedede 38%, #dedede 64%, rgba(206,211,246,0) 99%);
+  opacity: 1;
+}
+
+/*------------------------------------------*/
+/*  TYPOGRAPHY
+/*------------------------------------------*/
+
+.theme--dark h1, 
+.theme--dark h2, 
+.theme--dark h3,
+.theme--dark h4,
+.theme--dark h5, 
+.theme--dark h6 {  
+  color: #fff;
+}
+
+.theme--dark a { color: #b1b7cd; }
+.theme--dark a:hover, .theme--dark a.tra-link:hover span { color: #f7f8f9!important; }
+
+/*------------------------------------------*/
+/*  BUTTONS
+/*------------------------------------------*/
+
+.theme--dark .btn--tra-black,
+.theme--dark .hover--tra-black:hover {
+  color: #b1b7cd!important;
+  background-color:transparent!important;
+  border-color: #b1b7cd!important;
+}
+
+.theme--dark .navbar-dark .hover--tra-black:hover {
+  color: #353f4f!important;
+  background-color:transparent!important;
+  border-color: #353f4f!important;
+}
+
+.theme--dark .white-scroll .hover--tra-black:hover {
+  color: #fff!important;
+  border-color: #fff!important;
+  background-color: transparent!important;
+}
+
+.theme--dark .navbar-dark .scroll .hover--tra-black:hover {
+  color: #fff!important;
+  background-color:transparent!important;
+  border-color: #fff!important;
+}
+
+.theme--dark .btn--white,
+.theme--dark .hover--white:hover {
+  color: #353f4f!important;
+  background-color: #fff!important;
+  border-color: #fff!important;
+}
+
+.theme--dark .btn--tra-white,
+.theme--dark .hover--tra-white:hover {
+  color: #f1f1f1!important;
+  background-color: transparent!important;
+  border-color: #f1f1f1!important;
+}
+
+.theme--dark .white-scroll .scroll .hover--tra-white:hover {
+  color: #fff!important;
+  background-color: transparent!important;
+  border-color: #fff!important;
+}
+
+.theme--dark .btn--tra-grey, 
+.theme--dark .hover--tra-grey:hover,
+.theme--dark .white-scroll .scroll .hover--tra-grey:hover,
+.theme--dark .black-scroll .scroll .hover--tra-grey:hover {
+  color: #b1b7cd!important;
+  background-color: transparent!important;
+  border-color: #b1b7cd!important;
+}
+
+.theme--dark .btn--blue-500, 
+.theme--dark .hover--blue-500:hover,
+.theme--dark .white-scroll .scroll .hover--blue-500:hover,
+.theme--dark .black-scroll .scroll .hover--blue-500:hover {
+  color: #fff!important;
+  border-color: #185abd!important;
+  background-color: #185abd!important;
+}
+
+.theme--dark .btn--blue-400, 
+.theme--dark .hover--blue-400:hover,
+.theme--dark .white-scroll .scroll .hover--blue-400:hover,
+.theme--dark .black-scroll .scroll .hover--blue-400:hover {
+  color: #fff!important;
+  border-color: #1680fb!important;
+  background-color: #1680fb!important;
+}
+
+.theme--dark .btn--blue-300, 
+.theme--dark .hover--blue-300:hover,
+.theme--dark .white-scroll .scroll .hover--blue-300:hover,
+.theme--dark .black-scroll .scroll .hover--blue-300:hover {
+  color: #fff!important;
+  border-color: #3eb1ff!important;
+  background-color: #3eb1ff!important;
+}
+
+.theme--dark .btn--pink-500, 
+.theme--dark .hover--pink-500:hover,
+.theme--dark .white-scroll .scroll .hover--pink-500:hover,
+.theme--dark .black-scroll .scroll .hover--pink-500:hover {
+  color: #fff!important;
+  border-color: #ff149c!important;
+  background-color: #ff149c!important;
+}
+
+.theme--dark .btn--pink-400, 
+.theme--dark .hover--pink-400:hover,
+.white-scroll .scroll .hover--pink-400:hover,
+.black-scroll .scroll .hover--pink-400:hover {
+  color: #fff!important;
+  border-color: #f74780!important;
+  background-color: #f74780!important;
+}
+
+.theme--dark .btn--pink-300, 
+.theme--dark .hover--pink-300:hover,
+.theme--dark .white-scroll .scroll .hover--pink-300:hover,
+.theme--dark .black-scroll .scroll .hover--pink-300:hover {
+  color: #fff!important;
+  border-color: #fcb5cc!important;
+  background-color: #fcb5cc!important;
+}
+
+.theme--dark .btn--purple-500, 
+.theme--dark .hover--purple-500:hover,
+.theme--dark .white-scroll .scroll .hover--purple-500:hover,
+.theme--dark .black-scroll .scroll .hover--purple-500:hover {
+  color: #fff!important;
+  border-color: #663ae9!important;
+  background-color: #663ae9!important;
+}
+
+.theme--dark .btn--purple-400, 
+.theme--dark .hover--purple-400:hover,
+.theme--dark .white-scroll .scroll .hover--purple-400:hover,
+.theme--dark .black-scroll .scroll .hover--purple-400:hover {
+  color: #fff!important;
+  border-color: #7b5dd6!important;
+  background-color: #7b5dd6!important;
+}
+
+.theme--dark .btn--purple-300, 
+.theme--dark .hover--purple-300:hover,
+.theme--dark .white-scroll .scroll .hover--purple-300:hover,
+.theme--dark .black-scroll .scroll .hover--purple-300:hover {
+  color: #fff!important;
+  border-color: #bdaeea!important;
+  background-color: #bdaeea!important;
+}
+
+.theme--dark .btn--violet-500, 
+.theme--dark .hover--violet-500:hover,
+.theme--dark .white-scroll .scroll .hover--violet-500:hover,
+.theme--dark .black-scroll .scroll .hover--violet-500:hover {
+  color: #fff!important;
+  border-color: #c73e9b!important;
+  background-color: #c73e9b!important;
+}
+
+.theme--dark .btn--violet-400, 
+.theme--dark .hover--violet-400:hover,
+.theme--dark .white-scroll .scroll .hover--violet-400:hover,
+.theme--dark .black-scroll .scroll .hover--violet-400:hover {
+  color: #fff!important;
+  border-color: #be6cbe!important;
+  background-color: #be6cbe!important;
+}
+
+.theme--dark .btn--violet-300, 
+.theme--dark .hover--violet-300:hover,
+.theme--dark .white-scroll .scroll .hover--violet-300:hover,
+.theme--dark .black-scroll .scroll .hover--violet-300:hover {
+  color: #fff!important;
+  border-color: #e2bde2!important;
+  background-color: #e2bde2!important;
+}
+
+.theme--dark .section-id {
+  color: #eee; 
+}
+
+.theme--dark .color--black,
+.theme--dark .color--black h2, 
+.theme--dark .color--black h3, 
+.theme--dark .color--black h4, 
+.theme--dark .color--black h5, 
+.theme--dark .color--black h6, 
+.theme--dark .color--black p, 
+.theme--dark .color--black a,
+.theme--dark .color--black li, 
+.theme--dark .color--black i,
+.theme--dark .color--black span, 
+.theme--dar .color--white .color--black { color: #fff; }
+
+.theme--dark .color--grey,
+.theme--dark .color--grey h2, 
+.theme--dark .color--grey h3, 
+.theme--dark .color--grey h4, 
+.theme--dark .color--grey h5, 
+.theme--dark .color--grey h6, 
+.theme--dark .color--grey p, 
+.theme--dark .color--grey a,
+.theme--dark .color--grey li, 
+.theme--dark .color--grey i,
+.theme--dark .color--grey span, 
+.theme--dark .color--white .color--grey { color: #b1b7cd; }
+
+/*------------------------------------------*/
+/*   NAVIGATION MENU
+/*------------------------------------------*/
+
+.theme--dark .dark-menu .wsmainfull,
+.theme--dark .white-menu .wsmainfull {
+  background-color: #1d222f!important;
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+/*------------------------------------------*/
+/*  HEADER LINK
+/*------------------------------------------*/
+
+.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a,
+.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a,
+.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a {
+  color: #fff;
+}
+
+.theme--dark .navbar-light .wsmenu-list > li > a.h-link:hover,
+.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a:hover,
+.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a:hover,
+.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a:hover {
+  color: #eee!important;
+}
+
+.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  HEADER SUBMENU / MEGAMENU
+/*------------------------------------------*/
+
+.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
+  background-color: #2c3142!important; 
+  border: solid 1px #2c3142!important; 
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu:before,
+.theme--dark .wsmenu > .wsmenu-list > li.mg_link:hover > a:after,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu:before {
+  background-color: #2c3142;
+  border-left: solid 1px #2c3142;
+  border-top: solid 1px #2c3142;
+}
+ 
+.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+  color: #b1b7cd;
+  background-color: transparent!important;
+}
+
+.theme--dark .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+  color: #b1b7cd;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR SCROLL
+/*------------------------------------------*/
+
+.theme--dark .tra-menu .wsmainfull.scroll,
+.theme--dark .white-menu .wsmainfull.scroll,
+.theme--dark .dark-menu.dark-scroll .wsmainfull.scroll {
+  background-color: #1d222f!important;
+  padding: 0;
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.theme--dark .tra-menu.navbar-dark .scroll .wsmenu > .wsmenu-list > li > a,
+.theme--dark .tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li > a,
+.theme--dark .tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, 
+.theme--dark .tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #b1b7cd;
+}
+
+.theme--dark .navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover {
+  color: #fff!important;
+}
+
+.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  background-color: rgba(0, 0, 0, .12)!important;
+}
+
+.theme--dark .navbar-light .scroll .btn.btn--tra-white {
+  color: #fff!important;
+  border-color: #fff!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  Logo Image
+/*------------------------------------------*/
+
+.theme--dark .navbar-dark .logo-black,
+.theme--dark .navbar-dark .scroll .logo-black {
+  display: none;
+}
+
+.theme--dark .navbar-dark .logo-white,
+.theme--dark .navbar-dark .scroll .logo-white {
+  display: block;
+}
+
+.theme--dark .navbar-dark .logo-black {
+  display: block;
+}
+
+.theme--dark .navbar-dark .logo-white {
+  display: none;
+}
+
+.theme--dark .navbar-dark .scroll .logo-white {
+  display: block;
+}
+
+/*------------------------------------------*/
+/*  HERO SECTION
+/*------------------------------------------*/
+
+.theme--dark .hero-section .color--black,
+.theme--dark .hero-section .color--black h2, 
+.theme--dark .hero-section .color--black h3, 
+.theme--dark .hero-section .color--black h4, 
+.theme--dark .hero-section .color--black h5, 
+.theme--dark .hero-section .color--black h6, 
+.theme--dark .hero-section .color--black p, 
+.theme--dark .hero-section .color--black a,
+.theme--dark .hero-section .color--black li, 
+.theme--dark .hero-section .color--black i,
+.theme--dark .hero-section .color--black span, 
+.theme--dark .hero-section .color--white .color--black {  color: #353f4f; }
+
+.theme--dark .hero-section p { color: #6c757d; }
+.theme--dark .hero-section .color--white p { color: #fff; }
+.theme--dark .hero-section.gr--whitesmoke p {color: #b1b7cd; }
+.theme--dark .hero-section .section-id.color--grey { color: #6c757d; }
+
+.theme--dark .hero-5-txt p,
+.theme--dark .hero-6-txt p,
+.theme--dark .hero-10-txt p,
+.theme--dark .hero-15-txt p,
+.theme--dark .hero-16-txt p,
+.theme--dark .hero-17-txt p,
+.theme--dark .hero-18-txt p,
+.theme--dark .hero-19-txt p,
+.theme--dark .hero-20-txt p,
+.theme--dark .hero-21-txt p,
+.theme--dark .hero-23-txt p,
+.theme--dark .hero-25-txt p { color: #b1b7cd; }
+
+.theme--dark .hero-section .quick-form .form-control {
+  color: #fff;
+  background-color: #363f54;
+}
+
+.theme--dark #hero-14.hero-section .quick-form .form-control,
+.theme--dark #hero-24.hero-section .quick-form .form-control,
+.theme--dark #hero-26.hero-section .quick-form .form-control {
+  color: #666;
+  background-color: #fff;
+}
+
+.theme--dark .hero-section .quick-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .hero-section .quick-form .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .hero-section .quick-form .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+.theme--dark #hero-14.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } 
+.theme--dark #hero-14.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; }
+.theme--dark #hero-14.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; }
+
+.theme--dark #hero-24.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } 
+.theme--dark #hero-24.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; }
+.theme--dark #hero-24.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; }
+
+.theme--dark #hero-26.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } 
+.theme--dark #hero-26.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; }
+.theme--dark #hero-26.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; }
+
+.theme--dark .hero-section .quick-form .form-control:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+.theme--dark #hero-14.hero-section .quick-form .form-control:focus,
+.theme--dark #hero-24.hero-section .quick-form .form-control:focus,
+.theme--dark #hero-26.hero-section .quick-form .form-control:focus {
+  background-color: #fff;
+  border-color: transparent;
+}
+
+.theme--dark .hero-section .request-form .form-control {
+  color: #fff;
+  background-color: #363f54;
+}
+
+.theme--dark .hero-section .request-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .hero-section .request-form .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .hero-section .request-form .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+.theme--dark .hero-section .request-form .form-control:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+.theme--dark #hero-3:after,
+.theme--dark #hero-4:after {
+  background-color: #232734;
+}
+
+.theme--dark .hero-4-txt h2 {
+  color: #353f4f;
+}
+
+.theme--dark .hero-4-txt .btn.btn--tra-black {
+  color: #353f4f!important;
+  background-color:transparent!important;
+  border-color: #353f4f!important;
+}
+
+.theme--dark #hero-5 {
+  background-image: url(../images/hero-5-dark.jpg);
+}
+
+.theme--dark .hero-6-wrapper {
+  background-image: linear-gradient(90deg, #1d212c, #1d212c);
+}
+
+.theme--dark #hero-8-form {
+  background-color: #1d222f;
+  border: 1px solid #1d222f;
+}
+
+.theme--dark #hero-8-form p {
+  color: #b1b7cd;
+}
+
+.theme--dark #hero-5 .wave-shape-bottom svg path,
+.theme--dark #hero-8 .wave-shape-bottom svg path,
+.theme--dark #hero-14 .wave-shape-bottom svg path,
+.theme--dark #hero-16 .wave-shape-bottom svg path,
+.theme--dark #hero-22 .wave-shape-bottom svg path,
+.theme--dark #hero-23 .wave-shape-bottom svg path,
+.theme--dark #hero-26 .wave-shape-bottom svg path {
+  fill: #232734;
+}
+
+.theme--dark #hero-10 {
+  background-image: url(../images/hero-10-dark.jpg);
+}
+
+.theme--dark #hero-15 {
+  background-image: url(../images/hero-15-dark.jpg);
+}
+
+.theme--dark #hero-16 {
+  background-image: url(../images/hero-16-dark.jpg);
+}
+
+.theme--dark #hero-17 {
+  background-image: url(../images/hero-17-dark.jpg);
+}
+
+.theme--dark #hero-18:after {
+  background-image: url(../images/hero-18-dark.jpg);
+}
+
+.theme--dark #hero-20:after {
+  background-image: linear-gradient(180deg, #1d212c, #232734);
+}
+
+.theme--dark  #hero-21 .hero-overlay {
+  background-image: url(../images/hero-21-dark.jpg);
+}
+
+.theme--dark #hero-23 {
+  background-image: url(../images/hero-23-dark.jpg);
+}
+
+.theme--dark .hero-23-txt p span.color--black { color: #fff; }
+
+.theme--dark #hero-25 {
+  background-image: url(../images/hero-25-dark.jpg);
+}
+
+.theme--dark #hero-27 .hero-overlay {
+  background-image: url(../images/hero-27-dark.png);
+}
+
+/*------------------------------------------*/
+/*  FEATURES
+/*------------------------------------------*/
+
+.theme--dark .features-section path {
+  opacity: .05;
+}
+
+.theme--dark .fbox-7 {
+  border: 2px solid #363f54;
+}
+
+/*------------------------------------------*/
+/*  CONTENT
+/*------------------------------------------*/
+
+.theme--dark .cbox-2-line {
+  background-color: #363f54;
+}
+
+/*------------------------------------------*/
+/*  STATISTIC
+/*------------------------------------------*/
+
+.theme--dark #statistic-5 .statistic-digit {
+  border-bottom: 1px solid #505c77;
+}
+
+/*------------------------------------------*/
+/*  REVIEWS
+/*------------------------------------------*/
+
+.theme--dark #reviews-2 .review-2.bg--white-100 {
+  background-color: #1d212c!important;
+}
+
+.theme--dark .owl-theme .owl-dots .owl-dot span {
+  background: #1d212c;
+}
+
+.theme--dark .owl-theme .owl-dots .owl-dot.active span {
+  background: #b1b7cd;
+}
+
+.theme--dark .review-3.block-border {
+  border-color: #363f54;
+}
+
+/*------------------------------------------*/
+/*  PROJECT DETAILS
+/*------------------------------------------*/
+
+.theme--dark .project-title h2 {
+  border-bottom: 1px solid #363f54;
+}
+
+.theme--dark .project-data p span { color: #fff; }
+
+.theme--dark .project-description .more-projects span {
+  color: #fff;
+}
+
+/*------------------------------------------*/
+/*  RATING
+/*------------------------------------------*/
+
+.theme--dark .rbox-1 .star-rating {
+  background-color: #1d212c!important;
+  border: 1px solid #1d212c;
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+}
+
+/*------------------------------------------*/
+/*  PRICING
+/*------------------------------------------*/
+
+.theme--dark .pricing-discount h6 {
+  color: #353f4f;
+}
+
+.theme--dark .table>:not(caption)>*>* {
+  color: #b1b7cd;
+  background-color: #232734;
+}
+
+.theme--dark .comp-table .table thead th {
+  color: #fff;
+  border-color: #363f54;
+}
+
+.theme--dark .comp-table tbody th {
+  border-bottom: 1px solid #363f54!important;
+}
+
+.theme--dark .comp-table .table tr td {
+  border-bottom: 2px solid #363f54;
+}
+
+/*------------------------------------------*/
+/*  INTEGRATIONS
+/*------------------------------------------*/
+
+.theme--dark .integrations-1-wrapper .in_tool {
+  background-color: #1d212c;
+  border: 1px solid #1d212c;
+}
+
+/*------------------------------------------*/
+/*  PRICING
+/*------------------------------------------*/
+
+.theme--dark .switcher.bg--grey {
+  background-color: #363f54;
+  border: 2px solid #363f54;
+}
+
+/*------------------------------------------*/
+/*  BANNER
+/*------------------------------------------*/
+
+.theme--dark .banner-16-wrapper.bg--white-100.block-border {
+  border-color: #363f54;
+}
+
+/*------------------------------------------*/
+/*  DOWNLOAD
+/*------------------------------------------*/
+
+.theme--dark .release-data {
+  border-bottom: 1px dashed #656565;
+}
+
+.theme--dark span.version-data,
+.theme--dark span.release-date span {
+  color: #f1f1f1;
+}
+
+.theme--dark span.release-date {
+  color: #ccc;
+}
+
+/*------------------------------------------*/
+/*  FAQs
+/*------------------------------------------*/
+
+.theme--dark .faqs-section .accordion-item,
+.theme--dark #faqs-2.faqs-section .accordion-item,
+.theme--dark #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb {
+  border-bottom: 1px solid #363f54;
+}
+
+.theme--dark .faqs-section .tabs-1 li {
+  border: 2px solid #363f54;
+}
+
+.theme--dark .faqs-section .tabs-1 li span,
+.theme--dark .faqs-section .tabs-1 li {
+  color: #b1b7cd;
+}
+
+.theme--dark .faqs-section .accordion-item .accordion-thumb:after,
+.theme--dark .faqs-section .accordion-item.is-active .accordion-thumb:after {
+  color: #b1b7cd;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER
+/*------------------------------------------*/
+
+.theme--dark .newsletter-section .form-control {
+  color: #f1f1f1;
+  background-color: #363f54;
+  border: 1px solid #363f54;
+}
+
+.theme--dark .newsletter-section .form-control:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+.theme--dark .newsletter-section .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .newsletter-section .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .newsletter-section .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+/*------------------------------------------*/
+/*  BLOG
+/*------------------------------------------*/
+
+.theme--dark .post-meta-list p,
+.theme--dark .blog-post-txt a {
+  color: #fff;
+}
+
+.theme--dark .blog-post-txt a:hover {
+  color: #ddd!important;
+}
+
+/*------------------------------------------*/
+/*  SINGLE POST
+/*------------------------------------------*/
+
+.theme--dark .txt-code {
+  background-color: #1d212c;
+}
+
+.theme--dark .txt-code kbd {
+  background-color: #363f54;
+}
+
+.theme--dark  .txt-code p {
+  color: #b1b7cd; 
+}
+
+.theme--dark .comment-form p,
+.theme--dark  .blockquote-footer,
+.theme--dark .txt-code span.code-property,
+.theme--dark .txt-code p code.code-language-js {
+  color: #fff;
+}
+
+.theme--dark .comment-form .form-control {
+  color: #f1f1f1;
+  background-color: #363f54;
+}
+
+.theme--dark .comment-form .form-control:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+.theme--dark .comment-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .comment-form .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .comment-form .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+/*------------------------------------------*/
+/*  CONTACTS
+/*------------------------------------------*/
+
+.theme--dark .contact-form-notice p a,
+.theme--dark #contacts-1 .contact-form p {
+  color: #fff;
+}
+
+.theme--dark .contact-form .form-control,
+.theme--dark .contact-form .form-select {
+  color: #f1f1f1;
+  background-color: #363f54;
+}
+
+.theme--dark .contact-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .contact-form .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .contact-form .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+.theme--dark .contact-form .form-control:focus,
+.theme--dark .contact-form .form-select:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+/*------------------------------------------*/
+/*  FOOTER
+/*------------------------------------------*/
+
+.footer-logo-dark { display: none; }
+.theme--dark .footer-logo { display: none; }
+.theme--dark .footer-logo-dark { display: block; }
+.theme--dark #footer-10 .footer-logo-dark { display: inline-block; }
+
+.theme--dark  #footer-10 .footer-info {
+  border-bottom: 1px solid #363f54;
+}
+
+.theme--dark .footer-form .newsletter-form .btn.dark-color span {
+  color: #2f353e!important;
+}
+
+.theme--dark .footer-form .newsletter-form .input-group {
+  background-color: #282d3c;
+  border: 1px solid #505c77;
+}
+
+.theme--dark .footer-form .form-control {
+  color: #fff;
+}
+
+.theme--dark .footer-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .footer-form .form-control:-ms-input-placeholder { color: #b1b7cd; } 
+.theme--dark .footer-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } 
+
+.theme--dark .legal-info p span {
+  color: #fff;
+}
+
+/*------------------------------------------*/
+/*  INNER PAGE
+/*------------------------------------------*/
+
+.theme--dark .page-hero-section .wave-shape-bottom path {
+  fill: #232734;
+}
+
+/*------------------------------------------*/
+/*  MODAL
+/*------------------------------------------*/
+
+.theme--dark #modal-2 .modal-body-content h5,
+.theme--dark #modal-3 .modal-body-content h3 {
+  color: #353f4f;
+}
+
+/*------------------------------------------*/
+/*  PAGE 404
+/*------------------------------------------*/
+
+.theme--dark #page-404.bg--white-300, .theme--dark #footer-11.bg--white-300 { background-color: #f7f8f9; }
+.theme--dark #page-404 .color--dark { color: #353f4f; }
+
+.theme--dark #page-404 h6.color--grey, .theme--dark #footer-11.bg--white-300,
+.theme--dark #footer-11.bg--white-300 .bottom-footer-list p a { color: #6c757d; }
+
+/*------------------------------------------*/
+/*  LOGIN
+/*------------------------------------------*/
+
+.theme--dark #login, .theme--dark #signup {
+  background: url(../images/login_dark.jpg);
+}
+
+.theme--dark #reset-password {
+  background: url(../images/reset-password-dark.jpg);
+}
+
+.theme--dark #login .register-page-wrapper:after,
+.theme--dark #signup .register-page-wrapper:after {
+  background-color: #1d212c;
+}
+
+.theme--dark .form-data span a,
+.theme--dark .register-page-form p.input-header {
+  color: #fff;
+}
+
+.theme--dark .separator-line::before, 
+.theme--dark .separator-line::after {
+  border-top: 2px solid rgba(255, 255, 255, .15);
+}
+
+.theme--dark .reset-page-wrapper .form-control,
+.theme--dark .register-page-form .form-control {
+  color: #f1f1f1;
+  background-color: #363f54;
+  border: 1px solid #363f54;
+}
+
+.theme--dark .reset-page-wrapper form { 
+  background: #1d212c;
+  border: 1px solid #1d212c;
+}
+
+.theme--dark .register-page-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .register-page-form .form-control:-ms-input-placeholder { color: #b1b7cd; } 
+.theme--dark .register-page-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } 
+
+.theme--dark .reset-password-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .reset-password-form .form-control:-ms-input-placeholder { color: #b1b7cd; } 
+.theme--dark .reset-password-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } 
+
+.theme--dark  .register-page-form .btn-google {
+  color: #b1b7cd;
+  background-color: #363f54;
+  border: 1px solid #363f54;
+}
+
+
+
+
+/* ==========================================================================
+   STYLE CHANGER 
+  ========================================================================== */
+
+#stlChanger {
+  position: fixed;
+  z-index: 9999;
+  font-size: 15px;
+  overflow: hidden;
+  right: -230px;
+  top: 100px;
+  cursor: pointer;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+#stlChanger.open {
+  right: 0px;
+}
+
+#stlChanger .bgChanger {
+  min-width: 280px;
+  min-height: 280px;
+}
+
+#stlChanger .blockChanger {
+  width: 230px;
+}
+
+#stlChanger .chBody {
+  background: #2b2e37;
+  width: 230px;
+  position: relative;
+  overflow: hidden;
+  border: 1px solid #2b2e37;
+  border-radius: 4px 0px 0px 4px;
+  height: 425px; 
+  overflow: scroll; 
+  overflow-x: hidden;
+  direction: rtl;
+  margin-left: 50px;
+}
+
+#stlChanger .chBody.chBody-sm {
+  height: 360px; 
+}
+
+#stlChanger .chBut {
+  background: #ef2853;
+  width: 50px;
+  height: 50px;
+  position: absolute;
+  top: 30px;
+  left: 0;
+  z-index: 1000000;
+  text-align: center;
+  border: 1px solid #ef2853;
+  border-left: none;
+  padding: 0 0 0 2px;
+  border-radius: 4px 0px 0px 4px;
+  -webkit-transition: all 300ms ease-in-out;
+  -moz-transition: all 300ms ease-in-out;
+  -o-transition: all 300ms ease-in-out;
+  -ms-transition: all 300ms ease-in-out;
+  transition: all 300ms ease-in-out;
+  box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); 
+}
+
+#stlChanger .chBut.icon-xs [class*="flaticon-"]:before,
+#stlChanger .chBut.icon-xs [class*="flaticon-"]:after {   
+  color: #fff;
+  font-size: 2.15rem;
+  line-height: 48px!important;
+}
+
+#stlChanger p {
+  font-size: 18px;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-weight: 600;
+  letter-spacing: 0;
+  margin-bottom: 20px;
+}
+
+#stlChanger .stBgs a {
+  text-decoration: none;
+  width: 50px;
+  height: 50px;
+  float: left;
+  padding: 0;
+  margin: 0 5px 8px;
+  cursor: pointer;
+  opacity: 1;
+  -webkit-border-radius: 8px;
+  -moz-border-radius: 8px;
+  border-radius: 8px;
+}
+
+#stlChanger .stBgs a img {
+  width: 50px;
+  height: 50px;
+  -webkit-border-radius: 8px;
+  -moz-border-radius: 8px;
+  border-radius: 8px;
+}
+
+.stBlock1 {
+  margin: 0 20px 25px 20px;
+}
+
+.stBlock .btn {
+  width: 100%;
+  padding: 0.65rem 1.2rem;
+  line-height: 1;
+  margin-top: 15px;
+}
+
+.switch {
+  width: 100%;
+  color: #fff;
+  padding: 0.4rem 1.4rem;
+  border: 2px solid #fff;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+
+
+
+
+/* ==========================================================================
+  34. COLOR SCHEME
+  ========================================================================== */ 
+
+.bg--theme,
+.shape--blue-400:after { 
+  background-color: #7b5dd6; 
+}
+
+.btn--theme {
+  color: #fff!important;
+  border-color: #7b5dd6!important;
+  background-color: #7b5dd6!important;
+}
+
+.hover--theme:hover,
+.white-scroll .scroll .hover--theme:hover,
+.black-scroll .scroll .hover--theme:hover {
+  color: #fff!important;
+  border-color: #6a4ec1!important;
+  background-color: #6a4ec1!important;
+}
+
+.theme--dark .white-scroll .scroll .hover--theme:hover {
+  color: #fff!important;
+  border-color: #6a4ec1!important;
+  background-color: #6a4ec1!important;
+}
+
+.theme--dark .white-scroll .hover--theme:hover {
+  color: #fff!important;
+  border-color: #6a4ec1!important;
+  background-color: #6a4ec1!important;
+}
+
+.color--theme, 
+.color--theme h1, 
+.color--theme h2, 
+.color--theme h3, 
+.color--theme h4, 
+.color--theme h5, 
+.color--theme h6, 
+.color--theme p, 
+.color--theme a, 
+.color--theme li, 
+.color--theme i, 
+.color--theme span,
+.color--white .color--theme { color: #7b5dd6!important; }
+
+.loading--theme .loader { 
+  border-color: transparent #7b5dd6; 
+}
+
+.loading--theme .loader::after {
+  border-color: transparent rgba(123, 93, 214, .15); 
+}
+
+.nav-theme .sm-info { 
+  background-color: #7b5dd6; 
+}
+
+.wsmenu > .wsmenu-list.nav-theme > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #7b5dd6!important;
+}
+
+.hero-section .quick-form .form-control:focus {
+  border-color: #7b5dd6;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--theme { 
+  color: #7b5dd6; 
+  border-color: #7b5dd6; 
+}
+
+.tabs-1.tabs--theme, 
+.tabs-1.tabs--theme li.current:hover { 
+  color: #7b5dd6; 
+  border-color: #7b5dd6; 
+}
+
+.faqs-section .tabs--theme .tabs-1 li.current,
+.faqs-section .tabs--theme .tabs-1 li.current:hover {
+  background-color: #7b5dd6;
+  border-color: #7b5dd6!important;
+}
+
+.switch-wrap input:checked + .switcher.switcher--theme { 
+  background-color: #7b5dd6; 
+  border-color: #7b5dd6; 
+}
+
+.shape-ico.color--theme path,
+.shape-ico.color--theme path,
+.shape-ico.color--theme path {
+  fill: #f1edff;
+}
+
+.newsletter-section .form-control:focus {
+  background-color: #fff;
+  border-color: #353f4f;
+}
+
+.theme-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #7b5dd6;
+  border: 2px solid #7b5dd6;
+}
+
+
+
+
+/* ==========================================================================
+  34. XXXXX
+  ========================================================================== */ 
+
+.t-title {
+  text-align: center; 
+  color: #fff;
+  background-color:#1d222f;
+  padding: 10px 5px; 
+  margin: 0 0 40px;
+}
+
+.t-title.btn-s-title {
+  margin: 0;
+}
+
+.t-title h6 {
+  color: #fff;
+  margin-bottom: 0;
+}
\ No newline at end of file
diff --git a/public/css/demo.css b/public/css/demo.css
new file mode 100644
index 0000000..78907bd
--- /dev/null
+++ b/public/css/demo.css
@@ -0,0 +1,1482 @@
+/*
+  Template Name: Martex - Software, App, SaaS & Startup Landing Pages Pack
+  Theme URL: https://themeforest.net/user/jthemes
+  Description: Martex - Software, App, SaaS & Startup Landing Pages Pack
+  Author: JThemes Studio
+  Author URL: https://themeforest.net/user/jthemes
+  Version: 1.0.0
+  Website: www.jthemes.com
+  Tags: Responsive, HTML5, JThemes, Landing, Software, Mobile App, SaaS, Startup, Creative, Digital Produc
+*/
+
+
+html {
+    -webkit-font-smoothing: antialiased;
+    font-size: 16px;
+}
+
+body {
+    background-color: #f4f4f9;
+    font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    color: #6c757d;
+    line-height: 1.6;
+    font-weight: 400;
+}
+
+/*------------------------------------------------------------------*/
+/*   IE10 in Windows 8 and Windows Phone 8 Bug fix
+/*-----------------------------------------------------------------*/
+
+/*------------------------------------------*/
+/*	PAGE CONTENT
+/*------------------------------------------*/
+
+#page {
+    overflow: hidden;
+}
+
+.bg--fixed,
+.bg--scroll {
+    width: 100%;
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: cover;
+}
+
+.bg--scroll {
+    background-attachment: fixed !important;
+}
+
+/*------------------------------------------*/
+/*  HEADERS
+/*------------------------------------------*/
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    color: #353f4f;
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    line-height: 1.35;
+    font-weight: 700;
+    letter-spacing: 0;
+}
+
+/*------------------------------------------*/
+/*  CONTENT
+/*------------------------------------------*/
+
+ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+a {
+    text-decoration: none;
+    -webkit-transition: all 300ms ease-in-out;
+    -moz-transition: all 300ms ease-in-out;
+    -o-transition: all 300ms ease-in-out;
+    -ms-transition: all 300ms ease-in-out;
+    transition: all 300ms ease-in-out;
+}
+
+a:hover {
+    color: #444;
+    text-decoration: none;
+}
+
+a:focus {
+    outline: none;
+    text-decoration: none;
+}
+
+.img-fluid {
+    display: inline-block;
+}
+
+.btn {
+    background-color: transparent;
+    font-size: 1.185rem;
+    line-height: 1;
+    font-weight: 500;
+    padding: 0.95rem 2rem;
+    border: 2px solid transparent;
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+.btn:focus {
+    color: #fff;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Primary Color Button
+/*------------------------------------------*/
+
+.btn--transparent {
+    color: #353f4f;
+    background-color: transparent;
+    border-color: transparent;
+}
+
+.btn--transparent:hover {
+    background-color: transparent !important;
+    border-color: transparent !important;
+}
+
+.btn--white,
+.hover--white:hover {
+    color: #353f4f !important;
+    background-color: #fff !important;
+    border-color: #fff !important;
+}
+
+.btn--tra-white,
+.hover--tra-white:hover {
+    color: #fff !important;
+    background-color: transparent !important;
+    border-color: #fff !important;
+}
+
+.white-scroll .scroll .hover--tra-white:hover {
+    color: #353f4f !important;
+    background-color: transparent !important;
+    border-color: #353f4f !important;
+}
+
+.btn--black,
+.hover--black:hover {
+    color: #fff !important;
+    background-color: #353f4f !important;
+    border-color: #353f4f !important;
+}
+
+.btn--tra-black,
+.hover--tra-black:hover {
+    color: #353f4f !important;
+    background-color: transparent !important;
+    border-color: #353f4f !important;
+}
+
+.btn--tra-grey,
+.hover--tra-grey:hover,
+.white-scroll .scroll .hover--tra-grey:hover,
+.black-scroll .scroll .hover--tra-grey:hover {
+    color: #353f4f !important;
+    background-color: transparent !important;
+    border-color: #ccc !important;
+}
+
+.btn--blue-500,
+.hover--blue-500:hover,
+.white-scroll .scroll .hover--blue-500:hover,
+.black-scroll .scroll .hover--blue-500:hover {
+    color: #fff !important;
+    border-color: #185abd !important;
+    background-color: #185abd !important;
+}
+
+.btn--blue-400,
+.hover--blue-400:hover,
+.white-scroll .scroll .hover--blue-400:hover,
+.black-scroll .scroll .hover--blue-400:hover {
+    color: #fff !important;
+    border-color: #1680fb !important;
+    background-color: #1680fb !important;
+}
+
+.btn--pink-400,
+.hover--pink-400:hover,
+.white-scroll .scroll .hover--pink-400:hover,
+.black-scroll .scroll .hover--pink-400:hover {
+    color: #fff !important;
+    border-color: #f74780 !important;
+    background-color: #f74780 !important;
+}
+
+/*------------------------------------------*/
+/*  SECTION DIVIDER
+/*------------------------------------------*/
+
+hr.divider {
+    width: 100%;
+    height: 1px;
+    background-color: transparent;
+    background-image: linear-gradient(90deg, rgba(206, 211, 246, 0) 0, #bbb 38%, #bbb 64%, rgba(206, 211, 246, 0) 99%);
+    opacity: .4;
+    border: none;
+    margin: 0;
+}
+
+/*------------------------------------------*/
+/*   SECTION TITLE    
+/*------------------------------------------*/
+
+.demo-title {
+    text-align: center;
+    margin-bottom: 70px;
+}
+
+.demo-title h2 {
+    font-size: 4rem;
+}
+
+.demo-title p {
+    font-size: 1.35rem;
+    padding: 0 15%;
+    margin: 20px 0 0;
+}
+
+.color--white,
+.color--white h2,
+.color--white h3,
+.color--white h4,
+.color--white h5,
+.color--white h6,
+.color--white p,
+.color--white a,
+.color--white li,
+.color--white i,
+.color--white span {
+    color: #fff;
+}
+
+/*------------------------------------------*/
+/*   PRELOAD SPINNER   
+/*------------------------------------------*/
+
+#loading {
+    height: 100%;
+    width: 100%;
+    position: fixed;
+    z-index: 1;
+    margin-top: 0px;
+    top: 0px;
+    z-index: 99999999;
+}
+
+#loading {
+    background-color: #f5f5f9;
+}
+
+#loading-center {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    height: 100px;
+    width: 100px;
+    margin-top: -50px;
+    margin-left: -50px;
+    -webkit-animation: loading-center-absolute 1s infinite;
+    animation: loading-center-absolute 1s infinite;
+}
+
+.loader {
+    border: 2px solid;
+    border-color: transparent #888;
+    width: 100px;
+    height: 100px;
+    border-radius: 50%;
+    display: inline-block;
+    position: relative;
+    box-sizing: border-box;
+    animation: rotation 1s linear infinite;
+}
+
+.loading--blue .loader {
+    border-color: transparent #1680fb;
+}
+
+.loading--pink .loader {
+    border-color: transparent #f74780;
+}
+
+.loader::after {
+    content: '';
+    box-sizing: border-box;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    border: 50px solid;
+    border-color: transparent rgba(30, 30, 30, 0.15);
+    border-radius: 50%;
+    transform: translate(-50%, -50%);
+}
+
+.loading--blue .loader::after {
+    border-color: transparent rgba(22, 128, 251, .15);
+}
+
+.loading--pink .loader::after {
+    border-color: transparent rgba(247, 71, 128, .15);
+}
+
+@keyframes rotation {
+    0% {
+        transform: rotate(0deg);
+    }
+
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+/*------------------------------------------*/
+/*   HERO    
+/*------------------------------------------*/
+
+.hero-section .container {
+    position: relative;
+    z-index: 3;
+}
+
+#hero {
+    position: relative;
+    background-image: url(../images/demo/hero.jpg);
+    padding-top: 130px;
+    margin-bottom: 70px;
+}
+
+.hero-txt {
+    position: relative;
+    z-index: 9;
+    padding: 0 15%;
+    margin-bottom: -20px;
+}
+
+.hero-txt h2 {
+    font-size: 4.5rem;
+    line-height: 1.2;
+    margin-bottom: 30px;
+}
+
+.hero-txt p.p-lg {
+    font-size: 1.4rem;
+    font-weight: 300;
+    padding: 0 8%;
+    margin-bottom: 35px;
+}
+
+.hero-txt p.p-lg span {
+    font-weight: 500;
+}
+
+.hero-img {
+    position: relative;
+    z-index: 6;
+    margin: 0 -25% -70px;
+}
+
+/*------------------------------------------*/
+/*   FEATURES
+/*------------------------------------------*/
+
+#features {
+    padding-top: 80px;
+}
+
+.fbox .fbox-img {
+    margin-bottom: 35px;
+}
+
+.fbox-img img {
+    width: auto;
+    max-width: inherit;
+    max-height: 170px;
+}
+
+.fbox-txt h5 {
+    font-size: 1.425rem;
+    margin-bottom: 10px;
+}
+
+.fbox-txt p {
+    font-size: 1.2rem;
+    padding: 0 4%;
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*	 SELECT    
+/*------------------------------------------*/
+
+#select {
+    padding-top: 100px;
+    padding-bottom: 50px;
+    position: relative;
+}
+
+#select .col-lg-4,
+#i-pages .col-lg-4 {
+    position: relative;
+    z-index: 3;
+    margin-bottom: 50px;
+    text-align: center;
+}
+
+.select_link h4 {
+    font-size: 1.5rem;
+    line-height: 1;
+    margin-top: 40px;
+    margin-bottom: 0;
+}
+
+.hover-overlay {
+    width: 100%;
+    overflow: hidden;
+    position: relative;
+    top: 0;
+    z-index: 999;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    -o-border-radius: 10px;
+    border-radius: 10px;
+    -webkit-box-shadow: 0px 5px 10px 0 rgba(10, 10, 10, .05);
+    box-shadow: 0px 5px 10px 0 rgba(10, 10, 10, .05);
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+.empty_link .hover-overlay {
+    -webkit-border-radius: 0;
+    -moz-border-radius: 0;
+    -o-border-radius: 0;
+    border-radius: 0;
+    -webkit-box-shadow: 0 0;
+    box-shadow: 0 0;
+}
+
+.hover-overlay:hover {
+    top: -12px;
+}
+
+.empty_link .hover-overlay:hover {
+    top: 0;
+}
+
+/*------------------------------------------*/
+/*   INNER PAGES
+/*------------------------------------------*/
+
+#i-pages {
+    position: relative;
+    z-index: 3;
+    padding-top: 50px;
+    padding-bottom: 50px;
+}
+
+/*------------------------------------------*/
+/*   BANNER
+/*------------------------------------------*/
+
+#banner-1 {
+    position: relative;
+    background-image: url(../images/demo/banner-1.jpg);
+    margin-top: 60px;
+    margin-bottom: 60px;
+}
+
+#banner-2 {
+    position: relative;
+    background-image: url(../images/demo/banner-1.jpg);
+    padding-top: 80px;
+    padding-bottom: 100px;
+}
+
+.banner-1-img {
+    position: relative;
+    margin: -60px -35% -60px -5%;
+    z-index: 8;
+}
+
+.banner-1-txt h2,
+.banner-2-txt h2 {
+    font-size: 3.9rem;
+    margin-bottom: 25px;
+}
+
+.banner-1-txt p {
+    color: #eaebef;
+    font-size: 1.4rem;
+    padding-right: 5%;
+    margin-bottom: 30px;
+}
+
+.banner-2-txt p {
+    color: #eaebef;
+    font-size: 1.4rem;
+    line-height: 1.6;
+    margin-bottom: 30px;
+}
+
+.banner-2-txt p span {
+    color: #fff;
+    font-weight: 500;
+}
+
+/*------------------------------------------*/
+/*   FOOTER  
+/*------------------------------------------*/
+
+.footer {
+    text-align: center;
+    padding-top: 80px;
+    padding-bottom: 70px;
+}
+
+.footer p {
+    font-size: 1.225rem;
+    line-height: 1.3;
+    letter-spacing: 0;
+    margin-bottom: 8px;
+}
+
+/*------------------------------------------*/
+/*    SCROLL TO TOP 
+/*------------------------------------------*/
+
+#scrollUp {
+    display: none;
+    width: 44px;
+    height: 44px;
+    position: fixed;
+    bottom: 30px;
+    right: 25px;
+    -webkit-border-radius: 100%;
+    -moz-border-radius: 100%;
+    border-radius: 100%;
+    background-image: url(../images/demo/icons/back-to-top.png);
+    background-repeat: no-repeat;
+    background-position: 50% 48%;
+    background-color: rgba(10, 10, 10, .25);
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+#scrollUp:hover {
+    background-color: rgba(0, 0, 0, .4);
+}
+
+nav a#pull {
+    display: none;
+}
+
+
+@media (min-width: 992px) and (max-width: 1199.98px) {
+
+    .btn {
+        font-size: 1.1rem;
+        padding: 0.9rem 1.8rem;
+    }
+
+    .demo-title {
+        margin-bottom: 55px;
+    }
+
+    .demo-title h2 {
+        font-size: 3.5rem;
+    }
+
+    .demo-title p {
+        font-size: 1.25rem;
+        padding: 0 12%;
+        margin-top: 15px;
+    }
+
+    #hero {
+        padding-top: 100px;
+        margin-bottom: 50px;
+    }
+
+    .hero-txt h2 {
+        font-size: 3.75rem;
+        margin-bottom: 25px;
+    }
+
+    .hero-txt p.p-lg {
+        font-size: 1.25rem;
+        padding: 0 5%;
+        margin-bottom: 30px;
+    }
+
+    .hero-img {
+        margin: 0 -19% -70px;
+    }
+
+    .fbox .fbox-img {
+        margin-bottom: 30px;
+    }
+
+    .fbox-img img {
+        max-height: 160px;
+    }
+
+    .fbox-txt h5 {
+        font-size: 1.375rem;
+        margin-bottom: 10px;
+    }
+
+    .fbox-txt p {
+        font-size: 1.125rem;
+        padding: 0 4%;
+        margin-bottom: 0;
+    }
+
+    #select {
+        padding-top: 70px;
+        padding-bottom: 30px;
+    }
+
+    .select_link h4 {
+        font-size: 1.425rem;
+        margin-top: 40px;
+    }
+
+    #banner-1 {
+        margin-top: 50px;
+        margin-bottom: 50px;
+    }
+
+    .banner-1-img {
+        margin: -50px -35% -50px -5%;
+    }
+
+    .banner-1-txt h2,
+    .banner-2-txt h2 {
+        font-size: 3.35rem;
+        margin-bottom: 16px;
+    }
+
+    .banner-1-txt p {
+        font-size: 1.25rem;
+        padding-right: 0;
+        margin-bottom: 25px;
+    }
+
+    .banner-2-txt p {
+        font-size: 1.25rem;
+        margin-bottom: 25px;
+    }
+
+    .footer {
+        padding-top: 60px;
+        padding-bottom: 45px;
+    }
+
+    .footer p {
+        font-size: 1.15rem;
+        margin-bottom: 8px;
+    }
+
+}
+
+
+@media (min-width: 768px) and (max-width: 991.98px) {
+
+    .btn {
+        font-size: 1.0625rem;
+        padding: 0.85rem 1.7rem;
+    }
+
+    .demo-title {
+        margin-bottom: 55px;
+    }
+
+    .demo-title h2 {
+        font-size: 3.125rem;
+    }
+
+    .demo-title p {
+        font-size: 1.2rem;
+        padding: 0 10%;
+        margin-top: 15px;
+    }
+
+    #hero {
+        padding-top: 100px;
+        margin-bottom: 60px;
+    }
+
+    .hero-txt {
+        padding: 0 5%;
+        margin-bottom: -5px;
+    }
+
+    .hero-txt h2 {
+        font-size: 3.25rem;
+        margin-bottom: 20px;
+    }
+
+    .hero-txt p.p-lg {
+        font-size: 1.1875rem;
+        padding: 0 5%;
+        margin-bottom: 25px;
+    }
+
+    .hero-img {
+        margin: 0 -24% -70px;
+    }
+
+    .fbox .fbox-img {
+        margin-bottom: 30px;
+    }
+
+    .fb-1,
+    .fb-2 {
+        margin-bottom: 40px;
+    }
+
+    .fbox-img img {
+        max-height: 180px;
+    }
+
+    .fbox-txt h5 {
+        font-size: 1.5rem;
+        margin-bottom: 10px;
+    }
+
+    .fbox-txt p {
+        font-size: 1.1875rem;
+        padding: 0 13%;
+        margin-bottom: 0;
+    }
+
+    #select {
+        padding-top: 80px;
+        padding-bottom: 30px;
+    }
+
+    .select_link h4 {
+        font-size: 1.425rem;
+        margin-top: 40px;
+    }
+
+    #banner-1 {
+        text-align: center;
+        padding-top: 80px;
+        margin-top: 0;
+        margin-bottom: 60px;
+    }
+
+    #banner-2 {
+        padding-top: 70px;
+        padding-bottom: 80px;
+    }
+
+    .banner-1-img {
+        margin: 50px 0 -60px;
+    }
+
+    .banner-1-txt {
+        padding: 0 10%
+    }
+
+    .banner-1-txt h2,
+    .banner-2-txt h2 {
+        font-size: 3.125rem;
+        margin-bottom: 16px;
+    }
+
+    .banner-1-txt p {
+        font-size: 1.1875rem;
+        padding: 0;
+        margin-bottom: 25px;
+    }
+
+    .banner-2-txt p {
+        font-size: 1.1875rem;
+        padding: 0 5%;
+        margin-bottom: 25px;
+    }
+
+    .footer {
+        padding-top: 60px;
+        padding-bottom: 45px;
+    }
+
+    .footer p {
+        font-size: 1.15rem;
+        margin-bottom: 8px;
+    }
+
+}
+
+
+@media (max-width: 767px) {
+
+    #banner-1 {
+        text-align: center;
+        padding-top: 80px;
+        margin-top: 0;
+        margin-bottom: 60px;
+    }
+
+    .banner-1-img {
+        margin: 50px 0 -60px;
+    }
+
+}
+
+
+@media (min-width: 480px) and (max-width: 767.98px) {
+
+    .btn {
+        font-size: 1rem;
+        padding: 0.825rem 1.7rem;
+    }
+
+    .demo-title {
+        margin-bottom: 55px;
+    }
+
+    .demo-title h2 {
+        font-size: 2.55rem;
+    }
+
+    .demo-title p {
+        font-size: 1.0625rem;
+        padding: 0;
+        margin-top: 15px;
+    }
+
+    #hero {
+        padding-top: 90px;
+        margin-bottom: 60px;
+    }
+
+    .hero-txt {
+        padding: 0;
+        margin-bottom: 15px;
+    }
+
+    .hero-txt h2 {
+        font-size: 2.75rem;
+        margin-bottom: 20px;
+    }
+
+    .hero-txt p.p-lg {
+        font-size: 1.0625rem;
+        padding: 0%;
+        margin-bottom: 25px;
+    }
+
+    .hero-img {
+        margin: 0 -30% -70px;
+    }
+
+    .fbox .fbox-img {
+        margin-bottom: 30px;
+    }
+
+    .fb-1,
+    .fb-2 {
+        margin-bottom: 40px;
+    }
+
+    .fbox-img img {
+        max-height: 170px;
+    }
+
+    .fbox-txt h5 {
+        font-size: 1.425rem;
+        margin-bottom: 10px;
+    }
+
+    .fbox-txt p {
+        font-size: 1.0625rem;
+        padding: 0 10%;
+        margin-bottom: 0;
+    }
+
+    #select {
+        padding-top: 70px;
+        padding-bottom: 30px;
+    }
+
+    .select_link h4 {
+        font-size: 1.5rem;
+        margin-top: 40px;
+    }
+
+    #i-pages {
+        padding-top: 50px;
+        padding-bottom: 30px;
+    }
+
+    #banner-2 {
+        padding-top: 70px;
+        padding-bottom: 80px;
+    }
+
+    .banner-1-txt {
+        padding: 0 10%
+    }
+
+    .banner-1-txt h2,
+    .banner-2-txt h2 {
+        font-size: 2.55rem;
+        margin-bottom: 16px;
+    }
+
+    .banner-1-txt p {
+        font-size: 1.0625rem;
+        padding: 0;
+        margin-bottom: 25px;
+    }
+
+    .banner-2-txt p {
+        font-size: 1.1875rem;
+        padding: 0 5%;
+        margin-bottom: 25px;
+    }
+
+    .footer {
+        padding-top: 60px;
+        padding-bottom: 45px;
+    }
+
+    .footer p {
+        font-size: 1.0625rem;
+        margin-bottom: 8px;
+    }
+
+}
+
+
+@media (min-width: 414px) and (max-width: 479.98px) {
+
+    .btn {
+        font-size: 0.935rem;
+        padding: 0.75rem 1.6rem;
+    }
+
+    .demo-title {
+        margin-bottom: 45px;
+    }
+
+    .demo-title h2 {
+        font-size: 1.95rem;
+    }
+
+    .demo-title p {
+        font-size: 1.0625rem;
+        padding: 0;
+        margin-top: 12px;
+    }
+
+    #hero {
+        padding-top: 90px;
+        margin-bottom: 60px;
+    }
+
+    .hero-txt {
+        padding: 0;
+        margin-bottom: 15px;
+    }
+
+    .hero-txt h2 {
+        font-size: 2rem;
+        margin-bottom: 18px;
+    }
+
+    .hero-txt p.p-lg {
+        font-size: 1.0625rem;
+        padding: 0 5%;
+        margin-bottom: 22px;
+    }
+
+    .hero-img {
+        margin: 0 -30% -70px;
+    }
+
+    .fbox .fbox-img {
+        margin-bottom: 30px;
+    }
+
+    .fb-1,
+    .fb-2 {
+        margin-bottom: 40px;
+    }
+
+    .fbox-img img {
+        max-height: 160px;
+    }
+
+    .fbox-txt h5 {
+        font-size: 1.35rem;
+        margin-bottom: 10px;
+    }
+
+    .fbox-txt p {
+        font-size: 1.0625rem;
+        padding: 0;
+        margin-bottom: 0;
+    }
+
+    #select {
+        padding-top: 60px;
+        padding-bottom: 30px;
+    }
+
+    .select_link h4 {
+        font-size: 1.425rem;
+        margin-top: 40px;
+    }
+
+    #i-pages {
+        padding-top: 50px;
+        padding-bottom: 30px;
+    }
+
+    #banner-2 {
+        padding-top: 70px;
+        padding-bottom: 80px;
+    }
+
+    .banner-1-txt {
+        padding: 0 2%
+    }
+
+    .banner-1-txt h2,
+    .banner-2-txt h2 {
+        font-size: 1.95rem;
+        margin-bottom: 16px;
+    }
+
+    .banner-1-txt p {
+        font-size: 1.0625rem;
+        padding: 0;
+        margin-bottom: 25px;
+    }
+
+    .banner-2-txt p {
+        font-size: 1.0625rem;
+        padding: 0 3%;
+        margin-bottom: 25px;
+    }
+
+    .banner-1-img {
+        margin-top: 40px;
+    }
+
+    .footer {
+        padding-top: 60px;
+        padding-bottom: 45px;
+    }
+
+    .footer p {
+        font-size: 1rem;
+        margin-bottom: 8px;
+    }
+
+}
+
+
+@media (min-width: 390px) and (max-width: 413.98px) {
+
+    .btn {
+        font-size: 0.935rem;
+        padding: 0.75rem 1.6rem;
+    }
+
+    .demo-title {
+        margin-bottom: 45px;
+    }
+
+    .demo-title h2 {
+        font-size: 1.95rem;
+    }
+
+    .demo-title p {
+        font-size: 1.0625rem;
+        padding: 0 2%;
+        margin-top: 12px;
+    }
+
+    #hero {
+        padding-top: 90px;
+        margin-bottom: 60px;
+    }
+
+    .hero-txt {
+        padding: 0;
+        margin-bottom: 15px;
+    }
+
+    .hero-txt h2 {
+        font-size: 2rem;
+        margin-bottom: 18px;
+    }
+
+    .hero-txt p.p-lg {
+        font-size: 1.0625rem;
+        padding: 0 5%;
+        margin-bottom: 22px;
+    }
+
+    .hero-img {
+        margin: 0 -30% -70px;
+    }
+
+    .fbox .fbox-img {
+        margin-bottom: 30px;
+    }
+
+    .fb-1,
+    .fb-2 {
+        margin-bottom: 40px;
+    }
+
+    .fbox-img img {
+        max-height: 154px;
+    }
+
+    .fbox-txt h5 {
+        font-size: 1.35rem;
+        margin-bottom: 10px;
+    }
+
+    .fbox-txt p {
+        font-size: 1.0625rem;
+        padding: 0;
+        margin-bottom: 0;
+    }
+
+    #select {
+        padding-top: 60px;
+        padding-bottom: 30px;
+    }
+
+    .select_link h4 {
+        font-size: 1.425rem;
+        margin-top: 35px;
+    }
+
+    #i-pages {
+        padding-top: 50px;
+        padding-bottom: 30px;
+    }
+
+    #banner-2 {
+        padding-top: 70px;
+        padding-bottom: 80px;
+    }
+
+    .banner-1-txt {
+        padding: 0 2%;
+    }
+
+    .banner-1-txt h2,
+    .banner-2-txt h2 {
+        font-size: 1.95rem;
+        margin-bottom: 16px;
+    }
+
+    .banner-1-txt p {
+        font-size: 1.0625rem;
+        padding: 0;
+        margin-bottom: 25px;
+    }
+
+    .banner-2-txt p {
+        font-size: 1.0625rem;
+        padding: 0 1%;
+        margin-bottom: 25px;
+    }
+
+    .banner-1-img {
+        margin-top: 40px;
+    }
+
+    .footer {
+        padding-top: 50px;
+        padding-bottom: 35px;
+    }
+
+    .footer p {
+        font-size: 1rem;
+        margin-bottom: 8px;
+    }
+
+}
+
+
+@media (min-width: 321px) and (max-width: 389.98px) {
+
+    .btn {
+        font-size: 0.935rem;
+        padding: 0.75rem 1.6rem;
+    }
+
+    .demo-title {
+        margin-bottom: 45px;
+    }
+
+    .demo-title h2 {
+        font-size: 1.75rem;
+    }
+
+    .demo-title p {
+        font-size: 1rem;
+        padding: 0 2%;
+        margin-top: 12px;
+    }
+
+    #hero {
+        padding-top: 90px;
+        margin-bottom: 60px;
+    }
+
+    .hero-txt {
+        padding: 0;
+        margin-bottom: 15px;
+    }
+
+    .hero-txt h2 {
+        font-size: 1.85rem;
+        margin-bottom: 18px;
+    }
+
+    .hero-txt p.p-lg {
+        font-size: 1rem;
+        padding: 0 5%;
+        margin-bottom: 22px;
+    }
+
+    .hero-img {
+        margin: 0 -30% -70px;
+    }
+
+    .fbox .fbox-img {
+        margin-bottom: 30px;
+    }
+
+    .fb-1,
+    .fb-2 {
+        margin-bottom: 40px;
+    }
+
+    .fbox-img img {
+        max-height: 138px;
+    }
+
+    .fbox-txt h5 {
+        font-size: 1.3rem;
+        margin-bottom: 10px;
+    }
+
+    .fbox-txt p {
+        font-size: 1rem;
+        padding: 0;
+        margin-bottom: 0;
+    }
+
+    #select {
+        padding-top: 60px;
+        padding-bottom: 30px;
+    }
+
+    .select_link h4 {
+        font-size: 1.4rem;
+        margin-top: 35px;
+    }
+
+    #i-pages {
+        padding-top: 50px;
+        padding-bottom: 30px;
+    }
+
+    #banner-2 {
+        padding-top: 70px;
+        padding-bottom: 80px;
+    }
+
+    .banner-1-txt {
+        padding: 0 3%;
+    }
+
+    .banner-1-txt h2,
+    .banner-2-txt h2 {
+        font-size: 1.75rem;
+        margin-bottom: 16px;
+    }
+
+    .banner-1-txt p {
+        font-size: 1rem;
+        padding: 0;
+        margin-bottom: 25px;
+    }
+
+    .banner-2-txt p {
+        font-size: 1rem;
+        padding: 0 1%;
+        margin-bottom: 25px;
+    }
+
+    .banner-1-img {
+        margin-top: 40px;
+    }
+
+    .footer {
+        padding-top: 50px;
+        padding-bottom: 35px;
+    }
+
+    .footer p {
+        font-size: 0.95rem;
+        margin-bottom: 8px;
+    }
+
+}
+
+
+@media (max-width: 320.95px) {
+
+    .btn {
+        font-size: 0.935rem;
+        padding: 0.75rem 1.6rem;
+    }
+
+    .demo-title {
+        margin-bottom: 40px;
+    }
+
+    .demo-title h2 {
+        font-size: 1.55rem;
+    }
+
+    .demo-title p {
+        font-size: 0.9rem;
+        padding: 0 2%;
+        margin-top: 12px;
+    }
+
+    #hero {
+        padding-top: 90px;
+        margin-bottom: 50px;
+    }
+
+    .hero-txt {
+        padding: 0;
+        margin-bottom: 15px;
+    }
+
+    .hero-txt h2 {
+        font-size: 1.65rem;
+        margin-bottom: 14px;
+    }
+
+    .hero-txt p.p-lg {
+        font-size: 0.9rem;
+        padding: 0 5%;
+        margin-bottom: 18px;
+    }
+
+    .hero-img {
+        margin: 0 -40% -70px;
+    }
+
+    .fbox .fbox-img {
+        margin-bottom: 25px;
+    }
+
+    .fb-1,
+    .fb-2 {
+        margin-bottom: 40px;
+    }
+
+    .fbox-img img {
+        max-height: 135px;
+    }
+
+    .fbox-txt h5 {
+        font-size: 1.3rem;
+        margin-bottom: 10px;
+    }
+
+    .fbox-txt p {
+        font-size: 0.9rem;
+        padding: 0 3%;
+        margin-bottom: 0;
+    }
+
+    #select {
+        padding-top: 50px;
+        padding-bottom: 30px;
+    }
+
+    #select .col-lg-4,
+    #i-pages .col-lg-4 {
+        margin-bottom: 40px;
+    }
+
+    .select_link h4 {
+        font-size: 1.375rem;
+        margin-top: 35px;
+    }
+
+    #i-pages {
+        padding-top: 50px;
+        padding-bottom: 30px;
+    }
+
+    #banner-2 {
+        padding-top: 60px;
+        padding-bottom: 70px;
+    }
+
+    #banner-1 {
+        padding-top: 70px;
+    }
+
+    .banner-1-txt {
+        padding: 0 3%;
+    }
+
+    .banner-1-txt h2,
+    .banner-2-txt h2 {
+        font-size: 1.55rem;
+        margin-bottom: 14px;
+    }
+
+    .banner-1-txt p {
+        font-size: 0.9rem;
+        padding: 0;
+        margin-bottom: 20px;
+    }
+
+    .banner-2-txt p {
+        font-size: 0.9rem;
+        padding: 0;
+        margin-bottom: 25px;
+    }
+
+    .banner-1-img {
+        margin-top: 35px;
+    }
+
+    .footer {
+        padding-top: 50px;
+        padding-bottom: 35px;
+    }
+
+    .footer p {
+        font-size: 0.9rem;
+        margin-bottom: 8px;
+    }
+
+}
\ No newline at end of file
diff --git a/public/css/dropdown-effects/fade-down.css b/public/css/dropdown-effects/fade-down.css
new file mode 100644
index 0000000..4335e3d
--- /dev/null
+++ b/public/css/dropdown-effects/fade-down.css
@@ -0,0 +1,119 @@
+.wsmenu > .wsmenu-list > li > ul.sub-menu {
+  opacity: 0;
+  visibility: hidden;
+  -o-transform-origin: 0% 0%;
+  -ms-transform-origin: 0% 0%;
+  -moz-transform-origin: 0% 0%;
+  -webkit-transform-origin: 0% 0%;
+  -o-transition: -o-transform 0.3s, opacity 0.3s;
+  -ms-transition: -ms-transform 0.3s, opacity 0.3s;
+  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
+  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
+  transform-style: preserve-3d;
+  -o-transform-style: preserve-3d;
+  -moz-transform-style: preserve-3d;
+  -webkit-transform-style: preserve-3d;
+  transform: rotateX(-75deg);
+  -o-transform: rotateX(-75deg);
+  -moz-transform: rotateX(-75deg);
+  -webkit-transform: rotateX(-75deg);
+}
+
+.wsmenu > .wsmenu-list > li:hover > ul.sub-menu {
+  opacity: 1;
+  visibility: visible;
+  transform: rotateX(0deg);
+  -o-transform: rotateX(0deg);
+  -moz-transform: rotateX(0deg);
+  -webkit-transform: rotateX(0deg);
+}
+
+.wsmenu > .wsmenu-list > li  > ul.sub-menu > li > ul.sub-menu {
+  opacity: 0;
+  visibility: hidden;
+  transform-style: preserve-3d;
+  -o-transform-style: preserve-3d;
+  -moz-transform-style: preserve-3d;
+  -webkit-transform-style: preserve-3d;
+  transform: rotateX(-75deg);
+  -o-transform: rotateX(-75deg);
+  -moz-transform: rotateX(-75deg);
+  -webkit-transform: rotateX(-75deg);
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li:hover > ul.sub-menu {
+opacity: 1;
+visibility: visible;
+-o-transform-origin: 0% 0%;
+-ms-transform-origin: 0% 0%;
+-moz-transform-origin: 0% 0%;
+-webkit-transform-origin: 0% 0%;
+-o-transition: -o-transform 0.4s, opacity 0.4s;
+-ms-transition: -ms-transform 0.4s, opacity 0.4s;
+-moz-transition: -moz-transform 0.4s, opacity 0.4s;
+-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
+transform: rotateX(0deg);
+-o-transform: rotateX(0deg);
+-moz-transform: rotateX(0deg);
+-webkit-transform: rotateX(0deg);
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
+  opacity: 0;
+  visibility: hidden;
+  -o-transform-origin: 0% 0%;
+  -ms-transform-origin: 0% 0%;
+  -moz-transform-origin: 0% 0%;
+  -webkit-transform-origin: 0% 0%;
+  -o-transition: -o-transform 0.4s, opacity 0.4s;
+  -ms-transition: -ms-transform 0.4s, opacity 0.4s;
+  -moz-transition: -moz-transform 0.4s, opacity 0.4s;
+  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
+  transform-style: preserve-3d;
+  -o-transform-style: preserve-3d;
+  -moz-transform-style: preserve-3d;
+  -webkit-transform-style: preserve-3d;
+  transform: rotateX(-75deg);
+  -o-transform: rotateX(-75deg);
+  -moz-transform: rotateX(-75deg);
+  -webkit-transform: rotateX(-75deg);
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li:hover > ul.sub-menu {
+  opacity: 1;
+  visibility: visible;
+  transform: rotateX(0deg);
+  -o-transform: rotateX(0deg);
+  -moz-transform: rotateX(0deg);
+  -webkit-transform: rotateX(0deg);
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu {
+  opacity: 0;
+  visibility: hidden;
+  -o-transform-origin: 0% 0%;
+  -ms-transform-origin: 0% 0%;
+  -moz-transform-origin: 0% 0%;
+  -webkit-transform-origin: 0% 0%;
+  -o-transition: -o-transform 0.3s, opacity 0.3s;
+  -ms-transition: -ms-transform 0.3s, opacity 0.3s;
+  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
+  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
+  transform-style: preserve-3d;
+  -o-transform-style: preserve-3d;
+  -moz-transform-style: preserve-3d;
+  -webkit-transform-style: preserve-3d;
+  transform: rotateX(-75deg);
+  -o-transform: rotateX(-75deg);
+  -moz-transform: rotateX(-75deg);
+  -webkit-transform: rotateX(-75deg);
+}
+
+.wsmenu > .wsmenu-list > li:hover > .wsmegamenu {
+  opacity: 1;
+  visibility: visible;
+  transform: rotateX(0deg);
+  -o-transform: rotateX(0deg);
+  -moz-transform: rotateX(0deg);
+  -webkit-transform: rotateX(0deg);
+}
diff --git a/public/css/dropdown-effects/fade-left.css b/public/css/dropdown-effects/fade-left.css
new file mode 100644
index 0000000..b4f3beb
--- /dev/null
+++ b/public/css/dropdown-effects/fade-left.css
@@ -0,0 +1,115 @@
+.wsmenu>.wsmenu-list>li>ul.sub-menu {
+  opacity: 0;
+  visibility: hidden;
+  -webkit-transform-origin: center center;
+  -moz-transform-origin: center center;
+  -ms-transform-origin: center center;
+  -o-transform-origin: center center;
+  transform-origin: center center;
+  -webkit-transform: translateX(40px) skewX(7deg);
+  -moz-transform: translateX(40px) skewX(7deg);
+  -ms-transform: translateX(40px) skewX(7deg);
+  -o-transform: translateX(40px) skewX(7deg);
+  transform: translateX(40px) skewX(7deg);
+  -o-transition: -o-transform 0.3s, opacity 0.3s;
+  -ms-transition: -ms-transform 0.3s, opacity 0.3s;
+  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
+  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
+}
+
+.wsmenu>.wsmenu-list>li:hover>ul.sub-menu {
+  opacity: 1;
+  visibility: visible;
+  -webkit-transform: rotateX(0deg);
+  -moz-transform: rotateX(0deg);
+  -ms-transform: rotateX(0deg);
+  -o-transform: rotateX(0deg);
+  transform: rotateX(0deg);
+}
+
+.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu {
+  opacity: 0;
+  visibility: hidden;
+  -webkit-transform-origin: center center;
+  -moz-transform-origin: center center;
+  -ms-transform-origin: center center;
+  -o-transform-origin: center center;
+  transform-origin: center center;
+  -webkit-transform: translateX(40px) skewX(7deg);
+  -moz-transform: translateX(40px) skewX(7deg);
+  -ms-transform: translateX(40px) skewX(7deg);
+  -o-transform: translateX(40px) skewX(7deg);
+  transform: translateX(40px) skewX(7deg);
+  -o-transition: -o-transform 0.3s, opacity 0.3s;
+  -ms-transition: -ms-transform 0.3s, opacity 0.3s;
+  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
+  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
+}
+
+.wsmenu>.wsmenu-list>li>ul.sub-menu>li:hover>ul.sub-menu {
+  opacity: 1;
+  visibility: visible;
+  -webkit-transform: rotateX(0deg);
+  -moz-transform: rotateX(0deg);
+  -ms-transform: rotateX(0deg);
+  -o-transform: rotateX(0deg);
+  transform: rotateX(0deg);
+}
+
+.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu {
+  opacity: 0;
+  visibility: hidden;
+  -webkit-transform-origin: center center;
+  -moz-transform-origin: center center;
+  -ms-transform-origin: center center;
+  -o-transform-origin: center center;
+  transform-origin: center center;
+  -webkit-transform: translateX(40px) skewX(7deg);
+  -moz-transform: translateX(40px) skewX(7deg);
+  -ms-transform: translateX(40px) skewX(7deg);
+  -o-transform: translateX(40px) skewX(7deg);
+  transform: translateX(40px) skewX(7deg);
+  -o-transition: -o-transform 0.3s, opacity 0.3s;
+  -ms-transition: -ms-transform 0.3s, opacity 0.3s;
+  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
+  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
+}
+
+.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li:hover>ul.sub-menu {
+  opacity: 1;
+  visibility: visible;
+  -webkit-transform: rotateX(0deg);
+  -moz-transform: rotateX(0deg);
+  -ms-transform: rotateX(0deg);
+  -o-transform: rotateX(0deg);
+  transform: rotateX(0deg);
+}
+
+.wsmenu>.wsmenu-list>li>.wsmegamenu {
+  opacity: 0;
+  visibility: hidden;
+  -webkit-transform-origin: center center;
+  -moz-transform-origin: center center;
+  -ms-transform-origin: center center;
+  -o-transform-origin: center center;
+  transform-origin: center center;
+  -webkit-transform: translateX(40px) skewX(7deg);
+  -moz-transform: translateX(40px) skewX(7deg);
+  -ms-transform: translateX(40px) skewX(7deg);
+  -o-transform: translateX(40px) skewX(7deg);
+  transform: translateX(40px) skewX(7deg);
+  -o-transition: -o-transform 0.3s, opacity 0.3s;
+  -ms-transition: -ms-transform 0.3s, opacity 0.3s;
+  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
+  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
+}
+
+.wsmenu>.wsmenu-list>li:hover>.wsmegamenu {
+  opacity: 1;
+  visibility: visible;
+  -webkit-transform: rotateX(0deg);
+  -moz-transform: rotateX(0deg);
+  -ms-transform: rotateX(0deg);
+  -o-transform: rotateX(0deg);
+  transform: rotateX(0deg);
+}
\ No newline at end of file
diff --git a/public/css/dropdown-effects/fade-right.css b/public/css/dropdown-effects/fade-right.css
new file mode 100644
index 0000000..d7942ef
--- /dev/null
+++ b/public/css/dropdown-effects/fade-right.css
@@ -0,0 +1,115 @@
+.wsmenu>.wsmenu-list>li>ul.sub-menu {
+  opacity: 0;
+  visibility: hidden;
+  -webkit-transform-origin: center center;
+  -moz-transform-origin: center center;
+  -ms-transform-origin: center center;
+  -o-transform-origin: center center;
+  transform-origin: center center;
+  -webkit-transform: translateX(-40px) skewX(-7deg);
+  -moz-transform: translateX(-40px) skewX(-7deg);
+  -ms-transform: translateX(-40px) skewX(-7deg);
+  -o-transform: translateX(-40px) skewX(-7deg);
+  transform: translateX(-40px) skewX(-7deg);
+  -o-transition: -o-transform 0.3s, opacity 0.3s;
+  -ms-transition: -ms-transform 0.3s, opacity 0.3s;
+  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
+  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
+}
+
+.wsmenu>.wsmenu-list>li:hover>ul.sub-menu {
+  opacity: 1;
+  visibility: visible;
+  -webkit-transform: rotateX(0deg);
+  -moz-transform: rotateX(0deg);
+  -ms-transform: rotateX(0deg);
+  -o-transform: rotateX(0deg);
+  transform: rotateX(0deg);
+}
+
+.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu {
+  opacity: 0;
+  visibility: hidden;
+  -webkit-transform-origin: center center;
+  -moz-transform-origin: center center;
+  -ms-transform-origin: center center;
+  -o-transform-origin: center center;
+  transform-origin: center center;
+  -webkit-transform: translateX(-40px) skewX(-7deg);
+  -moz-transform: translateX(-40px) skewX(-7deg);
+  -ms-transform: translateX(-40px) skewX(-7deg);
+  -o-transform: translateX(-40px) skewX(-7deg);
+  transform: translateX(-40px) skewX(-7deg);
+  -o-transition: -o-transform 0.3s, opacity 0.3s;
+  -ms-transition: -ms-transform 0.3s, opacity 0.3s;
+  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
+  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
+}
+
+.wsmenu>.wsmenu-list>li>ul.sub-menu>li:hover>ul.sub-menu {
+  opacity: 1;
+  visibility: visible;
+  -webkit-transform: rotateX(0deg);
+  -moz-transform: rotateX(0deg);
+  -ms-transform: rotateX(0deg);
+  -o-transform: rotateX(0deg);
+  transform: rotateX(0deg);
+}
+
+.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu {
+  opacity: 0;
+  visibility: hidden;
+  -webkit-transform-origin: center center;
+  -moz-transform-origin: center center;
+  -ms-transform-origin: center center;
+  -o-transform-origin: center center;
+  transform-origin: center center;
+  -webkit-transform: translateX(-40px) skewX(-7deg);
+  -moz-transform: translateX(-40px) skewX(-7deg);
+  -ms-transform: translateX(-40px) skewX(-7deg);
+  -o-transform: translateX(-40px) skewX(-7deg);
+  transform: translateX(-40px) skewX(-7deg);
+  -o-transition: -o-transform 0.3s, opacity 0.3s;
+  -ms-transition: -ms-transform 0.3s, opacity 0.3s;
+  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
+  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
+}
+
+.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li:hover>ul.sub-menu {
+  opacity: 1;
+  visibility: visible;
+  -webkit-transform: rotateX(0deg);
+  -moz-transform: rotateX(0deg);
+  -ms-transform: rotateX(0deg);
+  -o-transform: rotateX(0deg);
+  transform: rotateX(0deg);
+}
+
+.wsmenu>.wsmenu-list>li>.wsmegamenu {
+  opacity: 0;
+  visibility: hidden;
+  -webkit-transform-origin: center center;
+  -moz-transform-origin: center center;
+  -ms-transform-origin: center center;
+  -o-transform-origin: center center;
+  transform-origin: center center;
+  -webkit-transform: translateX(-40px) skewX(-7deg);
+  -moz-transform: translateX(-40px) skewX(-7deg);
+  -ms-transform: translateX(-40px) skewX(-7deg);
+  -o-transform: translateX(-40px) skewX(-7deg);
+  transform: translateX(-40px) skewX(-7deg);
+  -o-transition: -o-transform 0.3s, opacity 0.3s;
+  -ms-transition: -ms-transform 0.3s, opacity 0.3s;
+  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
+  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
+}
+
+.wsmenu>.wsmenu-list>li:hover>.wsmegamenu {
+  opacity: 1;
+  visibility: visible;
+  -webkit-transform: rotateX(0deg);
+  -moz-transform: rotateX(0deg);
+  -ms-transform: rotateX(0deg);
+  -o-transform: rotateX(0deg);
+  transform: rotateX(0deg);
+}
\ No newline at end of file
diff --git a/public/css/dropdown-effects/fade-up.css b/public/css/dropdown-effects/fade-up.css
new file mode 100644
index 0000000..287ea3a
--- /dev/null
+++ b/public/css/dropdown-effects/fade-up.css
@@ -0,0 +1,115 @@
+.wsmenu>.wsmenu-list>li>ul.sub-menu {
+  opacity: 0;
+  visibility: hidden;
+  -webkit-transform-origin: center center;
+  -moz-transform-origin: center center;
+  -ms-transform-origin: center center;
+  -o-transform-origin: center center;
+  transform-origin: center center;
+  -webkit-transform: translateY(20px);
+  -moz-transform: translateY(20px);
+  -ms-transform: translateY(20px);
+  -o-transform: translateY(20px);
+  transform: translateY(20px);
+  -o-transition: -o-transform 0.3s, opacity 0.3s;
+  -ms-transition: -ms-transform 0.3s, opacity 0.3s;
+  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
+  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
+}
+
+.wsmenu>.wsmenu-list>li:hover>ul.sub-menu {
+  opacity: 1;
+  visibility: visible;
+  -webkit-transform: rotateX(0deg);
+  -moz-transform: rotateX(0deg);
+  -ms-transform: rotateX(0deg);
+  -o-transform: rotateX(0deg);
+  transform: rotateX(0deg);
+}
+
+.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu {
+  opacity: 0;
+  visibility: hidden;
+  -webkit-transform-origin: center center;
+  -moz-transform-origin: center center;
+  -ms-transform-origin: center center;
+  -o-transform-origin: center center;
+  transform-origin: center center;
+  -webkit-transform: translateY(20px);
+  -moz-transform: translateY(20px);
+  -ms-transform: translateY(20px);
+  -o-transform: translateY(20px);
+  transform: translateY(20px);
+  -o-transition: -o-transform 0.3s, opacity 0.3s;
+  -ms-transition: -ms-transform 0.3s, opacity 0.3s;
+  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
+  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
+}
+
+.wsmenu>.wsmenu-list>li>ul.sub-menu>li:hover>ul.sub-menu {
+  opacity: 1;
+  visibility: visible;
+  -webkit-transform: rotateX(0deg);
+  -moz-transform: rotateX(0deg);
+  -ms-transform: rotateX(0deg);
+  -o-transform: rotateX(0deg);
+  transform: rotateX(0deg);
+}
+
+.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu {
+  opacity: 0;
+  visibility: hidden;
+  -webkit-transform-origin: center center;
+  -moz-transform-origin: center center;
+  -ms-transform-origin: center center;
+  -o-transform-origin: center center;
+  transform-origin: center center;
+  -webkit-transform: translateY(20px);
+  -moz-transform: translateY(20px);
+  -ms-transform: translateY(20px);
+  -o-transform: translateY(20px);
+  transform: translateY(20px);
+  -o-transition: -o-transform 0.3s, opacity 0.3s;
+  -ms-transition: -ms-transform 0.3s, opacity 0.3s;
+  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
+  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
+}
+
+.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li:hover>ul.sub-menu {
+  opacity: 1;
+  visibility: visible;
+  -webkit-transform: rotateX(0deg);
+  -moz-transform: rotateX(0deg);
+  -ms-transform: rotateX(0deg);
+  -o-transform: rotateX(0deg);
+  transform: rotateX(0deg);
+}
+
+.wsmenu>.wsmenu-list>li>.wsmegamenu {
+  opacity: 0;
+  visibility: hidden;
+  -webkit-transform-origin: center center;
+  -moz-transform-origin: center center;
+  -ms-transform-origin: center center;
+  -o-transform-origin: center center;
+  transform-origin: center center;
+  -webkit-transform: translateY(20px);
+  -moz-transform: translateY(20px);
+  -ms-transform: translateY(20px);
+  -o-transform: translateY(20px);
+  transform: translateY(20px);
+  -o-transition: -o-transform 0.3s, opacity 0.3s;
+  -ms-transition: -ms-transform 0.3s, opacity 0.3s;
+  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
+  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
+}
+
+.wsmenu>.wsmenu-list>li:hover>.wsmegamenu {
+  opacity: 1;
+  visibility: visible;
+  -webkit-transform: rotateX(0deg);
+  -moz-transform: rotateX(0deg);
+  -ms-transform: rotateX(0deg);
+  -o-transform: rotateX(0deg);
+  transform: rotateX(0deg);
+}
\ No newline at end of file
diff --git a/public/css/dropdown-effects/rotate-x.css b/public/css/dropdown-effects/rotate-x.css
new file mode 100644
index 0000000..564f216
--- /dev/null
+++ b/public/css/dropdown-effects/rotate-x.css
@@ -0,0 +1,91 @@
+.wsmenu>.wsmenu-list>li>ul.sub-menu {
+  opacity: 0;
+  visibility: hidden;
+  -webkit-transform: rotateY(-90deg);
+  -moz-transform: rotateY(-90deg);
+  -ms-transform: rotateY(-90deg);
+  -o-transform: rotateY(-90deg);
+  transform: rotateY(-90deg);
+  -webkit-transition: all 0.3s ease-in, opacity 0.2s linear;
+  -moz-transition: all 0.3s ease-in, opacity 0.2s linear;
+  transition: all 0.3s ease-in, opacity 0.2s linear;
+}
+
+.wsmenu>.wsmenu-list>li:hover>ul.sub-menu {
+  opacity: 1;
+  visibility: visible;
+  -webkit-transform: rotateX(0deg);
+  -moz-transform: rotateX(0deg);
+  -ms-transform: rotateX(0deg);
+  -o-transform: rotateX(0deg);
+  transform: rotateX(0deg);
+}
+
+.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu {
+  opacity: 0;
+  visibility: hidden;
+  -webkit-transform: rotateY(-90deg);
+  -moz-transform: rotateY(-90deg);
+  -ms-transform: rotateY(-90deg);
+  -o-transform: rotateY(-90deg);
+  transform: rotateY(-90deg);
+  -webkit-transition: all 0.3s ease-in, opacity 0.2s linear;
+  -moz-transition: all 0.3s ease-in, opacity 0.2s linear;
+  transition: all 0.3s ease-in, opacity 0.2s linear;
+}
+
+.wsmenu>.wsmenu-list>li>ul.sub-menu>li:hover>ul.sub-menu {
+  opacity: 1;
+  visibility: visible;
+  -webkit-transform: rotateX(0deg);
+  -moz-transform: rotateX(0deg);
+  -ms-transform: rotateX(0deg);
+  -o-transform: rotateX(0deg);
+  transform: rotateX(0deg);
+}
+
+.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu {
+  opacity: 0;
+  visibility: hidden;
+  -webkit-transform: rotateY(-90deg);
+  -moz-transform: rotateY(-90deg);
+  -ms-transform: rotateY(-90deg);
+  -o-transform: rotateY(-90deg);
+  transform: rotateY(-90deg);
+  -webkit-transition: all 0.3s ease-in, opacity 0.2s linear;
+  -moz-transition: all 0.3s ease-in, opacity 0.2s linear;
+  transition: all 0.3s ease-in, opacity 0.2s linear;
+}
+
+.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li:hover>ul.sub-menu {
+  opacity: 1;
+  visibility: visible;
+  -webkit-transform: rotateX(0deg);
+  -moz-transform: rotateX(0deg);
+  -ms-transform: rotateX(0deg);
+  -o-transform: rotateX(0deg);
+  transform: rotateX(0deg);
+}
+
+.wsmenu>.wsmenu-list>li>.wsmegamenu {
+  opacity: 0;
+  visibility: hidden;
+  -webkit-transform: rotateY(-90deg);
+  -moz-transform: rotateY(-90deg);
+  -ms-transform: rotateY(-90deg);
+  -o-transform: rotateY(-90deg);
+  transform: rotateY(-90deg);
+  -webkit-transition: all 0.3s ease-in, opacity 0.2s linear;
+  -moz-transition: all 0.3s ease-in, opacity 0.2s linear;
+  transition: all 0.3s ease-in, opacity 0.2s linear;
+}
+
+.wsmenu>.wsmenu-list>li:hover>.wsmegamenu {
+  opacity: 1;
+  visibility: visible;
+  -webkit-transform: rotateX(0deg);
+  -moz-transform: rotateX(0deg);
+  -ms-transform: rotateX(0deg);
+  -o-transform: rotateX(0deg);
+  transform: rotateX(0deg);
+}
\ No newline at end of file
diff --git a/public/css/dropdown-effects/rotate-y.css b/public/css/dropdown-effects/rotate-y.css
new file mode 100644
index 0000000..43241d7
--- /dev/null
+++ b/public/css/dropdown-effects/rotate-y.css
@@ -0,0 +1,93 @@
+.wsmenu>.wsmenu-list>li>ul.sub-menu {
+  opacity: 0;
+  visibility: hidden;
+  -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
+  -webkit-transform-origin: 50% 0;
+  -moz-transition: 300ms;
+  -o-transition: 300ms;
+  transition: 300ms;
+}
+
+.wsmenu>.wsmenu-list>li:hover>ul.sub-menu {
+  opacity: 1;
+  visibility: visible;
+  max-height: 1000px;
+  -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);
+}
+
+.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu {
+  opacity: 0;
+  visibility: hidden;
+  transform-style: preserve-3d;
+  -o-transform-style: preserve-3d;
+  -moz-transform-style: preserve-3d;
+  -webkit-transform-style: preserve-3d;
+  transform: rotateX(-75deg);
+  -o-transform: rotateX(-75deg);
+  -moz-transform: rotateX(-75deg);
+  -webkit-transform: rotateX(-75deg);
+}
+
+.wsmenu>.wsmenu-list>li>ul.sub-menu>li:hover>ul.sub-menu {
+  opacity: 1;
+  visibility: visible;
+  -o-transform-origin: 0% 0%;
+  -ms-transform-origin: 0% 0%;
+  -moz-transform-origin: 0% 0%;
+  -webkit-transform-origin: 0% 0%;
+  -o-transition: -o-transform 0.4s, opacity 0.4s;
+  -ms-transition: -ms-transform 0.4s, opacity 0.4s;
+  -moz-transition: -moz-transform 0.4s, opacity 0.4s;
+  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
+  transform: rotateX(0deg);
+  -o-transform: rotateX(0deg);
+  -moz-transform: rotateX(0deg);
+  -webkit-transform: rotateX(0deg);
+}
+
+.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu {
+  opacity: 0;
+  visibility: hidden;
+  -o-transform-origin: 0% 0%;
+  -ms-transform-origin: 0% 0%;
+  -moz-transform-origin: 0% 0%;
+  -webkit-transform-origin: 0% 0%;
+  -o-transition: -o-transform 0.4s, opacity 0.4s;
+  -ms-transition: -ms-transform 0.4s, opacity 0.4s;
+  -moz-transition: -moz-transform 0.4s, opacity 0.4s;
+  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
+  transform-style: preserve-3d;
+  -o-transform-style: preserve-3d;
+  -moz-transform-style: preserve-3d;
+  -webkit-transform-style: preserve-3d;
+  transform: rotateX(-75deg);
+  -o-transform: rotateX(-75deg);
+  -moz-transform: rotateX(-75deg);
+  -webkit-transform: rotateX(-75deg);
+}
+
+.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li:hover>ul.sub-menu {
+  opacity: 1;
+  visibility: visible;
+  transform: rotateX(0deg);
+  -o-transform: rotateX(0deg);
+  -moz-transform: rotateX(0deg);
+  -webkit-transform: rotateX(0deg);
+}
+
+.wsmenu>.wsmenu-list>li>.wsmegamenu {
+  opacity: 0;
+  visibility: hidden;
+  -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
+  -webkit-transform-origin: 50% 0;
+  -moz-transition: 300ms;
+  -o-transition: 300ms;
+  transition: 300ms;
+}
+
+.wsmenu>.wsmenu-list>li:hover>.wsmegamenu {
+  opacity: 1;
+  visibility: visible;
+  max-height: 1000px;
+  -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);
+}
\ No newline at end of file
diff --git a/public/css/flaticon.css b/public/css/flaticon.css
new file mode 100644
index 0000000..d0e39cb
--- /dev/null
+++ b/public/css/flaticon.css
@@ -0,0 +1,756 @@
+@font-face {
+    font-family: "flaticon";
+    src: url("../fonts/flaticon.ttf?99008aa38e7de407db084b96baa4b2a2") format("truetype"),
+url("../fonts/flaticon.woff?99008aa38e7de407db084b96baa4b2a2") format("woff"),
+url("../fonts/flaticon.woff2?99008aa38e7de407db084b96baa4b2a2") format("woff2"),
+url("../fonts/flaticon.eot?99008aa38e7de407db084b96baa4b2a2#iefix") format("embedded-opentype"),
+url("../fonts/flaticon.svg?99008aa38e7de407db084b96baa4b2a2#flaticon") format("svg");
+}
+
+span[class^="flaticon-"]:before, span[class*=" flaticon-"]:before {
+  font-family: flaticon !important;
+  font-style: normal;
+  font-weight: normal !important;
+  font-variant: normal;
+  text-transform: none;
+  font-size: 20px;
+  line-height: 1!important;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.flaticon-star:before {
+    content: "\f101";
+}
+.flaticon-star-1:before {
+    content: "\f102";
+}
+.flaticon-star-half-empty:before {
+    content: "\f103";
+}
+.flaticon-half-star-shape:before {
+    content: "\f104";
+}
+.flaticon-reply-arrow:before {
+    content: "\f105";
+}
+.flaticon-magnifying-glass:before {
+    content: "\f106";
+}
+.flaticon-visibility:before {
+    content: "\f107";
+}
+.flaticon-invisible:before {
+    content: "\f108";
+}
+.flaticon-play-button:before {
+    content: "\f109";
+}
+.flaticon-play:before {
+    content: "\f10a";
+}
+.flaticon-circle:before {
+    content: "\f10b";
+}
+.flaticon-ring:before {
+    content: "\f10c";
+}
+.flaticon-heart:before {
+    content: "\f10d";
+}
+.flaticon-back:before {
+    content: "\f10e";
+}
+.flaticon-next:before {
+    content: "\f10f";
+}
+.flaticon-up-arrow:before {
+    content: "\f110";
+}
+.flaticon-down-arrow:before {
+    content: "\f111";
+}
+.flaticon-down-arrow-1:before {
+    content: "\f112";
+}
+.flaticon-up-arrow-1:before {
+    content: "\f113";
+}
+.flaticon-right-arrow:before {
+    content: "\f114";
+}
+.flaticon-left-arrow:before {
+    content: "\f115";
+}
+.flaticon-right-arrow-1:before {
+    content: "\f116";
+}
+.flaticon-check:before {
+    content: "\f117";
+}
+.flaticon-plus:before {
+    content: "\f118";
+}
+.flaticon-minus:before {
+    content: "\f119";
+}
+.flaticon-plus-1:before {
+    content: "\f11a";
+}
+.flaticon-minus-1:before {
+    content: "\f11b";
+}
+.flaticon-cancel:before {
+    content: "\f11c";
+}
+.flaticon-quote:before {
+    content: "\f11d";
+}
+.flaticon-crown:before {
+    content: "\f11e";
+}
+.flaticon-bookmark:before {
+    content: "\f11f";
+}
+.flaticon-instagram:before {
+    content: "\f120";
+}
+.flaticon-facebook:before {
+    content: "\f121";
+}
+.flaticon-twitter:before {
+    content: "\f122";
+}
+.flaticon-youtube:before {
+    content: "\f123";
+}
+.flaticon-dribbble:before {
+    content: "\f124";
+}
+.flaticon-skype:before {
+    content: "\f125";
+}
+.flaticon-messenger:before {
+    content: "\f126";
+}
+.flaticon-whatsapp:before {
+    content: "\f127";
+}
+.flaticon-linkedin-logo:before {
+    content: "\f128";
+}
+.flaticon-google-plus-symbol:before {
+    content: "\f129";
+}
+.flaticon-pinterest-logo:before {
+    content: "\f12a";
+}
+.flaticon-line:before {
+    content: "\f12b";
+}
+.flaticon-kakao-talk:before {
+    content: "\f12c";
+}
+.flaticon-vimeo:before {
+    content: "\f12d";
+}
+.flaticon-open-source:before {
+    content: "\f12e";
+}
+.flaticon-slack:before {
+    content: "\f12f";
+}
+.flaticon-behance:before {
+    content: "\f130";
+}
+.flaticon-github:before {
+    content: "\f131";
+}
+.flaticon-stack-overflow:before {
+    content: "\f132";
+}
+.flaticon-html-5:before {
+    content: "\f133";
+}
+.flaticon-css-3:before {
+    content: "\f134";
+}
+.flaticon-wordpress:before {
+    content: "\f135";
+}
+.flaticon-python:before {
+    content: "\f136";
+}
+.flaticon-js:before {
+    content: "\f137";
+}
+.flaticon-file:before {
+    content: "\f138";
+}
+.flaticon-linux-platform:before {
+    content: "\f139";
+}
+.flaticon-sketch:before {
+    content: "\f13a";
+}
+.flaticon-windows-logo-silhouette:before {
+    content: "\f13b";
+}
+.flaticon-apple-logo:before {
+    content: "\f13c";
+}
+.flaticon-email:before {
+    content: "\f13d";
+}
+.flaticon-computer:before {
+    content: "\f13e";
+}
+.flaticon-color-palette:before {
+    content: "\f13f";
+}
+.flaticon-profits:before {
+    content: "\f140";
+}
+.flaticon-search-engine:before {
+    content: "\f141";
+}
+.flaticon-language:before {
+    content: "\f142";
+}
+.flaticon-analytics:before {
+    content: "\f143";
+}
+.flaticon-mechanics:before {
+    content: "\f144";
+}
+.flaticon-equalizer:before {
+    content: "\f145";
+}
+.flaticon-server:before {
+    content: "\f146";
+}
+.flaticon-pie-chart:before {
+    content: "\f147";
+}
+.flaticon-pie-chart-1:before {
+    content: "\f148";
+}
+.flaticon-reorder:before {
+    content: "\f149";
+}
+.flaticon-prioritize:before {
+    content: "\f14a";
+}
+.flaticon-version:before {
+    content: "\f14b";
+}
+.flaticon-before-after:before {
+    content: "\f14c";
+}
+.flaticon-bar-chart:before {
+    content: "\f14d";
+}
+.flaticon-tongue:before {
+    content: "\f14e";
+}
+.flaticon-paper-sizes:before {
+    content: "\f14f";
+}
+.flaticon-rocket-launch:before {
+    content: "\f150";
+}
+.flaticon-manager:before {
+    content: "\f151";
+}
+.flaticon-workflow:before {
+    content: "\f152";
+}
+.flaticon-database:before {
+    content: "\f153";
+}
+.flaticon-target:before {
+    content: "\f154";
+}
+.flaticon-workflow-1:before {
+    content: "\f155";
+}
+.flaticon-delegate:before {
+    content: "\f156";
+}
+.flaticon-translation:before {
+    content: "\f157";
+}
+.flaticon-idea:before {
+    content: "\f158";
+}
+.flaticon-rgb:before {
+    content: "\f159";
+}
+.flaticon-workflow-2:before {
+    content: "\f15a";
+}
+.flaticon-key-value-database:before {
+    content: "\f15b";
+}
+.flaticon-time:before {
+    content: "\f15c";
+}
+.flaticon-trophy:before {
+    content: "\f15d";
+}
+.flaticon-computer-1:before {
+    content: "\f15e";
+}
+.flaticon-taxes:before {
+    content: "\f15f";
+}
+.flaticon-graphics:before {
+    content: "\f160";
+}
+.flaticon-diagram:before {
+    content: "\f161";
+}
+.flaticon-usb:before {
+    content: "\f162";
+}
+.flaticon-visionary:before {
+    content: "\f163";
+}
+.flaticon-diamond:before {
+    content: "\f164";
+}
+.flaticon-data-flow:before {
+    content: "\f165";
+}
+.flaticon-fast-food:before {
+    content: "\f166";
+}
+.flaticon-global:before {
+    content: "\f167";
+}
+.flaticon-gear:before {
+    content: "\f168";
+}
+.flaticon-security:before {
+    content: "\f169";
+}
+.flaticon-secure:before {
+    content: "\f16a";
+}
+.flaticon-click:before {
+    content: "\f16b";
+}
+.flaticon-calendar:before {
+    content: "\f16c";
+}
+.flaticon-maximize:before {
+    content: "\f16d";
+}
+.flaticon-network:before {
+    content: "\f16e";
+}
+.flaticon-qr-code:before {
+    content: "\f16f";
+}
+.flaticon-coupon:before {
+    content: "\f170";
+}
+.flaticon-money:before {
+    content: "\f171";
+}
+.flaticon-podium:before {
+    content: "\f172";
+}
+.flaticon-graphic:before {
+    content: "\f173";
+}
+.flaticon-lifesaver:before {
+    content: "\f174";
+}
+.flaticon-map:before {
+    content: "\f175";
+}
+.flaticon-suit:before {
+    content: "\f176";
+}
+.flaticon-calculator:before {
+    content: "\f177";
+}
+.flaticon-id-card:before {
+    content: "\f178";
+}
+.flaticon-investor:before {
+    content: "\f179";
+}
+.flaticon-project:before {
+    content: "\f17a";
+}
+.flaticon-briefcase:before {
+    content: "\f17b";
+}
+.flaticon-coin:before {
+    content: "\f17c";
+}
+.flaticon-time-1:before {
+    content: "\f17d";
+}
+.flaticon-placeholder:before {
+    content: "\f17e";
+}
+.flaticon-money-1:before {
+    content: "\f17f";
+}
+.flaticon-voucher:before {
+    content: "\f180";
+}
+.flaticon-money-2:before {
+    content: "\f181";
+}
+.flaticon-money-3:before {
+    content: "\f182";
+}
+.flaticon-pdf:before {
+    content: "\f183";
+}
+.flaticon-doc:before {
+    content: "\f184";
+}
+.flaticon-workflow-3:before {
+    content: "\f185";
+}
+.flaticon-home:before {
+    content: "\f186";
+}
+.flaticon-hosting:before {
+    content: "\f187";
+}
+.flaticon-pay-per-click:before {
+    content: "\f188";
+}
+.flaticon-browser:before {
+    content: "\f189";
+}
+.flaticon-responsive:before {
+    content: "\f18a";
+}
+.flaticon-tutorial:before {
+    content: "\f18b";
+}
+.flaticon-rotate:before {
+    content: "\f18c";
+}
+.flaticon-share:before {
+    content: "\f18d";
+}
+.flaticon-folder:before {
+    content: "\f18e";
+}
+.flaticon-folder-1:before {
+    content: "\f18f";
+}
+.flaticon-24-7:before {
+    content: "\f190";
+}
+.flaticon-24-hours:before {
+    content: "\f191";
+}
+.flaticon-algorithm:before {
+    content: "\f192";
+}
+.flaticon-grid:before {
+    content: "\f193";
+}
+.flaticon-search-engine-1:before {
+    content: "\f194";
+}
+.flaticon-guide-book:before {
+    content: "\f195";
+}
+.flaticon-compass:before {
+    content: "\f196";
+}
+.flaticon-layout:before {
+    content: "\f197";
+}
+.flaticon-networking:before {
+    content: "\f198";
+}
+.flaticon-kanban:before {
+    content: "\f199";
+}
+.flaticon-check-1:before {
+    content: "\f19a";
+}
+.flaticon-favorite:before {
+    content: "\f19b";
+}
+.flaticon-exam:before {
+    content: "\f19c";
+}
+.flaticon-bell:before {
+    content: "\f19d";
+}
+.flaticon-bomb:before {
+    content: "\f19e";
+}
+.flaticon-landscape:before {
+    content: "\f19f";
+}
+.flaticon-webcam:before {
+    content: "\f1a0";
+}
+.flaticon-microphone:before {
+    content: "\f1a1";
+}
+.flaticon-cam:before {
+    content: "\f1a2";
+}
+.flaticon-chat:before {
+    content: "\f1a3";
+}
+.flaticon-pattern-lock:before {
+    content: "\f1a4";
+}
+.flaticon-audio-message:before {
+    content: "\f1a5";
+}
+.flaticon-password:before {
+    content: "\f1a6";
+}
+.flaticon-password-1:before {
+    content: "\f1a7";
+}
+.flaticon-voice:before {
+    content: "\f1a8";
+}
+.flaticon-24-hours-1:before {
+    content: "\f1a9";
+}
+.flaticon-firewall:before {
+    content: "\f1aa";
+}
+.flaticon-shopping-cart:before {
+    content: "\f1ab";
+}
+.flaticon-coffee:before {
+    content: "\f1ac";
+}
+.flaticon-open:before {
+    content: "\f1ad";
+}
+.flaticon-hashtag:before {
+    content: "\f1ae";
+}
+.flaticon-html:before {
+    content: "\f1af";
+}
+.flaticon-analytics-1:before {
+    content: "\f1b0";
+}
+.flaticon-split:before {
+    content: "\f1b1";
+}
+.flaticon-iteration:before {
+    content: "\f1b2";
+}
+.flaticon-typography:before {
+    content: "\f1b3";
+}
+.flaticon-maximize-1:before {
+    content: "\f1b4";
+}
+.flaticon-time-2:before {
+    content: "\f1b5";
+}
+.flaticon-goal:before {
+    content: "\f1b6";
+}
+.flaticon-loading:before {
+    content: "\f1b7";
+}
+.flaticon-investment:before {
+    content: "\f1b8";
+}
+.flaticon-discount:before {
+    content: "\f1b9";
+}
+.flaticon-virus:before {
+    content: "\f1ba";
+}
+.flaticon-icon-2377476:before {
+    content: "\f1bb";
+}
+.flaticon-browser-1:before {
+    content: "\f1bc";
+}
+.flaticon-layers:before {
+    content: "\f1bd";
+}
+.flaticon-layers-1:before {
+    content: "\f1be";
+}
+.flaticon-data-copy:before {
+    content: "\f1bf";
+}
+.flaticon-server-1:before {
+    content: "\f1c0";
+}
+.flaticon-hierarchical-structure:before {
+    content: "\f1c1";
+}
+.flaticon-wireframe:before {
+    content: "\f1c2";
+}
+.flaticon-top-border:before {
+    content: "\f1c3";
+}
+.flaticon-shield:before {
+    content: "\f1c4";
+}
+.flaticon-security-1:before {
+    content: "\f1c5";
+}
+.flaticon-chat-1:before {
+    content: "\f1c6";
+}
+.flaticon-chat-2:before {
+    content: "\f1c7";
+}
+.flaticon-discount-1:before {
+    content: "\f1c8";
+}
+.flaticon-gift-box:before {
+    content: "\f1c9";
+}
+.flaticon-web-programming:before {
+    content: "\f1ca";
+}
+.flaticon-notification:before {
+    content: "\f1cb";
+}
+.flaticon-email-1:before {
+    content: "\f1cc";
+}
+.flaticon-video-player:before {
+    content: "\f1cd";
+}
+.flaticon-payment:before {
+    content: "\f1ce";
+}
+.flaticon-control-panel:before {
+    content: "\f1cf";
+}
+.flaticon-dark-mode:before {
+    content: "\f1d0";
+}
+.flaticon-archive:before {
+    content: "\f1d1";
+}
+.flaticon-pay-per-click-1:before {
+    content: "\f1d2";
+}
+.flaticon-price-label:before {
+    content: "\f1d3";
+}
+.flaticon-mobile-search:before {
+    content: "\f1d4";
+}
+.flaticon-folder-2:before {
+    content: "\f1d5";
+}
+.flaticon-target-1:before {
+    content: "\f1d6";
+}
+.flaticon-writing:before {
+    content: "\f1d7";
+}
+.flaticon-user:before {
+    content: "\f1d8";
+}
+.flaticon-click-1:before {
+    content: "\f1d9";
+}
+.flaticon-move:before {
+    content: "\f1da";
+}
+.flaticon-sign:before {
+    content: "\f1db";
+}
+.flaticon-credit-card:before {
+    content: "\f1dc";
+}
+.flaticon-screenplay:before {
+    content: "\f1dd";
+}
+.flaticon-around-the-world:before {
+    content: "\f1de";
+}
+.flaticon-shopping-bag:before {
+    content: "\f1df";
+}
+.flaticon-folder-3:before {
+    content: "\f1e0";
+}
+.flaticon-folder-4:before {
+    content: "\f1e1";
+}
+.flaticon-data-center:before {
+    content: "\f1e2";
+}
+.flaticon-shield-1:before {
+    content: "\f1e3";
+}
+.flaticon-ssl-certificate:before {
+    content: "\f1e4";
+}
+.flaticon-virus-1:before {
+    content: "\f1e5";
+}
+.flaticon-certificate:before {
+    content: "\f1e6";
+}
+.flaticon-profit:before {
+    content: "\f1e7";
+}
+.flaticon-certificate-1:before {
+    content: "\f1e8";
+}
+.flaticon-exchange:before {
+    content: "\f1e9";
+}
+.flaticon-tech-support:before {
+    content: "\f1ea";
+}
+.flaticon-shipping:before {
+    content: "\f1eb";
+}
+.flaticon-ab-testing:before {
+    content: "\f1ec";
+}
+.flaticon-download:before {
+    content: "\f1ed";
+}
+.flaticon-media:before {
+    content: "\f1ee";
+}
+.flaticon-click-2:before {
+    content: "\f1ef";
+}
+.flaticon-wallet:before {
+    content: "\f1f0";
+}
+.flaticon-radar:before {
+    content: "\f1f1";
+}
+.flaticon-layout-1:before {
+    content: "\f1f2";
+}
+.flaticon-database-management:before {
+    content: "\f1f3";
+}
+.flaticon-login:before {
+    content: "\f1f4";
+}
+.flaticon-right-arrow-2:before {
+    content: "\f1f5";
+}
diff --git a/public/css/flexslider.css b/public/css/flexslider.css
new file mode 100644
index 0000000..f9ab6ee
--- /dev/null
+++ b/public/css/flexslider.css
@@ -0,0 +1,79 @@
+/*
+ * jQuery FlexSlider v2.0
+ * http://www.woothemes.com/flexslider/
+ *
+ * Copyright 2012 WooThemes
+ * Free to use under the GPLv2 license.
+ * http://www.gnu.org/licenses/gpl-2.0.html
+ *
+ * Contributing author: Tyler Smith (@mbmufffin)
+ */
+
+ 
+/* Browser Resets */
+.flex-container a:active,
+.flexslider a:active,
+.flex-container a:focus,
+.flexslider a:focus  {outline: none;}
+.slides,
+.flex-control-nav,
+.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
+
+/* FlexSlider Necessary Styles
+*********************************/ 
+.flexslider {margin: 0; padding: 0;}
+.flexslider .slides > li, .content_slider .slides > li, .hero-txt-rotator .slides > li, .blog-img-slider .slides > li  {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
+.flexslider .slides img {width: 100%; display: block;}
+.flex-pauseplay span {text-transform: capitalize;}
+
+/* Clearfix for the .slides element */
+.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
+html[xmlns] .slides {display: block;} 
+* html .slides {height: 1%;}
+
+/* No JavaScript Fallback */
+/* If you are not using another script, such as Modernizr, make sure you
+ * include js that eliminates this class on page load */
+.no-js .slides > li:first-child {display: block;}
+
+
+/* FlexSlider Default Theme
+*********************************/
+.flexslider, .flexslider-thumbs {margin: 0; background: transparent; position: relative; zoom: 1;}
+.content_slider, .hero_slider, .blog-img-slider {position: relative; padding-bottom:0;}
+.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
+.loading .flex-viewport {max-height: 300px;}
+.flexslider .slides {zoom: 1;}
+
+.carousel li {margin-right: 5px}
+
+
+/* Direction Nav */
+.flex-direction-nav {*height: 0;}
+.flex-direction-nav a {width: 25px; height: 50px; margin: -20px 0 0; display: block; background: url(../img/icons/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
+.flex-direction-nav .flex-next {background-position: 100% 0; right: -10px; }
+.flex-direction-nav .flex-prev {left: -10px;}
+.content_slider:hover .flex-next, .hero_slider:hover .flex-next, .blog-img-slider:hover .flex-next {opacity: 0.9; right: 5px;}
+.content_slider:hover .flex-prev, .hero_slider:hover .flex-prev, .blog-img-slider:hover .flex-prev {opacity: 0.9; left: 5px;}
+.content_slider:hover .flex-next:hover,
+.hero_slider:hover .flex-next:hover, 
+.content_slider:hover .flex-prev:hover,
+.hero_slider:hover .flex-prev:hover,
+.blog-img-slider:hover .flex-next:hover, 
+.blog-img-slider:hover .flex-prev:hover {
+	opacity: 0.85;
+}
+
+.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
+
+/* Control Nav */
+.flex-control-nav {width: 100%; position: absolute; bottom: 5px; text-align: center;}
+.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
+.flex-control-paging li a {width: 10px; height: 10px; display: block; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
+.flex-control-paging li a.flex-active { cursor: default; }
+
+.flex-control-thumbs {margin: 4px 0 0; position: static; overflow: hidden;}
+.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
+.flex-control-thumbs img {width: 100%; display: block; opacity: 0.65; cursor: pointer;}
+.flex-control-thumbs img:hover {opacity: 1;}
+.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
diff --git a/public/css/green-theme.css b/public/css/green-theme.css
new file mode 100644
index 0000000..fe7f351
--- /dev/null
+++ b/public/css/green-theme.css
@@ -0,0 +1,11159 @@
+
+
+
+
+/*
+  Template Name: Martex - Software, App, SaaS & Startup Landing Pages Pack
+  Theme URL: https://themeforest.net/user/jthemes
+  Description: Martex - Software, App, SaaS & Startup Landing Pages Pack
+  Author: JThemes Studio
+  Author URL: https://themeforest.net/user/jthemes
+  Version: 1.0.0
+  Website: www.jthemes.com
+  Tags: Responsive, HTML5, JThemes, Landing, Software, Mobile App, SaaS, Startup, Creative, Digital Produc
+*/
+
+
+
+
+/* ==========================================================================
+  01. GENERAL & BASIC STYLES
+  =========================================================================== */
+
+html {
+  -webkit-font-smoothing: antialiased;
+  font-size: 16px;
+} 
+
+body {
+  font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  color: #6c757d;
+  line-height: 1.6666;
+  font-weight: 400;
+}
+
+/*------------------------------------------*/
+/*  PAGE CONTENT
+/*------------------------------------------*/
+
+#page,
+.hidd { 
+  overflow: hidden; 
+}
+
+.rel,
+section,
+.container { 
+  position: relative!important; 
+  z-index: 3; 
+}
+
+.section-overlay {
+  width: 100%;
+  height: 100%;
+}
+
+/*------------------------------------------*/
+/*  BLOCK SHADOW
+/*------------------------------------------*/
+
+.block-shadow { 
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+}
+
+/*------------------------------------------*/
+/*  BORDER SETTINGS
+/*------------------------------------------*/
+
+.block-border {
+  border: 1px solid #e7e7e7;
+}
+
+.block-border.block-shadow { 
+  border: 1px solid #f5f6f6;
+}
+
+.x-border {
+  border-top: 1px solid #e7e7e7;
+  border-bottom: 1px solid #e7e7e7;
+}
+
+.top-border {
+  border-top: 1px solid #e7e7e7;
+}
+
+.bottom-border {
+  border-bottom: 1px solid #e7e7e7;
+}
+
+/*------------------------------------------*/
+/*  BORDER RADIUS SETTING
+/*------------------------------------------*/ 
+
+.r-0 { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
+.r-02 { -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
+.r-04 { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
+.r-06 { -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
+.r-08 { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; }
+.r-10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
+.r-12 { -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; }
+.r-14 { -webkit-border-radius: 14px; -moz-border-radius: 14px; -o-border-radius: 14px; border-radius: 14px; }
+.r-16 { -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; }
+.r-18 { -webkit-border-radius: 18px; -moz-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; }
+.r-20 { -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
+.r-22 { -webkit-border-radius: 22px; -moz-border-radius: 22px; -o-border-radius: 22px; border-radius: 22px; }
+.r-24 { -webkit-border-radius: 24px; -moz-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; }
+.r-26 { -webkit-border-radius: 26px; -moz-border-radius: 26px; -o-border-radius: 26px; border-radius: 26px; }
+.r-28 { -webkit-border-radius: 28px; -moz-border-radius: 28px; -o-border-radius: 28px; border-radius: 28px; }
+.r-30 { -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; }
+.r-32 { -webkit-border-radius: 32px; -moz-border-radius: 32px; -o-border-radius: 32px; border-radius: 32px; }
+.r-34 { -webkit-border-radius: 34px; -moz-border-radius: 34px; -o-border-radius: 34px; border-radius: 34px; }
+.r-36 { -webkit-border-radius: 36px; -moz-border-radius: 36px; -o-border-radius: 36px; border-radius: 36px; }
+.r-100 { -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; }
+
+/*------------------------------------------*/
+/*  OPACITY SETTINGS
+/*------------------------------------------*/
+
+.o-0 { opacity: 0!important; }
+.o-10 { opacity: .1!important; }
+.o-15 { opacity: .15!important; }
+.o-20 { opacity: .2!important; }
+.o-25 { opacity: .25!important; }
+.o-30 { opacity: .3!important; }
+.o-35 { opacity: .35!important; }
+.o-40 { opacity: .4!important; }
+.o-45 { opacity: .45!important; }
+.o-50 { opacity: .5!important; }
+.o-55 { opacity: .55!important; }
+.o-60 { opacity: .60!important; }
+.o-65 { opacity: .65!important; }
+.o-70 { opacity: .7!important; }
+.o-75 { opacity: .75!important; }
+.o-80 { opacity: .8!important; }
+.o-85 { opacity: .85!important; }
+.o-90 { opacity: .9!important; }
+.o-95 { opacity: .95!important; }
+.o-100 { opacity: 1!important; }
+
+/*------------------------------------------*/
+/*  SPACING & INDENTS
+/*------------------------------------------*/
+
+.py-5 { padding-top: 5px; padding-bottom: 5px; }
+.py-10 { padding-top: 10px; padding-bottom: 10px; }
+.py-15 { padding-top: 15px; padding-bottom: 15px; }
+.py-20 { padding-top: 20px; padding-bottom: 20px; }
+.py-30 { padding-top: 30px; padding-bottom: 30px; }
+.py-40 { padding-top: 40px; padding-bottom: 40px; }
+.py-50 { padding-top: 50px; padding-bottom: 50px; }
+.py-60 { padding-top: 60px; padding-bottom: 60px; }
+.py-70 { padding-top: 70px; padding-bottom: 70px; }
+.py-80 { padding-top: 80px; padding-bottom: 80px; }
+.py-90 { padding-top: 90px; padding-bottom: 90px; }
+.py-100 { padding-top: 100px; padding-bottom: 100px; }
+
+.pt-30 { padding-top: 30px; }
+.pt-40 { padding-top: 40px; }
+.pt-50 { padding-top: 50px; }
+.pt-60 { padding-top: 60px; }
+.pt-70 { padding-top: 70px; }
+.pt-80 { padding-top: 80px; }
+.pt-90 { padding-top: 90px; }
+.pt-100 { padding-top: 100px; }
+
+.pb-30 { padding-bottom: 30px; }
+.pb-40 { padding-bottom: 40px; }
+.pb-50 { padding-bottom: 50px; }
+.pb-60 { padding-bottom: 60px; }
+.pb-70 { padding-bottom: 70px; }
+.pb-80 { padding-bottom: 80px; }
+.pb-90 { padding-bottom: 90px; }
+.pb-100 { padding-bottom: 100px; }
+
+.mt-10 { margin-top: 10px; }
+.mt-15 { margin-top: 15px; }
+.mt-20 { margin-top: 20px; }
+.mt-25 { margin-top: 25px; }
+.mt-30 { margin-top: 30px; }
+.mt-35 { margin-top: 35px; }
+.mt-40 { margin-top: 40px; }
+.mt-45 { margin-top: 45px; }
+.mt-50 { margin-top: 50px; }
+.mt-55 { margin-top: 55px; }
+.mt-60 { margin-top: 60px; }
+.mt-65 { margin-top: 65px; }
+.mt-70 { margin-top: 70px; }
+.mt-75 { margin-top: 75px; }
+.mt-80 { margin-top: 80px; }
+.mt-85 { margin-top: 85px; }
+.mt-90 { margin-top: 90px; }
+.mt-95 { margin-top: 95px; }
+.mt-100 { margin-top: 100px; }
+
+.mb-10 { margin-bottom: 10px; }
+.mb-15 { margin-bottom: 15px; }
+.mb-20 { margin-bottom: 20px; }
+.mb-25 { margin-bottom: 25px; }
+.mb-30 { margin-bottom: 30px; }
+.mb-35 { margin-bottom: 35px; }
+.mb-40 { margin-bottom: 40px; }
+.mb-45 { margin-bottom: 45px; }
+.mb-50 { margin-bottom: 50px; }
+.mb-55 { margin-bottom: 55px; }
+.mb-60 { margin-bottom: 60px; }
+.mb-65 { margin-bottom: 65px; }
+.mb-70 { margin-bottom: 70px; }
+.mb-75 { margin-bottom: 75px; }
+.mb-80 { margin-bottom: 80px; }
+.mb-85 { margin-bottom: 85px; }
+.mb-90 { margin-bottom: 90px; }
+.mb-95 { margin-bottom: 95px; }
+.mb-100 { margin-bottom: 100px; }
+
+.ml-5 { margin-left: 5px; }
+.ml-10 { margin-left: 10px; }
+.ml-15 { margin-left: 15px; }
+.ml-20 { margin-left: 20px; }
+.ml-25 { margin-left: 25px; }
+.ml-30 { margin-left: 30px; }
+
+.mr-5 { margin-right: 5px; }
+.mr-10 { margin-right: 10px; }
+.mr-15 { margin-right: 15px; }
+.mr-20 { margin-right: 20px; }
+.mr-25 { margin-right: 25px; }
+.mr-30 { margin-right: 30px; }
+
+/*------------------------------------------*/
+/*  BACKGROUND SETTINGS
+/*------------------------------------------*/
+
+.bg--fixed,
+.bg--scroll {
+  width: 100%;
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+}
+
+.bg--fixed {
+  background-attachment: scroll!important;
+}
+
+.bg--scroll {
+  background-attachment: fixed!important;
+}
+
+/*------------------------------------------*/
+/*  BACKGROUND COLORS
+/*------------------------------------------*/
+
+.bg--white-500 { background-color: #f2f4f8; }
+.bg--white-400 { background-color: #f4f4f9; }
+.bg--white-300 { background-color: #f7f8f9; }
+.bg--white-200 { background-color: #fbfbfd; }
+.bg--white-100 { background-color: #fff; }
+
+.bg--black-500 { background-color: #22223b; }
+.bg--black-400 { background-color: #2e3648; }
+.bg--black-300 { background-color: #394455; }
+.bg--black-200 { background-color: #e1e3e5; }
+.bg--black-100 { background-color: #ecf1f4; }
+
+.bg--blue-500 { background-color: #185abd; }
+.bg--blue-400 { background-color: #1680fb; }
+.bg--blue-300 { background-color: #3eb1ff; }
+.bg--blue-200 { background-color: #ddedff; }
+.bg--blue-100 { background-color: #f4f9fc; }
+
+.bg--green-500 { background-color: #00a14e; }
+.bg--green-400 { background-color: #0fbc49; }
+.bg--green-300 { background-color: #6fd792; }
+.bg--green-200 { background-color: #cff2db; }
+.bg--green-100 { background-color: #e9f8f2; }
+
+.bg--pink-500 { background-color: #ff149c; }
+.bg--pink-400 { background-color: #f74780; }
+.bg--pink-300 { background-color: #fcb5cc; }
+.bg--pink-200 { background-color: #fee4ec; }
+.bg--pink-100 { background-color: #feecf2; }
+
+.bg--purple-5000 { background-color: #663ae9; }
+.bg--purple-500 { background-color: #7827e6; }
+.bg--purple-400 { background-color: #7b5dd6; }
+.bg--purple-300 { background-color: #bdaeea; }
+.bg--purple-200 { background-color: #e5deff; }
+.bg--purple-100 { background-color: #f1edff; }
+
+.bg--red-500 { background-color: #da0f29; }
+.bg--red-400 { background-color: #ff1e1a; }
+.bg--red-300 { background-color: #ffa5a3; }
+.bg--red-200 { background-color: #ffd2d1; }
+.bg--red-100 { background-color: #fce7e4; }
+
+.bg--violet-500 { background-color: #c73e9b; }
+.bg--violet-400 { background-color: #be6cbe; }
+.bg--violet-300 { background-color: #e2bde2; }
+.bg--violet-200 { background-color: #f1cde5; }
+.bg--violet-100 { background-color: #f7e4f1; }
+
+.bg--yellow-500 { background-color: #ffba01; }
+.bg--yellow-400 { background-color: #ffbd45; }
+.bg--yellow-300 { background-color: #ffdf35; }
+.bg--yellow-200 { background-color: #fef5cd; }
+.bg--yellow-100 { background-color: #fef9e5; }
+
+.bg--tra-black { background-color: rgba(0, 0, 0, .04); }
+.bg--tra-white { background-color: rgba(255, 255, 255, .15); }
+.bg--primary-blue { background-color: #2160fd; }
+.bg--light-grey { background-color: #f0f3ff; }
+.bg--snow { background-color: #fdfdfd; }
+
+/*------------------------------------------*/
+/*  GRADIENT COLOR BACKGROUND
+/*------------------------------------------*/
+
+.gr--ghost { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); }
+.gr--snow { background-image: linear-gradient(to left, #f3edf7, #f9f6fa); }
+.gr--cotton { background-image: linear-gradient(180deg, rgba(223, 225, 250, .8) 50%, rgba(223, 225, 250, .05) 100%); }
+.gr--ghostwhite { background-image: linear-gradient(to left, #e9e9f5, #f4f4f9); }
+.gr--smoke { background: linear-gradient(180deg, #f8f9fe 0%, #f4f4f9 100%); }
+.gr--whitesmoke { background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%); }
+.gr--perl { background-image: linear-gradient(180deg, rgba(236, 234, 253, .8) 50%, rgba(236, 234, 253, .05) 100%); }
+
+/*------------------------------------------*/
+/*  BACKGROUND SHAPE
+/*------------------------------------------*/
+
+.shape--01:after,
+.shape--02:after,
+.shape--03:after,
+.shape--04:after,
+.shape--05:after,
+.shape--06:after,
+.shape--07:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+}
+
+.shape--02.r-24:after {
+  -webkit-border-radius: 24px;
+  -moz-border-radius: 24px;
+  -o-border-radius: 24px;
+  border-radius: 24px;
+}
+
+.shape--01:after {
+  width: 150%;
+  height: 80%;
+  top: 13%;
+  left: -25%;
+}
+
+.shape--02:after {
+  width: 86%;
+  height: 80%;
+  top: 13%;
+  left: 7%;
+}
+
+.shape--03:after {
+  width: 78%;
+  height: 120%;
+  top: -60px;
+  left: 11%;
+  -webkit-border-radius: 24px;
+  -moz-border-radius: 24px;
+  -o-border-radius: 24px;
+  border-radius: 24px;
+}
+
+.shape--04:after {
+  width: 100%;
+  height: 80%;
+  top: 10%;
+  left: 0;
+}
+
+.shape--05:after {
+  width: 150%;
+  height: 90%;
+  top: 0;
+  left: -25%;
+}
+
+.shape--06:after {
+  width: 150%;
+  height: 75%;
+  top: 0;
+  left: -25%;
+}
+
+.shape--07:after {
+  width: 200%;
+  height: 50%;
+  top: 37%;
+  left: -50%;
+}
+
+.shape--whitesmoke:after { background-color: rgba(123, 104, 238, .05); }
+
+.shape--white-500:after { background-color: #f2f4f8; }
+.shape--white-400:after { background-color: #f4f4f9; }
+.shape--white-300:after { background-color: #f7f8f9; }
+.shape--white-200:after { background-color: #fbfbfd; }
+
+.shape--black-500:after { background-color: #22223b; }
+.shape--black-400:after { background-color: #2e3648; }
+.shape--black-300:after { background-color: #394455; }
+.shape--black-200:after { background-color: #e1e3e5; }
+.shape--black-100:after { background-color: #ecf1f4; }
+
+.shape--blue-500:after { background-color: #185abd; }
+.shape--blue-400:after { background-color: #1680fb; }
+.shape--blue-300:after { background-color: #3eb1ff; }
+.shape--blue-200:after { background-color: #ddedff; }
+.shape--blue-100:after { background-color: #f4f9fc; }
+
+.shape--green-500:after { background-color: #00a14e; }
+.shape--green-400:after { background-color: #0fbc49; }
+.shape--green-300:after { background-color: #6fd792; }
+.shape--green-200:after { background-color: #cff2db; }
+.shape--green-100:after { background-color: #e9f8f2; }
+
+.shape--pink-500:after { background-color: #ff149c; }
+.shape--pink-400:after { background-color: #f74780; }
+.shape--pink-300:after { background-color: #fcb5cc; }
+.shape--pink-200:after { background-color: #fee4ec; }
+.shape--pink-100:after { background-color: #feecf2; }
+
+.shape--purple-500:after { background-color: #663ae9; }
+.shape--purple-400:after { background-color: #7b5dd6; }
+.shape--purple-300:after { background-color: #bdaeea; }
+.shape--purple-200:after { background-color: #e5deff; }
+.shape--purple-100:after { background-color: #f1edff; }
+
+.shape--red-500:after { background-color: #da0f29; }
+.shape--red-400:after { background-color: #ff1e1a; }
+.shape--red-300:after { background-color: #ffa5a3; }
+.shape--red-200:after { background-color: #ffd2d1; }
+.shape--red-100:after { background-color: #fce7e4; }
+
+.shape--violet-500:after { background-color: #c73e9b; }
+.shape--violet-400:after { background-color: #be6cbe; }
+.shape--violet-300:after { background-color: #e2bde2; }
+.shape--violet-200:after { background-color: #f1cde5; }
+.shape--violet-100:after { background-color: #f7e4f1; }
+
+.shape--gr-ghost:after { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); }
+.shape--gr-whitesmoke:after {background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%);}
+
+/*------------------------------------------*/
+/*  BACKGROUND PATTERN
+/*------------------------------------------*/
+
+.pattern-01, 
+.pattern-02, 
+.pattern-03, 
+.pattern-04, 
+.pattern-05 {
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+}
+
+.pattern-01 { background-image: url(../images/pattern-01.png); }
+.pattern-02 { background-image: url(../images/pattern-02.png); }
+.pattern-03 { background-image: url(../images/pattern-03.png); }
+.pattern-04 { background-image: url(../images/pattern-04.png); }
+/* .pattern-05 { background-image: url(../images/pattern-05.png); } */
+
+/*------------------------------------------*/
+/*  BACKGROUND IMAGE
+/*------------------------------------------*/
+
+.bg--01, .bg--02, .bg--03, .bg--04, 
+.bg--05, .bg--06, .bg--07, .bg--08 {
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+}
+
+.bg--01 { background-image: url(../images/bg-01.jpg); }
+.bg--02 { background-image: url(../images/bg-02.jpg); }
+.bg--03 { background-image: url(../images/bg-03.jpg); }
+.bg--04 { background-image: url(../images/bg-04.jpg); }
+.bg--05 { background-image: url(../images/bg-05.jpg); }
+.bg--06 { background-image: url(../images/bg-06.jpg); }
+.bg--07 { background-image: url(../images/bg-07.jpg); }
+.bg--08 { background-image: url(../images/bg-08.jpg); }
+
+/*------------------------------------------*/
+/*  SECTION DIVIDER
+/*------------------------------------------*/
+
+hr.divider {
+  width: 100%;
+  height: 1px;
+  background-color: transparent;
+  background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #bbb 38%, #bbb 64%, rgba(206,211,246,0) 99%);
+  opacity: .4;
+  border: none;
+  margin: 0;
+}
+
+/*------------------------------------------*/
+/*  WAVE SHAPE BOTTOM
+/*------------------------------------------*/
+
+.wave-shape-bottom {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+}
+
+
+
+
+/* ==========================================================================
+  02. TYPOGRAPHY
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  HEADERS
+/*------------------------------------------*/
+
+h1, h2, h3, h4, h5, h6 {  
+  color: #353f4f;
+  font-weight: 600;
+  letter-spacing: 0;
+  margin-bottom: 0;
+}
+
+.font--jakarta h1,
+.font--jakarta h2,
+.font--jakarta h3,
+.font--jakarta h4,
+.font--jakarta h5,
+.font--jakarta h6 {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  line-height: 1.35;
+}
+
+.font--jakarta h1,
+.font--jakarta h2 {
+  line-height: 1.25;
+}
+
+.font--inter h1,
+.font--inter h2,
+.font--inter h3,
+.font--inter h4,
+.font--inter h5,
+.font--inter h6 {
+  font-family: 'Inter', sans-serif;
+  letter-spacing: -0.5px;
+}
+
+/*------------------------------------------*/
+/*  PARAGRAPHS
+/*------------------------------------------*/
+
+p.p-sm { font-size: 0.9375rem; }   /* 15px */
+p { font-size: 1rem; }             /* 16px */
+p.p-md { font-size: 1.0625rem; }   /* 17px */
+p.p-lg { font-size: 1.125rem; }    /* 18px */
+p.p-xl { font-size: 1.2rem; }      /* 19.2px */
+
+/*------------------------------------------*/
+/*  FONT SIZE
+/*------------------------------------------*/
+
+.s-15 { font-size: 0.9375rem; }  /* 15px */
+.s-16 { font-size: 1rem; }       /* 16px */
+.s-17 { font-size: 1.0625rem; }  /* 17px */
+.s-18 { font-size: 1.125rem; }   /* 18px */
+.s-19 { font-size: 1.1875rem; }  /* 19px */
+.s-20 { font-size: 1.25rem; }    /* 20px */
+.s-21 { font-size: 1.3125rem; }  /* 21px */
+.s-22 { font-size: 1.375rem; }   /* 22px */
+.s-23 { font-size: 1.4375rem; }  /* 23px */
+.s-24 { font-size: 1.5rem; }     /* 24px */
+.s-26 { font-size: 1.625rem; }   /* 26px */
+.s-28 { font-size: 1.75rem; }    /* 28px */
+.s-30 { font-size: 1.875rem; }   /* 30px */
+.s-32 { font-size: 2rem; }       /* 32px */
+.s-34 { font-size: 2.125rem; }   /* 34px */
+.s-36 { font-size: 2.25rem; }    /* 36px */
+.s-38 { font-size: 2.375rem; }   /* 38px */
+.s-40 { font-size: 2.5rem; }     /* 40px */
+.s-42 { font-size: 2.625rem; }   /* 42px */
+.s-43 { font-size: 2.6875rem; }  /* 43px */
+.s-44 { font-size: 2.75rem; }    /* 44px */
+.s-45 { font-size: 2.8125rem; }  /* 45px */
+.s-46 { font-size: 2.875rem; }   /* 46px */
+.s-47 { font-size: 2.9375rem; }  /* 47px */
+.s-48 { font-size: 3rem; }       /* 48px */
+.s-50 { font-size: 3.125rem; }   /* 50px */
+.s-52 { font-size: 3.25rem; }    /* 52px */
+.s-54 { font-size: 3.375rem; }   /* 54px */
+.s-56 { font-size: 3.5rem; }     /* 56px */
+.s-58 { font-size: 3.625rem; }   /* 58px */
+.s-60 { font-size: 3.75rem; }    /* 60px */
+.s-62 { font-size: 3.875rem; }   /* 62px */
+.s-64 { font-size: 4rem; }       /* 64px */
+.s-66 { font-size: 4.125rem; }   /* 66px */
+.s-68 { font-size: 4.25rem; }    /* 68px */
+.s-70 { font-size: 4.375rem; }   /* 70px */
+.s-72 { font-size: 4.5rem; }     /* 72px */
+.s-74 { font-size: 4.625rem; }   /* 74px */
+.s-76 { font-size: 4.75rem; }    /* 76px */
+.s-78 { font-size: 4.875rem; }   /* 78px */
+.s-80 { font-size: 5rem; }       /* 80px */
+
+/*------------------------------------------*/
+/*  FONT WEIGHT
+/*------------------------------------------*/
+
+.txt-upcase { 
+  text-transform: uppercase 
+}
+
+.w-200 { font-weight: 200; }
+.w-300 { font-weight: 300; }
+.w-400 { font-weight: 400; }
+.w-500 { font-weight: 500; }
+.w-600 { font-weight: 600; }
+.w-700 { font-weight: 700; }
+.w-800 { font-weight: 800; }
+.w-900 { font-weight: 900; }  
+
+/*------------------------------------------*/
+/*  LINK SETTINGS
+/*------------------------------------------*/
+
+a {
+  color: #6c757d;
+  text-decoration: none;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+a:hover {
+  color: #353f4f!important;
+  text-decoration: none;
+}
+
+a:focus {
+  outline: none;
+  text-decoration: none;
+}
+
+a.tra-link {
+  font-size: 1rem;
+  line-height: 1;
+  font-weight: 500;
+}
+
+a.tra-link span {
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.tra-link.ico-20 [class*="flaticon-"]:before, 
+.tra-link.ico-20 [class*="flaticon-"]:after { 
+  position: relative;
+  font-size: 0.75rem; 
+  line-height: 0.7rem!important;
+  top: 2px;
+  left: 2px;
+}
+
+a.tra-link:hover span {
+  color: #353f4f!important;
+}
+
+/*------------------------------------------*/
+/*  LISTS
+/*------------------------------------------*/
+
+ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+} 
+
+/*------------------------------------------*/
+/*  TEXT LIST
+/*------------------------------------------*/
+
+ul.simple-list {
+  list-style: disc;
+  margin-left: 15px;
+}
+
+ul.simple-list.long-list p {
+  margin-bottom: 8px;
+}
+
+/*------------------------------------------*/
+/*  DIGIT LIST
+/*------------------------------------------*/
+
+ol.digit-list {
+  padding: 0;
+  margin-left: 15px;
+}
+
+ol.digit-list p {
+  margin-bottom: 8px;
+}
+
+/*------------------------------------------*/
+/*  BUTTON SETTINGS
+/*------------------------------------------*/
+
+.btn {
+  background-color: transparent;
+  font-size: 1rem;
+  line-height: 1;
+  font-weight: 500;
+  padding: 0.9rem 1.8rem;
+  border: 2px solid transparent;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.btn.btn-sm {
+  font-size: 0.975rem;
+  padding: 0.7rem 1.5rem;
+}
+
+.btn.ico-30.ico-left,
+.btn.ico-30.ico-right {
+  padding: 0.37rem 0;
+}
+
+/*------------------------------------------*/
+/*  Buttons Group
+/*------------------------------------------*/
+
+.text-center .btns-group {
+  display: inline-block;
+}
+
+.btns-group .btn:first-child {
+  margin-right: 15px;
+}
+
+.btns-group .btn.ico-30.ico-left {
+  padding: 0.37rem 0.5rem;
+}
+
+.btns-group .btn.ico-30.ico-right {
+  padding: 0.37rem 0;
+}
+
+/*------------------------------------------*/
+/*  Button Icon
+/*------------------------------------------*/
+
+.btn.ico-20 [class*="flaticon-"]:before, 
+.btn.ico-20 [class*="flaticon-"]:after { 
+  position: relative;
+  font-size: 1rem; 
+  line-height: 0.7rem!important;
+  top: 4px;
+}
+
+.btn.ico-left span {
+  margin-right: 5px;
+}
+
+.btn.ico-right span {
+  margin-left: 5px;
+}
+
+.btn.ico-30.ico-left span {
+  position: relative;
+  top: 0;
+  right: 4px;
+}
+
+.btn.ico-30.ico-right span {
+  position: relative;
+  top: 0;
+  left: 4px;
+}
+
+.btn.ico-30.ico-left span.ico-30-txt,
+.btn.ico-30.ico-right span.ico-30-txt {
+  position: relative;
+  top: -10px;
+  right: 0;
+}
+
+.btn.ico-30.ico-right span.ico-30-txt {
+  left: 0;
+}
+
+/*------------------------------------------*/
+/*  Button Text
+/*------------------------------------------*/
+
+p.btn-txt {
+  margin: 20px 0 0 0;
+}
+
+.btn-rating p.btn-txt {
+  margin: 0;
+}
+
+.star-rating span.rating-txt {
+  font-size: 0.9375rem;
+}
+
+p.btns-group-txt {
+  margin: 14px 0 0 0;
+}
+
+.btn-rating {
+  margin-top: 18px;
+}
+
+.text-center p.btns-group-txt {
+  margin-top: 20px;
+}
+
+p.btn-txt.ico-15,
+p.btns-group-txt.ico-15 {
+  padding-left: 5px;
+}
+
+.text-center p.btn-txt.ico-15,
+.text-center p.btns-group-txt.ico-15 {
+  padding-left: 0;
+}
+
+p.btn-txt span,
+p.btns-group-txt span {
+  position: relative;
+  top: 0.5px;
+  right: 2px;
+}
+
+p.btns-group-txt span.txt-data {
+  display: block;
+  top: 0;
+  right: 0;
+}
+
+p.btns-group-txt span.txt-data a {
+  margin-left: 4px;
+  text-decoration: underline;
+}
+
+p.btns-group-txt span.txt-data a:hover {
+  text-decoration: none;
+}
+
+.hero-section .color--white p.btns-group-txt span.txt-data a:hover {
+  color: #fff!important;
+}
+
+.btn-txt.ico-15 [class*="flaticon-"]:before, 
+.btn-txt.ico-15 [class*="flaticon-"]:after,
+.btns-group-txt.ico-15 [class*="flaticon-"]:before, 
+.btns-group-txt.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+.star-rating.ico-15 [class*="flaticon-"]:before, 
+.star-rating.ico-15 [class*="flaticon-"]:after { position: relative; font-size: 1rem; top: 3px; }
+
+/*------------------------------------------*/
+/*  TRANSPARENT BUTTON
+/*------------------------------------------*/
+
+.btn--tra {
+  color: #fff!important;
+  border-color: transparent!important;
+  background-color: rgba(255, 255, 255, .2)!important;
+}
+
+/*------------------------------------------*/
+/*  WHITE BUTTON
+/*------------------------------------------*/
+
+.btn--transparent {
+  color: #353f4f;
+  background-color: transparent;
+  border-color: transparent;
+}
+
+.btn--transparent:hover {
+  background-color: transparent!important;
+  border-color: transparent!important;
+} 
+
+.btn--white,
+.hover--white:hover {
+  color: #353f4f!important;
+  background-color: #fff!important;
+  border-color: #fff!important;
+}
+
+.btn--tra-white,
+.hover--tra-white:hover {
+  color: #fff!important;
+  background-color: transparent!important;
+  border-color: #fff!important;
+}
+
+.white-scroll .scroll .hover--tra-white:hover {
+  color: #353f4f!important;
+  background-color: transparent!important;
+  border-color: #353f4f!important;
+}
+
+/*------------------------------------------*/
+/*  BLACK BUTTON
+/*------------------------------------------*/
+
+.btn--black,
+.hover--black:hover {
+  color: #fff!important;
+  background-color: #353f4f!important;
+  border-color: #353f4f!important;
+}
+
+.btn--tra-black,
+.hover--tra-black:hover {
+  color: #353f4f!important;
+  background-color:transparent!important;
+  border-color: #353f4f!important;
+}
+
+/*------------------------------------------*/
+/*  GREY BUTTON
+/*------------------------------------------*/
+
+.btn--tra-grey, 
+.hover--tra-grey:hover,
+.white-scroll .scroll .hover--tra-grey:hover,
+.black-scroll .scroll .hover--tra-grey:hover  {
+  color: #353f4f!important;
+  background-color: transparent!important;
+  border-color: #ccc!important;
+}
+
+/*------------------------------------------*/
+/*  BLUE BUTTON
+/*------------------------------------------*/
+
+.btn--blue-500, .hover--blue-500:hover,
+.white-scroll .scroll .hover--blue-500:hover,
+.black-scroll .scroll .hover--blue-500:hover {
+  color: #fff!important;
+  border-color: #185abd!important;
+  background-color: #185abd!important;
+}
+
+.btn--blue-400, .hover--blue-400:hover,
+.white-scroll .scroll .hover--blue-400:hover,
+.black-scroll .scroll .hover--blue-400:hover {
+  color: #fff!important;
+  border-color: #1680fb!important;
+  background-color: #1680fb!important;
+}
+
+.btn--blue-300, .hover--blue-300:hover,
+.white-scroll .scroll .hover--blue-300:hover,
+.black-scroll .scroll .hover--blue-300:hover {
+  color: #fff!important;
+  border-color: #3eb1ff!important;
+  background-color: #3eb1ff!important;
+}
+
+.btn--blue-200, .hover--blue-200:hover,
+.white-scroll .scroll .hover--blue-200:hover,
+.black-scroll .scroll .hover--blue-200:hover {
+  color: #1680fb!important;
+  border-color: #e3ebfe!important;
+  background-color: #e3ebfe!important;
+}
+
+.btn--blue-100, .hover--blue-100:hover,
+.white-scroll .scroll .hover--blue-100:hover,
+.black-scroll .scroll .hover--blue-100:hover {
+  color: #1680fb!important;
+  border-color: #1680fb!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  GREEN BUTTON
+/*------------------------------------------*/
+
+.btn--green-500, .hover--green-500:hover,
+.white-scroll .scroll .hover--green-500:hover,
+.black-scroll .scroll .hover--green-500:hover {
+  color: #fff!important;
+  border-color: #00a14e!important;
+  background-color: #00a14e!important;
+}
+
+.btn--green-400, .hover--green-400:hover,
+.white-scroll .scroll .hover--green-400:hover,
+.black-scroll .scroll .hover--green-400:hover {
+  color: #fff!important;
+  border-color: #0fbc49!important;
+  background-color: #0fbc49!important;
+}
+
+.btn--green-300, .hover--green-300:hover,
+.white-scroll .scroll .hover--green-300:hover,
+.black-scroll .scroll .hover--green-300:hover {
+  color: #fff!important;
+  border-color: #6fd792!important;
+  background-color: #6fd792!important;
+}
+
+.btn--green-200, .hover--green-200:hover,
+.white-scroll .scroll .hover--green-200:hover,
+.black-scroll .scroll .hover--green-200:hover {
+  color: #0fbc49!important;
+  border-color: #cff2db!important;
+  background-color: #cff2db!important;
+}
+
+.btn--green-100, .hover--green-100:hover,
+.white-scroll .scroll .hover--green-100:hover,
+.black-scroll .scroll .hover--green-100:hover {
+  color: #0fbc49!important;
+  border-color: #0fbc49!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  PINK BUTTON
+/*------------------------------------------*/
+
+.btn--pink-500, .hover--pink-500:hover,
+.white-scroll .scroll .hover--pink-500:hover,
+.black-scroll .scroll .hover--pink-500:hover {
+  color: #fff!important;
+  border-color: #ff149c!important;
+  background-color: #ff149c!important;
+}
+
+.btn--pink-400, .hover--pink-400:hover,
+.white-scroll .scroll .hover--pink-400:hover,
+.black-scroll .scroll .hover--pink-400:hover {
+  color: #fff!important;
+  border-color: #f74780!important;
+  background-color: #f74780!important;
+}
+
+.btn--pink-300, .hover--pink-300:hover,
+.white-scroll .scroll .hover--pink-300:hover,
+.black-scroll .scroll .hover--pink-300:hover {
+  color: #fff!important;
+  border-color: #fcb5cc!important;
+  background-color: #fcb5cc!important;
+}
+
+.btn--pink-200, .hover--pink-200:hover,
+.white-scroll .scroll .hover--pink-200:hover,
+.black-scroll .scroll .hover--pink-200:hover {
+  color: #f74780!important;
+  border-color: #fee4ec!important;
+  background-color: #fee4ec!important;
+}
+
+.btn--pink-100, .hover--pink-100:hover,
+.white-scroll .scroll .hover--pink-100:hover,
+.black-scroll .scroll .hover--pink-100:hover {
+  color: #f74780!important;
+  border-color: #f74780!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  PURPLE BUTTON
+/*------------------------------------------*/
+
+.btn--purple-500, .hover--purple-500:hover,
+.white-scroll .scroll .hover--purple-500:hover,
+.black-scroll .scroll .hover--purple-500:hover {
+  color: #fff!important;
+  border-color: #663ae9!important;
+  background-color: #663ae9!important;
+}
+
+.btn--purple-400, .hover--purple-400:hover,
+.white-scroll .scroll .hover--purple-400:hover,
+.black-scroll .scroll .hover--purple-400:hover {
+  color: #fff!important;
+  border-color: #7b5dd6!important;
+  background-color: #7b5dd6!important;
+}
+
+.btn--purple-300, .hover--purple-300:hover,
+.white-scroll .scroll .hover--purple-300:hover,
+.black-scroll .scroll .hover--purple-300:hover {
+  color: #fff!important;
+  border-color: #bdaeea!important;
+  background-color: #bdaeea!important;
+}
+
+.btn--purple-200, .hover--purple-200:hover,
+.white-scroll .scroll .hover--purple-200:hover,
+.black-scroll .scroll .hover--purple-200:hover {
+  color: #7b5dd6!important;
+  border-color: #e5deff!important;
+  background-color: #e5deff!important;
+}
+
+.btn--purple-100, .hover--purple-100:hover,
+.white-scroll .scroll .hover--purple-100:hover,
+.black-scroll .scroll .hover--purple-100:hover {
+  color: #7b5dd6!important;
+  border-color: #7b5dd6!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  RED BUTTON
+/*------------------------------------------*/
+
+.btn--red-500, .hover--red-500:hover,
+.white-scroll .scroll .hover--red-500:hover,
+.black-scroll .scroll .hover--red-500:hover {
+  color: #fff!important;
+  border-color: #da0f29!important;
+  background-color: #da0f29!important;
+}
+
+.btn--red-400, .hover--red-400:hover,
+.white-scroll .scroll .hover--red-400:hover,
+.black-scroll .scroll .hover--red-400:hover {
+  color: #fff!important;
+  border-color: #ff1e1a!important;
+  background-color: #ff1e1a!important;
+}
+
+.btn--red-300, .hover--red-300:hover,
+.white-scroll .scroll .hover--red-300:hover,
+.black-scroll .scroll .hover--red-300:hover {
+  color: #fff!important;
+  border-color: #ffa5a3!important;
+  background-color: #ffa5a3!important;
+}
+
+.btn--red-200, .hover--red-200:hover,
+.white-scroll .scroll .hover--red-200:hover,
+.black-scroll .scroll .hover--red-200:hover {
+  color: #ff1e1a!important;
+  border-color: #ffd2d1!important;
+  background-color: #ffd2d1!important;
+}
+
+.btn--red-100, .hover--red-100:hover,
+.white-scroll .scroll .hover--red-100:hover,
+.black-scroll .scroll .hover--red-100:hover {
+  color: #ff1e1a!important;
+  border-color: #ff1e1a!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  VIOLET BUTTON
+/*------------------------------------------*/
+
+.btn--violet-500, .hover--violet-500:hover,
+.white-scroll .scroll .hover--violet-500:hover,
+.black-scroll .scroll .hover--violet-500:hover {
+  color: #fff!important;
+  border-color: #c73e9b!important;
+  background-color: #c73e9b!important;
+}
+
+.btn--violet-400, .hover--violet-400:hover,
+.white-scroll .scroll .hover--violet-400:hover,
+.black-scroll .scroll .hover--violet-400:hover {
+  color: #fff!important;
+  border-color: #be6cbe!important;
+  background-color: #be6cbe!important;
+}
+
+.btn--violet-300, .hover--violet-300:hover,
+.white-scroll .scroll .hover--violet-300:hover,
+.black-scroll .scroll .hover--violet-300:hover {
+  color: #fff!important;
+  border-color: #e2bde2!important;
+  background-color: #e2bde2!important;
+}
+
+.btn--violet-200, .hover--violet-200:hover,
+.white-scroll .scroll .hover--violet-200:hover,
+.black-scroll .scroll .hover--violet-200:hover {
+  color: #be6cbe!important;
+  border-color: #f1cde5!important;
+  background-color: #f1cde5!important;
+}
+
+.btn--violet-100, .hover--violet-100:hover,
+.white-scroll .scroll .hover--violet-100:hover,
+.black-scroll .scroll .hover--violet-100:hover {
+  color: #be6cbe!important;
+  border-color: #be6cbe!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  YELLOW BUTTON
+/*------------------------------------------*/
+
+.btn--yellow-500, .hover--yellow-500:hover,
+.white-scroll .scroll .hover--yellow-500:hover,
+.black-scroll .scroll .hover--yellow-500:hover {
+  color: #353f4f!important;
+  border-color: #ffba01!important;
+  background-color: #ffba01!important;
+}
+
+.btn--yellow-400, .hover--yellow-400:hover,
+.white-scroll .scroll .hover--yellow-400:hover,
+.black-scroll .scroll .hover--yellow-400:hover {
+  color: #353f4f!important;
+  border-color: #ffbd45!important;
+  background-color: #ffbd45!important;
+}
+
+.btn--yellow-300, .hover--yellow-300:hover,
+.white-scroll .scroll .hover--yellow-300:hover,
+.black-scroll .scroll .hover--yellow-300:hover {
+  color: #353f4f!important;
+  border-color: #ffdf35!important;
+  background-color: #ffdf35!important;
+}
+
+.btn--yellow-200, .hover--yellow-200:hover,
+.white-scroll .scroll .hover--yellow-200:hover,
+.black-scroll .scroll .hover--yellow-200:hover {
+  color: #353f4f!important;
+  border-color: #fef5cd!important;
+  background-color: #fef5cd!important;
+}
+
+.btn--yellow-100, .hover--yellow-100:hover,
+.white-scroll .scroll .hover--yellow-100:hover,
+.black-scroll .scroll .hover--yellow-100:hover {
+  color: #ffba01!important;
+  border-color: #ffba01!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  BUTTON FOCUS
+/*------------------------------------------*/
+
+.btn:focus,
+.btn.btn--black:focus {
+  color: #fff; 
+  -webkit-box-shadow: none;
+  box-shadow: none; 
+}
+
+.btn--transparent:focus {
+  background-color: transparent!important;
+  border-color: transparent!important;
+} 
+
+.btn--grey:focus {
+  color: #666; 
+  -webkit-box-shadow: none;
+  box-shadow: none; 
+}
+
+.btn--tra-black:focus, 
+.btn--transparent:focus,
+.btn.btn--tra-grey:focus {
+  color: #353f4f; 
+  -webkit-box-shadow: none;
+  box-shadow: none; 
+}
+
+/*------------------------------------------*/
+/*  DOWNLOAD LINKS
+/*------------------------------------------*/
+
+.download-links li {
+  width: auto!important;
+  display: inline-block!important;
+  vertical-align: top;
+  clear: none !important;
+}
+
+.download-links-divider {
+  position: relative;
+  top: 1.5px;
+  transform: rotate(-90deg);
+}
+
+.download-links li p {
+  display: inline-block;
+  float: left;
+  margin-bottom: 0;
+}
+
+.download-links li p a {
+  font-weight: 500;
+}
+
+.download-links li p a:hover {
+  text-decoration: underline;
+}
+
+.color--white .download-links li p a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  OS DOWNLOAD BUTTON
+/*------------------------------------------*/ 
+
+.os-btn {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+  text-align: left;
+  width: 330px;
+  min-width: 330px;
+  background-color: #fff;
+  border: 1px solid #d3d3d3;
+  padding: 17px 18px 15px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.os-btn:hover {
+  background-color: #f5f6f7;
+  border: 1px solid #f5f6f7;
+  -webkit-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05);
+  -moz-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05);
+  box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05);
+}
+
+.os-btn-ico {
+  position: relative;
+  margin-right: 20px;
+}
+
+.os-btn-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.os-btn-txt p {
+  color: #353f4f;
+  font-size: 1.05rem;
+  line-height: 1;
+  font-weight: 500;
+  letter-spacing: -0.5px;
+  margin-top: 6px;
+  margin-bottom: 5px;
+}
+
+.os-btn-txt span {
+  display: block;
+  font-size: 0.9rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  STORE BADGE ICONS
+/*------------------------------------------*/
+
+.stores-badge {
+  display: inline-block;
+}
+
+.store {
+  display: inline-block;
+  text-align: center;
+  margin-right: 10px;
+}
+
+.store:last-child {
+  margin-right: 0;
+} 
+
+.store img {
+  width: auto;
+  max-width: inherit;
+}
+
+.badge-img-xs .store img { max-height: 2.5rem; }
+.badge-img-sm .store img { max-height: 2.625rem; }
+.badge-img-md .store img { max-height: 2.875rem; }
+.badge-img-lg .store img { max-height: 3rem; }
+
+/*------------------------------------------*/
+/*  WATCH VIDEO LINK
+/*------------------------------------------*/
+
+.watch-video {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+  margin-top: 25px;
+}
+
+/*------------------------------------------*/
+/*  Link Icon
+/*------------------------------------------*/
+
+.watch-video-link {
+  position: relative;
+  text-align: center;
+  float: left;
+  width: 2.85rem;
+  height: 2.85rem; 
+  color: #fff;
+  border: none;
+  margin-right: 12px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  border-radius: 100%; 
+}
+
+.watch-video-link:before {
+  content: '';
+  position: absolute;
+  left: -3px;
+  right: -3px;
+  top: -3px;
+  bottom: -3px;
+  background: rgba(255, 255, 255, 0.2);
+  opacity: 0;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+.watch-video-link:hover:before {
+  opacity: .75;
+  left: -8px;
+  right: -8px;
+  top: -8px;
+  bottom: -8px;
+}
+
+.watch-video-link span[class^="flaticon-"]:before, 
+.watch-video-link span[class^="flaticon-"]:after {
+  font-size: 2rem; 
+  line-height: 2.85rem!important;   
+  margin-left: 5px;
+}
+
+/*------------------------------------------*/
+/*  Link Text
+/*------------------------------------------*/
+
+.watch-video-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+  text-align: left!important;
+}
+
+p.video-txt-lg {
+  font-size: 1rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 5px;
+}
+
+p.video-txt-sm {
+  font-size: 0.925rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  VIDEO POPUP ICON
+/*------------------------------------------*/
+
+.video-preview {
+  position: relative; 
+  text-align: center;
+}
+
+.video-btn {
+  position: absolute!important;
+  top: 50%;
+  left: 50%;
+  display: inline-block;
+  text-align: center;
+  color: #fff;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  border-radius: 100%; 
+}
+
+.video-btn-xl {
+  width: 6.25rem;
+  height: 6.25rem;
+  margin-top: -3.125rem;
+  margin-left: -3.125rem;
+}
+
+.video-btn-lg {
+  width: 5.625rem;
+  height: 5.625rem;
+  margin-top: -2.8125rem;
+  margin-left: -2.8125rem;
+}
+
+.video-btn-md {
+  width: 5rem;
+  height: 5rem;
+  margin-top: -2.5rem;
+  margin-left: -2.5rem;
+}
+
+.video-btn-sm {
+  width: 4.375rem;
+  height: 4.375rem;
+  margin-top: -2.1875rem;
+  margin-left: -2.1875rem;
+}
+
+.video-block-wrapper {
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+.video-btn.video-btn-xl [class^="flaticon-"]:before, 
+.video-btn.video-btn-xl [class^="flaticon-"]:after {
+  font-size: 5rem;
+  line-height: 6.25rem!important;   
+  margin-left: 10px;
+}
+
+.video-btn.video-btn-lg [class^="flaticon-"]:before, 
+.video-btn.video-btn-lg [class^="flaticon-"]:after {
+  font-size: 4.5rem;
+  line-height: 5.625rem!important;   
+  margin-left: 8px;
+}
+
+.video-btn.video-btn-md [class^="flaticon-"]:before, 
+.video-btn.video-btn-md [class^="flaticon-"]:after {
+  font-size: 4.35rem;
+  line-height: 5rem!important;   
+  margin-left: 8px;
+}
+
+.video-btn.video-btn-sm [class^="flaticon-"]:before, 
+.video-btn.video-btn-sm [class^="flaticon-"]:after {
+  font-size: 3.5rem;
+  line-height: 4.375rem!important;   
+  margin-left: 5px;
+}
+
+.video-btn:hover .video-block-wrapper {
+  -moz-transform: scale(0.95);
+  -ms-transform: scale(0.95);
+  -webkit-transform: scale(0.95);
+  -o-transform: scale(0.95);
+  transform: scale(0.95);
+}
+
+.video-btn:before {
+  content: '';
+  position: absolute;
+  left: -5px;
+  right: -5px;
+  top: -5px;
+  bottom: -5px;
+  background: rgba(255, 255, 255, 0.2);
+  opacity: 0;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+.video-btn.video-btn-xl:hover:before {
+  opacity: .75;
+  left: -1.5rem;
+  right: -1.5rem;
+  top: -1.5rem;
+  bottom: -1.5rem;
+}
+
+.video-btn.video-btn-lg:hover:before {
+  opacity: .75;
+  left: -1.25rem;
+  right: -1.25rem;
+  top: -1.25rem;
+  bottom: -1.25rem;
+}
+
+.video-btn.video-btn-md:hover:before {
+  opacity: .75;
+  left: -1rem;
+  right: -1rem;
+  top: -1rem;
+  bottom: -1rem;
+}
+
+.video-btn.video-btn-sm:hover:before {
+  opacity: .75;
+  left: -0.75rem;
+  right: -0.75rem;
+  top: -0.75rem;
+  bottom: -0.75rem;
+}
+
+/*------------------------------------------*/
+/*  VECTOR ICONS
+/*------------------------------------------*/
+
+.ico-10 [class*="flaticon-"]:before, .ico-10 [class*="flaticon-"]:after { font-size: 0.75rem; }     /* 15px */
+.ico-15 [class*="flaticon-"]:before, .ico-15 [class*="flaticon-"]:after { font-size: 0.9375rem; }   /* 15px */
+.ico-20 [class*="flaticon-"]:before, .ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; }     /* 20px */
+.ico-25 [class*="flaticon-"]:before, .ico-25 [class*="flaticon-"]:after { font-size: 1.5625rem; }   /* 25px */
+.ico-30 [class*="flaticon-"]:before, .ico-30 [class*="flaticon-"]:after { font-size: 1.875rem; }    /* 30px */
+.ico-35 [class*="flaticon-"]:before, .ico-35 [class*="flaticon-"]:after { font-size: 2.1875rem; }   /* 35px */
+.ico-40 [class*="flaticon-"]:before, .ico-40 [class*="flaticon-"]:after { font-size: 2.5rem; }      /* 40px */
+.ico-45 [class*="flaticon-"]:before, .ico-45 [class*="flaticon-"]:after { font-size: 2.8125rem; }   /* 45px */
+.ico-50 [class*="flaticon-"]:before, .ico-50 [class*="flaticon-"]:after { font-size: 3.125rem; }    /* 50px */
+.ico-55 [class*="flaticon-"]:before, .ico-55 [class*="flaticon-"]:after { font-size: 3.4375rem; }   /* 55px */
+.ico-60 [class*="flaticon-"]:before, .ico-60 [class*="flaticon-"]:after { font-size: 3.75rem; }     /* 60px */
+.ico-65 [class*="flaticon-"]:before, .ico-65 [class*="flaticon-"]:after { font-size: 4.0625rem; }   /* 65px */
+.ico-70 [class*="flaticon-"]:before, .ico-70 [class*="flaticon-"]:after { font-size: 4.375rem; }    /* 70px */
+.ico-75 [class*="flaticon-"]:before, .ico-75 [class*="flaticon-"]:after { font-size: 4.6875rem; }   /* 75px */
+.ico-80 [class*="flaticon-"]:before, .ico-80 [class*="flaticon-"]:after { font-size: 5rem; }        /* 80px */
+.ico-85 [class*="flaticon-"]:before, .ico-85 [class*="flaticon-"]:after { font-size: 5.3125rem; }   /* 85px */
+.ico-90 [class*="flaticon-"]:before, .ico-90 [class*="flaticon-"]:after { font-size: 5.625rem; }    /* 90px */
+.ico-95 [class*="flaticon-"]:before, .ico-95 [class*="flaticon-"]:after { font-size: 5.9375rem; }   /* 95px */
+.ico-100 [class*="flaticon-"]:before, .ico-100 [class*="flaticon-"]:after { font-size: 6.25rem; }   /* 100px */
+.ico-105 [class*="flaticon-"]:before, .ico-105 [class*="flaticon-"]:after { font-size: 6.5625rem; } /* 105px */
+.ico-110 [class*="flaticon-"]:before, .ico-110 [class*="flaticon-"]:after { font-size: 6.875rem; }  /* 110px */
+.ico-115 [class*="flaticon-"]:before, .ico-115 [class*="flaticon-"]:after { font-size: 7.1875rem; } /* 115px */
+.ico-120 [class*="flaticon-"]:before, .ico-120 [class*="flaticon-"]:after { font-size: 7.5rem; }    /* 120px */
+.ico-125 [class*="flaticon-"]:before, .ico-125 [class*="flaticon-"]:after { font-size: 7.8125rem; } /* 125px */
+
+/*------------------------------------------*/
+/*  VECTOR ICON BACKGROUND
+/*------------------------------------------*/ 
+
+.shape-ico {
+  position: relative;
+  display: inline-block;
+  margin: 0 auto;
+}
+
+.shape-ico span {
+  position: relative;
+  z-index:  2;
+}
+
+.shape-ico svg {
+  position: absolute;
+  z-index:  1;
+}
+
+.ico-50 .shape-ico svg {
+  width: 130px;
+  height: 130px;
+  top: -35px;
+  left: calc(50% - 60px);
+}
+
+.fbox-11 .ico-50 .shape-ico svg {
+  top: -40px;
+  left: calc(50% - 70px);
+}
+
+.ico-55 .shape-ico svg {
+  width: 135px;
+  height: 135px;
+  top: -30px;
+  left: calc(50% - 60px);
+}
+
+.ico-60 .shape-ico svg {
+  width: 140px;
+  height: 140px;
+  top: -30px;
+  left: calc(50% - 65px);
+}
+
+.shape-ico.color--blue-300 path,
+.shape-ico.color--blue-400 path,
+.shape-ico.color--blue-500 path {
+  fill: #f4f9fc;
+}
+
+.shape-ico.color--green-300 path,
+.shape-ico.color--green-400 path,
+.shape-ico.color--green-500 path {
+  fill: #e9f8f2;
+}
+
+.shape-ico.color--pink-300 path,
+.shape-ico.color--pink-400 path,
+.shape-ico.color--pink-500 path {
+  fill: #feecf2;
+}
+
+.shape-ico.color--purple-300 path,
+.shape-ico.color--purple-400 path,
+.shape-ico.color--purple-500 path {
+  fill: #f1edff;
+}
+
+.shape-ico.color--red-300 path,
+.shape-ico.color--red-400 path,
+.shape-ico.color--red-500 path {
+  fill: #fce7e4;
+}
+
+.shape-ico.color--violet-300 path,
+.shape-ico.color--violet-400 path,
+.shape-ico.color--violet-500 path {
+  fill: #f7e4f1;
+}
+
+/*------------------------------------------*/
+/*  VECTOR ROUNDED ICONS
+/*------------------------------------------*/ 
+
+.ico-rounded,
+.ico-rounded-md,
+.ico-rounded-lg {
+  display: inline-block;
+  text-align: center;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+}
+
+.ico-rounded { width: 80px; height: 80px; }
+.ico-rounded-md { width: 90px; height: 90px; }
+.ico-rounded-lg { width: 100px; height: 100px; }
+
+.ico-rounded [class*="flaticon-"]:before, 
+.ico-rounded [class*="flaticon-"]:after { font-size:2.15rem; line-height:80px!important; }
+
+.ico-rounded-md [class*="flaticon-"]:before, 
+.ico-rounded-md [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 90px!important; }
+
+.ico-rounded-lg [class*="flaticon-"]:before, 
+.ico-rounded-lg [class*="flaticon-"]:after { font-size: 2.65rem; line-height: 100px!important; }
+
+/*------------------------------------------*/
+/*  VECTOR SQUARE ICONS
+/*------------------------------------------*/ 
+
+.ico-square { 
+  display: inline-block;
+  text-align: center;
+  width: 80px; 
+  height: 80px; 
+  -webkit-border-radius: 12px;
+  -moz-border-radius: 12px;
+  -o-border-radius: 12px;
+  border-radius: 12px;
+}
+
+.ico-square [class*="flaticon-"]:before, 
+.ico-square [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 80px!important; }
+
+/*------------------------------------------*/
+/*   PNG ICONS SETTINGS
+/*------------------------------------------*/ 
+
+.ico-145 img { width: 145px; height: 145px; }
+.ico-140 img { width: 140px; height: 140px; }
+.ico-135 img { width: 135px; height: 135px; }
+.ico-130 img { width: 130px; height: 130px; }
+.ico-125 img { width: 125px; height: 125px; }
+.ico-120 img { width: 120px; height: 120px; }
+.ico-115 img { width: 115px; height: 115px; }
+.ico-110 img { width: 110px; height: 110px; }
+.ico-105 img { width: 105px; height: 105px; }
+.ico-100 img { width: 100px; height: 100px; }
+.ico-95 img { width: 95px; height: 95px; }
+.ico-90 img { width: 90px; height: 90px; }
+.ico-85 img { width: 85px; height: 85px; }
+.ico-80 img { width: 80px; height: 80px; }
+.ico-75 img { width: 75px; height: 75px; }
+.ico-70 img { width: 70px; height: 70px; }
+.ico-65 img { width: 65px; height: 65px; }
+.ico-60 img { width: 60px; height: 60px; }
+.ico-55 img { width: 55px; height: 55px; }
+.ico-50 img { width: 50px; height: 50px; }
+.ico-45 img { width: 45px; height: 45px; }
+.ico-40 img { width: 40px; height: 40px; }
+.ico-35 img { width: 35px; height: 35px; }
+.ico-30 img { width: 30px; height: 30px; }
+.ico-25 img { width: 25px; height: 25px; }
+.ico-20 img { width: 20px; height: 20px; }
+
+/*------------------------------------------*/
+/*   SECTION ID
+/*------------------------------------------*/
+
+.section-id {
+  display: block;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 700;
+  letter-spacing: 0.5px;
+  text-transform: uppercase;
+  margin-bottom: 35px;   
+}
+
+.section-id.rounded-id {
+  display: inline-block;
+  padding: 10px 24px;
+  font-size: 0.85rem;
+  text-transform: uppercase;
+  -webkit-border-radius: 100px;
+  -moz-border-radius: 100px;
+  border-radius: 100px;
+  margin-bottom: 40px; 
+}
+
+.section-id.border-id {
+  border-width: 2px;
+  border-style: solid;
+}
+
+.section-id.border-id.border--grey {
+  border-color: #757575;
+}
+
+.section-id.border-id.border--blue {
+  border-color: #1680fb;
+}
+
+.font--jakarta .section-id  {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+}
+
+.font--inter .section-id  {
+  font-family: 'Inter', sans-serif;
+}
+
+/*------------------------------------------*/
+/*  SECTION TITLE
+/*------------------------------------------*/
+
+.section-title {
+  text-align: center;
+}
+
+.section-title h2 {
+  margin-bottom: 0;
+}
+
+.section-title h2.w-700 {
+  letter-spacing: -0.5px;
+}
+
+.section-title p.p-md,
+.section-title p.p-lg,
+.section-title p.p-xl,
+.section-title p.s-20,
+.section-title p.s-21 {
+  margin-top: 18px;
+  margin-bottom: 0;
+}
+
+.section-title p.p-md,
+.section-title p.p-lg {
+  padding: 0 3%;
+}
+
+.section-title a.contact-link {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.section-title .btns-group .btn {
+  margin-top: 0;
+}
+
+.section-title .advantages,
+.section-title .btns-txt,
+.section-title .btns-group-txt {
+  margin-top: 20px;
+}
+
+/*------------------------------------------*/
+/*  TEXT COLORS
+/*------------------------------------------*/
+
+.color--white,
+.color--white h1,
+.color--white h2, 
+.color--white h3, 
+.color--white h4, 
+.color--white h5, 
+.color--white h6, 
+.color--white p, 
+.color--white a, 
+.color--white li,
+.color--white i, 
+.color--white span { color: #fff; }
+
+.color--snow,
+.color--snow h1, 
+.color--snow h2, 
+.color--snow h3, 
+.color--snow h4, 
+.color--snow h5, 
+.color--snow h6, 
+.color--snow p, 
+.color--snow a, 
+.color--snow li,
+.color--snow i, 
+.color--snow span,
+.color--white .color--snow { color: #c2c3cb; }
+
+.color--black,
+.color--black h1, 
+.color--black h2, 
+.color--black h3, 
+.color--black h4, 
+.color--black h5, 
+.color--black h6, 
+.color--black p, 
+.color--black a, 
+.color--black li,
+.color--black i, 
+.color--black span { color: #353f4f; }
+
+.color--coal,
+.color--coal h1, 
+.color--coal h2, 
+.color--coal h3, 
+.color--coal h4, 
+.color--coal h5, 
+.color--coal h6, 
+.color--coal p, 
+.color--coal a, 
+.color--coal li,
+.color--coal i, 
+.color--coal span { color: #52595d; }
+
+.color--grey,
+.color--grey h1, 
+.color--grey h2, 
+.color--grey h3, 
+.color--grey h4, 
+.color--grey h5, 
+.color--grey h6, 
+.color--grey p, 
+.color--grey a, 
+.color--grey li,
+.color--grey i, 
+.color--grey span,
+.color--white .color--grey { color: #757575; }
+
+.color--blue-500, 
+.color--blue-500 h1, 
+.color--blue-500 h2, 
+.color--blue-500 h3, 
+.color--blue-500 h4, 
+.color--blue-500 h5, 
+.color--blue-500 h6, 
+.color--blue-500 p, 
+.color--blue-500 a, 
+.color--blue-500 li, 
+.color--blue-500 i, 
+.color--blue-500 span,
+.color--white .color--blue-500 { color: #185abd!important; }
+
+.color--blue-400, 
+.color--blue-400 h1, 
+.color--blue-400 h2, 
+.color--blue-400 h3, 
+.color--blue-400 h4, 
+.color--blue-400 h5, 
+.color--blue-400 h6, 
+.color--blue-400 p, 
+.color--blue-400 a, 
+.color--blue-400 li, 
+.color--blue-400 i, 
+.color--blue-400 span,
+.color--white .color--blue-400 { color: #1680fb!important; }
+
+.color--blue-300, 
+.color--blue-300 h1, 
+.color--blue-300 h2, 
+.color--blue-300 h3, 
+.color--blue-300 h4, 
+.color--blue-300 h5, 
+.color--blue-300 h6, 
+.color--blue-300 p, 
+.color--blue-300 a, 
+.color--blue-300 li, 
+.color--blue-300 i, 
+.color--blue-300 span,
+.color--white .color--blue-300 { color: #3eb1ff!important; }
+
+.color--green-500, 
+.color--green-500 h1, 
+.color--green-500 h2, 
+.color--green-500 h3, 
+.color--green-500 h4, 
+.color--green-500 h5, 
+.color--green-500 h6, 
+.color--green-500 p, 
+.color--green-500 a, 
+.color--green-500 li, 
+.color--green-500 i, 
+.color--green-500 span,
+.color--white .color--green-500 { color: #00a14e!important; }
+
+.color--green-400, 
+.color--green-400 h1, 
+.color--green-400 h2, 
+.color--green-400 h3, 
+.color--green-400 h4, 
+.color--green-400 h5, 
+.color--green-400 h6, 
+.color--green-400 p, 
+.color--green-400 a, 
+.color--green-400 li, 
+.color--green-400 i, 
+.color--green-400 span,
+.color--white .color--green-400 { color: #0fbc49!important; }
+
+.color--green-300, 
+.color--green-300 h1, 
+.color--green-300 h2, 
+.color--green-300 h3, 
+.color--green-300 h4, 
+.color--green-300 h5, 
+.color--green-300 h6, 
+.color--green-300 p, 
+.color--green-300 a, 
+.color--green-300 li, 
+.color--green-300 i, 
+.color--green-300 span,
+.color--white .color--green-300 { color: #6fd792!important; }
+
+.color--pink-500, 
+.color--pink-500 h1, 
+.color--pink-500 h2, 
+.color--pink-500 h3, 
+.color--pink-500 h4, 
+.color--pink-500 h5, 
+.color--pink-500 h6, 
+.color--pink-500 p, 
+.color--pink-500 a, 
+.color--pink-500 li, 
+.color--pink-500 i, 
+.color--pink-500 span,
+.color--white .color--pink-500 { color: #ff149c!important; }
+
+.color--pink-400, 
+.color--pink-400 h1, 
+.color--pink-400 h2, 
+.color--pink-400 h3, 
+.color--pink-400 h4, 
+.color--pink-400 h5, 
+.color--pink-400 h6, 
+.color--pink-400 p, 
+.color--pink-400 a, 
+.color--pink-400 li, 
+.color--pink-400 i, 
+.color--pink-400 span,
+.color--white .color--pink-400 { color: #f74780!important; }
+
+.color--pink-300, 
+.color--pink-300 h1, 
+.color--pink-300 h2, 
+.color--pink-300 h3, 
+.color--pink-300 h4, 
+.color--pink-300 h5, 
+.color--pink-300 h6, 
+.color--pink-300 p, 
+.color--pink-300 a, 
+.color--pink-300 li, 
+.color--pink-300 i, 
+.color--pink-300 span,
+.color--white .color--pink-300 { color: #fcb5cc!important; }
+
+.color--purple-500, 
+.color--purple-500 h1, 
+.color--purple-500 h2, 
+.color--purple-500 h3, 
+.color--purple-500 h4, 
+.color--purple-500 h5, 
+.color--purple-500 h6, 
+.color--purple-500 p, 
+.color--purple-500 a, 
+.color--purple-500 li, 
+.color--purple-500 i, 
+.color--purple-500 span,
+.color--white .color--purple-500 { color: #663ae9!important; }
+
+.color--purple-400, 
+.color--purple-400 h1, 
+.color--purple-400 h2, 
+.color--purple-400 h3, 
+.color--purple-400 h4, 
+.color--purple-400 h5, 
+.color--purple-400 h6, 
+.color--purple-400 p, 
+.color--purple-400 a, 
+.color--purple-400 li, 
+.color--purple-400 i, 
+.color--purple-400 span,
+.color--white .color--purple-400 { color: #7b5dd6!important; }
+
+.color--purple-300, 
+.color--purple-300 h1, 
+.color--purple-300 h2, 
+.color--purple-300 h3, 
+.color--purple-300 h4, 
+.color--purple-300 h5, 
+.color--purple-300 h6, 
+.color--purple-300 p, 
+.color--purple-300 a, 
+.color--purple-300 li, 
+.color--purple-300 i, 
+.color--purple-300 span,
+.color--white .color--purple-300 { color: #bdaeea!important; }
+
+.color--red-500, 
+.color--red-500 h1, 
+.color--red-500 h2, 
+.color--red-500 h3, 
+.color--red-500 h4, 
+.color--red-500 h5, 
+.color--red-500 h6, 
+.color--red-500 p, 
+.color--red-500 a, 
+.color--red-500 li, 
+.color--red-500 i, 
+.color--red-500 span,
+.color--white .color--red-500 { color: #da0f29!important; }
+
+.color--red-400, 
+.color--red-400 h1, 
+.color--red-400 h2, 
+.color--red-400 h3, 
+.color--red-400 h4, 
+.color--red-400 h5, 
+.color--red-400 h6, 
+.color--red-400 p, 
+.color--red-400 a, 
+.color--red-400 li, 
+.color--red-400 i, 
+.color--red-400 span,
+.color--white .color--red-400 { color: #ff1e1a!important; }
+
+.color--red-300, 
+.color--red-300 h1, 
+.color--red-300 h2, 
+.color--red-300 h3, 
+.color--red-300 h4, 
+.color--red-300 h5, 
+.color--red-300 h6, 
+.color--red-300 p, 
+.color--red-300 a, 
+.color--red-300 li, 
+.color--red-300 i, 
+.color--red-300 span,
+.color--white .color--red-300 { color: #ffa5a3!important; }
+
+.color--violet-500, 
+.color--violet-500 h1, 
+.color--violet-500 h2, 
+.color--violet-500 h3, 
+.color--violet-500 h4, 
+.color--violet-500 h5, 
+.color--violet-500 h6, 
+.color--violet-500 p, 
+.color--violet-500 a, 
+.color--violet-500 li, 
+.color--violet-500 i, 
+.color--violet-500 span,
+.color--white .color--violet-500 { color: #c73e9b!important; }
+
+.color--violet-400, 
+.color--violet-400 h1, 
+.color--violet-400 h2, 
+.color--violet-400 h3, 
+.color--violet-400 h4, 
+.color--violet-400 h5, 
+.color--violet-400 h6, 
+.color--violet-400 p, 
+.color--violet-400 a, 
+.color--violet-400 li, 
+.color--violet-400 i, 
+.color--violet-400 span,
+.color--white .color--violet-400 { color: #be6cbe!important; }
+
+.color--violet-300, 
+.color--violet-300 h1, 
+.color--violet-300 h2, 
+.color--violet-300 h3, 
+.color--violet-300 h4, 
+.color--violet-300 h5, 
+.color--violet-300 h6, 
+.color--violet-300 p, 
+.color--violet-300 a, 
+.color--violet-300 li, 
+.color--violet-300 i, 
+.color--violet-300 span,
+.color--white .color--violet-300 { color: #e2bde2!important; }
+
+.color--yellow-500, 
+.color--yellow-500 h1, 
+.color--yellow-500 h2, 
+.color--yellow-500 h3, 
+.color--yellow-500 h4, 
+.color--yellow-500 h5, 
+.color--yellow-500 h6, 
+.color--yellow-500 p, 
+.color--yellow-500 a, 
+.color--yellow-500 li, 
+.color--yellow-500 i, 
+.color--yellow-500 span,
+.color--white .color--yellow-500 { color: #ffba01!important; }
+
+.color--yellow-400, 
+.color--yellow-400 h1, 
+.color--yellow-400 h2, 
+.color--yellow-400 h3, 
+.color--yellow-400 h4, 
+.color--yellow-400 h5, 
+.color--yellow-400 h6, 
+.color--yellow-400 p, 
+.color--yellow-400 a, 
+.color--yellow-400 li, 
+.color--yellow-400 i, 
+.color--yellow-400 span,
+.color--white .color--yellow-400 { color: #ffbd45!important; }
+
+.color--yellow-300, 
+.color--yellow-300 h1, 
+.color--yellow-300 h2, 
+.color--yellow-300 h3, 
+.color--yellow-300 h4, 
+.color--yellow-300 h5, 
+.color--yellow-300 h6, 
+.color--yellow-300 p, 
+.color--yellow-300 a, 
+.color--yellow-300 li, 
+.color--yellow-300 i, 
+.color--yellow-300 span,
+.color--white .color--yellow-300 { color: #ffdf35!important; }
+
+
+
+
+/* ==========================================================================
+  03. PRELOAD ANIMATION
+  ========================================================================== */
+
+#loading {
+  height: 100%;
+  width: 100%;
+  position: fixed;
+  z-index: 1;
+  margin-top: 0px;
+  top: 0px;
+  z-index: 99999999;
+}
+
+#loading { 
+  background-color: #f5f5f9;
+}
+
+#loading-center {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  height: 100px;
+  width: 100px;
+  margin-top: -50px;
+  margin-left: -50px;
+  -webkit-animation: loading-center-absolute 1s infinite;
+  animation: loading-center-absolute 1s infinite;
+}
+
+.loader {
+  border: 2px solid;
+  border-color: transparent #888;
+  width: 100px;
+  height: 100px;
+  border-radius: 50%;
+  display: inline-block;
+  position: relative;
+  box-sizing: border-box;
+  animation: rotation 1s linear infinite;
+}
+
+.loading--blue .loader { 
+  border-color: transparent #1680fb; 
+}
+
+.loading--green .loader { 
+  border-color: transparent #0fbc49; 
+}
+
+.loading--pink .loader { 
+  border-color: transparent #f74780; 
+}
+
+.loading--purple .loader { 
+  border-color: transparent #7b5dd6; 
+}
+
+.loading--red .loader { 
+  border-color: transparent #ff1e1a; 
+}
+
+.loading--violet .loader { 
+  border-color: transparent #c73e9b; 
+}
+
+.loading--yellow .loader { 
+  border-color: transparent #ffba01; 
+}
+
+.loader::after {
+  content: '';  
+  box-sizing: border-box;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  border: 50px solid;
+  border-color: transparent rgba(30, 30, 30, 0.15);
+  border-radius: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.loading--blue .loader::after {
+  border-color: transparent rgba(22, 128, 251, .15); 
+}
+
+.loading--green .loader::after {
+  border-color: transparent rgba(14, 188, 73, .15); 
+}
+
+.loading--pink .loader::after {
+  border-color: transparent rgba(247, 71, 128, .15); 
+}
+
+.loading--purple .loader::after {
+  border-color: transparent rgba(123, 93, 214, .15); 
+}
+
+.loading--red .loader::after {
+  border-color: transparent rgba(255, 30, 26, .15); 
+}
+
+.loading--violet .loader::after {
+  border-color: transparent rgba(1900, 108, 190, .15); 
+}
+
+.loading--yellow .loader::after {
+  border-color: transparent rgba(255, 186, 1, .15); 
+}
+
+@keyframes rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+} 
+
+
+
+
+/* ==========================================================================
+  04. HEADER & NAVIGATION
+  =========================================================================== */
+
+#header {
+  width: 100%;
+  display: block;
+  padding-top: 0px;
+}
+
+.header-wrapper {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 1030;
+}
+
+.headerwp {
+  max-width: 1140px;
+  margin: 0 auto;
+  padding: 0;
+}
+
+.posrlt {
+  position: relative;
+}
+
+/*------------------------------------------*/
+/*  HEADER LOGO
+/*------------------------------------------*/
+
+.desktoplogo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 38px;
+}
+
+.blog-header .desktoplogo img {
+  max-height: 30px;
+}
+
+/*------------------------------------------*/
+/*  NAVIGATION MENU
+/*------------------------------------------*/
+
+.wsmainfull {
+  width: 100%;
+  height: auto;
+  z-index: 1031;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out; 
+}
+
+.tra-menu .wsmainfull {
+  padding: 20px 0;
+  background-color: transparent!important;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+
+.white-menu .wsmainfull {
+  padding: 6px 0;
+  background-color: #fff!important;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.dark-menu .wsmainfull {
+  padding: 6px 0;
+  background-color: #1d222f!important;
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+#header.hiddden-header {
+  display: none;
+}
+
+.hidden-nav .wsmainfull {
+  margin-top: -140px;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  HEADER LINK
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > a {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  display: block;
+  font-size: 1rem;
+  line-height: 50px;
+  font-weight: 600;
+  letter-spacing: 0;
+  text-decoration: none;  
+  margin: 0 7px;
+  padding: 10px 15px;
+}
+
+.navbar-dark .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #353f4f;
+}
+
+.navbar-light .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #fff;
+}
+
+.wsmenu > .wsmenu-list > li > a.h-link.last-link {
+  padding: 10px 0px;
+  margin: 0;
+}
+
+.wsmenu > .wsmenu-list > li > a .wsarrow:after {
+  border-left: 4px solid rgba(0, 0, 0, 0);
+  border-right: 4px solid rgba(0, 0, 0, 0);
+  border-top: 4px solid;
+  content: "";
+  float: right;
+  right: 0;
+  height: 0;
+  margin: 0 0 0 14px;
+  position: absolute;
+  text-align: right;
+  top: 35px;
+  width: 0;
+}
+
+.wsmenu > .wsmenu-list > li.reg-fst-link > a {
+  margin-left: 30px;
+}
+
+/*------------------------------------------*/
+/*  HEADER LINK INFO
+/*------------------------------------------*/
+
+span.sm-info {
+  position: relative;
+  display: inline-block;
+  text-align: center;
+  width: 20px;
+  height: 20px;
+  color: #fff;
+  font-size: 0.65rem;
+  line-height: 19px;
+  font-weight: 700;
+  margin-left: 5px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+}
+
+.nav-blue-500 .sm-info { background-color: #185abd; }
+.nav-blue-400 .sm-info { background-color: #1680fb; }
+.nav-blue-300 .sm-info { background-color: #3eb1ff; }
+
+.nav-green-500 .sm-info { background-color: #00a14e; }
+.nav-green-400 .sm-info { background-color: #0fbc49; }
+.nav-green-300 .sm-info { background-color: #6fd792; }
+
+.nav-pink-500 .sm-info { background-color: #ff149c; }
+.nav-pink-400 .sm-info { background-color: #f74780; }
+.nav-pink-300 .sm-info { background-color: #fcb5cc; }
+
+.nav-purple-500 .sm-info { background-color: #663ae9; }
+.nav-purple-400 .sm-info { background-color: #7b5dd6; }
+.nav-purple-300 .sm-info { background-color: #bdaeea; }
+
+.nav-red-500 .sm-info { background-color: #da0f29; }
+.nav-red-400 .sm-info { background-color: #ff1e1a; }
+.nav-red-300 .sm-info { background-color: #ffa5a3; }
+
+.nav-violet-500 .sm-info { background-color: #c73e9b; }
+.nav-violet-400 .sm-info { background-color: #be6cbe; }
+.nav-violet-300 .sm-info { background-color: #e2bde2; }
+
+.nav-yellow-500 .sm-info { background-color: #ffba01; }
+.nav-yellow-400 .sm-info { background-color: #ffbd45; }
+.nav-yellow-300 .sm-info { background-color: #ffdf35; }
+
+/*------------------------------------------*/
+/*  HEADER BUTTONS
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li a.btn {
+  font-size: 1rem;
+  line-height: 30px;
+  font-weight: 600;
+  text-transform: none;
+  letter-spacing: 0;
+  margin-top: 14px;
+  padding: 4px 28px;
+}
+
+.wsmenu > .wsmenu-list > li a.btn.reg-btn {
+  padding: 4px 22px;
+}
+
+.wsmenu > .wsmenu-list > li a.btn.fst-btn-link {
+  margin-left: 12px;
+}
+
+.wsmenu > .wsmenu-list > li a.store.header-store {
+  line-height: 1;
+  margin-top: 13px;
+  margin-left: 10px;
+  margin-bottom: 0;
+  padding: 0;
+}
+
+.store.header-store img {
+  max-height: 44px;
+}
+
+/*------------------------------------------*/
+/*  HEADER SOCIAL LINKS  
+/*------------------------------------------*/
+
+.header-socials {
+  margin: 0;
+  display: inline-block; 
+  text-align: center;
+}
+
+.header-socials span {
+  float: left;
+  width: auto !important;
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  margin: 0;
+}
+
+.header-socials a {
+  display: block; 
+  margin-left: 18px;
+}
+
+.navbar-light .header-socials a {
+  color: #ddd;
+}
+
+.navbar-light .header-socials a:hover {
+  color: #ccc!important;
+}
+
+.header-socials.ico-20 [class*="flaticon-"]:before, 
+.header-socials.ico-20 [class*="flaticon-"]:after { line-height: 70px!important; } 
+
+/*------------------------------------------*/
+/*  HEADER SUBMENU
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu {
+  width: auto;
+  min-width: 200px;
+  top: 62px;
+  padding: 12px 10px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
+  background-color: rgba(244, 244, 249, 0);
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  color: #353f4f;
+  font-size: 1rem;
+  font-weight: 600;
+  padding: 11px 14px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  transition: all 0.3s ease-in-out;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover {
+  background-color: rgba(244, 244, 249, 1);
+  padding: 11px 14px;
+}
+
+/*------------------------------------------*/
+/*  HALFMENU
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu {
+  top: 62px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
+  width: 38%;
+  padding: 12px 0;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { 
+  right: 2%; 
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li {
+  border-bottom: none;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  background-color: rgba(244, 244, 249, 0);
+  color: #353f4f;
+  font-size: 1rem;
+  font-weight: 600;
+  padding: 11px 14px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  transition: all 0.3s ease-in-out;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  background-color: rgba(244, 244, 249, 1);
+  padding: 11px 14px;
+}
+
+/*------------------------------------------*/
+/*  MEGAMENU
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu {
+  padding: 12px 0;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 {
+  width: 76%!important;
+  left: 23%;
+  padding: 20px 10px;
+}
+
+.wsmegamenu.w-75 .col-lg-3 {
+  padding: 0 6px;
+}
+
+/*------------------------------------------*/
+/*  SUBMENU TITLE
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .title,
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .title {
+  color: #929394;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 0.875rem;
+  line-height: 1;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0;
+  margin: 10px 0 15px 13px;
+}
+
+/*------------------------------------------*/
+/*  DARK HEADER SUBMENU / MEGAMENU
+/*------------------------------------------*/
+
+.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
+  background-color: #2c3142!important; 
+  border: solid 1px #2c3142!important; 
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+  color: #ddd;
+  background-color: rgba(255, 255, 255, 0)!important;
+}
+
+.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  background-color: rgba(255, 255, 255, .05)!important;
+}
+
+.dark-menu .title, .black-scroll .scroll .title,
+.dark-menu .icons-menu-txt span, .black-scroll .scroll .icons-menu-txt span {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  ICONS MENU
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu {
+  max-width: 275px;
+  min-width: 275px;
+  padding: 12px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu {
+  width: 52%;
+  padding: 12px 6px;
+}
+
+.wsmegamenu.halfmenu.icons-menu .col-lg-6 {
+  padding: 0 6px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 {
+  width: 82%!important;
+  left: 17%;
+  padding: 12px 6px;
+}
+
+.wsmegamenu.icons-menu.w-75 .col-lg-4 {
+  padding: 0 6px;
+}
+
+.icons-menu .icons-menu-item {
+  display: flex!important;
+  position: relative!important;
+  flex-flow: row wrap!important;
+  align-items: stretch!important;
+  justify-content: flex-start!important;
+}
+
+.icons-menu-ico {
+  position: relative;
+  margin-right: 14px;
+}
+
+.wsmegamenu.ico-30 .icons-menu-ico span {
+  position: relative;
+  top: 6px!important;
+}
+
+.icons-menu-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.icons-menu-txt h6 {
+  color: inherit;
+  font-size: 1rem;
+  line-height: 32px;
+  font-weight: 500;
+  margin-bottom: 0;
+}
+
+.icons-menu-txt span {
+  display: block;
+  color: #898989;
+  font-size: 0.925rem;
+  font-weight: 400;
+  margin-bottom: 0;
+}
+
+.sub-menu.ico-30 .icons-menu-txt h6 {
+  line-height: 30px;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR HOVER
+/*------------------------------------------*/
+
+.navbar-light .wsmenu-list > li > a.h-link:hover {
+  color: #eee!important;
+}
+
+.navbar-dark .wsmenu-list > li > a.h-link:hover {
+  color: #1d222f!important;
+}
+
+.wsmenu > .wsmenu-list.nav-blue-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #185abd!important;
+}
+
+.wsmenu > .wsmenu-list.nav-blue-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #1680fb!important;
+}
+
+.wsmenu > .wsmenu-list.nav-blue-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #3eb1ff!important;
+}
+
+.wsmenu > .wsmenu-list.nav-green-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #00a14e!important;
+}
+
+.wsmenu > .wsmenu-list.nav-green-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #0fbc49!important;
+}
+
+.wsmenu > .wsmenu-list.nav-green-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #6fd792!important;
+}
+
+.wsmenu > .wsmenu-list.nav-pink-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #ff149c!important;
+}
+
+.wsmenu > .wsmenu-list.nav-pink-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #f74780!important;
+}
+
+.wsmenu > .wsmenu-list.nav-pink-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #fcb5cc!important;
+}
+
+.wsmenu > .wsmenu-list.nav-purple-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #663ae9!important;
+}
+
+.wsmenu > .wsmenu-list.nav-purple-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #7b5dd6!important;
+}
+
+.wsmenu > .wsmenu-list.nav-purple-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #bdaeea!important;
+}
+
+.wsmenu > .wsmenu-list.nav-red-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #da0f29!important;
+}
+
+.wsmenu > .wsmenu-list.nav-red-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #ff1e1a!important;
+}
+
+.wsmenu > .wsmenu-list.nav-red-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #ffa5a3!important;
+}
+
+.wsmenu > .wsmenu-list.nav-violet-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #c73e9b!important;
+}
+
+.wsmenu > .wsmenu-list.nav-violet-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #be6cbe!important;
+}
+
+.wsmenu > .wsmenu-list.nav-violet-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #e2bde2!important;
+}
+
+/*------------------------------------------*/
+/*  HIDDEN NAVBAR SCROLL
+/*------------------------------------------*/
+
+.hidden-nav .wsmainfull.scroll {
+  margin-top: 0;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR WHITE SCROLL
+/*------------------------------------------*/
+
+.tra-menu.white-scroll .wsmainfull.scroll,
+.white-menu.white-scroll .wsmainfull.scroll {
+  padding: 0;
+  background-color: rgba(255, 255, 255, .7)!important;
+  backdrop-filter: blur(20px);
+  -webkit-backdrop-filter: blur(20px);
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, 
+.tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #353f4f;
+}
+
+.navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover {
+  color: #1d222f!important;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR BLACK SCROLL
+/*------------------------------------------*/
+
+.tra-menu.black-scroll .wsmainfull.scroll,
+.dark-menu.black-scroll .wsmainfull.scroll {
+  padding: 0;
+  background-color: #1d222f!important;
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #fff;
+}
+
+.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link:hover {
+  color: #ccc!important;
+}
+
+/*------------------------------------------*/
+/*  WHITE SCROLL BUTTONS
+/*------------------------------------------*/
+
+.white-scroll .scroll .btn--tra-white {
+  color: #353f4f!important;
+  border-color: #353f4f!important;
+}
+
+/*------------------------------------------*/
+/*  BLACK SCROLL BUTTONS
+/*------------------------------------------*/
+
+.black-scroll .scroll .btn--tra-black {
+  color: #fff!important;
+  border-color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  LOGO IMAGE
+/*------------------------------------------*/
+
+.logo-white, 
+.logo-black {
+  display: block;
+}
+
+.navbar-light .logo-black,
+.navbar-dark .logo-white,
+.tra-menu.navbar-light .scroll .logo-white,
+.tra-menu.navbar-dark.black-scroll .scroll .logo-black {
+  display: none;
+}
+
+.tra-menu.navbar-light .scroll .logo-black,
+.tra-menu.navbar-dark.black-scroll .scroll .logo-white {
+  display: block;
+}
+
+
+
+
+/* ==========================================================================
+  05. HERO
+  ========================================================================== */
+
+.hero-section,
+.hero-section .container {
+  position: relative;
+  z-index: 3;
+}
+
+.hero-section.bg--img {
+  width: 100%;
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+}
+
+.hero-section.blur--purple:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 100%;
+  height: 100%;
+  top: -30%;
+  left: 0;
+  background-image: url(../images/blur-purple.png);
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+  background-attachment: scroll;
+  opacity: 0.2;
+}
+
+/*------------------------------------------*/
+/*  HERO LOGO
+/*------------------------------------------*/
+
+.hero-logo {
+  margin-bottom: 40px;
+}
+
+.hero-square-logo {
+  margin-bottom: 20px;
+}
+
+#hero-22 .hero-logo {
+  margin-bottom: 30px;
+}
+
+.hero-logo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 36px;
+}
+
+.hero-square-logo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 90px;
+}
+
+/*------------------------------------------*/
+/*  HERO APP LOGO
+/*------------------------------------------*/
+
+.hero-app-logo {
+  margin-bottom: 35px;
+}
+
+#hero-25 .hero-app-logo {
+  margin-bottom: 25px;
+}
+
+.hero-app-logo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 100px;
+}
+
+#hero-25 .hero-app-logo img {
+  max-height: 110px;
+}
+
+/*------------------------------------------*/
+/*  HERO DIGITS
+/*------------------------------------------*/
+
+#hd-1-1, #hd-1-2 {
+  display: inline-block;
+  float: left;
+  padding-right: 20px;
+} 
+
+#hd-1-1 { width: 45%; }
+#hd-1-2 { width: 55%; }
+
+.hero-digits-block {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+.hero-digits .block-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+  padding-left: 12px;
+}
+
+.hero-digits h2.statistic-number {
+  line-height: 1;
+  margin-bottom: 0;
+} 
+
+.hero-digits h2.statistic-number span {
+  font-size: 1.85rem;
+}
+
+.hero-digits .block-txt p.p-sm {
+  line-height: 1.35;
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  HERO TYPOGRAPHY
+/*------------------------------------------*/
+
+.hero-section h2 {
+  margin-bottom: 28px;
+}
+
+.hero-section h2.s-48,
+.hero-section h2.s-50 {
+  margin-bottom: 40px;
+}
+
+.hero-section h2.s-62 {
+  margin-bottom: 24px;
+}
+
+.hero-section p.p-sm { 
+  padding: 0!important; 
+}
+
+.hero-section p.p-md {
+  margin-bottom: 30px;
+}
+
+.hero-section p.p-lg,
+.hero-section p.p-xl {
+  margin-bottom: 32px;
+}
+
+.hero-section p.s-20,
+.hero-section p.s-22,
+.hero-section p.s-24 {
+  margin-bottom: 36px;
+}
+
+.hero-section p.p-lg span,
+.hero-section p.p-xl span {
+  font-weight: 600;
+  letter-spacing: -0.35px;
+}
+
+/*------------------------------------------*/
+/*  HERO-1
+/*------------------------------------------*/
+
+#hero-1 {
+  background-image: url(../images/hero-1.jpg);
+  padding-top: 130px;
+  padding-bottom: 100px;
+}
+
+.hero-1-txt p {
+  padding-right: 2%;
+}
+
+/*------------------------------------------*/
+/*  HERO-2
+/*------------------------------------------*/
+
+#hero-2 {
+  background-image: url(../images/hero-2.jpg);
+  padding-top: 150px;
+  padding-bottom: 100px;
+}
+
+.hero-2-txt p {
+  padding-right: 3%;
+}
+
+.hero-2-img {
+  text-align: center;
+  padding-right: 25px;
+}
+
+/*------------------------------------------*/
+/*  HERO-3
+/*------------------------------------------*/
+
+#hero-3 {
+  position: relative;
+  padding-top: 160px;
+  background-image: url(../images/hero-3.jpg);
+}
+
+#hero-3:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 100%;
+  height: 5%;
+  bottom: 0;
+  left: 0;
+  background-color: #fff;
+}
+
+.hero-3-txt {
+  margin-top: -70px;
+}
+
+.hero-3-txt p.p-lg {
+  padding-right: 2%;
+}
+
+.hero-3-img {
+  position: relative;
+  text-align: center;
+  margin: 0 -90% 0 -60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-4
+/*------------------------------------------*/
+
+#hero-4 {
+  overflow: hidden; 
+  background-image: url(../images/hero-4.jpg);
+  padding-top: 180px;
+}
+
+#hero-4:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 100%;
+  height: 10%;
+  bottom: 0;
+  left: 0;
+  background-color: #fff;
+}
+
+.hero-4-txt h2 {
+  padding: 0 3%;
+}
+
+.hero-4-txt p { 
+  padding: 0 5%; 
+}
+
+.hero-4-txt p.btns-group-txt {
+  margin-top: 25px;
+}
+
+.hero-4-img {
+  margin-top: 60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-5
+/*------------------------------------------*/
+
+#hero-5 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-5 {
+  background-image: url(../images/hero-5.jpg);
+  padding-top: 140px;
+  padding-bottom: 50px;
+}
+
+.hero-5-txt h2 {
+  line-height: 1.3;
+  margin-bottom: 25px;
+}
+
+.hero-5-txt p.p-lg {
+  padding-right: 10%;
+  margin-bottom: 30px;
+}
+
+.hero-5-img {
+  margin: 0 0 -50px;
+}
+
+/*------------------------------------------*/
+/*  HERO-6
+/*------------------------------------------*/
+
+#hero-6 {
+  padding-top: 130px;
+}
+
+.hero-6-wrapper {
+  overflow: hidden;
+  background-image: linear-gradient(90deg, #f6f4fd, #f4f5fd);
+  padding: 75px 80px;
+}
+
+.hero-6-img {
+  position: relative;
+  text-align: center;
+}
+
+/*------------------------------------------*/
+/*  HERO-7
+/*------------------------------------------*/
+
+#hero-7 {
+  padding-top: 140px;
+  padding-bottom: 100px;
+}
+
+#hero-7 .quick-form {
+  margin-right: 4%;
+}
+
+.hero-7-img {
+  padding-left: 30px;
+}
+
+/*------------------------------------------*/
+/*  HERO-8
+/*------------------------------------------*/
+
+#hero-8 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-8 {
+  position: relative;
+  background-image: url(../images/hero-8.jpg);
+  padding-top: 170px;
+  padding-bottom: 30px;
+}
+
+.hero-8-txt {
+  margin-top: -70px;
+}
+
+.hero-8-txt p {
+  padding-right: 10%;
+}
+
+.hero-8-txt .hero-digits {
+  padding-right: 15%;
+}
+
+#hero-8-form {
+  position: relative;
+  z-index: 999;
+  background-color: #fff;
+  border: 1px solid #f8f8f8;
+  padding: 45px 35px;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+  box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+}
+
+#hero-8-form h4 {
+  line-height: 1.4;
+  margin-bottom: 20px;
+}
+
+#hero-8-form p {
+  color: #757575;
+  margin-bottom: 25px;
+}
+
+#hero-8-form p.p-sm {
+  text-align: center;
+  padding: 0 5%!important;
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+#hero-8-form p a {
+  color: #1e90ff;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  HERO-9
+/*------------------------------------------*/
+
+#hero-9 {
+  padding-top: 180px;
+}
+
+.hero-9-txt h2 {
+  line-height: 1;
+}
+
+.hero-9-txt h2 img {
+  position: relative;
+  width: auto;
+  max-width: inherit;
+  max-height: 100px;
+  margin: 0 3px;
+  top: -8px;
+}
+
+.hero-9-txt p {
+  padding: 0 5%;
+  margin-top: 40px;
+}
+
+#hero-9 .quick-form {
+  margin-left: 7%;
+  margin-right: 7%;
+}
+
+.hero-9-img {
+  margin-top: 60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-10
+/*------------------------------------------*/
+
+#hero-10 {
+  position: relative;
+  background-image: url(../images/hero-10.jpg);
+  padding-top: 170px;
+  padding-bottom: 100px;
+}
+
+.hero-10-txt h4 {
+  line-height: 1.45;
+  font-weight: 300;
+  padding-right: 5%;
+  margin-bottom: 35px;
+}
+
+.hero-10-img {
+  position: relative;
+  text-align: center;
+  margin: 0 -95% 0 15px;
+}
+
+/*------------------------------------------*/
+/*  HERO-11
+/*------------------------------------------*/
+
+#hero-11 {
+  overflow: hidden;
+  background-image: url(../images/hero-11.jpg);
+  padding-top: 50px;
+}
+
+.hero-11-txt {
+  margin-top: 40px;
+}
+
+.hero-11-txt p {
+  padding-right: 5%;
+}
+
+.hero-11-img {
+  position: relative;
+  margin: -60px -12% -100px -15px;
+}
+
+/*------------------------------------------*/
+/*  HERO-12
+/*------------------------------------------*/
+
+#hero-12 {
+  overflow: hidden; 
+  background-image: url(../images/hero-12.jpg);
+  padding-top: 180px;
+}
+
+.hero-12-txt h2 {
+  padding: 0 3%;
+}
+
+.hero-12-txt p { 
+  padding: 0 5%; 
+}
+
+.hero-12-txt p.btns-group-txt {
+  margin-top: 25px;
+}
+
+.hero-12-img {
+  margin-top: 60px;
+  margin-bottom: -100px;
+}
+
+.hero-12-img .video-btn {
+  top: calc(50% - 30px);
+}
+
+/*------------------------------------------*/
+/*  HERO-13
+/*------------------------------------------*/
+
+#hero-13 {
+  background-image: linear-gradient(180deg, #f1edff, #f1edff);
+  padding-top: 130px;
+  padding-bottom: 80px;
+}
+
+#hero-13:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 43%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #fff;
+  -moz-box-shadow: 0 0 55px 35px #fff;
+  -webkit-box-shadow: 0 0 35px 35px #fff;
+  box-shadow: 0 0 35px 35px #fff;
+}
+
+.hero-13-txt .section-id {
+  font-weight: 600;
+  letter-spacing: 1.5px;
+}
+
+.hero-13-txt p {
+  padding-right: 5%;
+}
+
+.hero-13-img {
+  text-align: center;
+}
+
+/*------------------------------------------*/
+/*  HERO-14
+/*------------------------------------------*/
+
+#hero-14 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-14 {
+  background-image: url(../images/hero-14.jpg);
+  padding-top: 170px;
+} 
+
+.hero-14-txt p.s-21 {
+  font-size: 1.3125rem;
+  margin-bottom: 40px;
+}
+
+#hero-14 .quick-form {
+  margin-left: 6%;
+  margin-right: 6%;
+}
+
+.hero-14-txt .btn-txt {
+  margin-top: 40px;
+}
+
+.hero-14-img {
+  margin-top: 70px;
+}
+
+/*------------------------------------------*/
+/*  HERO-15
+/*------------------------------------------*/
+
+#hero-15 {
+  position: relative;
+  z-index: 3;
+  background-image: url(../images/hero-15.jpg);
+  padding-top: 130px;
+}
+
+.hero-15-txt {
+  margin-top: -20px;
+}
+
+.hero-15-txt h2 {
+  padding-right: 5%;
+}
+
+.hero-15-txt p {
+  padding-right: 2%;
+}
+
+/*------------------------------------------*/
+/*  HERO-16
+/*------------------------------------------*/
+
+#hero-16 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-16 {
+  background-image: url(../images/hero-16.jpg);
+  padding-top: 170px;
+  margin-bottom: 80px;
+} 
+
+.hero-16-img {
+  margin-top: 60px;
+  margin-bottom: -80px;
+}
+
+/*------------------------------------------*/
+/*  HERO-17
+/*------------------------------------------*/
+
+#hero-17 {
+  text-align: center;
+  padding-top: 170px;
+  background-image: url(../images/hero-17.jpg);
+  background-position: top center;
+}
+
+#hero-17 #brands-1 {
+  padding: 80px 6% 0;
+}
+
+#hero-17 #brands-1 .brands-carousel-5 .brand-logo {
+  padding: 0 20px;
+} 
+
+#hero-17 .quick-form {
+  margin-left: 8%;
+  margin-right: 8%;
+}
+
+/*------------------------------------------*/
+/*  HERO-18
+/*------------------------------------------*/
+
+#hero-18 {
+  padding-top: 140px;
+  padding-bottom: 80px;
+}
+
+#hero-18:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 74%;
+  height: 100%;
+  top: 0;
+  left: 26%;
+  background-image: url(../images/hero-18.jpg);
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+  border-radius: 0 0 0 60px;
+}
+
+.hero-18-txt p {
+  padding-right: 3%;
+}
+
+#hero-18 .quick-form {
+  margin-right: 4%;
+}
+
+.hero-18-img {
+  text-align: center;
+  padding-right: 15px;
+}
+
+/*------------------------------------------*/
+/*  HERO-19
+/*------------------------------------------*/
+
+#hero-19 {
+  padding-top: 170px;
+}
+
+.hero-19-txt p {
+  padding: 0 10%;
+}
+
+/*------------------------------------------*/
+/*  HERO-20
+/*------------------------------------------*/
+
+#hero-20 {
+  background-image: url(../images/hero-20.jpg);
+  padding-top: 100px;
+  padding-bottom: 100px;
+}
+
+#hero-20:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 51%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-image: linear-gradient(180deg, #f4f4f9, #fbfbfd);
+}
+
+.hero-20-txt {
+  padding: 0 8% 0 15px;
+}
+
+.hero-section .hero-20-txt h2.s-48 {
+  margin-bottom: 28px;
+}
+
+/*------------------------------------------*/
+/*  HERO-21
+/*------------------------------------------*/
+
+#hero-21 {
+  padding-top: 170px;
+}
+
+.hero-21-txt {
+  margin-bottom: 60px;
+}
+
+.hero-21-txt h2 {
+  margin-bottom: 35px;
+}
+
+.hero-21-wrapper {
+  overflow: hidden;
+}
+
+#hero-21 .hero-overlay {
+  background-image: url(../images/hero-21.jpg);
+  padding: 90px 70px 0;
+}
+
+.hero-21-img {
+  position: relative;
+  margin-bottom: -25%;
+}
+
+.hero-21-img .video-btn {
+  top: calc(50% - 80px);
+}
+
+/*------------------------------------------*/
+/*  HERO-22
+/*------------------------------------------*/
+
+#hero-22 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-22 {
+  position: relative;
+  background-image: url(../images/hero-22.jpg);
+  padding-top: 160px;
+}
+
+#hero-22-form {
+  position: relative;
+  z-index: 999;
+  background-color: #fff;
+  border: 1px solid #f8f8f8;
+  padding: 45px 35px 35px;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+  box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+}
+
+#hero-22-form h4 {
+  line-height: 1.4;
+  margin-bottom: 20px;
+}
+
+#hero-22-form p {
+  color: #757575;
+  margin-bottom: 25px;
+}
+
+#hero-22-form p.p-sm {
+  text-align: center;
+  padding: 0 5%!important;
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+#hero-22-form p a {
+  color: #1e90ff;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  HERO-23
+/*------------------------------------------*/
+
+#hero-23 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-23 {
+  position: relative;
+  background-image: url(../images/hero-23.jpg);
+  padding-top: 100px;
+  margin-bottom: 25px;
+}
+
+.hero-23-txt p {
+  padding: 0 5%;
+}
+
+.hero-23-img {
+  margin-top: 40px;
+  margin-bottom: -25px;
+}
+
+/*------------------------------------------*/
+/*  HERO-24
+/*------------------------------------------*/
+
+#hero-24 {
+  background-image: url(../images/hero-24.jpg);
+  padding-top: 200px;
+  padding-bottom: 150px;
+}
+
+#hero-24 .quick-form {
+  margin-left: 7%;
+  margin-right: 7%;
+}
+
+/*------------------------------------------*/
+/*  HERO-25
+/*------------------------------------------*/
+
+#hero-25 {
+  background-image: url(../images/hero-25.jpg);
+  padding-top: 120px;
+  padding-bottom: 100px;
+}
+
+.hero-25-txt h2 {
+  margin-bottom: 22px;
+}
+
+.hero-25-txt p.p-lg {
+  padding-right: 10%;
+  margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  HERO-26
+/*------------------------------------------*/
+
+#hero-26 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-26 {
+  position: relative;
+  background-image: url(../images/hero-26.jpg);
+  padding-top: 160px;
+  z-index: 3;
+}
+
+.hero-26-txt {
+  margin-top: -80px;
+}
+
+.hero-26-txt h2 {
+  padding-right: 2%;
+}
+
+#hero-26 .quick-form {
+  margin-right: 4%;
+}
+
+.hero-26-img {
+  position: relative;
+  text-align: center;
+  margin: 0 -90% 0 -60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-27
+/*------------------------------------------*/
+
+#hero-27 .hero-overlay {
+  background-image: url(../images/hero-27.png);
+  background-position: top center;
+  padding-top: 170px;
+}
+
+.hero-27-txt h2 { 
+  margin-bottom: 26px!important;
+}
+
+.hero-27-txt p.s-20 { 
+  padding: 0 6%;
+  margin-bottom: 30px!important;
+}
+
+.hero-27-txt p.s-21 { 
+  padding: 0 5%;
+}
+
+/*------------------------------------------*/
+/*  HERO QUICK FORM
+/*------------------------------------------*/
+
+.hero-section .quick-form .input-group {
+  border: none;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Input
+/*------------------------------------------*/
+
+.hero-section .quick-form .form-control {
+  height: 64px;
+  background-color: #fff;
+  border: 2px solid transparent;
+  color: #666;
+  font-size: 1.125rem;
+  font-weight: 400;
+  padding: 0 20px;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out;  
+}
+
+.hero-section .quick-form.form-shadow .form-control {
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
+  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
+}
+
+.hero-section .quick-form.form-stroke .form-control {
+  border-color: #353f4f;
+}
+
+.hero-section .quick-form.form-half .form-control {
+  height: 58px;
+ font-size: 1.0625rem;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Placeholder
+/*------------------------------------------*/
+
+.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } 
+.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } 
+.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } 
+
+/*------------------------------------------*/
+/*  Hero Quick Form Focus
+/*------------------------------------------*/
+
+.hero-section .quick-form .form-control:focus {
+  background-color: #fff;
+  border-color: #1680fb;
+  outline: 0;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Button
+/*------------------------------------------*/
+
+.hero-section .quick-form .btn {
+  height: 64px;
+  font-size: 1.0625rem;
+  padding: 12px 45px;
+  margin-left: 15px;
+}
+
+.hero-section .quick-form.form-half .btn {
+  height: 58px;
+  font-size: 1rem;
+  padding: 13px 40px;
+  margin-left: 14px;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Message
+/*------------------------------------------*/
+
+.hero-section .quick-form-msg {
+  width: 100%!important;
+  display: block;
+  margin: 20px 0 15px 5px;
+}
+
+.hero-section .text-center .quick-form-msg {
+  margin: 20px 0 -15px 0;
+}
+
+.hero-section .quick-form-msg .loading {
+  color: #3eb1ff;
+  font-size: 1.05rem;
+  line-height: 1;
+  font-weight: 500;
+}
+
+.hero-section .text-center .quick-form-msg .loading {
+  font-size: 1.125rem;
+}
+
+/*------------------------------------------*/
+/*  HERO REQUEST FORM
+/*------------------------------------------*/
+
+/*------------------------------------------*/
+/*  Hero Request Form Input
+/*------------------------------------------*/
+
+.request-form .form-control {
+  height: 58px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  color: #666;
+  font-size: 1rem;
+  font-weight: 400;
+  margin-bottom: 22px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  Hero Request Form Placeholder
+/*------------------------------------------*/
+
+.hero-form-wrapper .form-control::-moz-placeholder { color: #999; } 
+.hero-form-wrapper .form-control:-ms-input-placeholder { color: #999; }
+.hero-form-wrapper .form-control::-webkit-input-placeholder { color: #999; }
+
+.request-form .form-control:focus {
+  background-color: #fff;
+  border-color: #1680fb;
+  outline: 0;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Hero Request Form Button
+/*------------------------------------------*/
+
+#hero-8-form .btn,
+#hero-22-form .btn {
+  width: 100%;
+  height: 58px;
+  padding: 16px;
+}
+
+/*------------------------------------------*/
+/*  Hero Request Form Message
+/*------------------------------------------*/
+
+.request-form-msg {
+  width: 100%!important;
+  display: block;
+  text-align: center;
+  margin-top: 15px;
+}
+
+.request-form-msg .loading {
+  color: #00b2e4;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 500;
+}
+
+.request-form .error {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 10px;
+}
+
+
+
+
+/* ==========================================================================
+  06. ABOUT
+  ========================================================================== */
+
+.a2-txt {
+  padding: 20px 30px 35px;
+}
+
+.a2-txt-quote { 
+  position: relative;
+  margin-bottom: -45px; 
+ }
+
+.a2-txt-quote.ico-40 [class*="flaticon-"]:before, 
+.a2-txt-quote.ico-40 [class*="flaticon-"]:after { font-size: 4.25rem; }
+
+/*------------------------------------------*/
+/*  ABOUT TYPOGRAPHY
+/*------------------------------------------*/ 
+
+#about-1 .txt-block p {
+  margin-bottom: 0;
+}
+
+#about-4 .txt-block p {
+  margin-top: 25px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  ABOUT 2 AUTHOR
+/*------------------------------------------*/ 
+
+.a2-txt-author {
+  line-height: 1.45;
+  font-weight: 500;
+  margin-top: 18px;
+  margin-bottom: 0;
+}
+
+.a2-txt-author span {
+  display: block;
+  font-weight: 300;
+}
+
+/*------------------------------------------*/
+/*  ABOUT 2 IMAGES
+/*------------------------------------------*/ 
+
+.about-3-images {
+  padding: 0 5%;
+}
+
+.about-2-img {
+  overflow: hidden;
+}
+
+.about-3-img {
+  overflow: hidden;
+  height: 460px;
+}
+
+.a-2-1 {
+  margin-left: 13%;
+  margin-bottom: 30px;
+}
+
+.a-2-2 {
+  margin-left: -10%;
+}
+
+.a-2-3 {
+  margin-right: -10%;
+  margin-bottom: 30px;
+}
+
+.a-2-4 {
+  margin-right: -10%;
+}
+
+#a4-1 {
+  position: relative;
+  padding-right: 30px;
+  margin-top: -30px;
+}
+
+#a4-2 {
+  position: relative;
+  padding-left: 30px;
+  margin-bottom: -30px;
+}
+
+
+
+
+/* ==========================================================================
+  07. FEATURES
+  ========================================================================== */
+
+#features-12.py-100.shape--bg:after,
+#features-12.pt-100.shape--bg:after,
+#features-13.py-100.shape--bg:after,
+#features-13.pt-100.shape--bg:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+}
+
+#features-12.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; left: 52%; }
+#features-12.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; left: 52%; }
+#features-13.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; }
+#features-13.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; }
+
+.rows-2 .fb-1, 
+.rows-2 .fb-2, 
+.rows-2 .fb-3 {
+ margin-bottom: 50px; 
+}
+
+.rows-2 .fbox-7.fb-1, 
+.rows-2 .fbox-7.fb-2, 
+.rows-2 .fbox-7.fb-3, 
+.rows-2 .fbox-9.fb-1, 
+.rows-2 .fbox-9.fb-2, 
+.rows-2 .fbox-9.fb-3,
+.rows-3 .fb-1, .rows-3 .fb-2, 
+.rows-3 .fb-3, .rows-3 .fb-4 { margin-bottom: 40px; }
+
+.rows-3 .fb-3.fbox-11-lst, 
+.rows-3 .fb-4.fbox-11-lst { margin-bottom: 0; }
+
+.fbox-14-wrapper {
+  padding: 80px 70px;
+}
+
+.fbox-14-wrapper .col {
+  padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX
+/*------------------------------------------*/ 
+
+.row-cols-md-3 .fbox-4 { padding: 50px 35px; }
+.row-cols-md-2 .fbox-4 { padding: 35px 20px; } 
+
+.fbox-5 { padding: 60px; }   
+
+.fbox-7 {
+  border: 2px solid #eee;
+  padding: 55px 40px 50px;
+}
+
+.row-cols-md-2 .fbox-7 {
+  padding: 35px 20px 30px;
+}
+
+.fbox-8 { padding: 55px 40px; }
+.fbox-8.bg--white-100 { padding: 60px 40px; }
+
+.fbox-9 {
+  border: 2px solid #eee;
+  padding: 40px 40px 35px;
+} 
+
+.fbox-14 {
+  border: 2px solid #eee;
+  padding: 40px 30px 35px;
+} 
+
+/*------------------------------------------*/
+/*  FEATURE BOX IMAGE
+/*------------------------------------------*/ 
+
+.fbox-img img {
+  width: auto;
+  max-width: inherit;
+}
+
+.fbox-img.h-135 img { max-height: 135px; }
+.fbox-img.h-140 img { max-height: 140px; }
+.fbox-img.h-145 img { max-height: 145px; }
+.fbox-img.h-150 img { max-height: 150px; }
+.fbox-img.h-155 img { max-height: 155px; }
+.fbox-img.h-160 img { max-height: 160px; }
+.fbox-img.h-165 img { max-height: 165px; }
+.fbox-img.h-170 img { max-height: 170px; }
+.fbox-img.h-175 img { max-height: 175px; }
+.fbox-img.h-180 img { max-height: 180px; }
+
+/*------------------------------------------*/
+/*  FBOX-1 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-1 .fbox-img { 
+  margin-bottom: 35px; 
+}
+
+.row-cols-md-2 .fbox-1 .fbox-img { 
+  margin-bottom: 28px; 
+}
+
+/*------------------------------------------*/
+/*  FBOX-2 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-2 .fbox-img {
+  -webkit-border-radius: 12px 12px 0 0;
+  -moz-border-radius: 12px 12px 0 0;
+  -o-border-radius: 12px 12px 0 0;
+  border-radius: 12px 12px 0 0;
+} 
+
+.fbox-2 .fbox-img.h-135, .fbox-2 .fbox-img.h-140, .fbox-2 .fbox-img.h-145, 
+.fbox-2 .fbox-img.h-150, .fbox-2 .fbox-img.h-155 { padding-top: 35px; margin-bottom: 60px; } 
+
+.fbox-2 .fbox-img.h-160 { padding-top: 35px; margin: 0 20px 60px; }
+.fbox-2 .fbox-img.h-165 { padding-top: 38px; margin: 0 15px 60px; } 
+.fbox-2 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 60px; } 
+.fbox-2 .fbox-img.h-175 { padding-top: 42px; margin: 0 8px 60px; }
+.fbox-2 .fbox-img.h-180 { padding-top: 44px; margin: 0 5px 60px; }  
+
+.fbox-2 .fbox-img img { 
+  margin-bottom: -25px; 
+} 
+
+/*------------------------------------------*/
+/*  FBOX-3 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-3 .fbox-img {
+  overflow: hidden;
+} 
+
+.fbox-3 .fbox-img.h-135 { padding-top: 30px; margin: 0 0 35px; }
+.fbox-3 .fbox-img.h-160 { padding-top: 32px; margin: 0 18px 35px; }
+.fbox-3 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 35px; }
+.fbox-3 .fbox-img.h-175, .fbox-3 .fbox-img.h-180 { padding-top: 40px; margin: 0 5px 35px; }
+
+.row-cols-md-2 .fbox-3 .fbox-img { 
+  margin-bottom: 28px; 
+}
+
+/*------------------------------------------*/
+/*  FBOX-4 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-4 .fbox-img { 
+  margin-bottom: 35px; 
+}
+
+.row-cols-md-2 .fbox-4 .fbox-img { 
+  margin-bottom: 28px; 
+}
+
+/*------------------------------------------*/
+/*  FBOX-5 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-5.fb-1 .fbox-5-img,
+.fbox-5.fb-5 .fbox-5-img,
+.fbox-5.fb-6 .fbox-5-img {
+  margin: 40px 5% 0;
+}
+
+.fbox-5.fb-2 .fbox-5-img,
+.fbox-5.fb-3 .fbox-5-img,
+.fbox-5.fb-4 .fbox-5-img {
+   margin: 0 5% 40px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX VECTOR ICON
+/*------------------------------------------*/ 
+
+.fbox-ico,
+.fbox-ico.ico-rounded {
+  margin-bottom: 20px;
+}
+
+.fbox-ico.ico-rounded-md,
+.fbox-ico.ico-rounded-lg {
+  margin-bottom: 25px;
+}
+
+.fbox-11 {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+.fbox-ico-wrap {
+  position: relative;
+  margin-right: 25px;
+}
+
+.rows-2 .fbox-ico-wrap {
+  margin-right: 20px;
+}
+
+.fbox-11 .fbox-ico {
+  margin-top: 4px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX
+/*------------------------------------------*/ 
+
+.fbox-11 .fbox-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX TITLE
+/*------------------------------------------*/ 
+
+.fbox-wrapper .row-cols-lg-3 .fbox-title {
+  margin-bottom: 10px;
+}
+
+.fbox-title span {
+  float: left;
+  line-height: 1!important;
+  margin-right: 15px; 
+}
+
+.fbox-title h6 {  
+  line-height: 2.1875rem!important;
+  margin-bottom: 0;
+}
+
+.fbox-title.ico-30 h6 {  
+  line-height: 1.875rem!important;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX TYPOGRAPHY
+/*------------------------------------------*/ 
+
+.fbox-wrapper .row-cols-md-3 h6 {
+  margin-bottom: 15px;
+}
+
+.rows-2 .fbox-11 h6,
+.fbox-wrapper .row-cols-md-2 h6 {
+  margin-bottom: 10px;
+}
+
+.fbox-wrapper p {
+  margin-bottom: 0;
+}
+
+.fbox-5 h5 {
+  margin-bottom: 15px;
+}
+
+.fbox-14 h5 {
+  margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE-12
+/*------------------------------------------*/ 
+
+.fbox-12-wrapper { 
+  padding-left: 45px;
+}
+
+.fbox-13-wrapper { 
+  padding-right: 45px;
+}
+
+.fbox-12,
+.fbox-13 {
+  padding: 32px 35px;
+} 
+
+.fbox-12 h5,
+.fbox-13 h5 {
+  margin-top: 20px;
+  margin-bottom: 10px;
+}
+
+.fbox-12 p,
+.fbox-13 p,
+.fbox-14 p {
+  margin-bottom: 0;
+} 
+
+
+
+
+/* ==========================================================================
+  08. CONTENT
+  ========================================================================== */
+
+.ct-06 {
+  margin-bottom: 80px;
+}
+
+.ct-07 {
+  margin-top: 80px;
+}
+
+.ct-10 .section-overlay {
+  margin-bottom: 100px;
+}
+
+.ct-11, 
+.ct-12 {
+  padding: 60px 0;
+}
+
+.ct-11:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 50%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #fff;
+}
+
+.ct-12:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 50%;
+  height: 100%;
+  top: 0;
+  left: 50%;
+  background-color: #fff;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX WRAPPER
+/*------------------------------------------*/
+
+.bc-1-wrapper .section-overlay,
+.bc-4-wrapper .section-overlay,
+.bc-6-wrapper .section-overlay {
+  padding: 80px 70px;
+}
+
+.bc-2-wrapper .section-overlay,
+.bc-3-wrapper .section-overlay,
+.bc-5-wrapper .section-overlay {
+  padding: 80px 70px 0;
+}
+
+.bc-6 {
+  padding: 40px 35px;
+}
+
+.cbox-6-wrapper {
+  padding: 60px 40px;
+}
+
+.content-section .cbox-6-wrapper {
+  padding: 80px 70px;
+}
+
+.bc-5-wrapper .section-title p {
+  padding: 0;
+}
+
+/*------------------------------------------*/
+/*  TEXT BLOCK
+/*------------------------------------------*/ 
+
+.txt-box { 
+  margin-bottom: 20px;
+}
+
+.txt-box:last-child { 
+  margin-bottom: 0; 
+}
+
+.bc-3-txt,
+.ct-06 .txt-block,
+.bc-2-wrapper .txt-block {
+  margin-top: -40px;
+}
+
+.bc-2-txt,
+.ct-07 .txt-block {
+  margin-top: 40px;
+}
+
+.bc-1-wrapper .txt-block.pr-25.left-column,
+.bc-2-wrapper .txt-block.pr-25.left-column {
+  padding-right: 25px;
+}
+
+.bc-1-wrapper .txt-block.pl-25.right-column,
+.bc-2-wrapper .txt-block.pl-25.right-column {
+  padding-left: 25px;
+}
+
+.ct-11 .txt-block {
+  padding-right: 50px;
+}
+
+.ct-12 .txt-block {
+  padding-left: 70px;
+}
+
+.ct-13 .txt-block h5 {
+  padding-right: 6%;
+}
+
+/*------------------------------------------*/
+/*  TEXT BLOCK TYPOGRAPHY
+/*------------------------------------------*/ 
+
+.bc-2-txt h2,
+.bc-3-txt h2,
+.bc-4-txt h2,
+.txt-block h3,
+.txt-block h2 {
+  margin-bottom: 26px;
+}
+
+.txt-block h5 {
+  margin-bottom: 20px;
+}
+
+h5.h5-title {
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+
+.txt-block .btn,
+.txt-block .btns-group .btn.btn--transparent {
+  margin-top: 25px;
+}
+
+.txt-block .btn.btn--transparent {
+  margin-top: 0;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX
+/*------------------------------------------*/
+
+.cbox-1,
+.cbox-2,
+.cbox-3 {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+.cbox-5 {
+  position: relative;
+}
+
+.cbox-5-content {
+  background-color: #fff;
+  border: 1px solid #f5f6f6;
+  padding: 40px;
+  margin: 0 12%;
+  z-index: 1;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+}
+
+.cbox-5-content .divider {
+  margin-top: 25px;
+  margin-bottom: 25px;
+}
+
+#cb-6-1, #cb-6-2 {
+  margin-bottom: 35px;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX TITLE
+/*------------------------------------------*/ 
+
+.box-title h6,
+.box-title h5 {  
+  display: inline-block;
+  line-height: 2.35rem!important;
+  margin-bottom: 15px;
+}
+
+.box-title span {   
+  position: relative;
+  top: 12px;
+  margin-right: 10px;
+}
+
+.box-title span[class*="flaticon-"]:before,
+.box-title span[class*="flaticon-"]:after {   
+  font-size: 2.35rem;
+}
+
+.txt-block .cbox-5-title h2 {
+  font-size: 3.5rem;
+  letter-spacing: -1px;
+  line-height: 1;
+  margin-bottom: 10px;
+}
+
+.cbox-5-title .statistic-number sup {
+  font-size: 3rem;
+  top: -5px;
+  right: 6px;
+}
+
+.cbox-5-title .ico-15 [class*="flaticon-"]:before, 
+.cbox-5-title .ico-15 [class*="flaticon-"]:after {
+  font-size: 0.875rem;
+  line-height: 1!important; 
+}
+
+.cbox-5-title p.p-lg {
+  margin-bottom: 10px;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX ICON
+/*------------------------------------------*/
+
+.cbox-1 .ico-wrap { 
+  margin-left: 8px; 
+}
+
+.cbox-1.ico-10 span {
+  position: relative;
+  top: 0;
+  right: 7px;
+}
+
+.cbox-1.ico-15 span {
+  position: relative;
+  top: 1px;
+  right: 8px;
+}
+
+.cbox-1.ico-10 [class*="flaticon-"]:before,
+.cbox-1.ico-10 [class*="flaticon-"]:after {  
+  font-size: 0.6rem;
+}
+
+.cbox-1.ico-15 [class*="flaticon-"]:before,
+.cbox-1.ico-15 [class*="flaticon-"]:after {   
+  font-size: 0.75rem;
+}
+
+/*------------------------------------------*/
+/*  CBOX #2
+/*------------------------------------------*/
+
+.cbox-2 .ico-wrap {
+  position: relative;
+  margin-right: 1.625rem;
+}
+
+.cbox-2-ico {
+  position: relative;
+  width: 2.625rem;
+  height: 2.625rem;
+  text-align: center;
+  border-radius: 100%;
+  font-size: 1.1875rem;
+  font-weight: 500;
+  line-height: 2.375rem;
+  border: 2px solid transparent;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out; 
+}
+
+.ct-03 .cbox-2-ico {
+  position: relative;
+  width: 2.35rem;
+  height: 2.35rem;
+  font-size: 1.15rem;
+  line-height: 2.15rem;
+}
+
+.cbox-2-line {
+  position: absolute;
+  bottom: 20px;
+  left: 50%;
+  width: 2px;
+  background-color: #e4e4e4;
+  height: calc(100% - 90px);
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+}
+
+.cbox-2:hover .cbox-2-ico {
+  background-color: transparent;
+  -webkit-transform: scale(1.1);
+  -moz-transform: scale(1.1);
+  -ms-transform: scale(1.1);
+  transform: scale(1.1);
+}
+
+.cbox-2:hover .cbox-2-ico.bg--blue-500 { color: #185abd; border-color: #185abd; }
+.cbox-2:hover .cbox-2-ico.bg--blue-400 { color: #1680fb; border-color: #1680fb; }
+.cbox-2:hover .cbox-2-ico.bg--blue-300 { color: #3eb1ff; border-color: #3eb1ff; }
+
+.cbox-2:hover .cbox-2-ico.bg--green-500 { color: #00a14e; border-color: #00a14e; }
+.cbox-2:hover .cbox-2-ico.bg--green-400 { color: #0fbc49; border-color: #0fbc49; }
+.cbox-2:hover .cbox-2-ico.bg--green-300 { color: #6fd792; border-color: #6fd792; }
+
+.cbox-2:hover .cbox-2-ico.bg--pink-500 { color: #ff149c; border-color: #ff149c; }
+.cbox-2:hover .cbox-2-ico.bg--pink-400 { color: #f74780; border-color: #f74780; }
+.cbox-2:hover .cbox-2-ico.bg--pink-300 { color: #fcb5cc; border-color: #fcb5cc; }
+
+.cbox-2:hover .cbox-2-ico.bg--purple-500 { color: #663ae9; border-color: #663ae9; }
+.cbox-2:hover .cbox-2-ico.bg--purple-400 { color: #7b5dd6; border-color: #7b5dd6; }
+.cbox-2:hover .cbox-2-ico.bg--purple-300 { color: #bdaeea; border-color: #bdaeea; }
+
+.cbox-2:hover .cbox-2-ico.bg--red-500 { color: #da0f29; border-color: #da0f29; }
+.cbox-2:hover .cbox-2-ico.bg--red-400 { color: #ff1e1a; border-color: #ff1e1a; }
+.cbox-2:hover .cbox-2-ico.bg--red-300 { color: #ffa5a3; border-color: #ffa5a3; }
+
+.cbox-2:hover .cbox-2-ico.bg--violet-500 { color: #c73e9b; border-color: #c73e9b; }
+.cbox-2:hover .cbox-2-ico.bg--violet-400 { color: #be6cbe; border-color: #be6cbe; }
+.cbox-2:hover .cbox-2-ico.bg--violet-300 { color: #e2bde2; border-color: #e2bde2; }
+
+.cbox-2:hover .cbox-2-ico.bg--yellow-500 { color: #ffba01; border-color: #ffba01; }
+.cbox-2:hover .cbox-2-ico.bg--yellow-400 { color: #ffbd45; border-color: #ffbd45; }
+.cbox-2:hover .cbox-2-ico.bg--yellow-300 { color: #ffdf35; border-color: #ffdf35; }
+
+/*------------------------------------------*/
+/*  CBOX #3
+/*------------------------------------------*/
+
+.cbox-3 .ico-wrap {
+  position: relative;
+  text-align: center;
+  margin-top: 0;
+  margin-right: 1.15rem;
+}
+
+.cbox-3 .cbox-3-ico {
+  position: relative;
+  top: 3px;
+}
+
+.cbox-3-ico span[class*="flaticon-"]:before,
+.cbox-3-ico span[class*="flaticon-"]:after {  
+  font-size: 2.85rem;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX TEXT
+/*------------------------------------------*/
+
+.cbox-1-txt,
+.cbox-2-txt,
+.cbox-3-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.cbox-2-txt,
+.cbox-3-txt {
+  margin-bottom: 35px;
+}
+
+.ct-03 .cbox-2-txt {
+  margin-bottom: 30px;
+}
+
+.cbox-4-txt {
+  margin-bottom: 25px;
+}
+
+.cbox-2:last-child .cbox-2-txt,
+.cbox-3:last-child .cbox-3-txt,
+.cbox-4:last-child .cbox-4-txt {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX FEATURE
+/*------------------------------------------*/  
+
+.cbox-5-fea {
+  padding: 20px 25px;
+  margin-top: 25px;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+}
+
+.txt-block .cbox-5-fea h4 {
+  line-height: 1;
+  margin-bottom: 3px;
+}
+
+.cbox-5-fea p {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX TYPOGRAPHY
+/*------------------------------------------*/
+
+.cbox-2-txt h5,
+.cbox-3-txt h5 {
+  margin-bottom: 15px;
+}
+
+.ct-03 .cbox-2-txt h5 {
+  margin-bottom: 10px;
+}
+
+.cbox-6 h6 {
+  margin-bottom: 15px;
+}
+
+.cbox-1-txt p { 
+  margin-bottom: 8px;
+}
+
+.cbox-1-last .cbox-1-txt p { 
+  margin-bottom: 1rem;
+}
+
+.cbox-6 p,
+.cbox-2-txt p,
+.cbox-3-txt p,
+.cbox-4-txt p {
+  margin-bottom: 0;
+}
+
+.bc-6-txt {
+  padding: 0 10px;
+}
+
+.bc-6-txt h5 {
+  margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  ACCORDION  
+/*------------------------------------------*/
+
+.txt-block .accordion-1 .accordion-item {
+  background-color: transparent;
+  padding: 25px 30px;
+  border: none;
+}
+
+.txt-block .accordion-2 .accordion-item {
+  background-color: transparent;
+  padding: 15px 0 25px;
+  border: none;
+  border-top: 1px solid #ccc;
+  border-radius: 0 0;
+}
+
+.txt-block .accordion-2 .accordion-item:last-child {
+  border-bottom: 1px solid #ccc;
+}
+
+.txt-block .accordion-item.r-02:first-of-type { border-top-left-radius: 2px; border-top-right-radius: 2px; }
+.txt-block .accordion-item.r-04:first-of-type { border-top-left-radius: 4px; border-top-right-radius: 4px; }
+.txt-block .accordion-item.r-06:first-of-type { border-top-left-radius: 6px; border-top-right-radius: 6px; }
+.txt-block .accordion-item.r-08:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+.txt-block .accordion-item.r-10:first-of-type { border-top-left-radius: 10px; border-top-right-radius: 10px; }
+.txt-block .accordion-item.r-12:first-of-type { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+.txt-block .accordion-item.r-14:first-of-type { border-top-left-radius: 14px; border-top-right-radius: 14px; }
+.txt-block .accordion-item.r-16:first-of-type { border-top-left-radius: 16px; border-top-right-radius: 16px; }
+
+.txt-block .accordion-item.r-02:last-of-type { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }
+.txt-block .accordion-item.r-04:last-of-type { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
+.txt-block .accordion-item.r-06:last-of-type { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
+.txt-block .accordion-item.r-08:last-of-type { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }
+.txt-block .accordion-item.r-10:last-of-type { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
+.txt-block .accordion-item.r-12:last-of-type { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; }
+.txt-block .accordion-item.r-14:last-of-type { border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; }
+.txt-block .accordion-item.r-16:last-of-type { border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; }
+
+.txt-block .accordion-thumb {
+  margin: 0;
+  padding: 0;
+  cursor: pointer;
+  position: relative;
+}
+
+.txt-block .accordion-1 .accordion-item .accordion-thumb:before,
+.txt-block .accordion-2 .accordion-item .accordion-thumb:after,
+.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before,
+.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
+  color: #6c757d;
+  font-family: Flaticon;
+  position: absolute;
+  color: #353f4f;
+  font-weight: 400; 
+}
+
+.txt-block .accordion-1 .accordion-item .accordion-thumb:before {
+  content: "\f11a";
+  font-size: 0.95rem;
+  top: 1px;
+  left: 0;
+}
+
+.txt-block .accordion-2 .accordion-item .accordion-thumb:after,
+.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
+  content: "\f110";
+  font-size: 0.95rem;
+  top: 12px;
+  right: 0;
+}
+
+.txt-block .accordion-1 .accordion-item.is-active {
+  background-color: #f4f4f9;
+  padding: 35px 30px 19px 30px;
+  margin-bottom: 15px;
+  margin-top: 15px;
+}
+
+.txt-block .accordion-2 .accordion-item.is-active {
+  background-color: transparent;
+  margin-bottom: 0;
+  margin-top: 0;
+}
+
+.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before {
+  content: "\f11b";
+}
+
+.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
+  content: "\f111";
+}
+
+.txt-block .accordion-1 .accordion-panel {
+  color: #6c757d;
+  margin: 0;
+  padding: 0 0 0 25px;
+  display: none;
+}
+
+.txt-block .accordion-2 .accordion-panel {
+  color: #6c757d;
+  margin: 15px 0 0 0;
+  display: none;
+}
+
+.txt-block .accordion-1 .accordion-thumb h5 {
+  color: #353f4f;
+  line-height: 1;
+  padding-left: 28px;
+  margin-bottom: 0;
+}
+
+.txt-block .accordion-2 .accordion-thumb h5 {
+  color: #353f4f;
+  display: inline-block;
+  line-height: 1;
+  padding-left: 10px;
+  margin-bottom: 0;
+}
+
+.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 {
+  margin-bottom: 20px;
+}
+
+.accordion-2 .accordion-thumb span[class*="flaticon-"]:before,
+.accordion-2 .accordion-thumb span[class*="flaticon-"]:after {  
+  color: #6c757d;
+  position: relative;
+  font-size: 2.1875rem;
+  top: 10px;
+}
+
+.txt-block .accordion-2 .accordion-panel .simple-list li {
+  margin-bottom: 1rem;
+}
+
+.txt-block .accordion-2 .accordion-panel p,
+.txt-block .accordion-2 .accordion-panel .simple-list li:last-child {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TABS
+/*------------------------------------------*/
+
+#tabs-1 .tabs-nav { 
+  text-align: center;
+}
+
+.tabs-1 { 
+  display: inline-block;
+  margin: 0 auto 60px;
+}
+
+#tabs-1 .tab-content {
+  display: none;
+}
+
+#tabs-1 .tab-content.current {
+  display: inherit;
+}
+
+.tabs-1 li {
+  display: inline-block; 
+  margin: 0 20px;
+  color: #aaa;
+  font-size: 1.05rem;
+  line-height: 1;
+  font-weight: 500;
+  padding: 0 2px 10px;
+  background-color: transparent;
+  border-bottom: 3px solid transparent;
+  cursor: pointer;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+/*------------------------------------------*/
+/*  TAB LINK HOVER / CURRENT
+/*------------------------------------------*/
+
+.tabs-1 li:hover {
+  color: #888;
+  border-color: #ccc;
+}
+
+.tabs-1 li.current,
+.tabs-1 li.current:hover {
+  color: #2b3648;
+  border-color: #2b3648;
+}
+
+.tabs-1.tabs--blue-500, .tabs-1.tabs--blue-500 li.current:hover { color: #185abd; border-color: #185abd; }
+.tabs-1.tabs--blue-400, .tabs-1.tabs--blue-500 li.current:hover { color: #1680fb; border-color: #1680fb; }
+.tabs-1.tabs--blue-300, .tabs-1.tabs--blue-500 li.current:hover { color: #3eb1ff; border-color: #3eb1ff; }
+
+.tabs-1.tabs--green-500, .tabs-1.tabs--green-500 li.current:hover { color: #00a14e; border-color: #00a14e; }
+.tabs-1.tabs--green-400, .tabs-1.tabs--green-400 li.current:hover { color: #0fbc49; border-color: #0fbc49; }
+.tabs-1.tabs--green-300, .tabs-1.tabs--green-300 li.current:hover { color: #6fd792; border-color: #6fd792; }
+
+.tabs-1.tabs--pink-500, .tabs-1.tabs--pink-500 li.current:hover { color: #ff149c; border-color: #ff149c; }
+.tabs-1.tabs--pink-400, .tabs-1.tabs--pink-400 li.current:hover { color: #f74780; border-color: #f74780; }
+.tabs-1.tabs--pink-300, .tabs-1.tabs--pink-300 li.current:hover { color: #fcb5cc; border-color: #fcb5cc; }
+
+.tabs-1.tabs--purple-500, .tabs-1.tabs--purple-500 li.current:hover { color: #663ae9; border-color: #663ae9; }
+.tabs-1.tabs--purple-400, .tabs-1.tabs--purple-400 li.current:hover { color: #7b5dd6; border-color: #7b5dd6; }
+.tabs-1.tabs--purple-300, .tabs-1.tabs--purple-300 li.current:hover { color: #bdaeea; border-color: #bdaeea; }
+
+.tabs-1.tabs--red-500, .tabs-1.tabs--red-500 li.current:hover { color: #da0f29; border-color: #da0f29; }
+.tabs-1.tabs--red-400, .tabs-1.tabs--red-400 li.current:hover { color: #ff1e1a; border-color: #ff1e1a; }
+.tabs-1.tabs--red-300, .tabs-1.tabs--red-300 li.current:hover { color: #ffa5a3; border-color: #ffa5a3; }
+
+.tabs-1.tabs--violet-500, .tabs-1.tabs--violet-500 li.current:hover { color: #c73e9b; border-color: #c73e9b; }
+.tabs-1.tabs--violet-400, .tabs-1.tabs--violet-400 li.current:hover { color: #be6cbe; border-color: #be6cbe; }
+.tabs-1.tabs--violet-300, .tabs-1.tabs--violet-300 li.current:hover { color: #e2bde2; border-color: #e2bde2; }
+
+.tabs-1.tabs--yellow-500, .tabs-1.tabs--yellow-500 li.current:hover { color: #ffba01; border-color: #ffba01; }
+.tabs-1.tabs--yellow-400, .tabs-1.tabs--yellow-400 li.current:hover { color: #ffbd45; border-color: #ffbd45; }
+.tabs-1.tabs--yellow-300, .tabs-1.tabs--yellow-300 li.current:hover { color: #ffdf35; border-color: #ffdf35; }
+
+/*------------------------------------------*/
+/*  ADVANTAGES LIST
+/*------------------------------------------*/
+
+.advantages {
+  margin-top: 15px;
+}
+
+.text-center .advantages {
+  margin-top: 20px;
+}
+
+.advantages li {
+  width: auto!important;
+  display: inline-block!important;
+  vertical-align: top;
+  clear: none !important;
+}
+
+.advantages-links-divider {
+  position: relative;
+  top: 0.5px;
+  transform: rotate(-90deg);
+}
+
+.advantages li p {
+  display: inline-block;
+  float: left;
+  margin-bottom: 0;
+}
+
+.advantages.ico-15 li p span {
+  position: relative;
+  top: 2px;
+  right: -1px;
+}
+
+.advantages.ico-15 [class*="flaticon-"]:before, 
+.advantages.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+.advantages li p a {
+  font-weight: 400;
+  text-decoration: underline;
+}
+
+.advantages li p a:hover {
+  text-decoration: underline;
+}
+
+.white--color .advantages li p a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  COMPATABILITY
+/*------------------------------------------*/
+
+.compatibility {
+  display: inline-block;
+  padding: 3px 20px;
+  margin-top: 15px;
+  margin-bottom: 0;
+}
+
+.compatibility span {
+  position: relative;
+  top: -1.5px;
+  right: 2px;
+}
+
+.compatibility.ico-10 [class*="flaticon-"]:before, 
+.compatibility.ico-10 [class*="flaticon-"]:after { font-size: 0.5rem; }
+
+/*------------------------------------------*/
+/*  TOOLS LIST / PAYMENT METHODS
+/*------------------------------------------*/
+
+.tools-list,
+.payment-methods {
+  margin-top: 25px;
+}
+
+.tools-list p,
+.payment-methods p {
+  font-weight: 400;
+  margin-bottom: 12px;
+}
+
+.tools-list.ico-35 [class*="flaticon-"]:before, 
+.tools-list.ico-35 [class*="flaticon-"]:after { 
+  line-height: 2.1875rem!important;
+  margin-right: 6px;
+}
+
+/*------------------------------------------*/
+/*  Payment Icons
+/*------------------------------------------*/
+
+.payment-icons li {
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  margin: 0;
+  padding-right: 5px;
+}
+
+.payment-icons li:last-child {
+  padding-right: 0;
+}
+
+.payment-icons img {
+  width: auto;
+  max-width: inherit;
+  max-height: 32px;
+}
+
+/*------------------------------------------*/
+/*  QUOTE
+/*------------------------------------------*/ 
+
+.quote p {
+  color: #666;
+  border-left: 3px solid #0195ff;
+  font-style: italic;
+  padding-left: 20px;
+  margin-bottom: 12px;
+}
+
+/*------------------------------------------*/
+/*  Quote Avatar 
+/*------------------------------------------*/ 
+
+.quote-avatar {
+  display: inline-block;
+  margin: 0 auto; 
+}
+
+.quote-avatar img {
+  width: 70px;
+  height: 70px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+}
+
+/*------------------------------------------*/
+/*  Quote Author 
+/*------------------------------------------*/ 
+
+.quote-author {
+  position: relative;
+  display: inline-block;
+  padding: 0 0 0 15px;
+  text-align: left;
+  top: 16px;
+} 
+   
+.quote-author h6 {
+  margin-bottom: 0;
+}
+
+.quote-author span {
+  font-size: 1rem;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX SHAPES
+/*------------------------------------------*/ 
+
+.cbox-5-shape-1 {
+  position: absolute;
+  right: 30px;
+  top: -35px;
+  z-index: -1;
+}
+
+.cbox-5-shape-2 {
+  position: absolute;
+  left: 30px;
+  bottom: -25px;
+  z-index: -1;
+}
+
+.cbox-5-shape-1 img,
+.cbox-5-shape-2 img {
+  height: 100%;
+  width: 100%;
+  object-fit: cover;
+}
+
+/*------------------------------------------*/
+/*  IMG BLOCK IMAGE
+/*------------------------------------------*/ 
+
+.grey-img {
+  filter: grayscale(100%);
+}
+
+.img-block {
+  text-align: center;
+}
+
+.img-block.img-block-bkg {
+  overflow: hidden;
+}
+
+.img-block.img-block-bkg img {
+  padding: 60px 45px;
+}
+
+.ct-10 .img-block,
+.img-block-hidden,
+.bc-5-img.bc-5-dashboard.img-block-hidden {
+  margin-bottom: -100px;
+}
+
+.ct-05 .img-block-hidden {
+  margin-bottom: -30px;
+}
+
+.bc-5-img.bc-5-tablet.img-block-hidden {
+  margin-bottom: -200px;
+}
+
+.img-block-hidden .video-btn,
+.bc-5-img.bc-5-dashboard.img-block-hidden .video-btn {
+  top: calc(50% - 30px);
+}
+
+.bc-5-img.bc-5-tablet.img-block-hidden .video-btn {
+  top: calc(50% - 70px);
+}
+
+.ct-01 .img-block,
+.ct-04 .img-block {
+  margin-left: 30px;
+}
+
+.ct-02 .img-block {
+  margin-right: 30px;
+}
+
+.ct-03 .img-block.right-column {
+  margin-left: 20px;
+}
+
+.ct-03 .img-block.left-column {
+  margin-right: 20px;
+}
+
+.ct-04 .img-block img {
+  max-width: none;
+  display: inline-block;
+}
+
+.ct-06 .img-block {
+  margin-bottom: -80px;
+}
+
+.ct-07 .img-block {
+  margin-top: -80px;
+}
+
+.img-block-txt,
+.img-block-btn {
+  margin-top: 60px;
+}
+
+.bc-1-wrapper .img-block.left-column,
+.bc-2-wrapper .img-block.left-column {
+  padding-right: 10px;
+}
+
+.bc-1-wrapper .img-block.right-column,
+.bc-2-wrapper .img-block.right-column {
+  padding-left: 10px;
+}
+
+.bc-2-img {
+  margin-left: 15px;
+}
+
+.bc-3-img {
+  margin: 0 -65% -25px 15px;
+}
+
+.bc-4-img {
+  margin-left: 15px;
+  margin-right: -65%;
+}
+
+.bc-6-img {
+  padding: 50px 30px 0;
+  margin-bottom: 35px;
+}
+
+.ct-11 .img-block {
+  position: relative;
+  text-align: center;
+  padding-left: 70px;
+  z-index: 2;
+}
+
+.ct-12 .img-block {
+  position: relative;
+  text-align: center;
+  padding-right: 70px;
+  z-index: 2;
+}
+
+.ct-11 .img-block .tra-bkg,
+.ct-12 .img-block .tra-bkg {
+  opacity: 0;
+  -moz-opacity: 0; 
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+} 
+
+
+
+
+/* ==========================================================================
+  09. STATISTIC
+  =========================================================================== */
+
+.sb-rounded .statistic-block {
+  padding: 35px 25px;
+}
+
+/*------------------------------------------*/
+/*  STATISTIC BLOCK
+/*------------------------------------------*/
+
+#sb-2-1,
+#sb-2-2 {
+  width: 48%;
+  display: inline-block;
+  float: left;
+}
+
+#sb-2-3, #sb-2-4 {
+  display: inline-block;
+  float: left;
+  padding-right: 15px;
+} 
+
+#sb-2-3 { width: 45%; }
+#sb-2-4 { width: 55%; }
+
+#sb-2-3 .statistic-block,
+#sb-2-4 .statistic-block {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+#sb-2-3 .statistic-block-txt,
+#sb-2-4 .statistic-block-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+  padding-left: 15px;
+}
+
+/*------------------------------------------*/
+/*  STATISTIC BLOCK TYPOGRAPHY
+/*------------------------------------------*/
+
+.statistic-1-wrapper .statistic-block-digit {   
+  width: 35%;
+  display: inline-block!important;  
+  float: left;
+}
+
+.statistic-1-wrapper .statistic-block-txt {
+  width: 65%;
+  display: inline-block!important;
+  padding-left: 20px;
+}
+
+#statistic-5 .statistic-digit {
+  padding-bottom: 20px;
+  margin: 0 100px 20px 0;
+  border-bottom: 1px solid #999;
+}
+
+#statistic-5 .color--white .statistic-digit {
+  border-bottom: 1px solid rgba(255, 255, 255, .8);
+}
+
+/*------------------------------------------*/
+/*  STATISTIC BLOCK TYPOGRAPHY
+/*------------------------------------------*/
+
+.statistic-ico {
+  margin-bottom: 10px;
+}
+
+h2.statistic-number {
+  line-height: 1; 
+  font-weight: 700;
+  letter-spacing: -1px;
+  margin-bottom: 0;
+}
+
+#sb-2-1 h2.statistic-number,
+#sb-2-2 h2.statistic-number {
+  margin-bottom: 15px;
+}
+
+#sb-2-3 h2.statistic-number span,
+#sb-2-4 h2.statistic-number span {
+  font-size: 2rem;
+}
+
+#statistic-5 .statistic-digit h2 {
+  letter-spacing: -1.5px;
+}
+
+#statistic-5 .statistic-txt h5 {
+  line-height: 1;
+  margin-bottom: 12px;
+}
+
+.statistic-block-txt p.p-md {
+  line-height: 1.35;
+  margin-bottom: 0;
+}
+
+#sb-2-1 .statistic-block p.p-sm,
+#sb-2-2 .statistic-block p.p-sm {
+  line-height: 1.4;
+  margin-bottom: 0;
+}
+
+#sb-2-3 .statistic-block p.p-sm,
+#sb-2-4 .statistic-block p.p-sm {
+  margin-top: 3px;
+  line-height: 1.5;
+  margin-bottom: 0;
+}
+
+.statistic-3-wrapper p {
+  line-height: 1;
+  margin-top: 15px;
+  margin-bottom: 0;
+}
+
+.statistic-3-wrapper p.p-md {
+  line-height: 1;
+  margin-top: 22px;
+  margin-bottom: 0;
+}
+
+.statistic-4-wrapper p {
+  line-height: 1;
+  margin-bottom: 14px;
+}
+
+#statistic-5 .statistic-txt p {
+  padding-right: 3%;
+  margin-bottom: 0;
+}
+
+.txt-block-stat .statistic-block .txt-block-rating {
+  margin-top: -4px;
+  margin-bottom: -3px;
+}
+
+.txt-block-stat .ico-15 [class*="flaticon-"]:before, 
+.txt-block-stat .ico-15 [class*="flaticon-"]:after { font-size: 0.8125rem; }
+
+
+
+
+/* ==========================================================================
+  10. PROJECTS
+  ========================================================================== */
+
+.projects-wrapper {
+  padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  PROJECT DETAILS
+/*------------------------------------------*/
+
+#pt-1-1, #pt-1-2,
+.inner-page-hero #pt-1-3, 
+.inner-page-hero #pt-1-4 {
+  margin-bottom: 50px;
+}
+
+.project-details h5 {
+  line-height: 1;
+  margin-bottom: 30px;
+}
+
+.project-preview {
+  position: relative;
+  overflow: hidden;
+}
+
+/*------------------------------------------*/
+/*  Image Link
+/*------------------------------------------*/
+
+.project-link {
+  width: 100%;
+  position: absolute;
+  top: 55%;
+  transform: translateY(-50%);
+  opacity: 0;
+  text-align: center;
+  color: #fff;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  Image Hover Overlay
+/*------------------------------------------*/
+
+.hover-overlay {
+  width: 100%;
+  height: auto;
+  overflow: hidden;
+  position: relative; 
+}
+
+.hover-overlay img {
+  transform: scale(1);
+  -ms-transform: scale(1);
+  -webkit-transform: scale(1);
+  -o-transform: scale(1);
+  -moz-transform: scale(1);
+  overflow: hidden;
+  -webkit-transition: transform 400ms;
+  -moz-transition: transform 400ms;
+  -o-transition: transform 400ms;
+  transition: transform 400ms;
+}
+
+/*------------------------------------------*/
+/*    Overlay Background 
+/*------------------------------------------*/ 
+
+.item-overlay {
+  opacity: 0;
+  -moz-opacity: 0; 
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(20, 20, 20, .25);
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  Image Hover Effect 
+/*------------------------------------------*/ 
+
+.project-preview:hover img {
+  transform: scale(1.05);
+  -ms-transform: scale(1.05);
+  -webkit-transform: scale(1.05);
+  -o-transform: scale(1.05);
+  -moz-transform: scale(1.05);
+}
+
+.project-preview:hover .project-link {
+  top: 50%;
+  opacity: 1; 
+  -moz-opacity: 1; 
+}
+
+.project-preview:hover .item-overlay {
+  opacity: 1; 
+  -moz-opacity: 1; 
+}
+
+/*------------------------------------------*/
+/*  MORE PROJECTS BUTTON
+/*------------------------------------------*/ 
+
+.more-projects {
+  text-align: center;
+  margin-top: 70px;
+}
+
+
+
+
+/* ==========================================================================
+  11. PROJECT DETAILS
+  ========================================================================== */
+
+.single-project .project-title {
+  margin-bottom: 80px;
+}
+
+.project-title h2 {
+  padding-right: 5%;
+  padding-bottom: 40px;
+  margin-bottom: 35px;
+  border-bottom: 1px solid #ddd;
+}
+
+.project-data p {
+  margin-bottom: 4px;
+}
+
+.project-data p span {
+  color: #353f4f;
+  font-weight: 500;
+}
+
+/*------------------------------------------*/
+/*  MORE PROJECTS BUTTON
+/*------------------------------------------*/
+
+.project-description .more-projects {
+  margin-top: 65px;
+}
+
+.project-description .more-projects h3 {
+  display: inline-block;
+  text-decoration: underline;
+  margin-bottom: 0;
+}
+
+.project-description .more-projects span {
+  color: #353f4f;
+  position: relative;
+  top: 2px;
+  left: 5px;
+}
+
+
+
+
+/* ==========================================================================
+  12. RATING
+  =========================================================================== */
+
+.rating-section .rating-1-wrapper {
+  padding: 0 16%;
+}
+
+.rating-section .rating-2-wrapper {
+  padding: 0 4%;
+}
+
+.rating-title {
+  text-align: center;
+}
+
+.rating-title h5 {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  RATING BOX
+/*------------------------------------------*/
+
+.rbox-1,
+.rbox-2 {
+  text-align: center;
+}
+
+/*------------------------------------------*/
+/*  RATING BOX LOGO
+/*------------------------------------------*/
+
+.rbox-1-img {
+  margin-bottom: 20px;
+}
+
+.rbox-1-img img {
+  width: auto;
+  max-width: inherit;
+  max-height: 38px;
+}
+
+.rbox-2-txt img {
+  position: relative;
+  display: inline-block;
+  width: auto;
+  max-width: inherit;
+  max-height: 30px;
+  top: -1px;
+  left: 4px;
+}
+
+/*------------------------------------------*/
+/*  RATING BOX TYPOGRAPHY
+/*------------------------------------------*/
+
+.rbox-2-txt {
+  margin-top: 20px;
+}
+
+.rbox-1 .star-rating {
+  display: inline-block;
+  font-size: 17px;
+  line-height: 15px;
+  font-weight: 500;
+  vertical-align: inherit;
+  border: 1px solid #f5f5f5;
+  padding: 5px 18px;
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+}
+
+.rbox-1 .star-rating span {
+  position: relative;
+  color: #ffb30c;
+  top: 1.5px;
+}
+
+.rbox-1 .star-rating { 
+  font-size: 0.86rem; 
+  line-height: 1; 
+}
+
+p.rbox-2-txt {
+  line-height: 22px;
+  margin-top: 8px;
+  margin-bottom: 0;
+}
+
+p.rbox-2-txt span {
+  font-weight: 500;
+}
+
+
+
+
+/* ==========================================================================
+  13. TESTIMONIALS
+  =========================================================================== */
+
+.reviews-2-wrapper {
+  padding: 0 10px;
+}
+
+.reviews-3-wrapper {
+  padding: 0 20px;
+}
+
+.reviews-4-wrapper,
+.reviews-5-wrapper {
+  padding-left: 40px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL
+/*------------------------------------------*/
+
+.review-1 { 
+  padding: 40px 40px 30px;
+  margin: 0 10px 30px;                                
+}
+
+.review-1.block-border {
+  border-color: #d2d2d2;
+}
+
+.review-2 { 
+  padding: 45px 50px 35px;
+}
+
+.review-3 { 
+  padding: 45px 50px 40px;
+}
+
+.review-4 { 
+  padding: 40px 45px 30px;
+}
+
+.review-5 { 
+  padding: 45px 45px 40px;
+}
+
+#rw-2-1, #rw-2-2 {
+  margin-bottom: 20px;
+}
+
+.inner-page-hero #rw-2-3, .inner-page-hero #rw-2-4 {
+  margin-bottom: 20px;
+}
+
+#rw-3-2 {
+  margin-bottom: 45px;
+}
+
+#rw-3-2, #rw-3-3 {
+  margin-left: 15px;
+}
+
+#rw-4-1,
+#rw-5-1 {
+  margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL TEXT
+/*------------------------------------------*/
+
+.review-ico {   
+  position: relative;
+  margin-top: -25px;
+  margin-left: -10px;
+  opacity: .1;
+}
+
+.review-txt {
+  position: relative;
+  margin-top: -45px;
+}
+
+.review-txt h6 {
+  margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL DATA
+/*------------------------------------------*/ 
+
+.review-1 .author-data {
+  margin-top: 22px;
+}
+
+.review-2 .author-data {
+  margin-top: 15px;
+}
+
+.review-3 .author-data {
+  margin-top: 20px;
+}
+
+.review-avatar {
+  margin: 0 auto; 
+  float: left;
+}
+
+.review-avatar img,
+.owl-item .review-avatar img {
+  width: 54px;
+  height: 54px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+}
+
+.review-2 .review-avatar img {
+  width: 64px;
+  height: 64px;
+}
+
+.review-3 .review-avatar img,
+.review-5 .review-avatar img {
+  width: 62px;
+  height: 62px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL AUTHOR
+/*------------------------------------------*/ 
+
+.review-author {
+  position: relative;
+  display: inline-block;
+  text-align: left;
+  padding: 0 0 0 15px;
+}
+
+.review-1 .review-author {
+  margin-top: 4px;
+}
+
+.review-2 .review-author {
+  margin-top: 10px;
+}
+
+.review-3 .review-author {
+  margin-top: 8px;
+} 
+
+.review-5 .review-author {
+  margin-top: 8px;
+}   
+
+.review-4 .review-author {
+  padding-left: 0;
+  margin-top: 0;
+} 
+
+.review-author h6 {
+  line-height: 1;
+  margin-bottom: 8px;
+}
+
+.review-1 .review-author h6 {
+  font-size: 0.975rem;
+}
+
+.review-author p {
+  line-height: 1;
+  font-weight: 300;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL CAROUSEL DOTS
+/*------------------------------------------*/
+
+.reviews-section button {
+  background-color: transparent;
+  border: none;
+  padding: 0 2px;
+}
+
+.owl-theme .owl-dots .owl-dot span {
+  margin: 0 7px;
+}
+
+.owl-dots button:focus {
+  outline: none;
+  text-decoration: none;
+}
+
+
+
+
+/* ==========================================================================
+  14. PRESS
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  PRESS LOGO
+/*------------------------------------------*/ 
+
+.press-logo img {
+  position: relative;
+  width: auto;
+  max-width: inherit;
+  max-height: 82px;
+}
+
+/*------------------------------------------*/
+/*  PRESS TEXT
+/*------------------------------------------*/ 
+
+.press-txt {
+  position: relative;
+  margin-top: 15px;
+}
+
+.press-txt p {
+  color: #999;
+  font-weight: 400;
+  margin-bottom: 0;
+}
+
+.press-txt span {   
+  position: relative;
+  top: 3px;
+  left: -1px;
+  opacity: .6;
+}
+
+.press-txt.ico-20 [class^="flaticon-"]:before, 
+.press-txt.ico-20 [class^="flaticon-"]:after {
+  font-size: 1.375rem;
+}
+
+
+
+
+/* ==========================================================================
+  15. BRANDS
+  =========================================================================== */
+
+#brands-3 {
+  position: relative;
+}
+
+#brands-3:after {
+  position: absolute;
+  content: '';
+  width: 100%;
+  height: 80%;
+  top: 0;
+  left: 0;
+  z-index: -1;
+}
+
+/*------------------------------------------*/
+/*  BRANDS SECTION TITLE
+/*------------------------------------------*/ 
+
+.brands-title {
+  text-align: center;
+  padding: 0 5%;
+}
+
+.brands-title h4,
+.brands-title h3,
+.brands-title h2 {
+  margin-bottom: 8px;
+}
+
+.brands-title p {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  BRANDS LOGO WRAPPER
+/*------------------------------------------*/ 
+
+.brands-3-wrapper {
+  padding: 50px 30px;
+  background-color: #fff;
+  border: 1px solid #e9ecef;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px; 
+}
+
+/*------------------------------------------*/
+/*  BRANDS LOGO IMAGE
+/*------------------------------------------*/ 
+
+.brand-logo {
+  overflow: hidden;
+  position: relative;
+  top: 0;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+} 
+
+#brands-1 .brands-carousel-5 .brand-logo {
+  padding: 0 30px;
+} 
+
+#brands-1 .brands-carousel-6 .brand-logo {
+  padding: 0 20px;
+}   
+
+#brands-1 .justify-content-center .brand-logo {
+  padding: 0 15px;
+} 
+
+#brands-2 .brand-logo {
+  padding: 0;
+} 
+
+#brands-3 .brand-logo {
+  padding: 0 25px;
+}
+
+#brands-3 .brands-3-static .brand-logo {
+  padding: 0 15px;
+}
+
+#brands-4 .brand-logo {
+  padding: 0 20px;
+} 
+
+.brand-logo:hover {
+  top: -6px;
+}
+
+.brands-section .more-btn {
+  text-align: center;
+  margin-top: 40px;
+}
+
+.hero-section .owl-dots,
+.brands-section .owl-dots {
+  display: none;
+}
+
+
+
+
+/* ==========================================================================
+  16. INTEGRATIONS
+  =========================================================================== */
+
+.integrations-2-wrapper {
+  padding: 80px 70px;
+}
+
+.in_tool_logo {
+  padding: 50px 30px;
+  margin-bottom: 25px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.integrations-1-wrapper .in_tool-logo {
+  position: relative;
+  margin-right: 20px;
+}
+
+.integrations-1-wrapper .in_tool {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+  padding: 22px 20px;
+  border: 1px solid #ccc;
+}
+
+.integrations-1-wrapper .in_tool-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.in_tool h6 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.integrations-1-wrapper .in_tool-txt h6 {
+  margin-top: 5px;
+}
+
+.integrations-1-wrapper .in_tool-txt p {
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+.integrations-1-wrapper .in_tool:hover {
+  border-color: transparent;
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+}
+
+
+
+
+/* ==========================================================================
+  17. PRICING
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  Price Table
+/*------------------------------------------*/
+
+.p-table {
+  margin-bottom: 40px;
+}
+
+.pricing-1-table { 
+  padding: 50px 38px 45px; 
+}
+
+.text-center .pricing-1-table {
+  padding: 60px 35px 50px; 
+}
+
+.pricing-2-table { 
+  padding: 45px 38px 50px; 
+}
+
+.pricing-3-table { 
+  padding: 50px 40px; 
+}
+
+.pricing-4-table {
+  position: relative;
+  padding: 45px;
+}
+
+#pt-4-1 { margin: 0 10px 40px 50px; }
+#pt-4-2 { margin: 0 50px 40px 10px; }
+
+/*------------------------------------------*/
+/*  TABLE HEADER 
+/*------------------------------------------*/
+
+.pricing-table-header {
+  position: relative;
+}
+
+.pricing-table-header h5 {
+  margin-bottom: 30px;
+}
+
+.pricing-table-header h4 {
+  margin-bottom: 25px;
+}
+
+/*------------------------------------------*/
+/*  PRICING TABLE DISCOUNT
+/*------------------------------------------*/
+
+.pricing-discount {
+  position: absolute;
+  top: -2px;
+  right: -10px;
+  padding: 8px 18px;
+}
+
+.pricing-1-table .pricing-discount {
+  top: -2px;
+  right: -5px;
+  padding: 7px 13px;
+}
+
+.text-center .pricing-1-table .pricing-discount {
+  top: -35px;
+  right: -8px;
+}
+
+.pricing-discount h6 {
+  font-size: 1.1rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.pricing-1-table .pricing-discount h6 {
+  font-size: 0.915rem;
+}
+
+.price.color--black .white--color {
+  color: #fff;
+}
+
+.comp-table .table thead th {
+  border-color: #ccc;
+}
+
+.comp-table tbody th {
+  border-bottom: 1px solid #ccc!important;
+}
+
+.comp-table .table tr td {
+  border-bottom: 2px solid #ccc;
+}
+
+/*------------------------------------------*/
+/*  PRICE
+/*------------------------------------------*/
+
+.price span {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 3rem;
+  line-height: 1;
+  font-weight: 600;
+  letter-spacing: -2px;
+} 
+
+.pricing-2-table.highlight .price span {
+  font-size: 2.4rem;
+  letter-spacing: -1px;
+} 
+
+.pricing-3-table .price span {
+  font-size: 4.35rem;
+} 
+
+.pricing-4-table .price span {
+  font-size: 3.15rem;
+} 
+
+/*------------------------------------------*/
+/*  DOLLAR SIGN
+/*------------------------------------------*/
+
+.price sup {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 2.05rem;
+  font-weight: 600;
+  top: -5px;
+  right: 2px;
+  letter-spacing: -1px;
+}
+
+.pricing-3-table .price sup {
+  font-size: 2.35rem;
+  top: -23px;
+  right: 3px;
+}
+
+.pricing-4-table .price sup {
+  font-size: 2.05rem;
+  top: -10px;
+  right: 2px;
+}
+
+/*------------------------------------------*/
+/*  COINS
+/*------------------------------------------*/
+
+.pricing-3-table .price sup.coins {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 2.35rem;
+  font-weight: 600;
+  top: -29px;
+  left: 3px;
+  letter-spacing: -2px;
+}
+
+/*------------------------------------------*/
+/*  Validity
+/*------------------------------------------*/
+
+.price sup.validity {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 1.4rem;
+  font-weight: 400;
+  top: -2px;
+  left: 0;
+}
+
+.pricing-3-table .price sup.validity {
+  display: block;
+  font-size: 1.1875rem;
+  top: 0;
+  margin-top: 20px;
+  margin-bottom: 30px;
+  letter-spacing: 0;
+  margin-bottom: 40px;
+}
+
+/*------------------------------------------*/
+/*  Text
+/*------------------------------------------*/
+
+.price p {
+  margin-top: 25px;
+  margin-bottom: 25px;
+}
+
+.pricing-2-table .price p {
+  margin-bottom: 15px;
+}
+
+.text-center .price p {
+  padding: 0 2%;
+}
+
+.pricing-section .btn-txt a {
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  PRICING TABLE HORIZONTAL LINE
+/*------------------------------------------*/
+
+.pricing-1-table hr {
+  margin-top: 35px;
+}
+
+.pricing-2-table hr {
+  margin-top: 25px;
+}
+
+/*------------------------------------------*/
+/*  PRICING FEATURES
+/*------------------------------------------*/
+
+.pricing-features li {
+  padding: 11px 8px;
+}
+
+.pricing-4-table .pricing-features li {
+  padding: 10px;
+} 
+
+.pricing-features li p {
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 0;
+}
+
+.pricing-features li p span {
+  position: relative;
+  top: -2px;
+  right: 5px;
+}
+
+.pricing-features.ico-10 li p span {
+  top: 0;
+  right: 4px;
+}
+
+.pricing-features.ico-5 [class*="flaticon-"]:before, 
+.pricing-features.ico-5 [class*="flaticon-"]:after { font-size: 0.5rem; }
+
+.pricing-features li.disabled-option p,
+.pricing-features li.disabled-option span {
+  color: #b5b5b5!important;
+}
+
+/*------------------------------------------*/
+/*  PRICING TABLE BUTTON
+/*------------------------------------------*/
+
+.pt-btn {
+  display: block;
+  width: 100%;
+  margin-top: 25px;
+}
+
+.p-table p.btn-txt {
+  margin: 14px 0 0 0;
+}
+
+/*------------------------------------------*/
+/*  PRICING TOGGLE BUTTON
+/*------------------------------------------*/
+
+.ext-toggle-btn {
+  text-align: center;
+}
+
+.toggle-btn.inn-toggle-btn {
+  position: absolute;
+}
+
+#pricing-4 .ext-toggle-btn {
+  margin: 0 50px 35px 10px;
+}
+
+/*------------------------------------------*/
+/*  TOGGLE BUTTON TYPOGRAPHY
+/*------------------------------------------*/
+
+.toggle-btn-md .toggler-txt {
+  font-size: 1.1rem;
+  font-weight: 400;
+  line-height: 36px;
+}
+
+.toggle-btn-lg .toggler-txt {
+  font-size: 1.15rem;
+  font-weight: 400;
+  line-height: 40px;
+}
+
+.toggle-btn p {
+  margin-top: 10px;
+  letter-spacing: -0.25px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TOGGLE BUTTON SWITCHER
+/*------------------------------------------*/
+
+.switch-wrap {
+  position: relative;
+  display: inline-block;
+  min-width: 50px;
+  height: 32px;
+  vertical-align: middle;
+}
+
+.toggle-btn-md .switch-wrap {
+  min-width: 65px;
+  height: 36px;
+  margin: 0 8px;
+}
+
+.toggle-btn-lg .switch-wrap {
+  min-width: 70px;
+  height: 40px;
+  margin: 0 14px;
+}
+
+.switcher {
+  display: block;
+  cursor: pointer;
+  color: #fff;
+  font-size: 0.925rem;
+  font-weight: 500;
+  height: 32px;
+  padding: 0 15px 0 35px;
+  position: relative;
+  border-radius: 32px;
+  -webkit-transition: all 150ms ease-in-out;
+  -moz-transition: all 150ms ease-in-out;
+  -o-transition: all 150ms ease-in-out;
+  -ms-transition: all 150ms ease-in-out;
+  transition: all 150ms ease-in-out;
+}
+
+.toggle-btn-md .switcher {
+  height: 36px;
+  padding: 0 20px 0 40px;
+  border-radius: 36px;
+}
+
+.toggle-btn-lg .switcher {
+  height: 40px;
+  padding: 0 20px 0 40px;
+  border-radius: 40px;
+}
+
+.switcher.bg--tra-white {
+  background-color: #fff;
+  border: 2px solid #ccc;
+}
+
+.switcher.bg--ghost-white {
+  background-color: rgba(128, 143, 174, .45);
+  border: 2px solid rgba(128, 143, 174, .15);
+}
+
+.switcher.bg--grey {
+  background-color: #ccc;
+  border: 2px solid #ccc;
+}
+
+.switcher .show-annual, 
+.switcher .show-monthly {
+  line-height: 32px;
+}
+
+.toggle-btn-md .switcher .show-annual,
+.toggle-btn-md .switcher .show-monthly {
+  line-height: 36px;
+}
+
+.toggle-btn-lg .switcher .show-annual,
+.toggle-btn-lg .switcher .show-monthly {
+  line-height: 40px;
+}
+
+.switcher .show-monthly {
+  display: block;
+}
+
+.switcher .show-annual {
+  display: none;
+}
+
+.switcher:before {
+  position: absolute;
+  left: 4px;
+  bottom: 4px;
+  content: " ";
+  background-color: #fff;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out;
+}
+
+.toggle-btn-md .switcher:before {
+  left: 5px;
+  bottom: 5px;
+  width: 26px;
+  height: 26px;
+}
+
+.toggle-btn-lg .switcher:before {
+  left: 5px;
+  bottom: 5px;
+  width: 30px;
+  height: 30px;
+}
+
+.switcher.bg--grey:before,
+.switcher.bg--tra-white:before,
+.switcher.bg--ghost-white:before {
+  background-color: #ccc;
+  left: 4px;
+  bottom: 3.5px;
+  -webkit-box-shadow: 0 1px 1px 0 #aaa;
+  -moz-box-shadow: 0 1px 1px 0 #aaa;
+  box-shadow: 0 1px 1px 0 #aaa;
+}
+
+.switcher.bg--grey:before,
+.switcher.bg--ghost-white:before {
+  background-color: #fff;
+}
+
+.switch-wrap input {
+  display: none;
+}
+
+.switch-wrap input:checked + .switcher {
+  padding: 0 35px 0 15px;
+}
+
+.toggle-btn-md .switch-wrap input:checked + .switcher,
+.toggle-btn-lg .switch-wrap input:checked + .switcher {
+  padding: 0 40px 0 20px;
+}
+
+.switch-wrap input:checked + .switcher.switcher--blue-500 { background-color: #185abd; border-color: #185abd; }
+.switch-wrap input:checked + .switcher.switcher--blue-400 { background-color: #1680fb; border-color: #1680fb; }
+.switch-wrap input:checked + .switcher.switcher--blue-300 { background-color: #3eb1ff; border-color: #3eb1ff; }
+
+.switch-wrap input:checked + .switcher.switcher--green-500 { background-color: #00a14e; border-color: #00a14e; }
+.switch-wrap input:checked + .switcher.switcher--green-400 { background-color: #0fbc49; border-color: #0fbc49; }
+.switch-wrap input:checked + .switcher.switcher--green-300 { background-color: #6fd792; border-color: #6fd792; }
+
+.switch-wrap input:checked + .switcher.switcher--pink-500 { background-color: #ff149c; border-color: #ff149c; }
+.switch-wrap input:checked + .switcher.switcher--pink-400 { background-color: #f74780; border-color: #f74780; }
+.switch-wrap input:checked + .switcher.switcher--pink-300 { background-color: #fcb5cc; border-color: #fcb5cc; }
+
+.switch-wrap input:checked + .switcher.switcher--purple-500 { background-color: #663ae9; border-color: #663ae9; }
+.switch-wrap input:checked + .switcher.switcher--purple-400 { background-color: #7b5dd6; border-color: #7b5dd6; }
+.switch-wrap input:checked + .switcher.switcher--purple-300 { background-color: #bdaeea; border-color: #bdaeea; }
+
+.switch-wrap input:checked + .switcher.switcher--red-500 { background-color: #da0f29; border-color: #da0f29; }
+.switch-wrap input:checked + .switcher.switcher--red-400 { background-color: #ff1e1a; border-color: #ff1e1a; }
+.switch-wrap input:checked + .switcher.switcher--red-300 { background-color: #ffa5a3; border-color: #ffa5a3; }
+
+.switch-wrap input:checked + .switcher.switcher--violet-500 { background-color: #c73e9b; border-color: #c73e9b; }
+.switch-wrap input:checked + .switcher.switcher--violet-400 { background-color: #be6cbe; border-color: #be6cbe; }
+.switch-wrap input:checked + .switcher.switcher--violet-300 { background-color: #e2bde2; border-color: #e2bde2; }
+
+.switch-wrap input:checked + .switcher.switcher--yellow-500 { background-color: #ffba01; border-color: #ffba01; }
+.switch-wrap input:checked + .switcher.switcher--yellow-400 { background-color: #ffbd45; border-color: #ffbd45; }
+.switch-wrap input:checked + .switcher.switcher--yellow-300 { background-color: #ffdf35; border-color: #ffdf35; }
+
+.switch-wrap input:checked + .switcher:before {
+  left: auto;
+  right: 4px;
+  -webkit-transition: all 350ms ease-in-out;
+  -moz-transition: all 350ms ease-in-out;
+  -o-transition: all 350ms ease-in-out;
+  -ms-transition: all 350ms ease-in-out;
+  transition: all 350ms ease-in-out;
+}
+
+.switch-wrap input:checked + .switcher.bg--tra-white:before {
+  bottom: 3px;
+  background-color: #fff;
+  -webkit-box-shadow: 0 0;
+  -moz-box-shadow: 0 0;
+  box-shadow: 0 0;
+}
+
+.switch-wrap input:checked + .switcher .show-annual {
+  display: block;
+}
+
+.switch-wrap input:checked + .switcher .show-monthly {
+  display: none;
+}
+
+/*------------------------------------------*/
+/*  PRICING NOTICE TEXT
+/*------------------------------------------*/
+
+.pricing-notice {
+  text-align: center;
+  margin-top: 20px;
+}
+
+.pricing-notice p {
+  padding: 0 8%;
+  margin-bottom: 0;
+}
+
+.pricing-notice p span {
+  font-weight: 500;
+}
+
+/*------------------------------------------*/
+/*  COMPARE PRICING TABLE
+/*------------------------------------------*/
+
+.table>:not(caption)>*>* {
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+
+.comp-table .pricing-header {
+  max-width: 700px;
+}
+
+.comp-table .table-responsive thead th {
+  font-size: 1.15rem;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-weight: 600;
+}
+
+.comp-table .table-responsive tbody th {
+  font-size: 1rem;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-weight: 600;
+}
+
+.comp-table .table-responsive tbody td {
+  position: relative;
+  font-size: 1rem;
+  line-height: inherit;
+  top: 1px;
+}
+
+.comp-table .table-responsive tbody td span {
+  position: relative;
+  top: 1px;
+}
+
+.table-responsive .ico-15 [class*="flaticon-"]:before, 
+.table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+.table-responsive .ico-20 [class*="flaticon-"]:before, 
+.table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.95rem; }
+
+.comp-table .table-responsive tbody tr {
+  background-color: #fff;
+  -moz-transition: all 350ms ease-in-out;
+  -o-transition: all 350ms ease-in-out;
+  -ms-transition: all 350ms ease-in-out;
+  transition: all 350ms ease-in-out;
+}
+
+.comp-table .table tbody tr.table-last-tr {
+  border-color: transparent;
+}
+
+.comp-table .table-responsive tbody tr:hover {
+  background-color: #f7f7f9;
+}
+
+.comp-table .disabled-option {
+  color: #999;
+}
+
+/*------------------------------------------*/
+/*  PRICING COMPARE PAYMENT
+/*------------------------------------------*/
+
+.comp-table-payment h6 {
+  margin-bottom: 20px;
+}
+
+.comp-table-payment p {
+  margin-bottom: 0;
+}
+
+
+
+
+/* ==========================================================================
+  18. TEAM
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  TEAM MEMBER
+/*------------------------------------------*/
+
+#tm-2-1, #tm-2-4, #tm-2-7, #tm-2-10 { margin-right: 14px; }
+#tm-2-2, #tm-2-5, #tm-2-8, #tm-2-11 { margin-left: 7px; margin-right: 7px; }
+#tm-2-3, #tm-2-6, #tm-2-9, #tm-2-12 { margin-left: 14px; }
+
+/*------------------------------------------*/
+/*  TEAM MEMBER PHOTO
+/*------------------------------------------*/
+
+.team-member-photo {
+  position: relative;
+  overflow: hidden;
+  text-align: center;
+  margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  PHOTO HOVER ZOOM
+/*------------------------------------------*/ 
+
+.team-member:hover img {
+  transform: scale(1.05);
+  -ms-transform: scale(1.05);
+  -webkit-transform: scale(1.05);
+  -o-transform: scale(1.05);
+  -moz-transform: scale(1.05);
+}
+
+.team-member:hover .item-overlay {
+  opacity: .45; 
+  -moz-opacity: .45; 
+}
+
+/*------------------------------------------*/
+/*  TEAM MEMBER TYPOGRAPHY
+/*------------------------------------------*/
+
+.team-member-data {
+  position: relative;
+  margin-left: 5px;
+}
+
+.team-member-data h6.s-20 {
+  margin-bottom: 8px;
+}
+
+.team-member-data p {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  line-height: 1;
+  font-weight: 400;
+  letter-spacing: 0;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  Team Member Social Links
+/*------------------------------------------*/
+
+ul.tm-social {
+  position: absolute;
+  top: -1px;
+  right: 8px;
+  -webkit-transition: all 0.3s ease-out;
+  -o-transition: all 0.3s ease-out;
+  transition: all 0.3s ease-out;  
+}
+
+#team-1 ul.tm-social {
+  right: 5px;
+}
+
+ul.tm-social li {
+  width: auto !important;
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  padding: 0;
+  margin-left: 10px;
+  opacity: .6;
+  -webkit-transition: all 0.5s ease-out;
+  -o-transition: all 0.5s ease-out;
+  transition: all 0.5s ease-out;  
+}
+
+.tm-social.ico-20 [class*="flaticon-"]:before, 
+.tm-social.ico-20 [class*="flaticon-"]:after { font-size: 1.15rem; }
+
+
+
+
+/* ==========================================================================
+  19. CAREERS
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  ROLE BOX
+/*------------------------------------------*/
+
+.role-box {
+  border: 1px solid #d2d2d2;
+  padding: 25px 35px;
+  margin-bottom: 30px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.role-box.bg--white-200,
+.role-box.bg--white-300 {
+  border: 1px solid transparent;
+}
+
+.role-box:hover {
+  border-color: transparent;
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+}
+
+/*------------------------------------------*/
+/*  ROLE BOX TEXT
+/*------------------------------------------*/
+
+.role-box span {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  display: block;
+  font-size: 0.8rem;
+  line-height: 1;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  margin-bottom: 14px;
+}
+
+.role-box h6 {
+  margin-bottom: 6px;
+}
+
+.role-box p {
+  margin-bottom: 0;
+}
+
+
+
+
+/* ==========================================================================
+  20. CAREER ROLE
+  =========================================================================== */
+
+#role-page .inner-page-title {
+  text-align: left;
+  margin-bottom: 50px;
+}
+
+#role-page .inner-page-title span {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  display: block;
+  font-size: 0.9rem;
+  line-height: 1;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  margin-bottom: 35px;
+}
+
+.role-info hr {
+  margin: 50px 0;
+}
+
+#role-page .cbox-6-wrapper {
+  margin: 45px 0;
+}
+
+.role-info h5 {
+  margin-bottom: 25px;
+}
+
+.role-info p a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.txt-block.role-info .btn {
+  display: block;
+  margin-top: 50px;
+}
+
+
+
+
+/* ==========================================================================
+  21. BANNER
+  =========================================================================== */
+
+.banner-overlay {
+  width: 100%;
+  height: 100%;
+}
+
+#banner-11 {
+  margin-top: 50px;
+}
+
+#banner-12 {
+  margin-top: 40px;
+  margin-bottom: 10px;
+}
+
+/*------------------------------------------*/
+/*  BANNER WRAPPER
+/*------------------------------------------*/
+
+.banner-1-wrapper,
+.banner-2-wrapper,
+.banner-3-wrapper {
+  position: relative;
+  overflow: hidden;
+  text-align: center;
+} 
+
+.banner-1-wrapper .banner-overlay {
+  padding: 75px 15% 85px;
+}
+
+.banner-2-wrapper .banner-overlay {
+  padding: 80px 15% 90px;
+}
+
+.banner-3-wrapper .banner-overlay {
+  padding: 75px 20% 85px;
+}
+
+.banner-11-wrapper .banner-overlay {
+  padding: 10px 70px 0;
+}
+
+.banner-12-wrapper .banner-overlay {
+  padding-left: 80px;
+}
+
+.banner-13-wrapper {
+  overflow: hidden;
+}
+
+.banner-13-wrapper .banner-overlay {
+  overflow: hidden;
+  padding-left: 80px;
+}
+
+.banner-16-wrapper .banner-overlay {
+  padding: 45px 22%;
+}
+
+.banner-16-wrapper.bg--white-100.block-border {
+  border-color: #ccc;
+}
+
+/*------------------------------------------*/
+/*  BANNER TEXT
+/*------------------------------------------*/
+
+.banner-12-txt {
+  margin-top: -10px;
+  padding-right: 15%;
+}
+
+.banner-13-txt {
+  padding-right: 15%;
+}
+
+/*------------------------------------------*/
+/*  BANNER TYPOGRAPHY
+/*------------------------------------------*/
+
+.banner-section .section-id {
+  font-weight: 600;
+  padding-top: 10px;
+  margin-bottom: 30px;
+}
+
+.banner-1-txt h2 {
+  margin-bottom: 15px;
+}
+
+.banner-2-txt h2 {
+  margin-bottom: 35px;
+}
+
+.banner-4-txt h2 {
+  margin-bottom: 30px;
+}
+
+.banner-7-txt h2 {
+  margin-bottom: 35px;
+}
+
+.banner-10-txt h6 {
+  font-weight: 400;
+  margin-bottom: 12px;
+}
+
+.banner-10-txt h2 {
+  margin-bottom: 25px;
+}
+
+.banner-11-txt h2,
+.banner-12-txt h2,
+.banner-13-txt h2 {
+  margin-bottom: 22px;
+}
+
+.banner-15-txt h2 {
+  margin-bottom: 45px;
+}
+
+.banner-16-txt h4 {
+  margin-bottom: 14px;
+}
+
+.banner-section p.p-lg {
+  font-size: 1.15rem; 
+  margin-bottom: 30px;
+}
+
+.banner-section p.p-xl {
+  margin-bottom: 25px;
+}
+
+.sm-title .banner-1-txt p.p-lg,
+.sm-title .banner-1-txt p.p-xl {
+  margin-top: 12px;
+  margin-bottom: 22px!important;
+}
+
+.banner-3-txt p.p-lg,
+.banner-3-txt p.p-xl,
+.banner-5-txt p.p-lg,
+.banner-5-txt p.p-xl {
+  margin-top: 20px;
+}
+
+.banner-5-txt p.s-21,
+.banner-5-txt p.s-22 {
+  margin-top: 20px;
+  margin-bottom: 26px;
+}
+
+.banner-6-txt p.p-lg,
+.banner-6-txt p.p-xl {
+  margin-top: 15px;
+  margin-bottom: 25px!important;
+}
+
+.banner-8-txt p.p-lg,
+.banner-8-txt p.p-xl {
+  margin-top: 10px;
+  margin-bottom: 0!important;
+}
+
+.banner-9-txt p.p-lg,
+.banner-9-txt p.p-xl {
+  margin-top: 20px;
+  margin-bottom: 25px!important;
+}
+
+.banner-11-txt p {
+  padding-right: 8%;
+}
+
+.banner-14-txt p.p-lg {
+  font-size: 1.25rem;
+  margin-top: 35px;
+  margin-bottom: 40px;
+}
+
+.banner-15-txt p a {
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  BANNER IMAGE
+/*------------------------------------------*/
+
+.banner-11-img {
+  margin-top: -60px;
+  margin-left: -40px;
+}
+
+.banner-12-img {
+  margin: -40px -20px -30px -40px;
+}
+
+.banner-13-img {
+  transform: rotate(-20deg);
+  margin: -60px -120px -70px -40px;
+}
+
+
+
+
+/* ==========================================================================
+  22. CALL TO ACTION / DOWNLOAD
+  =========================================================================== */
+
+.version-release {
+  margin-bottom: 80px;
+}
+
+.release-data {
+  padding-bottom: 30px;
+  border-bottom: 1px dashed #ccc;
+  margin-bottom: 30px;
+}
+
+.release-data h5 {
+  margin-bottom: 40px;
+}
+
+span.version-data {
+  color: #353f4f;
+  font-size: 2rem;
+  line-height: 1;
+  margin-right: 20px;
+  margin-bottom: 0;
+}
+
+span.release-date {
+  color: #999;
+  font-size: 1.175rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+span.release-date span {
+  color: #353f4f;
+  font-weight: 500;
+  margin-left: 20px;
+}
+
+.release-download {
+  position: absolute;
+  right: 5px;
+  bottom: 0;
+}
+
+.release-highlights .simple-list p {
+  margin-bottom: 2px;
+}
+
+
+
+
+/* ==========================================================================
+  23. FAQS
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  FAQS SECTION TITLE 
+/*------------------------------------------*/
+
+#faqs-1 .section-title {
+  margin-bottom: 50px;
+}
+
+#faqs-2 .inner-page-title {
+  margin-bottom: 55px;
+}
+
+#faqs-3 .section-title {
+  margin-bottom: 70px;
+}
+
+.faqs-3-questions .questions-holder {
+  padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  FAQS ACCORDION  
+/*------------------------------------------*/
+
+.faqs-section .accordion-item {
+  background-color: transparent!important;
+  border: none;
+  border-bottom: 1px solid #e5e5e5;
+}
+
+#faqs-2.faqs-section .accordion-item {
+  border-bottom: 1px solid #ddd;
+}
+
+.faqs-section .accordion-item.acc-last-item,
+#faqs-2.faqs-section .accordion-item.acc-last-item {
+  border-bottom: none;
+}
+
+/*------------------------------------------*/
+/*  Question
+/*------------------------------------------*/
+
+.faqs-section .accordion-thumb {
+  margin: 0;
+  padding: 25px 0;
+  cursor: pointer;
+  position: relative;
+}
+
+#faqs-2.faqs-section .accordion-thumb {
+  padding: 25px 0 30px;
+}
+
+.faqs-section .accordion-item .accordion-thumb:after,
+.faqs-section .accordion-item.is-active .accordion-thumb:after {
+  font-family: Flaticon;
+  font-weight: 300; 
+  content: "\f11a";
+  position: absolute;
+  font-size: 1rem;
+  top: 22px;
+  right: 3px;
+}
+
+#faqs-2.faqs-section .accordion-item .accordion-thumb:after,
+#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after {
+  font-size: 1rem;
+  top: 26px;
+  right: 2px;
+}
+
+.faqs-section .accordion-item.is-active .accordion-thumb:after {
+  content: "\f11b";
+}
+
+#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb {
+ border-bottom: 1px solid #e5e5e5;
+}
+
+/*------------------------------------------*/
+/*  Answer
+/*------------------------------------------*/
+
+.accordion-panel {
+  margin: 0;
+  padding: 0 0 15px 0;
+  display: none;
+}
+
+#faqs-2 .accordion-panel {
+  padding: 45px 0 15px 0;
+}
+
+.accordion-thumb h5,
+.accordion-thumb h4 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.question h5,
+.accordion-panel-item h5 {
+  margin-bottom: 20px;
+}
+
+.question h5 span,
+.accordion-thumb h5 span,
+.accordion-panel-item h5 span {
+  margin-right: 5px;
+}
+
+.question p a, 
+.accordion-panel p a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.question p.color--grey a.color--blue, 
+.accordion-panel.color--grey a.color--blue {
+  color: #1680fb!important;
+}
+
+/*------------------------------------------*/
+/*  FAQS TABS 
+/*------------------------------------------*/
+
+.faqs-section .tabs-nav { 
+  text-align: center;
+}
+
+.faqs-section .tabs-1 { 
+  display: inline-block;
+  margin: 0 auto 60px;
+}
+
+.faqs-section .tab-content {
+  display: none;
+}
+
+.faqs-section .tab-content.current {
+  display: inherit;
+}
+
+.faqs-section .tabs-1 li {
+  display: inline-block; 
+  min-width: 230px;
+  background-color: transparent;
+  border: 2px solid #ddd;
+  cursor: pointer;
+  padding: 30px 0;
+  margin: 0 6px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.faqs-section .tabs-1 li span {
+  color: #c3c4c5;
+}
+
+.faqs-section .tabs-1 li p {
+  line-height: 1;
+  font-weight: 400;
+  margin-top: 15px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TAB LINK CURRENT
+/*------------------------------------------*/
+
+.faqs-section .tabs-1 li.current,
+.faqs-section .tabs-1 li.current:hover {
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2);
+  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2);
+}
+
+.faqs-section .tabs-1 li.current p,
+.faqs-section .tabs-1 li.current span {
+  color: #fff;
+}
+
+.faqs-section .tabs--blue .tabs-1 li.current,
+.faqs-section .tabs--blue .tabs-1 li.current:hover {
+  background-color: #1680fb;
+  border-color: #1680fb!important;
+}
+
+.faqs-section .tabs--purple .tabs-1 li.current,
+.faqs-section .tabs--purple .tabs-1 li.current:hover {
+  background-color: #7b5dd6;
+  border-color: #7b5dd6!important;
+}
+
+/*------------------------------------------*/
+/*  MORE QUESTIONS LINK
+/*------------------------------------------*/
+
+.more-questions {
+  text-align: center;
+}
+
+#faqs-2 .more-questions {
+  margin: 70px auto 0; 
+}
+
+.more-questions-txt {
+  display: inline-block;
+  padding: 22px 46px;
+}
+
+.more-questions-txt p {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.more-questions-txt a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+
+
+
+/* ==========================================================================
+  24. NEWSLETTER
+  =========================================================================== */
+
+#newsletter-1 .newsletter-overlay {
+  padding-top: 60px;
+  padding-bottom: 60px;
+}  
+
+#newsletter-2 .container {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+#newsletter-2 .newsletter-overlay {
+  padding: 60px 50px;
+}
+
+#newsletter-3 {
+  margin-top: 50px;
+  margin-bottom: 50px;
+}
+
+#newsletter-4 .newsletter-overlay,
+#newsletter-5 .newsletter-overlay {
+  padding-top: 80px;
+  padding-bottom: 70px;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER TYPOGRAPHY
+/*------------------------------------------*/ 
+
+.newsletter-txt h2 {
+  margin-bottom: 35px;
+}
+
+#newsletter-4 .newsletter-txt h2 {
+  margin-bottom: 40px;
+}
+
+.newsletter-txt h4,
+.newsletter-txt h3,
+#newsletter-5 .newsletter-txt h2 {
+  margin-bottom: 0;
+}
+
+.newsletter-txt p.p-sm {
+  margin-bottom: 0;
+}
+
+#newsletter-4 .newsletter-txt p {
+  padding: 0 10%;
+}
+
+#newsletter-5 .newsletter-txt p {
+  margin-top: 20px;
+  margin-bottom: 0;
+}
+
+.newsletter-txt a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER FORM
+/*------------------------------------------*/ 
+
+#newsletter-1 .newsletter-form {
+  padding-left: 15%;
+  margin-top: 30px;
+}
+
+#newsletter-2 .newsletter-form {
+  margin-top: 25px;
+  padding-left: 12%;
+}
+
+#newsletter-4 .newsletter-form {
+  padding: 0 5%;
+}
+
+#newsletter-5 .newsletter-form {
+  margin-top: 35px;
+  padding: 0 10%;
+}
+
+/*------------------------------------------*/
+/*   Newsletter Form Input
+/*------------------------------------------*/
+
+.newsletter-section .form-control {
+  height: 56px;
+  background-color: #fff;
+  border: 1px solid #ccc;
+  font-size: 1rem;
+  color: #353f4f;
+  font-weight: 400;
+  padding: 0 15px;  
+  margin-right: 12px;
+  box-shadow: none;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  border-radius: 6px;
+}
+
+#newsletter-1.newsletter-section .form-control {
+  height: 54px;
+  font-size: 0.975rem;
+}
+
+#newsletter-5.newsletter-section .form-control {
+  height: 62px;
+  font-size: 1.0625rem;
+}
+
+.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Input Focus
+/*------------------------------------------*/
+
+.newsletter-section .form-control:focus {
+  background-color: #fff;
+  outline: 0;
+  box-shadow: none;
+  border-color: #1680fb;
+}
+
+.newsletter-section .purple-focus .form-control:focus {
+  border-color: #8863ee;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Input Placeholder
+/*------------------------------------------*/
+
+.newsletter-section .form-control::-moz-placeholder { color: #aaa; } 
+.newsletter-section .form-control:-ms-input-placeholder { color: #aaa; } 
+.newsletter-section .form-control::-webkit-input-placeholder { color: #aaa; } 
+
+/*------------------------------------------*/
+/*  Newsletter Form Button
+/*------------------------------------------*/
+
+.newsletter-section .btn {
+  display: block; 
+  width: 100%!important;
+  height: 56px;
+}
+
+#newsletter-1 .btn {
+  height: 54px;
+  font-size: 0.925rem;
+  padding: 0.7rem 1.3rem;
+}
+
+#newsletter-5.newsletter-section .btn {
+  height: 62px;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Notification
+/*------------------------------------------*/
+
+.newsletter-section .form-notification {
+  color: #3eb1ff;
+  font-size: 0.9rem;
+  font-weight: 400;
+  line-height: 1;
+  margin-top: 15px;
+  margin-left: 5px;
+}
+
+.newsletter-section .text-center .form-notification {
+  margin-left: 0;
+}
+
+.bg--color.newsletter-section .form-notification {
+  color: #fff;
+}
+
+.newsletter-section .form-notification.valid,
+.newsletter-section .form-notification.error {
+  color: #fc2f4b;
+}
+
+.newsletter-section .newsletter-form.valid {
+  color: #0fbc49;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER IMAGE
+/*------------------------------------------*/
+
+#newsletter-3 .newsletter-img {
+  margin-top: -50px;
+  margin-bottom: -50px;
+}
+
+#newsletter-3 .col-lg-6 .newsletter-img {
+  padding-left: 40px;
+}
+
+
+
+/* ==========================================================================
+  25. BLOG
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  BLOG POST TAG
+/*------------------------------------------*/
+
+.post-tag {
+  display: block;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 0.75rem;
+  font-weight: 600;
+  letter-spacing: 0;
+  text-transform: uppercase;
+  margin-bottom: 20px;
+}
+
+#single-post .post-tag {
+  font-size: 0.85rem;
+}
+
+/*------------------------------------------*/
+/*  BLOG POST META
+/*------------------------------------------*/
+
+.post-meta-list li {
+  width: auto!important;
+  display: inline-block!important;
+  vertical-align: top;
+  clear: none !important;
+}
+
+.post-meta-list p {
+  color: #353f4f;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.bg--black-400 .post-meta-list p {
+  color: #f8f9f9;
+}
+
+.meta-list-divider {
+  position: relative;
+  top: 0px;
+  transform: rotate(-90deg);
+  padding: 0 1px;
+}
+
+/*------------------------------------------*/
+/*  BLOG POST TYPOGRAPHY
+/*------------------------------------------*/
+
+.blog-post-txt h6 {
+  margin-bottom: 15px;
+}
+
+.blog-post-txt p {
+  margin-bottom: 0;
+}
+
+.blog-post-txt a {
+  color: #353f4f;
+}
+
+.blog-post-txt a:hover {
+  text-decoration: underline;
+}
+
+.bg--black-400 .blog-post-txt a {
+  color: #f8f9f9;
+}
+
+.bg--black-400 .blog-post-txt a:hover {
+  color: #fff!important;
+}
+
+
+
+
+/* ==========================================================================
+  26. BLOG LISTING
+  =========================================================================== */
+
+.wide-post {
+  margin-bottom: 100px;
+}
+
+.wide-post .blog-post-img {
+  padding-right: 15px;
+}
+
+.wide-post .blog-post-txt {
+  padding-left: 15px;
+}
+
+.square-post {
+  margin-top: 60px;
+  margin-bottom: 40px;
+}
+
+.square-post-wrapper {
+  overflow: hidden;
+}
+
+.square-post .blog-post-txt {
+  padding: 0 30px 0 60px;
+}
+
+/*------------------------------------------*/
+/*  BLOG POSTS CATEGORY
+/*------------------------------------------*/
+
+.posts-category {
+  margin-top: 40px;
+  margin-bottom: 60px;
+}
+
+.posts-category h4 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.posts-category span {
+  position: relative;
+  top: 1px;
+}
+
+
+
+
+/* ==========================================================================
+  27. SINGLE BLOG POST
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  Single Post Title
+/*------------------------------------------*/
+
+.single-post-title h3,
+.single-post-title h2 {
+  padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  Single Post Text
+/*------------------------------------------*/
+
+.single-post-txt h5,
+.single-post-txt h4 {
+  margin-top: 30px;
+  margin-bottom: 30px;
+}
+
+.single-post-txt h5 span {
+  display: block;
+}
+
+/*------------------------------------------*/
+/*  Single Post Code
+/*------------------------------------------*/
+
+.txt-code {
+  background-color: #f8f9fa;
+  padding: 20px 18px;
+  margin: 30px 0;
+}
+
+.txt-code p {
+  color: #383a42; 
+  font-size: 1rem;
+  line-height: 1.75;
+  margin-bottom: 0;
+}
+
+.single-post-txt p a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.txt-code span.code-property,
+.txt-code p code.code-language-js {
+  color: #151515;
+}
+
+.txt-code span.code-variable,
+.txt-code span.code-attribute {
+  color: #986801;
+}
+
+.txt-code span.code-string {
+  color: #50a14f;
+}
+
+/*------------------------------------------*/
+/*  Single Post Blockquote
+/*------------------------------------------*/
+
+.single-post-txt figure {
+  margin-bottom: 40px;
+}
+
+.single-post-txt .blockquote p {
+  font-size: 1.5rem;
+  line-height: 1.45;
+  margin-bottom: 40px;
+}
+
+.single-post-txt .blockquote-footer {
+  font-size: 1.125rem;
+}
+
+/*------------------------------------------*/
+/*  Single Post Image
+/*------------------------------------------*/
+
+.post-inner-img {
+  text-align: center;
+  margin-top: 50px;
+  margin-bottom: 50px;
+}
+
+/*------------------------------------------*/
+/*  POST SHARE LINKS
+/*------------------------------------------*/ 
+
+.post-share-list {
+  margin-top: 50px;
+  padding-bottom: 50px;
+}
+
+/*------------------------------------------*/
+/*  POST SHARE ICONS
+/*-----------------------------------------*/
+
+.share-social-icons {
+  display: inline-block; 
+  padding-left: 0;
+}
+
+.share-social-icons li {
+  width: auto !important;
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  padding: 0;
+}
+
+.share-social-icons a.share-ico span {
+  opacity: .75;
+  margin-right: 25px;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out;
+}
+
+.share-social-icons a.share-ico:hover span {
+  opacity: 1;
+}
+
+/*------------------------------------------*/
+/*  POST AUTHOR
+/*------------------------------------------*/ 
+
+.post-author {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+.post-author-avatar {
+  position: relative;
+  text-align: center;
+  margin-right: 35px;
+}
+
+.post-author-avatar img {  
+  width: 100px;
+  height: 100px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;  
+}
+
+.post-author-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.post-author-txt h5 {
+  margin-bottom: 20px;
+}
+
+.post-author-txt p {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  Follow Button
+/*------------------------------------------*/ 
+
+.author-follow-btn {
+  display: inline-block;
+  position: absolute;
+  padding: 6px 15px;
+  line-height: 1;
+  top: 80px;
+  right: 10px;
+  border: 2px solid #ddd;
+}
+
+.author-follow-btn a {
+  color: #666;
+  font-size: 0.935rem;
+  font-weight: 400;
+}
+
+/*------------------------------------------*/
+/*  POST COMMENTS
+/*------------------------------------------*/
+
+.post-comments {
+  padding-top: 100px;
+}
+
+.post-comments hr {
+  margin-top: 24px; 
+  margin-bottom: 40px; 
+}
+
+.post-comments h5 {
+  margin-bottom: 60px;
+}
+
+.post-comments img {
+  width: 68px;
+  height: 68px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+}
+
+.comment-body {
+  margin-left: 25px;
+}
+
+.comment-meta {
+  margin-bottom: 10px;
+}
+
+.comment-meta h6 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.comment-date {
+  font-size: 16px;
+  font-weight: 400;
+  margin-bottom: 5px;
+}
+
+/*------------------------------------------*/
+/*  Comment Reply 
+/*------------------------------------------*/
+
+.btn-reply {
+  margin-left: 3px;
+}
+
+.btn-reply a {
+  font-size: 17px;
+  font-weight: 400; 
+}
+
+.btn-reply span {
+  position: relative;
+  top: 3px;
+  margin-right: 4px;
+  left: 3px;
+}
+
+.btn-reply.ico-20 [class*="flaticon-"]:before, 
+.btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 0.975rem; }
+
+.btn-reply a:hover {
+  color: #222;
+}
+
+/*------------------------------------------*/
+/*  SINGLE POST COMMENT FORM
+/*------------------------------------------*/
+
+.post-comments #leave-comment h5 {
+  padding-bottom: 0;
+  margin-top: 80px;
+  margin-bottom: 10px;
+  border: none;
+}
+
+.comment-form {
+  position: relative;
+  margin-top: 60px;
+}
+
+.comment-form p {
+  position: relative;
+  color: #353f4f;
+  line-height: 1;
+  font-weight: 500;
+  margin-bottom: 15px;
+  padding-left: 8px;
+  display: block;
+}
+
+.comment-form p span {
+  position: relative;
+  color: #ff3366;
+  top: -3px;
+}
+
+.comment-form .form-control {
+  height: 62px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  box-shadow: 0 0 0 0;
+  color: #353f4f;
+  font-size: 1rem;
+  line-height: 1;
+  font-weight: 400;
+  padding: 0 20px;
+  margin-bottom: 30px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+  -webkit-transition: all 300ms ease-in-out;
+  -moz-transition: all 300ms ease-in-out;
+  -o-transition: all 300ms ease-in-out;
+  -ms-transition: all 300ms ease-in-out;
+  transition: all 300ms ease-in-out;
+}
+
+.comment-form textarea { min-height: 220px; }
+.comment-form textarea.form-control { 
+  padding: 25px 20px;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Input Focus
+/*------------------------------------------*/
+
+.comment-form .form-control:focus {
+  outline: 0px none;
+  box-shadow: none;
+  background-color: #fcfdfd;
+  border-color: #1680fb;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Button
+/*------------------------------------------*/
+
+.comment-form .btn {
+  margin-top: 15px;
+}
+
+.comment-form .btn:focus {
+  outline: 0px none;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Message
+/*------------------------------------------*/
+
+.comment-form-msg {
+  width: 100%!important;
+  display: block;
+  margin-top: 15px;
+  padding-left: 0;
+}
+
+.comment-form .loading {
+  color: #00b2e4;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 500;
+}
+
+.comment-form .error {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 10px;
+}
+
+
+
+
+/* ==========================================================================
+  28. CONTACTS
+  =========================================================================== */
+
+#contacts-1 .contact-form p {
+  color: #353f4f;
+  line-height: 1;
+  font-weight: 500;
+  margin-bottom: 10px;
+  padding-left: 8px;
+}
+
+#contacts-1 .contact-form .col-md-12 span {
+  display: block;
+  font-size: 0.95rem;
+  line-height: 1;
+  font-weight: 300;
+  margin-bottom: 20px;
+  padding-left: 8px;
+}
+
+#contacts-1 .contact-form .contact-form-notice p {
+  font-size: 0.835rem;
+  font-weight: 300;
+  line-height: 1.5555;
+  padding-left: 0;
+  margin-top: 40px;
+}
+
+.contact-form-notice p a {
+  color: #353f4f;
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  CONTACT FORM INPUT
+/*------------------------------------------*/
+
+.contact-form .form-control,
+.contact-form .form-select {
+  height: 62px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  box-shadow: 0 0 0 0;
+  color: #3a4a56;
+  font-size: 1rem;
+  font-weight: 400;
+  padding: 0 15px;
+  margin-bottom: 30px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+}
+
+.bg--snow .contact-form .form-control,
+.bg--snow .contact-form .form-select {
+  background-color: #fff;
+  border: 1px solid #ccc;
+}
+
+.contact-form .form-select {
+  display: inline-block;
+  width: 100%;
+  color: #998da0;
+  box-shadow: none;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+}
+
+/*------------------------------------------*/
+/*  Contact Form Textarea
+/*------------------------------------------*/
+
+.contact-form textarea { min-height: 220px; }
+.contact-form textarea.form-control { 
+  padding: 20px 15px;
+}
+
+/*------------------------------------------*/
+/*  Contact Form Placeholder
+/*------------------------------------------*/
+
+.contact-form .form-control::-moz-placeholder { color: #999; } 
+.contact-form .form-control:-ms-input-placeholder { color: #999; }
+.contact-form .form-control::-webkit-input-placeholder { color: #999; }
+
+/*------------------------------------------*/
+/*  Contact Form Input Focus
+/*------------------------------------------*/
+
+.contact-form .form-control:focus,
+.contact-form .form-select:focus {
+  outline: 0px none;
+  box-shadow: none;
+  background-color: #fcfdfd;
+  border-color: #1680fb;
+}
+
+/*------------------------------------------*/
+/*  Contact Form Message
+/*------------------------------------------*/
+
+.contact-form-msg {
+  width: 100%!important;
+  display: block;
+  margin-top: 20px;
+  padding-left: 0;
+}
+
+.contact-form .loading {
+  color: #00b2e4;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 500;
+  padding-left: 15px;
+}
+
+.contact-form  .error {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 10px;
+}
+
+
+
+
+/* ==========================================================================
+  29. FOOTER
+  =========================================================================== */
+
+.footer {
+  padding-bottom: 50px;
+}
+
+.footer-info,
+.footer-links {
+  margin-bottom: 40px;
+}
+
+#footer-10 .footer-info {
+  margin-bottom: 40px;
+  padding-bottom: 55px;
+  border-bottom: 1px solid #dbdddf;
+}
+
+#footer-10 .footer-links {
+  margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  FOOTER LOGO
+/*------------------------------------------*/
+
+img.footer-logo,
+img.footer-logo-dark {
+  width: auto;
+  max-width: inherit;
+  max-height: 40px;
+}
+
+#footer-10 img.footer-logo {
+  max-height: 46px;
+}
+
+#footer-1 .footer-logo,
+#footer-5 .footer-logo,
+#footer-6 .footer-logo,
+#footer-7 .footer-logo {
+  margin-bottom: 25px;
+}
+
+/*------------------------------------------*/
+/*  FOOTER TYPOGRAPHY
+/*------------------------------------------*/
+
+.footer h6 {
+  line-height: 1;
+  margin-bottom: 25px;
+}
+
+#footer-9.footer h6 {
+  line-height: 1.5;
+}
+
+.bg--black.footer h6 {
+  color: #fff;
+}
+
+/*------------------------------------------*/
+/*  FOOTER INFO
+/*------------------------------------------*/
+
+.footer-info-copyright p {
+  margin-bottom: 0;
+}
+
+.footer-info-copyright p span {
+  position: relative;
+  top: 2px;
+  padding: 0 2px;
+}
+
+.footer-info-copyright.ico-15 [class*="flaticon-"]:before, 
+.footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.85rem; }
+
+/*------------------------------------------*/
+/*  FOOTER MAIL LINK
+/*------------------------------------------*/
+
+.footer .footer-mail-link {
+  margin-left: 3px;
+  margin-bottom: 0;
+}
+
+#footer-1 .footer-info .footer-mail-link {
+  margin-top: 10px;
+}
+
+#footer-2 .footer-links .footer-mail-link,
+#footer-3 .footer-links .footer-mail-link {
+  margin-left: 0;
+  margin-bottom: 20px;
+}
+
+.footer-mail-link a {
+  font-weight: 400;
+}
+
+.footer-mail-link span {
+  position: relative;
+  top: 4px;
+  right: 3px;
+}
+
+.footer-mail-link.ico-20 [class*="flaticon-"]:before, 
+.footer-mail-link.ico-20 [class*="flaticon-"]:after { font-size: 1.125rem; }
+
+.bg--black.footer .footer-mail-link a {
+  color: #a0a7b1;
+}
+
+.bg--black.footer .footer-mail-link a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  FOOTER LINKS
+/*------------------------------------------*/
+
+#footer-2 .footer-links {
+  padding-left: 10%;
+}
+
+.foo-links li {
+  width: auto!important;
+  display: block!important;
+  vertical-align: top;
+  clear: none !important;
+  margin: 0;
+  padding: 0;
+}
+
+.foo-links.ico-10 li span {
+  position: relative;
+  top: 1.5px;
+  right: 3px;
+}
+
+#footer-8 .foo-links li {
+  display: inline-block!important;
+  padding-left: 20px;
+}
+
+#footer-8 .foo-links li.first-li {
+  padding-left: 0;
+}
+
+#footer-10 .foo-links li {
+  display: inline-block!important;
+  padding: 0 10px;
+}
+
+.footer .foo-links li p {
+  font-weight: 400;
+  margin-bottom: 10px;
+}
+
+.footer .foo-links li:last-child p {
+  margin-bottom: 0;
+}
+
+.foo-links li a span.ext-link {
+  display: inline-block;
+  position: relative;
+  left: 3px;
+  top: 1.5px;
+  transform: rotate(-60deg);
+}
+
+.foo-links.ico-15 [class*="flaticon-"]:before, 
+.foo-links.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+.bg--black.footer .foo-links li p a {
+  color: #a0a7b1;
+}
+
+.bg--black.footer .foo-links li p a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  FOOTER SOCIAL
+/*------------------------------------------*/
+
+.footer-socials {
+  margin: 0;
+  display: inline-block; 
+}
+
+.footer-socials li {
+  float: left;
+  width: auto !important;
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  margin: 0;
+}
+
+.footer-socials a {
+  display: block;
+  margin-right: 15px;
+}
+
+.footer-socials.ico-20 a,
+.footer-socials.ico-25 a { 
+  margin-right: 16px; 
+} 
+
+.footer-socials.ico-25 [class*="flaticon-"]:before, 
+.footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.325rem; }
+
+.bg--black.footer .footer-socials li a {
+  color: #a0a7b1;
+}
+
+.bg--black.footer .footer-socials li a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  FOOTER STORE BAGES
+/*------------------------------------------*/
+
+.footer .store {
+  float: none;
+  margin-right: 0;
+  margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  FOOTER NEWSLETTER FORM
+/*------------------------------------------*/
+
+.footer-form {
+  margin-bottom: 20px;
+}
+
+#footer-7 .footer-form {
+  padding-left: 8%;
+}
+
+.footer-form .newsletter-form .input-group {
+  background-color: #f4f4f4;
+  border: 1px solid transparent;
+  padding: 9px 2px;
+}
+
+.footer-form .form-control {
+  height: 32px;
+  background-color: transparent;
+  border: none;
+  color: #666;
+  font-size: 1rem;
+  font-weight: 400;
+  padding: 0 10px;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Input Focus
+/*------------------------------------------*/
+
+.footer-form .form-control:focus {
+  border: none;
+  border-right: none;
+  outline: 0;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Footer Form Placeholder
+/*------------------------------------------*/
+
+.footer-form .form-control::-moz-placeholder { color: #6c757d; } 
+.footer-form .form-control:-ms-input-placeholder { color: #6c757d; } 
+.footer-form .form-control::-webkit-input-placeholder { color: #6c757d; } 
+
+/*------------------------------------------*/
+/*  Newsletter Form Button
+/*------------------------------------------*/
+
+.footer-form .btn {
+  height: 32px;
+  padding: 0 10px;
+}
+
+.footer-form .ico-15 [class*="flaticon-"]:before, 
+.footer-form .ico-15 [class*="flaticon-"]:after { line-height: 28px!important; }
+
+/*------------------------------------------*/
+/*  Footer Form Notification
+/*------------------------------------------*/
+
+.footer-form .form-notification {
+  color: #1680fb;
+  font-size: 0.85rem;
+  line-height: 1.25;
+  font-weight: 400;
+  margin-top: 12px;
+  margin-left: 5px;
+}
+
+.footer-form .form-notification.valid,
+.footer-form .form-notification.error {
+  color: #fc2f4b;
+}
+
+.footer-form .newsletter-form.valid {
+  color: #0fbc49;
+}
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER
+/*------------------------------------------*/
+
+.footer hr {
+  margin-top: 30px;
+  margin-bottom: 50px;
+}
+
+#footer-8 .bottom-footer,
+#footer-9 .bottom-footer {
+  margin-top: 20px;
+}
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER COPYRIGHT
+/*------------------------------------------*/
+
+.footer-copyright p {
+  margin-bottom: 0;
+}
+
+.bg--black.footer .footer-copyright p {
+  color: #a0a7b1;
+}
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER SECONDARY LINK
+/*------------------------------------------*/
+
+.bottom-secondary-link p {
+  margin-bottom: 0;
+}
+
+.bottom-secondary-link p span {
+  position: relative;
+  top: 1px;
+  padding: 0 2px;
+}
+
+.bottom-secondary-link.ico-15 [class*="flaticon-"]:before, 
+.bottom-secondary-link.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER LINKS
+/*------------------------------------------*/
+
+.bottom-footer-list li,
+.bottom-footer-socials li,
+.bottom-footer-payment li {
+  width: auto!important;
+  display: inline-block!important;
+  vertical-align: top;
+  clear: none !important;
+}
+
+.bottom-footer-socials li {
+  padding-left: 14px; 
+}
+
+#footer-4 .bottom-footer-list li,
+#footer-9 .bottom-footer-list li {
+  padding-left: 15px; 
+}
+
+#footer-4 .bottom-footer-list li.first-li,
+#footer-9 .bottom-footer-list li.first-li {
+  padding-left: 0; 
+}
+
+#footer-10 .bottom-footer-socials li {
+  padding: 0 15px; 
+}
+
+.footer-list-divider {
+  position: relative;
+  top: -0.5px;
+  transform: rotate(-90deg);
+  margin-left: 4px;
+}
+
+.bottom-footer-list.ico-15 [class*="flaticon-"]:before, 
+.bottom-footer-list.ico-15 [class*="flaticon-"]:after { font-size: 0.8rem; }
+
+.bottom-footer-list li p {
+  display: inline-block;
+  float: left;
+  margin-bottom: 0;
+}
+
+.bottom-footer-socials li span { 
+  position: relative;
+  top: 4px; 
+  opacity: .8;
+}
+
+.bottom-footer-payment li span {
+  line-height: 1!important;
+  position: relative;
+  top: 4px; 
+  opacity: .8;
+}
+
+#footer-4 .bottom-footer-list li span,
+#footer-9 .bottom-footer-list li span {
+  margin-top: 1px;
+  margin-right: 2px; 
+}
+
+.bottom-footer-socials.ico-20 [class*="flaticon-"]:before, 
+.bottom-footer-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.115rem; }
+
+.bottom-footer-socials.ico-25 [class*="flaticon-"]:before, 
+.bottom-footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.25rem; }
+
+.bg--black.footer .bottom-footer-list li p a {
+  color: #a0a7b1;
+}
+
+.bg--black.footer .bottom-footer-list li p a:hover {
+  color: #fff!important;
+}
+
+
+
+
+/* ==========================================================================
+  30. INNER PAGE WRAPPER
+  =========================================================================== */
+
+.inner-page-hero {
+  padding-top: 180px;
+}
+
+.page-hero-section-overlay {
+  position: relative;
+  width: 100%;
+  padding-top: 150px;
+}
+
+.page-hero-section-overlay .txt-block {
+  margin-top: -40px;
+}
+
+.page-hero-section .wave-shape-bottom path {
+  fill: #fff;
+}
+
+/*------------------------------------------*/
+/*  INNER PAGE TITLE
+/*------------------------------------------*/
+
+.inner-page-title {
+  text-align: center;
+  margin-bottom: 80px;
+}
+
+.inner-page-title h2 {
+  margin-bottom: 0;
+}
+
+.inner-page-title p {
+  font-size: 1.1875rem;
+  line-height: 1;
+  margin-top: 20px;
+  margin-bottom: 0;
+}
+
+.page-hero-section h2 {
+  line-height: 1.15;
+  margin-bottom: 30px;
+}
+
+
+
+
+/* ==========================================================================
+  31. PAGE PAGINATION
+  =========================================================================== */
+
+.page-link {
+  color: #6c757d;
+  font-size: 1.1rem;
+  font-weight: 500;
+  padding: 2px 14px;
+  margin: 0 8px;
+  background-color: transparent;
+  border: 2px solid transparent;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -o-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.pagination.ico-20 [class*="flaticon-"]:before, 
+.pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.9rem; } 
+
+.page-item:first-child .page-link {
+  border-top-left-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
+
+.page-item:last-child .page-link {
+  border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px;
+}
+
+.blue-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #1680fb;
+  border: 2px solid #1680fb;
+}
+
+.green-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #0fbc49;
+  border: 2px solid #0fbc49;
+}
+
+.pink-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #f74780;
+  border: 2px solid #f74780;
+}
+
+.purple-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #7b5dd6;
+  border: 2px solid #7b5dd6;
+}
+
+.red-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #ff1e1a;
+  border: 2px solid #ff1e1a;
+}
+
+.violet-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #be6cbe;
+  border: 2px solid #be6cbe;
+}
+
+.yellow-pagination .page-item.active .page-link {
+  color: #353f4f!important;
+  background-color: #ffba01;
+  border: 2px solid #ffba01;
+}
+
+.page-item.disabled .page-link {
+  color: #6c757d;
+  background-color: transparent;
+  border: 2px solid transparent;
+}
+
+.page-link:hover {
+  color: #6c757d;
+  background-color: transparent;
+  border: 2px solid #ccc;
+}
+
+.page-link:focus {
+  color: #6c757d;
+  background-color: transparent;
+  border: 2px solid transparent;
+  box-shadow: 0 0;
+}
+
+
+
+
+/* ==========================================================================
+  32. TERMS, PRIVACY, COOKIES PAGES
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  TERMS PAGE TYPOGRAPHY
+/*------------------------------------------*/
+
+.txt-block.legal-info h5 {
+  margin-top: 30px;
+  margin-bottom: 30px;
+}
+
+.txt-block.legal-info h4 {
+  margin-top: 80px;
+  margin-bottom: 30px;
+}
+
+.txt-block.legal-info h4 span,
+.txt-block.legal-info h5 span {
+  margin-right: 4px;
+}
+
+.legal-info p span {
+  color: #353f4f;
+  font-weight: 500;
+}
+
+.legal-info a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+
+
+
+/* ==========================================================================
+  33. SIGN-IN / SIGN-UP PAGE
+  =========================================================================== */
+
+#login,
+#signup {
+  background: url(../images/login.jpg);
+  background-position: bottom left;
+  min-height: 100vh;
+  padding-top: 80px;
+  padding-bottom: 80px;
+}
+
+#reset-password {
+  background: url(../images/reset-password.jpg);
+  background-position: center center;
+  min-height: 100vh;
+  padding-top: 80px;
+  padding-bottom: 100px;
+}
+
+.register-page-wrapper {
+  overflow: hidden;
+  position: relative;
+  z-index: 1;
+  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); 
+  -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); 
+  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); 
+}
+
+#login .register-page-wrapper {
+  background: url(../images/login-wrapper.jpg);
+  background-position: left top;
+}
+
+#signup .register-page-wrapper {
+  background: url(../images/login-wrapper.jpg);
+  background-position: right center;
+}
+
+#login .register-page-wrapper:after,
+#signup .register-page-wrapper:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 50%;
+  height: 100%;
+  top: 0;
+  background-color: #fff;
+}
+
+#login .register-page-wrapper:after {
+  left: 50%;
+}
+
+#signup .register-page-wrapper:after {
+  left: 0;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE LOGO
+/*------------------------------------------*/
+
+.register-page-txt img {
+  width: auto;
+  max-width: inherit;
+  max-height: 32px;
+  margin-bottom: 55px;
+}
+
+.login-page-logo {
+  text-align: center;
+  margin-bottom: 45px;
+}
+
+.login-page-logo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 45px;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE TITLE
+/*------------------------------------------*/
+
+.register-form-title {
+  text-align: center;
+  margin-bottom: 40px;
+}
+
+.register-form-title h3 {
+  line-height: 1;
+  margin-bottom: 10px;
+}
+
+.register-form-title p {
+  margin-bottom: 0;
+}
+
+.register-form-title a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE TEXT
+/*------------------------------------------*/
+
+#login .register-page-txt,
+#signup .register-page-txt {
+  padding: 70px 60px;
+}
+
+.register-page-txt h2 {
+  line-height: 1.15;
+  font-weight: 700;
+  margin-bottom: 6px;
+}
+
+#login .register-page-copyright {
+  position: absolute;
+  left: 60px;
+  bottom: 45px;
+}
+
+#signup .register-page-copyright {
+  position: absolute;
+  right: 60px;
+  bottom: 45px;
+}
+
+.register-page-copyright p {
+  font-size: 0.85rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.reset-form-title {
+  margin-bottom: 30px;
+}
+
+.reset-form-title h5 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.reset-form-title p.p-sm {
+  font-size: 0.9rem;
+  margin-top: 25px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM
+/*------------------------------------------*/
+
+.register-page-form {
+  padding: 60px;
+}
+
+.login-1 .register-page-form,
+.signup-1 .register-page-form {
+  padding: 20px 30px;
+}
+
+.reset-page-wrapper { 
+  margin: 0 10px;
+}
+
+.reset-page-wrapper form { 
+  background: #fff;
+  border: 1px solid #fafafa;
+  padding: 50px 30px 25px;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE TYPOGRAPHY
+/*------------------------------------------*/
+
+.register-page-form p.input-header {
+  position: relative;
+  color: #353f4f;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 500;
+  margin-bottom: 12px;
+  padding-left: 5px;
+}
+
+.reset-password-link p {
+  position: relative;
+  font-size: 0.9rem;
+  line-height: 1;
+  margin-top: -8px;
+  margin-bottom: 10px;
+}
+
+.form-data span {
+  display: block;
+  font-size: 0.85rem;
+  margin-bottom: 0;
+}
+
+.form-data span a {
+  color: #353f4f;
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.register-page-form p.create-account {
+  font-size: 0.925rem;
+  line-height: 1;
+  margin-top: 30px;
+  margin-bottom: 0;
+}
+
+.register-page-form p.create-account a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE SEPARATOR LINE
+/*------------------------------------------*/
+
+.separator-line {
+  display: flex;
+  width: 100%;
+  -webkit-box-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  align-items: center;
+  text-align: center;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 0.9rem;
+  font-weight: 500;
+  margin: 25px 0px 30px;
+}
+
+.separator-line::before, 
+.separator-line::after {
+  content: "";
+  border-top: 2px solid rgba(0, 0, 0, .1);
+  margin: 0 15px 0 0;
+  flex: 1 0 20px;
+}
+
+.separator-line::after {
+  margin: 0 0 0 15px;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM INPUT
+/*------------------------------------------*/
+
+.reset-page-wrapper .form-control,
+.register-page-form .form-control {
+  height: 60px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  color: #353f4f;
+  font-size: 0.95rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 25px;
+  padding: 5px 20px;
+   -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+  -webkit-transition: all 300ms ease-in-out;
+  -moz-transition: all 300ms ease-in-out;
+  -o-transition: all 300ms ease-in-out;
+  -ms-transition: all 300ms ease-in-out;
+  transition: all 300ms ease-in-out;
+}
+
+.login-1 .form-control,
+.signup-1 .form-control {
+  background-color: #fff;
+  border: 1px solid #ccc;
+}
+
+.reset-page-wrapper .form-control {
+  text-align: center;
+}
+
+.register-page-form .form-control::-moz-placeholder { color: #999; } 
+.register-page-form .form-control:-ms-input-placeholder { color: #999; } 
+.register-page-form .form-control::-webkit-input-placeholder { color: #999; } 
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM FOCUS
+/*------------------------------------------*/
+
+.reset-page-wrapper .form-control:focus,
+.register-page-form .form-control:focus {
+  outline: 0px none;
+  box-shadow: none;
+  background-color: #fcfdfd;
+  border-color: #1680fb;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM BUTTON
+/*------------------------------------------*/
+
+#signup .register-page-form .btn.submit, 
+#login .register-page-form .btn.submit {
+  width: 100%;
+  height: 60px;
+  margin-top: 20px;
+}
+
+.reset-page-wrapper .btn.submit {
+  width: 100%;
+  margin-bottom: 20px;
+}
+
+.register-page-form .btn-google {
+  width: 100%;
+  color: #333;
+  font-size: 0.95rem;
+  background-color: #fff;
+  border: 1px solid #ccc;
+}
+
+.btn-google img {
+  position: relative;
+  width: 22px;
+  height: 22px;
+  top: -2px;
+  right: 5px;
+}
+
+.register-page-form .btn-google:hover {
+  border: 1px solid #333;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM MESSAGE
+/*------------------------------------------*/
+
+.reset-form-msg {
+  text-align: center;
+  width: 100%!important;
+  display: block;
+}
+
+.reset-password-form .loading {
+  color: #00b2e4;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 500;
+  padding-left: 15px;
+}
+
+.reset-password-form .error {
+  position: relative;
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  top: -10px;
+  margin-bottom: 12px;
+  padding-left: 10px;
+}
+
+/*------------------------------------------*/
+/*  FORM HIDE PASSWORD
+/*------------------------------------------*/
+
+.wrap-input {
+  position: relative;
+}
+
+.btn-show-pass {
+  color: #999999;
+  align-items: center;
+  position: absolute;
+  height: 100%;
+  top: 20px;
+  right: 20px;
+  cursor: pointer;
+  -webkit-transition: all 0.4s;
+  -o-transition: all 0.4s;
+  -moz-transition: all 0.4s;
+  transition: all 0.4s;
+}
+
+.btn-show-pass.ico-20 [class^="flaticon-"]:before, 
+.btn-show-pass.ico-20 [class^="flaticon-"]:after {
+  font-size: 1.125rem;
+}
+
+.btn-show-pass:hover {
+  color: #0195ff;
+}
+
+.btn-show-pass.active {
+  color: #6a7dfe;
+}
+
+
+
+
+/* ==========================================================================
+  34. PAGE 404
+  =========================================================================== */
+
+.page-404-txt {
+  padding-top: 180px;
+  padding-bottom: 100px;
+}
+
+.page-404-txt h2 {
+  margin-bottom: 20px;
+}
+
+.page-404-txt h6 {
+  line-height: 1.6;
+  font-weight: 400;
+  padding: 0 5%;
+  margin-bottom: 30px;
+}
+
+.page-404-img {
+  padding: 0 5%;
+  margin-bottom: 60px;
+}
+
+
+
+
+/* ==========================================================================
+  35. MODAL
+  ========================================================================== */ 
+
+.modal-body {
+  padding: 0!important;
+}  
+
+#modal-1 .modal-dialog {
+  max-width: 700px;
+}
+
+#modal-2 .modal-dialog {
+  width: 440px;
+}
+
+#modal-3 .modal-dialog.modal-xl {
+  width: 750px;
+}
+
+#modal-2.modal .modal-content,
+#modal-3.modal .modal-content {
+  overflow: hidden;
+  -webkit-border-radius: 10px; 
+  -moz-border-radius: 10px; 
+  -o-border-radius: 10px; 
+  border-radius: 10px;
+}
+
+#modal-3.modal .bg-img {
+  background: url(../images/modal-request.jpg);
+  background-position: left center;  
+}
+
+#modal-2 .modal-body-content {
+  padding: 35px 40px 15px;
+}
+
+#modal-3 .modal-body-content {
+  padding: 60px 35px 50px;
+}
+
+/*------------------------------------------*/
+/*  MODAL WINDOW CLOSE BUTTON
+/*------------------------------------------*/ 
+
+.modal .btn-close {
+  position: absolute;
+  z-index: 1;
+  right: 15px!important;
+  top: 15px!important;
+  height: 1.5rem;
+  width: 1.5rem;
+  background: rgba(255, 255, 255, 1)!important;
+  border-radius: 50%;
+  padding: 0;
+  opacity: .9;
+  z-index: 9999;
+}
+
+#modal-3.modal .btn-close {
+  background: rgba(14, 14, 14, .3)!important;
+}
+
+.btn-close span {
+  position: relative;
+  line-height: 24px!important;
+  top: -2px;
+}
+
+.modal .btn-close.ico-10 [class^="flaticon-"]:before, 
+.modal .btn-close.ico-10 [class^="flaticon-"]:after {
+  font-size: 0.6rem;
+}
+
+button.btn-close:focus {
+  outline: none!important;
+  text-decoration: none!important;
+}
+
+/*------------------------------------------*/
+/*  MODAL WINDOW NEWSLETTER FORM
+/*------------------------------------------*/ 
+
+.modal-body .newsletter-form {
+  margin-top: 25px;
+}
+
+.modal .newsletter-form .form-control {
+  text-align: center;
+  height: 56px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  font-size: 1rem;
+  color: #353f4f;
+  font-weight: 400;
+  padding: 0 15px;  
+  margin: 0 0 15px 0;
+  box-shadow: none;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  border-radius: 6px;
+}
+
+/*------------------------------------------*/
+/*  Form Input Focus
+/*------------------------------------------*/
+
+.modal .newsletter-form .form-control:focus {
+  outline: 0;
+  box-shadow: none;
+  border-color: #1e90ff;
+}
+
+.modal .newsletter-form.purple-focus .form-control:focus {
+  border-color: #8863ee;
+}
+
+/*------------------------------------------*/
+/*  Form Input Placeholder
+/*------------------------------------------*/
+
+.modal .newsletter-form .form-control::-moz-placeholder { color: #aaa; } 
+.modal .newsletter-form .form-control:-ms-input-placeholder { color: #aaa; } 
+.modal .newsletter-form .form-control::-webkit-input-placeholder { color: #aaa; } 
+
+/*------------------------------------------*/
+/*  Form Button
+/*------------------------------------------*/
+
+.modal .input-group-btn { 
+  display: block; 
+  width: 100%!important; 
+}
+
+.modal .newsletter-form .btn {
+  display: block; 
+  width: 100%!important;
+  height: 56px;
+  margin: 0;
+}
+
+/*------------------------------------------*/
+/*  Form Notification
+/*------------------------------------------*/
+
+.modal .form-notification {
+  text-align: center;
+  color: #1680fb;
+  font-size: 0.85rem;
+  font-weight: 400;
+  line-height: 1;
+  margin-top: 12px;
+}
+
+.modal .form-notification.valid,
+.modal .form-notification.error {
+   color: #fc2f4b;
+}
+
+.modal .newsletter-form.valid {
+  color: #0fbc49;
+}
+
+/*------------------------------------------*/
+/*  MODAL WINDOW REQUEST FORM
+/*------------------------------------------*/ 
+
+#modal-3 .request-form {
+  margin: 0;
+}
+
+#modal-3 .request-form .col-md-12 {
+  padding: 0;
+}
+
+#modal-3 .request-form-title p {
+  margin-top: 18px;
+  margin-bottom: 25px;
+}
+
+#modal-3 .request-form .form-control { 
+  text-align: left;
+  margin: 0 0 25px 0;
+}
+
+#modal-3 .request-form .btn {
+  display: block; 
+  width: 100%!important;
+  height: 56px;
+  margin: 0;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Message
+/*------------------------------------------*/
+
+#modal-3 .request-form-msg {
+  width: 100%!important;
+  display: block;
+  margin-top: 15px;
+  padding-left: 0;
+}
+
+#modal-3 .request-form .loading {
+  color: #1680fb;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 400;
+}
+
+#modal-3 .request-form .error {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 10px;
+}
+ 
+
+
+
+/* ==========================================================================
+  31. DARK MODE
+  ========================================================================== */  
+
+body.theme--dark,
+.theme--dark .bg--white-100 { 
+  background-color: #232734!important;  
+} 
+
+body.theme--dark { 
+  color: #b1b7cd; 
+}
+
+.dark-theme-img { display: none; position: absolute; }
+.theme--dark .dark-theme-img { display: inline-block; position: relative; }
+.theme--dark  .owl-carousel .owl-item img.light-theme-img { display: none; position: absolute; }
+.theme--dark  .owl-carousel .owl-item img.dark-theme-img { display: block; }
+.theme--dark .light-theme-img { display: none; }
+
+.theme--dark .block-shadow { 
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+}
+
+.theme--dark .block-border {
+  border: 1px solid #e7e7e7;
+}
+
+.theme--dark .block-border.block-shadow { 
+  border: 1px solid #f5f6f6; 
+}
+
+.theme--dark .x-border { border-top: 1px solid #1d212c; border-bottom: 1px solid #1d212c; }
+.theme--dark .top-border { border-top: 1px solid #1d212c; }
+.theme--dark .bottom-border { border-bottom: 1px solid #1d212c; }
+
+.theme--dark .bg--white-300, 
+.theme--dark .bg--white-400,
+.theme--dark .bg--purple-100,
+.theme--dark .shape--purple-100:after,
+.theme--dark .shape--white-500:after,
+.theme--dark .shape--white-400:after,
+.theme--dark .shape--white-300:after,
+.theme--dark .shape--white-200:after {
+  background-color: #1d212c;
+}
+
+.theme--dark .bg--02,
+.theme--dark .bg--04,
+.theme--dark .gr--smoke,
+.theme--dark .gr--ghost,
+.theme--dark .shape--whitesmoke:after {
+  background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .55) 100%);
+}
+
+.theme--dark .gr--whitesmoke,
+.theme--dark .shape--gr-whitesmoke:after {
+  background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .05) 100%);
+}
+/*------------------------------------------*/
+/*  SECTION DIVIDER
+/*------------------------------------------*/
+
+.theme--dark hr.divider,
+.theme--dark .footer hr {
+  background-image: linear-gradient(90deg, rgba(122,125,147,0) 0, #7a7d93 38%, #7a7d93 64%, rgba(122,125,147,0) 99%); 
+}
+
+.theme--dark hr.divider.divider-light {
+  background-color: #fff;
+  background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #dedede 38%, #dedede 64%, rgba(206,211,246,0) 99%);
+  opacity: 1;
+}
+
+/*------------------------------------------*/
+/*  TYPOGRAPHY
+/*------------------------------------------*/
+
+.theme--dark h1, 
+.theme--dark h2, 
+.theme--dark h3,
+.theme--dark h4,
+.theme--dark h5, 
+.theme--dark h6 {  
+  color: #fff;
+}
+
+.theme--dark a { color: #b1b7cd; }
+.theme--dark a:hover, .theme--dark a.tra-link:hover span { color: #f7f8f9!important; }
+
+/*------------------------------------------*/
+/*  BUTTONS
+/*------------------------------------------*/
+
+.theme--dark .btn--tra-black,
+.theme--dark .hover--tra-black:hover {
+  color: #b1b7cd!important;
+  background-color:transparent!important;
+  border-color: #b1b7cd!important;
+}
+
+.theme--dark .navbar-dark .hover--tra-black:hover {
+  color: #353f4f!important;
+  background-color:transparent!important;
+  border-color: #353f4f!important;
+}
+
+.theme--dark .white-scroll .hover--tra-black:hover {
+  color: #fff!important;
+  border-color: #fff!important;
+  background-color: transparent!important;
+}
+
+.theme--dark .navbar-dark .scroll .hover--tra-black:hover {
+  color: #fff!important;
+  background-color:transparent!important;
+  border-color: #fff!important;
+}
+
+.theme--dark .btn--white,
+.theme--dark .hover--white:hover {
+  color: #353f4f!important;
+  background-color: #fff!important;
+  border-color: #fff!important;
+}
+
+.theme--dark .btn--tra-white,
+.theme--dark .hover--tra-white:hover {
+  color: #f1f1f1!important;
+  background-color: transparent!important;
+  border-color: #f1f1f1!important;
+}
+
+.theme--dark .white-scroll .scroll .hover--tra-white:hover {
+  color: #fff!important;
+  background-color: transparent!important;
+  border-color: #fff!important;
+}
+
+.theme--dark .btn--tra-grey, 
+.theme--dark .hover--tra-grey:hover,
+.theme--dark .white-scroll .scroll .hover--tra-grey:hover,
+.theme--dark .black-scroll .scroll .hover--tra-grey:hover {
+  color: #b1b7cd!important;
+  background-color: transparent!important;
+  border-color: #b1b7cd!important;
+}
+
+.theme--dark .btn--blue-500, 
+.theme--dark .hover--blue-500:hover,
+.theme--dark .white-scroll .scroll .hover--blue-500:hover,
+.theme--dark .black-scroll .scroll .hover--blue-500:hover {
+  color: #fff!important;
+  border-color: #185abd!important;
+  background-color: #185abd!important;
+}
+
+.theme--dark .btn--blue-400, 
+.theme--dark .hover--blue-400:hover,
+.theme--dark .white-scroll .scroll .hover--blue-400:hover,
+.theme--dark .black-scroll .scroll .hover--blue-400:hover {
+  color: #fff!important;
+  border-color: #1680fb!important;
+  background-color: #1680fb!important;
+}
+
+.theme--dark .btn--blue-300, 
+.theme--dark .hover--blue-300:hover,
+.theme--dark .white-scroll .scroll .hover--blue-300:hover,
+.theme--dark .black-scroll .scroll .hover--blue-300:hover {
+  color: #fff!important;
+  border-color: #3eb1ff!important;
+  background-color: #3eb1ff!important;
+}
+
+.theme--dark .btn--pink-500, 
+.theme--dark .hover--pink-500:hover,
+.theme--dark .white-scroll .scroll .hover--pink-500:hover,
+.theme--dark .black-scroll .scroll .hover--pink-500:hover {
+  color: #fff!important;
+  border-color: #ff149c!important;
+  background-color: #ff149c!important;
+}
+
+.theme--dark .btn--pink-400, 
+.theme--dark .hover--pink-400:hover,
+.white-scroll .scroll .hover--pink-400:hover,
+.black-scroll .scroll .hover--pink-400:hover {
+  color: #fff!important;
+  border-color: #f74780!important;
+  background-color: #f74780!important;
+}
+
+.theme--dark .btn--pink-300, 
+.theme--dark .hover--pink-300:hover,
+.theme--dark .white-scroll .scroll .hover--pink-300:hover,
+.theme--dark .black-scroll .scroll .hover--pink-300:hover {
+  color: #fff!important;
+  border-color: #fcb5cc!important;
+  background-color: #fcb5cc!important;
+}
+
+.theme--dark .btn--purple-500, 
+.theme--dark .hover--purple-500:hover,
+.theme--dark .white-scroll .scroll .hover--purple-500:hover,
+.theme--dark .black-scroll .scroll .hover--purple-500:hover {
+  color: #fff!important;
+  border-color: #663ae9!important;
+  background-color: #663ae9!important;
+}
+
+.theme--dark .btn--purple-400, 
+.theme--dark .hover--purple-400:hover,
+.theme--dark .white-scroll .scroll .hover--purple-400:hover,
+.theme--dark .black-scroll .scroll .hover--purple-400:hover {
+  color: #fff!important;
+  border-color: #7b5dd6!important;
+  background-color: #7b5dd6!important;
+}
+
+.theme--dark .btn--purple-300, 
+.theme--dark .hover--purple-300:hover,
+.theme--dark .white-scroll .scroll .hover--purple-300:hover,
+.theme--dark .black-scroll .scroll .hover--purple-300:hover {
+  color: #fff!important;
+  border-color: #bdaeea!important;
+  background-color: #bdaeea!important;
+}
+
+.theme--dark .btn--violet-500, 
+.theme--dark .hover--violet-500:hover,
+.theme--dark .white-scroll .scroll .hover--violet-500:hover,
+.theme--dark .black-scroll .scroll .hover--violet-500:hover {
+  color: #fff!important;
+  border-color: #c73e9b!important;
+  background-color: #c73e9b!important;
+}
+
+.theme--dark .btn--violet-400, 
+.theme--dark .hover--violet-400:hover,
+.theme--dark .white-scroll .scroll .hover--violet-400:hover,
+.theme--dark .black-scroll .scroll .hover--violet-400:hover {
+  color: #fff!important;
+  border-color: #be6cbe!important;
+  background-color: #be6cbe!important;
+}
+
+.theme--dark .btn--violet-300, 
+.theme--dark .hover--violet-300:hover,
+.theme--dark .white-scroll .scroll .hover--violet-300:hover,
+.theme--dark .black-scroll .scroll .hover--violet-300:hover {
+  color: #fff!important;
+  border-color: #e2bde2!important;
+  background-color: #e2bde2!important;
+}
+
+.theme--dark .section-id {
+  color: #eee; 
+}
+
+.theme--dark .color--black,
+.theme--dark .color--black h2, 
+.theme--dark .color--black h3, 
+.theme--dark .color--black h4, 
+.theme--dark .color--black h5, 
+.theme--dark .color--black h6, 
+.theme--dark .color--black p, 
+.theme--dark .color--black a,
+.theme--dark .color--black li, 
+.theme--dark .color--black i,
+.theme--dark .color--black span, 
+.theme--dar .color--white .color--black { color: #fff; }
+
+.theme--dark .color--grey,
+.theme--dark .color--grey h2, 
+.theme--dark .color--grey h3, 
+.theme--dark .color--grey h4, 
+.theme--dark .color--grey h5, 
+.theme--dark .color--grey h6, 
+.theme--dark .color--grey p, 
+.theme--dark .color--grey a,
+.theme--dark .color--grey li, 
+.theme--dark .color--grey i,
+.theme--dark .color--grey span, 
+.theme--dark .color--white .color--grey { color: #b1b7cd; }
+
+/*------------------------------------------*/
+/*   NAVIGATION MENU
+/*------------------------------------------*/
+
+.theme--dark .dark-menu .wsmainfull,
+.theme--dark .white-menu .wsmainfull {
+  background-color: #1d222f!important;
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+/*------------------------------------------*/
+/*  HEADER LINK
+/*------------------------------------------*/
+
+.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a,
+.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a,
+.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a {
+  color: #fff;
+}
+
+.theme--dark .navbar-light .wsmenu-list > li > a.h-link:hover,
+.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a:hover,
+.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a:hover,
+.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a:hover {
+  color: #eee!important;
+}
+
+.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  HEADER SUBMENU / MEGAMENU
+/*------------------------------------------*/
+
+.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
+  background-color: #2c3142!important; 
+  border: solid 1px #2c3142!important; 
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu:before,
+.theme--dark .wsmenu > .wsmenu-list > li.mg_link:hover > a:after,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu:before {
+  background-color: #2c3142;
+  border-left: solid 1px #2c3142;
+  border-top: solid 1px #2c3142;
+}
+ 
+.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+  color: #b1b7cd;
+  background-color: transparent!important;
+}
+
+.theme--dark .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+  color: #b1b7cd;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR SCROLL
+/*------------------------------------------*/
+
+.theme--dark .tra-menu .wsmainfull.scroll,
+.theme--dark .white-menu .wsmainfull.scroll,
+.theme--dark .dark-menu.dark-scroll .wsmainfull.scroll {
+  background-color: #1d222f!important;
+  padding: 0;
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.theme--dark .tra-menu.navbar-dark .scroll .wsmenu > .wsmenu-list > li > a,
+.theme--dark .tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li > a,
+.theme--dark .tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, 
+.theme--dark .tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #b1b7cd;
+}
+
+.theme--dark .navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover {
+  color: #fff!important;
+}
+
+.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  background-color: rgba(0, 0, 0, .12)!important;
+}
+
+.theme--dark .navbar-light .scroll .btn.btn--tra-white {
+  color: #fff!important;
+  border-color: #fff!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  Logo Image
+/*------------------------------------------*/
+
+.theme--dark .navbar-dark .logo-black,
+.theme--dark .navbar-dark .scroll .logo-black {
+  display: none;
+}
+
+.theme--dark .navbar-dark .logo-white,
+.theme--dark .navbar-dark .scroll .logo-white {
+  display: block;
+}
+
+.theme--dark .navbar-dark .logo-black {
+  display: block;
+}
+
+.theme--dark .navbar-dark .logo-white {
+  display: none;
+}
+
+.theme--dark .navbar-dark .scroll .logo-white {
+  display: block;
+}
+
+/*------------------------------------------*/
+/*  HERO SECTION
+/*------------------------------------------*/
+
+.theme--dark .hero-section .color--black,
+.theme--dark .hero-section .color--black h2, 
+.theme--dark .hero-section .color--black h3, 
+.theme--dark .hero-section .color--black h4, 
+.theme--dark .hero-section .color--black h5, 
+.theme--dark .hero-section .color--black h6, 
+.theme--dark .hero-section .color--black p, 
+.theme--dark .hero-section .color--black a,
+.theme--dark .hero-section .color--black li, 
+.theme--dark .hero-section .color--black i,
+.theme--dark .hero-section .color--black span, 
+.theme--dark .hero-section .color--white .color--black {  color: #353f4f; }
+
+.theme--dark .hero-section p { color: #6c757d; }
+.theme--dark .hero-section .color--white p { color: #fff; }
+.theme--dark .hero-section.gr--whitesmoke p {color: #b1b7cd; }
+.theme--dark .hero-section .section-id.color--grey { color: #6c757d; }
+
+.theme--dark .hero-5-txt p,
+.theme--dark .hero-6-txt p,
+.theme--dark .hero-10-txt p,
+.theme--dark .hero-15-txt p,
+.theme--dark .hero-16-txt p,
+.theme--dark .hero-17-txt p,
+.theme--dark .hero-18-txt p,
+.theme--dark .hero-19-txt p,
+.theme--dark .hero-20-txt p,
+.theme--dark .hero-21-txt p,
+.theme--dark .hero-23-txt p,
+.theme--dark .hero-25-txt p { color: #b1b7cd; }
+
+.theme--dark .hero-section .quick-form .form-control {
+  color: #fff;
+  background-color: #363f54;
+}
+
+.theme--dark #hero-14.hero-section .quick-form .form-control,
+.theme--dark #hero-24.hero-section .quick-form .form-control,
+.theme--dark #hero-26.hero-section .quick-form .form-control {
+  color: #666;
+  background-color: #fff;
+}
+
+.theme--dark .hero-section .quick-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .hero-section .quick-form .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .hero-section .quick-form .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+.theme--dark #hero-14.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } 
+.theme--dark #hero-14.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; }
+.theme--dark #hero-14.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; }
+
+.theme--dark #hero-24.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } 
+.theme--dark #hero-24.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; }
+.theme--dark #hero-24.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; }
+
+.theme--dark #hero-26.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } 
+.theme--dark #hero-26.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; }
+.theme--dark #hero-26.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; }
+
+.theme--dark .hero-section .quick-form .form-control:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+.theme--dark #hero-14.hero-section .quick-form .form-control:focus,
+.theme--dark #hero-24.hero-section .quick-form .form-control:focus,
+.theme--dark #hero-26.hero-section .quick-form .form-control:focus {
+  background-color: #fff;
+  border-color: transparent;
+}
+
+.theme--dark .hero-section .request-form .form-control {
+  color: #fff;
+  background-color: #363f54;
+}
+
+.theme--dark .hero-section .request-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .hero-section .request-form .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .hero-section .request-form .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+.theme--dark .hero-section .request-form .form-control:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+.theme--dark #hero-3:after,
+.theme--dark #hero-4:after {
+  background-color: #232734;
+}
+
+.theme--dark .hero-4-txt h2 {
+  color: #353f4f;
+}
+
+.theme--dark .hero-4-txt .btn.btn--tra-black {
+  color: #353f4f!important;
+  background-color:transparent!important;
+  border-color: #353f4f!important;
+}
+
+.theme--dark #hero-5 {
+  background-image: url(../images/hero-5-dark.jpg);
+}
+
+.theme--dark .hero-6-wrapper {
+  background-image: linear-gradient(90deg, #1d212c, #1d212c);
+}
+
+.theme--dark #hero-8-form {
+  background-color: #1d222f;
+  border: 1px solid #1d222f;
+}
+
+.theme--dark #hero-8-form p {
+  color: #b1b7cd;
+}
+
+.theme--dark #hero-5 .wave-shape-bottom svg path,
+.theme--dark #hero-8 .wave-shape-bottom svg path,
+.theme--dark #hero-14 .wave-shape-bottom svg path,
+.theme--dark #hero-16 .wave-shape-bottom svg path,
+.theme--dark #hero-22 .wave-shape-bottom svg path,
+.theme--dark #hero-23 .wave-shape-bottom svg path,
+.theme--dark #hero-26 .wave-shape-bottom svg path {
+  fill: #232734;
+}
+
+.theme--dark #hero-10 {
+  background-image: url(../images/hero-10-dark.jpg);
+}
+
+.theme--dark #hero-15 {
+  background-image: url(../images/hero-15-dark.jpg);
+}
+
+.theme--dark #hero-16 {
+  background-image: url(../images/hero-16-dark.jpg);
+}
+
+.theme--dark #hero-17 {
+  background-image: url(../images/hero-17-dark.jpg);
+}
+
+.theme--dark #hero-18:after {
+  background-image: url(../images/hero-18-dark.jpg);
+}
+
+.theme--dark #hero-20:after {
+  background-image: linear-gradient(180deg, #1d212c, #232734);
+}
+
+.theme--dark  #hero-21 .hero-overlay {
+  background-image: url(../images/hero-21-dark.jpg);
+}
+
+.theme--dark #hero-23 {
+  background-image: url(../images/hero-23-dark.jpg);
+}
+
+.theme--dark .hero-23-txt p span.color--black { color: #fff; }
+
+.theme--dark #hero-25 {
+  background-image: url(../images/hero-25-dark.jpg);
+}
+
+.theme--dark #hero-27 .hero-overlay {
+  background-image: url(../images/hero-27-dark.png);
+}
+
+/*------------------------------------------*/
+/*  FEATURES
+/*------------------------------------------*/
+
+.theme--dark .features-section path {
+  opacity: .05;
+}
+
+.theme--dark .fbox-7 {
+  border: 2px solid #363f54;
+}
+
+/*------------------------------------------*/
+/*  CONTENT
+/*------------------------------------------*/
+
+.theme--dark .cbox-2-line {
+  background-color: #363f54;
+}
+
+/*------------------------------------------*/
+/*  STATISTIC
+/*------------------------------------------*/
+
+.theme--dark #statistic-5 .statistic-digit {
+  border-bottom: 1px solid #505c77;
+}
+
+/*------------------------------------------*/
+/*  REVIEWS
+/*------------------------------------------*/
+
+.theme--dark #reviews-2 .review-2.bg--white-100 {
+  background-color: #1d212c!important;
+}
+
+.theme--dark .owl-theme .owl-dots .owl-dot span {
+  background: #1d212c;
+}
+
+.theme--dark .owl-theme .owl-dots .owl-dot.active span {
+  background: #b1b7cd;
+}
+
+.theme--dark .review-3.block-border {
+  border-color: #363f54;
+}
+
+/*------------------------------------------*/
+/*  PROJECT DETAILS
+/*------------------------------------------*/
+
+.theme--dark .project-title h2 {
+  border-bottom: 1px solid #363f54;
+}
+
+.theme--dark .project-data p span { color: #fff; }
+
+.theme--dark .project-description .more-projects span {
+  color: #fff;
+}
+
+/*------------------------------------------*/
+/*  RATING
+/*------------------------------------------*/
+
+.theme--dark .rbox-1 .star-rating {
+  background-color: #1d212c!important;
+  border: 1px solid #1d212c;
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+}
+
+/*------------------------------------------*/
+/*  PRICING
+/*------------------------------------------*/
+
+.theme--dark .pricing-discount h6 {
+  color: #353f4f;
+}
+
+.theme--dark .table>:not(caption)>*>* {
+  color: #b1b7cd;
+  background-color: #232734;
+}
+
+.theme--dark .comp-table .table thead th {
+  color: #fff;
+  border-color: #363f54;
+}
+
+.theme--dark .comp-table tbody th {
+  border-bottom: 1px solid #363f54!important;
+}
+
+.theme--dark .comp-table .table tr td {
+  border-bottom: 2px solid #363f54;
+}
+
+/*------------------------------------------*/
+/*  INTEGRATIONS
+/*------------------------------------------*/
+
+.theme--dark .integrations-1-wrapper .in_tool {
+  background-color: #1d212c;
+  border: 1px solid #1d212c;
+}
+
+/*------------------------------------------*/
+/*  PRICING
+/*------------------------------------------*/
+
+.theme--dark .switcher.bg--grey {
+  background-color: #363f54;
+  border: 2px solid #363f54;
+}
+
+/*------------------------------------------*/
+/*  BANNER
+/*------------------------------------------*/
+
+.theme--dark .banner-16-wrapper.bg--white-100.block-border {
+  border-color: #363f54;
+}
+
+/*------------------------------------------*/
+/*  DOWNLOAD
+/*------------------------------------------*/
+
+.theme--dark .release-data {
+  border-bottom: 1px dashed #656565;
+}
+
+.theme--dark span.version-data,
+.theme--dark span.release-date span {
+  color: #f1f1f1;
+}
+
+.theme--dark span.release-date {
+  color: #ccc;
+}
+
+/*------------------------------------------*/
+/*  FAQs
+/*------------------------------------------*/
+
+.theme--dark .faqs-section .accordion-item,
+.theme--dark #faqs-2.faqs-section .accordion-item,
+.theme--dark #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb {
+  border-bottom: 1px solid #363f54;
+}
+
+.theme--dark .faqs-section .tabs-1 li {
+  border: 2px solid #363f54;
+}
+
+.theme--dark .faqs-section .tabs-1 li span,
+.theme--dark .faqs-section .tabs-1 li {
+  color: #b1b7cd;
+}
+
+.theme--dark .faqs-section .accordion-item .accordion-thumb:after,
+.theme--dark .faqs-section .accordion-item.is-active .accordion-thumb:after {
+  color: #b1b7cd;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER
+/*------------------------------------------*/
+
+.theme--dark .newsletter-section .form-control {
+  color: #f1f1f1;
+  background-color: #363f54;
+  border: 1px solid #363f54;
+}
+
+.theme--dark .newsletter-section .form-control:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+.theme--dark .newsletter-section .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .newsletter-section .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .newsletter-section .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+/*------------------------------------------*/
+/*  BLOG
+/*------------------------------------------*/
+
+.theme--dark .post-meta-list p,
+.theme--dark .blog-post-txt a {
+  color: #fff;
+}
+
+.theme--dark .blog-post-txt a:hover {
+  color: #ddd!important;
+}
+
+/*------------------------------------------*/
+/*  SINGLE POST
+/*------------------------------------------*/
+
+.theme--dark .txt-code {
+  background-color: #1d212c;
+}
+
+.theme--dark .txt-code kbd {
+  background-color: #363f54;
+}
+
+.theme--dark  .txt-code p {
+  color: #b1b7cd; 
+}
+
+.theme--dark .comment-form p,
+.theme--dark  .blockquote-footer,
+.theme--dark .txt-code span.code-property,
+.theme--dark .txt-code p code.code-language-js {
+  color: #fff;
+}
+
+.theme--dark .comment-form .form-control {
+  color: #f1f1f1;
+  background-color: #363f54;
+}
+
+.theme--dark .comment-form .form-control:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+.theme--dark .comment-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .comment-form .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .comment-form .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+/*------------------------------------------*/
+/*  CONTACTS
+/*------------------------------------------*/
+
+.theme--dark .contact-form-notice p a,
+.theme--dark #contacts-1 .contact-form p {
+  color: #fff;
+}
+
+.theme--dark .contact-form .form-control,
+.theme--dark .contact-form .form-select {
+  color: #f1f1f1;
+  background-color: #363f54;
+}
+
+.theme--dark .contact-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .contact-form .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .contact-form .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+.theme--dark .contact-form .form-control:focus,
+.theme--dark .contact-form .form-select:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+/*------------------------------------------*/
+/*  FOOTER
+/*------------------------------------------*/
+
+.footer-logo-dark { display: none; }
+.theme--dark .footer-logo { display: none; }
+.theme--dark .footer-logo-dark { display: block; }
+.theme--dark #footer-10 .footer-logo-dark { display: inline-block; }
+
+.theme--dark  #footer-10 .footer-info {
+  border-bottom: 1px solid #363f54;
+}
+
+.theme--dark .footer-form .newsletter-form .btn.dark-color span {
+  color: #2f353e!important;
+}
+
+.theme--dark .footer-form .newsletter-form .input-group {
+  background-color: #282d3c;
+  border: 1px solid #505c77;
+}
+
+.theme--dark .footer-form .form-control {
+  color: #fff;
+}
+
+.theme--dark .footer-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .footer-form .form-control:-ms-input-placeholder { color: #b1b7cd; } 
+.theme--dark .footer-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } 
+
+.theme--dark .legal-info p span {
+  color: #fff;
+}
+
+/*------------------------------------------*/
+/*  INNER PAGE
+/*------------------------------------------*/
+
+.theme--dark .page-hero-section .wave-shape-bottom path {
+  fill: #232734;
+}
+
+/*------------------------------------------*/
+/*  MODAL
+/*------------------------------------------*/
+
+.theme--dark #modal-2 .modal-body-content h5,
+.theme--dark #modal-3 .modal-body-content h3 {
+  color: #353f4f;
+}
+
+/*------------------------------------------*/
+/*  PAGE 404
+/*------------------------------------------*/
+
+.theme--dark #page-404.bg--white-300, .theme--dark #footer-11.bg--white-300 { background-color: #f7f8f9; }
+.theme--dark #page-404 .color--dark { color: #353f4f; }
+
+.theme--dark #page-404 h6.color--grey, .theme--dark #footer-11.bg--white-300,
+.theme--dark #footer-11.bg--white-300 .bottom-footer-list p a { color: #6c757d; }
+
+/*------------------------------------------*/
+/*  LOGIN
+/*------------------------------------------*/
+
+.theme--dark #login, .theme--dark #signup {
+  background: url(../images/login_dark.jpg);
+}
+
+.theme--dark #reset-password {
+  background: url(../images/reset-password-dark.jpg);
+}
+
+.theme--dark #login .register-page-wrapper:after,
+.theme--dark #signup .register-page-wrapper:after {
+  background-color: #1d212c;
+}
+
+.theme--dark .form-data span a,
+.theme--dark .register-page-form p.input-header {
+  color: #fff;
+}
+
+.theme--dark .separator-line::before, 
+.theme--dark .separator-line::after {
+  border-top: 2px solid rgba(255, 255, 255, .15);
+}
+
+.theme--dark .reset-page-wrapper .form-control,
+.theme--dark .register-page-form .form-control {
+  color: #f1f1f1;
+  background-color: #363f54;
+  border: 1px solid #363f54;
+}
+
+.theme--dark .reset-page-wrapper form { 
+  background: #1d212c;
+  border: 1px solid #1d212c;
+}
+
+.theme--dark .register-page-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .register-page-form .form-control:-ms-input-placeholder { color: #b1b7cd; } 
+.theme--dark .register-page-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } 
+
+.theme--dark .reset-password-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .reset-password-form .form-control:-ms-input-placeholder { color: #b1b7cd; } 
+.theme--dark .reset-password-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } 
+
+.theme--dark  .register-page-form .btn-google {
+  color: #b1b7cd;
+  background-color: #363f54;
+  border: 1px solid #363f54;
+}
+
+
+
+
+/* ==========================================================================
+   STYLE CHANGER 
+  ========================================================================== */
+
+#stlChanger {
+  position: fixed;
+  z-index: 9999;
+  font-size: 15px;
+  overflow: hidden;
+  right: -230px;
+  top: 100px;
+  cursor: pointer;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+#stlChanger.open {
+  right: 0px;
+}
+
+#stlChanger .bgChanger {
+  min-width: 280px;
+  min-height: 280px;
+}
+
+#stlChanger .blockChanger {
+  width: 230px;
+}
+
+#stlChanger .chBody {
+  background: #2b2e37;
+  width: 230px;
+  position: relative;
+  overflow: hidden;
+  border: 1px solid #2b2e37;
+  border-radius: 4px 0px 0px 4px;
+  height: 425px; 
+  overflow: scroll; 
+  overflow-x: hidden;
+  direction: rtl;
+  margin-left: 50px;
+}
+
+#stlChanger .chBody.chBody-sm {
+  height: 360px; 
+}
+
+#stlChanger .chBut {
+  background: #ef2853;
+  width: 50px;
+  height: 50px;
+  position: absolute;
+  top: 30px;
+  left: 0;
+  z-index: 1000000;
+  text-align: center;
+  border: 1px solid #ef2853;
+  border-left: none;
+  padding: 0 0 0 2px;
+  border-radius: 4px 0px 0px 4px;
+  -webkit-transition: all 300ms ease-in-out;
+  -moz-transition: all 300ms ease-in-out;
+  -o-transition: all 300ms ease-in-out;
+  -ms-transition: all 300ms ease-in-out;
+  transition: all 300ms ease-in-out;
+  box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); 
+}
+
+#stlChanger .chBut.icon-xs [class*="flaticon-"]:before,
+#stlChanger .chBut.icon-xs [class*="flaticon-"]:after {   
+  color: #fff;
+  font-size: 2.15rem;
+  line-height: 48px!important;
+}
+
+#stlChanger p {
+  font-size: 18px;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-weight: 600;
+  letter-spacing: 0;
+  margin-bottom: 20px;
+}
+
+#stlChanger .stBgs a {
+  text-decoration: none;
+  width: 50px;
+  height: 50px;
+  float: left;
+  padding: 0;
+  margin: 0 5px 8px;
+  cursor: pointer;
+  opacity: 1;
+  -webkit-border-radius: 8px;
+  -moz-border-radius: 8px;
+  border-radius: 8px;
+}
+
+#stlChanger .stBgs a img {
+  width: 50px;
+  height: 50px;
+  -webkit-border-radius: 8px;
+  -moz-border-radius: 8px;
+  border-radius: 8px;
+}
+
+.stBlock1 {
+  margin: 0 20px 25px 20px;
+}
+
+.stBlock .btn {
+  width: 100%;
+  padding: 0.65rem 1.2rem;
+  line-height: 1;
+  margin-top: 15px;
+}
+
+.switch {
+  width: 100%;
+  color: #fff;
+  padding: 0.4rem 1.4rem;
+  border: 2px solid #fff;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+
+
+
+
+/* ==========================================================================
+  34. COLOR SCHEME
+  ========================================================================== */ 
+
+.bg--theme,
+.shape--blue-400:after { 
+  background-color: #0fbc49; 
+}
+
+.btn--theme {
+  color: #fff!important;
+  border-color: #0fbc49!important;
+  background-color: #0fbc49!important;
+}
+
+.hover--theme:hover,
+.white-scroll .scroll .hover--theme:hover,
+.black-scroll .scroll .hover--theme:hover {
+  color: #fff!important;
+  border-color: #07a53c!important;
+  background-color: #07a53c!important;
+}
+
+.theme--dark .white-scroll .scroll .hover--theme:hover {
+  color: #fff!important;
+  border-color: #07a53c!important;
+  background-color: #07a53c!important;
+}
+
+.theme--dark .white-scroll .hover--theme:hover {
+  color: #fff!important;
+  border-color: #07a53c!important;
+  background-color: #07a53c!important;
+}
+
+.color--theme, 
+.color--theme h1, 
+.color--theme h2, 
+.color--theme h3, 
+.color--theme h4, 
+.color--theme h5, 
+.color--theme h6, 
+.color--theme p, 
+.color--theme a, 
+.color--theme li, 
+.color--theme i, 
+.color--theme span,
+.color--white .color--theme { color: #0fbc49!important; }
+
+.loading--theme .loader { 
+  border-color: transparent #0fbc49; 
+}
+
+.loading--theme .loader::after {
+  border-color: transparent rgba(14, 188, 73, .15); 
+}
+
+.nav-theme .sm-info { 
+  background-color: #0fbc49; 
+}
+
+.wsmenu > .wsmenu-list.nav-theme > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #0fbc49!important;
+}
+
+.hero-section .quick-form .form-control:focus {
+  border-color: #0fbc49;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--theme { 
+  color: #0fbc49; 
+  border-color: #0fbc49; 
+}
+
+.tabs-1.tabs--theme, 
+.tabs-1.tabs--theme li.current:hover { 
+  color: #0fbc49; 
+  border-color: #0fbc49; 
+}
+
+.faqs-section .tabs--theme .tabs-1 li.current,
+.faqs-section .tabs--theme .tabs-1 li.current:hover {
+  background-color: #0fbc49;
+  border-color: #0fbc49!important;
+}
+
+.switch-wrap input:checked + .switcher.switcher--theme { 
+  background-color: #0fbc49; 
+  border-color: #0fbc49; 
+}
+
+.shape-ico.color--theme path,
+.shape-ico.color--theme path,
+.shape-ico.color--theme path {
+  fill: #e9f8f2;
+}
+
+.newsletter-section .form-control:focus {
+  background-color: #fff;
+  border-color: #353f4f;
+}
+
+.theme-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #0fbc49;
+  border: 2px solid #0fbc49;
+}
+
+
+
+
+/* ==========================================================================
+  34. XXXXX
+  ========================================================================== */ 
+
+.t-title {
+  text-align: center; 
+  color: #fff;
+  background-color:#1d222f;
+  padding: 10px 5px; 
+  margin: 0 0 40px;
+}
+
+.t-title.btn-s-title {
+  margin: 0;
+}
+
+.t-title h6 {
+  color: #fff;
+  margin-bottom: 0;
+}
\ No newline at end of file
diff --git a/public/css/lunar.css b/public/css/lunar.css
new file mode 100644
index 0000000..35fd5e9
--- /dev/null
+++ b/public/css/lunar.css
@@ -0,0 +1,484 @@
+/**
+ *
+Lunar version  1.0
+The MIT License (MIT)
+Copyright (c) 2011-2019 vivekvasani955@gmail.com
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+ */
+.modal .modal-dialog.modal-full-width {
+  width: 100% !important;
+  max-width: 100% !important;
+  margin: 0 !important;
+  left: 0 !important;
+  right: 0 !important;
+}
+.modal .modal-content {
+  border: 0;
+  border-radius: 3px;
+}
+.modal.fade.modal-top-left .modal-dialog {
+  width: 100%;
+  position: absolute;
+  top: 0;
+}
+@media (min-width: 576px) {
+  .modal.fade.modal-top-left .modal-dialog {
+    left: 1.75rem;
+    margin: 1.75rem auto;
+  }
+}
+@media (max-width: 767.98px) {
+  .modal.fade.modal-top-left .modal-dialog {
+    width: calc(100% - (0.5rem*2));
+  }
+}
+.modal.fade.modal-top-right .modal-dialog {
+  width: 100%;
+  position: absolute;
+  top: 0;
+}
+@media (min-width: 576px) {
+  .modal.fade.modal-top-right .modal-dialog {
+    right: 1.75rem;
+    margin: 1.75rem auto;
+  }
+}
+@media (max-width: 767.98px) {
+  .modal.fade.modal-top-right .modal-dialog {
+    width: calc(100% - (0.5rem*2));
+  }
+}
+.modal.fade.modal-bottom-right .modal-dialog {
+  width: 100%;
+  position: absolute;
+  bottom: 0;
+}
+@media (min-width: 576px) {
+  .modal.fade.modal-bottom-right .modal-dialog {
+    right: 1.75rem;
+    margin: 1.75rem auto;
+  }
+}
+@media (max-width: 767.98px) {
+  .modal.fade.modal-bottom-right .modal-dialog {
+    width: calc(100% - (0.5rem*2));
+  }
+}
+.modal.fade.modal-bottom-left .modal-dialog {
+  width: 100%;
+  position: absolute;
+  bottom: 0;
+}
+@media (min-width: 576px) {
+  .modal.fade.modal-bottom-left .modal-dialog {
+    left: 1.75rem;
+    margin: 1.75rem auto;
+  }
+}
+@media (max-width: 767.98px) {
+  .modal.fade.modal-bottom-left .modal-dialog {
+    width: calc(100% - (0.5rem*2));
+  }
+}
+.modal.fade.modal-bottom-center .modal-dialog {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  left: 0;
+}
+@media (min-width: 576px) {
+  .modal.fade.modal-bottom-center .modal-dialog {
+    margin: 1.75rem auto;
+  }
+}
+@media (max-width: 767.98px) {
+  .modal.fade.modal-bottom-center .modal-dialog {
+    width: calc(100% - (0.5rem*2));
+  }
+}
+.modal .close {
+  position: absolute;
+  z-index: 1;
+  right: 10px !important;
+  top: 10px !important;
+  height: 2.5rem;
+  width: 2.5rem;
+  background: rgba(193, 193, 193, 0.3) !important;
+  border-radius: 50%;
+  font-size: 1.8rem;
+  padding: 0;
+}
+.modal .close:focus {
+  outline: 0;
+}
+.modal .close span {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M14.7,1.3c-0.4-0.4-1-0.4-1.4,0L8,6.6L2.7,1.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4L6.6,8l-5.3,5.3 c-0.4,0.4-0.4,1,0,1.4C1.5,14.9,1.7,15,2,15s0.5-0.1,0.7-0.3L8,9.4l5.3,5.3c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3 c0.4-0.4,0.4-1,0-1.4L9.4,8l5.3-5.3C15.1,2.3,15.1,1.7,14.7,1.3z'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-size: contain;
+  color: transparent;
+  text-shadow: none;
+  background-position: center;
+}
+.modal .close.light span {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M14.7,1.3c-0.4-0.4-1-0.4-1.4,0L8,6.6L2.7,1.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4L6.6,8l-5.3,5.3 c-0.4,0.4-0.4,1,0,1.4C1.5,14.9,1.7,15,2,15s0.5-0.1,0.7-0.3L8,9.4l5.3,5.3c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3 c0.4-0.4,0.4-1,0-1.4L9.4,8l5.3-5.3C15.1,2.3,15.1,1.7,14.7,1.3z'/%3E%3C/svg%3E");
+}
+.modal .close.size-sm {
+  transform: scale(0.5);
+  right: 0.5rem;
+  top: 0.5rem;
+}
+.modal .close.close-pinned {
+  top: -19px;
+  right: -19px;
+}
+
+.modal[data-popup=true] {
+  position: relative;
+  top: unset;
+  left: unset;
+  right: unset;
+  bottom: unset;
+  width: unset;
+  height: unset;
+}
+.modal[data-popup=true].fade.modal-top-left .modal-dialog, .modal[data-popup=true].fade.modal-top-right .modal-dialog, .modal[data-popup=true].fade.modal-bottom-right .modal-dialog, .modal[data-popup=true].fade.modal-bottom-left .modal-dialog, .modal[data-popup=true].fade.modal-bottom-center .modal-dialog {
+  position: fixed;
+}
+.modal[data-popup=true].fade .modal-content {
+  box-shadow: 0 20px 60px -2px rgba(18, 21, 35, 0.19);
+}
+
+.body-scrollable {
+  overflow: unset;
+  padding-right: unset !important;
+}
+.body-scrollable .modal-backdrop {
+  display: none;
+}
+
+.modal-backdrop {
+  background: #2d343a;
+}
+
+/*Bigger CTA Style Button*/
+.btn-cta {
+  text-transform: uppercase;
+  letter-spacing: 1px;
+  padding: 15px 20px;
+  font-size: 0.8rem;
+  font-weight: 600;
+}
+
+/*Alert styles*/
+.event-type {
+  border: 3px solid #e0e6ed;
+  height: 80px;
+  width: 80px;
+  border-radius: 50%;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  transition: all ease 0.2s;
+  transition-delay: 0.3s;
+}
+
+
+.event-type .event-indicator {
+  transition: all cubic-bezier(0, 0.89, 0.44, 1) 0.2s;
+  transform: scale(0);
+  opacity: 0;
+  transition-delay: 0.5s;
+}
+
+.show .event-type .event-indicator {
+  transform: scale(1);
+  opacity: 1;
+}
+
+.show .event-type {
+  border-color: #e0e6ed;
+  background-color: #e0e6ed;
+}
+
+.show .event-type.success {
+  border-color: #00CC99;
+  background-color: #00CC99;
+}
+
+.show .event-type.error {
+  border-color: #f2545b;
+  background-color: #f2545b;
+}
+
+.show .event-type.warning {
+  border-color: #f7bc06;
+  background-color: #f7bc06;
+}
+
+.show .event-type.info {
+  border-color: #19b5fe;
+  background-color: #19b5fe;
+}
+
+/*==================================*/
+/* Additional Utilities */
+/*==================================*/
+/*Bigger CTA Style Button*/
+.btn-cta {
+  text-transform: uppercase;
+  letter-spacing: 1px;
+  padding: 15px 20px;
+  font-size: 0.8rem;
+  font-weight: 600;
+}
+
+/*Overlay for images*/
+.modal .overlay {
+  background-color: rgba(0, 0, 0, 0.35);
+}
+
+.modal .overlay-light {
+  background-color: rgba(0, 0, 0, 0.15);
+}
+
+/*Negative margins for creating pull effect */
+.modal .pull-up-lg {
+  margin-top: -70px;
+}
+
+.modal .pull-up-sm {
+  /*margin-top: -35px;*/
+}
+
+.modal .border-thick {
+  border-width: 0.3rem !important;
+}
+
+.bg-img {
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+.pointer-events-none {
+  pointer-events: none;
+}
+
+/*Height utilities*/
+.m-h-10 {
+  min-height: 10vh;
+}
+
+.m-h-20 {
+  min-height: 20vh;
+}
+
+.m-h-30 {
+  min-height: 30vh;
+}
+
+.m-h-40 {
+  min-height: 40vh;
+}
+
+.m-h-50 {
+  min-height: 50vh;
+}
+
+.m-h-60 {
+  min-height: 60vh;
+}
+
+.m-h-70 {
+  min-height: 70vh;
+}
+
+.m-h-80 {
+  min-height: 80vh;
+}
+
+.m-h-90 {
+  min-height: 90vh;
+}
+
+.m-h-100 {
+  min-height: 100vh;
+}
+
+.bg-rhino {
+  background-color: #28304e !important;
+}
+
+.btn-cstm-light {
+  color: #212841;
+  background-color: #fff;
+  border-color: #fff;
+}
+
+.btn-cstm-light:hover {
+  color: #212841;
+  background-color: #ececec;
+  border-color: #e6e6e6;
+}
+
+.btn-cstm-light:focus, .btn-cstm-light.focus {
+  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+}
+
+.btn-cstm-light.disabled, .btn-cstm-light:disabled {
+  color: #212841;
+  background-color: #fff;
+  border-color: #fff;
+}
+
+.btn-cstm-light:not(:disabled):not(.disabled):active, .btn-cstm-light:not(:disabled):not(.disabled).active, .show > .btn-cstm-light.dropdown-toggle {
+  color: #212841;
+  background-color: #e6e6e6;
+  border-color: #dfdfdf;
+}
+
+.btn-cstm-light:not(:disabled):not(.disabled):active:focus, .btn-cstm-light:not(:disabled):not(.disabled).active:focus, .show > .btn-cstm-light.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+}
+
+.btn-cstm-dark {
+  color: #FFFFFF;
+  background-color: #28304e;
+  border-color: #28304e;
+}
+
+.btn-cstm-dark:hover {
+  color: #FFFFFF;
+  background-color: #1b2035;
+  border-color: #171b2c;
+}
+
+.btn-cstm-dark:focus, .btn-cstm-dark.focus {
+  box-shadow: 0 0 0 0.2rem rgba(40, 48, 78, 0.5);
+}
+
+.btn-cstm-dark.disabled, .btn-cstm-dark:disabled {
+  color: #FFFFFF;
+  background-color: #28304e;
+  border-color: #28304e;
+}
+
+.btn-cstm-dark:not(:disabled):not(.disabled):active, .btn-cstm-dark:not(:disabled):not(.disabled).active, .show > .btn-cstm-dark.dropdown-toggle {
+  color: #FFFFFF;
+  background-color: #171b2c;
+  border-color: #121624;
+}
+
+.btn-cstm-danger {
+  color: #FFFFFF;
+  background-color: #f2545b;
+  border-color: #f2545b;
+}
+
+.btn-cstm-danger:hover {
+  color: #FFFFFF;
+  background-color: #ef3039;
+  border-color: #ee252e;
+}
+
+.btn-cstm-danger:focus, .btn-cstm-danger.focus {
+  box-shadow: 0 0 0 0.2rem rgba(242, 84, 91, 0.5);
+}
+
+.btn-cstm-danger.disabled, .btn-cstm-danger:disabled {
+  color: #FFFFFF;
+  background-color: #f2545b;
+  border-color: #f2545b;
+}
+
+.btn-cstm-danger:not(:disabled):not(.disabled):active, .btn-cstm-danger:not(:disabled):not(.disabled).active, .show > .btn-cstm-danger.dropdown-toggle {
+  color: #FFFFFF;
+  background-color: #ee252e;
+  border-color: #ed1922;
+}
+
+.btn-cstm-danger:not(:disabled):not(.disabled):active:focus, .btn-cstm-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-cstm-danger.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(242, 84, 91, 0.5);
+}
+
+.btn-cstm-success {
+  color: #FFFFFF;
+  background-color: #00CC99;
+  border-color: #00CC99;
+}
+
+.btn-cstm-success:hover {
+  color: #FFFFFF;
+  background-color: #00a67c;
+  border-color: #009973;
+}
+
+.btn-cstm-success:focus, .btn-cstm-success.focus {
+  box-shadow: 0 0 0 0.2rem rgba(0, 204, 153, 0.5);
+}
+
+.btn-cstm-success.disabled, .btn-cstm-success:disabled {
+  color: #FFFFFF;
+  background-color: #00CC99;
+  border-color: #00CC99;
+}
+
+.btn-cstm-success:not(:disabled):not(.disabled):active, .btn-cstm-success:not(:disabled):not(.disabled).active, .show > .btn-cstm-success.dropdown-toggle {
+  color: #FFFFFF;
+  background-color: #009973;
+  border-color: #008c69;
+}
+
+.btn-cstm-success:not(:disabled):not(.disabled):active:focus, .btn-cstm-success:not(:disabled):not(.disabled).active:focus, .show > .btn-cstm-success.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(0, 204, 153, 0.5);
+}
+
+.btn-cstm-secondary {
+  color: #FFFFFF;
+  background-color: #95AAC9;
+  border-color: #95AAC9;
+}
+
+.btn-cstm-secondary:hover {
+  color: #FFFFFF;
+  background-color: #7c96bc;
+  border-color: #738fb8;
+}
+
+.btn-cstm-secondary:focus, .btn-cstm-secondary.focus {
+  box-shadow: 0 0 0 0.2rem rgba(149, 170, 201, 0.5);
+}
+
+.btn-cstm-secondary.disabled, .btn-cstm-secondary:disabled {
+  color: #FFFFFF;
+  background-color: #95AAC9;
+  border-color: #95AAC9;
+}
+
+.btn-cstm-secondary:not(:disabled):not(.disabled):active, .btn-cstm-secondary:not(:disabled):not(.disabled).active, .show > .btn-cstm-secondary.dropdown-toggle {
+  color: #FFFFFF;
+  background-color: #738fb8;
+  border-color: #6b88b3;
+}
+
+.btn-cstm-secondary:not(:disabled):not(.disabled):active:focus, .btn-cstm-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-cstm-secondary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(149, 170, 201, 0.5);
+}
+
diff --git a/public/css/magenta-theme.css b/public/css/magenta-theme.css
new file mode 100644
index 0000000..65fe6cc
--- /dev/null
+++ b/public/css/magenta-theme.css
@@ -0,0 +1,11159 @@
+
+
+
+
+/*
+  Template Name: Martex - Software, App, SaaS & Startup Landing Pages Pack
+  Theme URL: https://themeforest.net/user/jthemes
+  Description: Martex - Software, App, SaaS & Startup Landing Pages Pack
+  Author: JThemes Studio
+  Author URL: https://themeforest.net/user/jthemes
+  Version: 1.0.0
+  Website: www.jthemes.com
+  Tags: Responsive, HTML5, JThemes, Landing, Software, Mobile App, SaaS, Startup, Creative, Digital Produc
+*/
+
+
+
+
+/* ==========================================================================
+  01. GENERAL & BASIC STYLES
+  =========================================================================== */
+
+html {
+  -webkit-font-smoothing: antialiased;
+  font-size: 16px;
+} 
+
+body {
+  font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  color: #6c757d;
+  line-height: 1.6666;
+  font-weight: 400;
+}
+
+/*------------------------------------------*/
+/*  PAGE CONTENT
+/*------------------------------------------*/
+
+#page,
+.hidd { 
+  overflow: hidden; 
+}
+
+.rel,
+section,
+.container { 
+  position: relative!important; 
+  z-index: 3; 
+}
+
+.section-overlay {
+  width: 100%;
+  height: 100%;
+}
+
+/*------------------------------------------*/
+/*  BLOCK SHADOW
+/*------------------------------------------*/
+
+.block-shadow { 
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+}
+
+/*------------------------------------------*/
+/*  BORDER SETTINGS
+/*------------------------------------------*/
+
+.block-border {
+  border: 1px solid #e7e7e7;
+}
+
+.block-border.block-shadow { 
+  border: 1px solid #f5f6f6;
+}
+
+.x-border {
+  border-top: 1px solid #e7e7e7;
+  border-bottom: 1px solid #e7e7e7;
+}
+
+.top-border {
+  border-top: 1px solid #e7e7e7;
+}
+
+.bottom-border {
+  border-bottom: 1px solid #e7e7e7;
+}
+
+/*------------------------------------------*/
+/*  BORDER RADIUS SETTING
+/*------------------------------------------*/ 
+
+.r-0 { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
+.r-02 { -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
+.r-04 { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
+.r-06 { -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
+.r-08 { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; }
+.r-10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
+.r-12 { -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; }
+.r-14 { -webkit-border-radius: 14px; -moz-border-radius: 14px; -o-border-radius: 14px; border-radius: 14px; }
+.r-16 { -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; }
+.r-18 { -webkit-border-radius: 18px; -moz-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; }
+.r-20 { -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
+.r-22 { -webkit-border-radius: 22px; -moz-border-radius: 22px; -o-border-radius: 22px; border-radius: 22px; }
+.r-24 { -webkit-border-radius: 24px; -moz-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; }
+.r-26 { -webkit-border-radius: 26px; -moz-border-radius: 26px; -o-border-radius: 26px; border-radius: 26px; }
+.r-28 { -webkit-border-radius: 28px; -moz-border-radius: 28px; -o-border-radius: 28px; border-radius: 28px; }
+.r-30 { -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; }
+.r-32 { -webkit-border-radius: 32px; -moz-border-radius: 32px; -o-border-radius: 32px; border-radius: 32px; }
+.r-34 { -webkit-border-radius: 34px; -moz-border-radius: 34px; -o-border-radius: 34px; border-radius: 34px; }
+.r-36 { -webkit-border-radius: 36px; -moz-border-radius: 36px; -o-border-radius: 36px; border-radius: 36px; }
+.r-100 { -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; }
+
+/*------------------------------------------*/
+/*  OPACITY SETTINGS
+/*------------------------------------------*/
+
+.o-0 { opacity: 0!important; }
+.o-10 { opacity: .1!important; }
+.o-15 { opacity: .15!important; }
+.o-20 { opacity: .2!important; }
+.o-25 { opacity: .25!important; }
+.o-30 { opacity: .3!important; }
+.o-35 { opacity: .35!important; }
+.o-40 { opacity: .4!important; }
+.o-45 { opacity: .45!important; }
+.o-50 { opacity: .5!important; }
+.o-55 { opacity: .55!important; }
+.o-60 { opacity: .60!important; }
+.o-65 { opacity: .65!important; }
+.o-70 { opacity: .7!important; }
+.o-75 { opacity: .75!important; }
+.o-80 { opacity: .8!important; }
+.o-85 { opacity: .85!important; }
+.o-90 { opacity: .9!important; }
+.o-95 { opacity: .95!important; }
+.o-100 { opacity: 1!important; }
+
+/*------------------------------------------*/
+/*  SPACING & INDENTS
+/*------------------------------------------*/
+
+.py-5 { padding-top: 5px; padding-bottom: 5px; }
+.py-10 { padding-top: 10px; padding-bottom: 10px; }
+.py-15 { padding-top: 15px; padding-bottom: 15px; }
+.py-20 { padding-top: 20px; padding-bottom: 20px; }
+.py-30 { padding-top: 30px; padding-bottom: 30px; }
+.py-40 { padding-top: 40px; padding-bottom: 40px; }
+.py-50 { padding-top: 50px; padding-bottom: 50px; }
+.py-60 { padding-top: 60px; padding-bottom: 60px; }
+.py-70 { padding-top: 70px; padding-bottom: 70px; }
+.py-80 { padding-top: 80px; padding-bottom: 80px; }
+.py-90 { padding-top: 90px; padding-bottom: 90px; }
+.py-100 { padding-top: 100px; padding-bottom: 100px; }
+
+.pt-30 { padding-top: 30px; }
+.pt-40 { padding-top: 40px; }
+.pt-50 { padding-top: 50px; }
+.pt-60 { padding-top: 60px; }
+.pt-70 { padding-top: 70px; }
+.pt-80 { padding-top: 80px; }
+.pt-90 { padding-top: 90px; }
+.pt-100 { padding-top: 100px; }
+
+.pb-30 { padding-bottom: 30px; }
+.pb-40 { padding-bottom: 40px; }
+.pb-50 { padding-bottom: 50px; }
+.pb-60 { padding-bottom: 60px; }
+.pb-70 { padding-bottom: 70px; }
+.pb-80 { padding-bottom: 80px; }
+.pb-90 { padding-bottom: 90px; }
+.pb-100 { padding-bottom: 100px; }
+
+.mt-10 { margin-top: 10px; }
+.mt-15 { margin-top: 15px; }
+.mt-20 { margin-top: 20px; }
+.mt-25 { margin-top: 25px; }
+.mt-30 { margin-top: 30px; }
+.mt-35 { margin-top: 35px; }
+.mt-40 { margin-top: 40px; }
+.mt-45 { margin-top: 45px; }
+.mt-50 { margin-top: 50px; }
+.mt-55 { margin-top: 55px; }
+.mt-60 { margin-top: 60px; }
+.mt-65 { margin-top: 65px; }
+.mt-70 { margin-top: 70px; }
+.mt-75 { margin-top: 75px; }
+.mt-80 { margin-top: 80px; }
+.mt-85 { margin-top: 85px; }
+.mt-90 { margin-top: 90px; }
+.mt-95 { margin-top: 95px; }
+.mt-100 { margin-top: 100px; }
+
+.mb-10 { margin-bottom: 10px; }
+.mb-15 { margin-bottom: 15px; }
+.mb-20 { margin-bottom: 20px; }
+.mb-25 { margin-bottom: 25px; }
+.mb-30 { margin-bottom: 30px; }
+.mb-35 { margin-bottom: 35px; }
+.mb-40 { margin-bottom: 40px; }
+.mb-45 { margin-bottom: 45px; }
+.mb-50 { margin-bottom: 50px; }
+.mb-55 { margin-bottom: 55px; }
+.mb-60 { margin-bottom: 60px; }
+.mb-65 { margin-bottom: 65px; }
+.mb-70 { margin-bottom: 70px; }
+.mb-75 { margin-bottom: 75px; }
+.mb-80 { margin-bottom: 80px; }
+.mb-85 { margin-bottom: 85px; }
+.mb-90 { margin-bottom: 90px; }
+.mb-95 { margin-bottom: 95px; }
+.mb-100 { margin-bottom: 100px; }
+
+.ml-5 { margin-left: 5px; }
+.ml-10 { margin-left: 10px; }
+.ml-15 { margin-left: 15px; }
+.ml-20 { margin-left: 20px; }
+.ml-25 { margin-left: 25px; }
+.ml-30 { margin-left: 30px; }
+
+.mr-5 { margin-right: 5px; }
+.mr-10 { margin-right: 10px; }
+.mr-15 { margin-right: 15px; }
+.mr-20 { margin-right: 20px; }
+.mr-25 { margin-right: 25px; }
+.mr-30 { margin-right: 30px; }
+
+/*------------------------------------------*/
+/*  BACKGROUND SETTINGS
+/*------------------------------------------*/
+
+.bg--fixed,
+.bg--scroll {
+  width: 100%;
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+}
+
+.bg--fixed {
+  background-attachment: scroll!important;
+}
+
+.bg--scroll {
+  background-attachment: fixed!important;
+}
+
+/*------------------------------------------*/
+/*  BACKGROUND COLORS
+/*------------------------------------------*/
+
+.bg--white-500 { background-color: #f2f4f8; }
+.bg--white-400 { background-color: #f4f4f9; }
+.bg--white-300 { background-color: #f7f8f9; }
+.bg--white-200 { background-color: #fbfbfd; }
+.bg--white-100 { background-color: #fff; }
+
+.bg--black-500 { background-color: #22223b; }
+.bg--black-400 { background-color: #2e3648; }
+.bg--black-300 { background-color: #394455; }
+.bg--black-200 { background-color: #e1e3e5; }
+.bg--black-100 { background-color: #ecf1f4; }
+
+.bg--blue-500 { background-color: #185abd; }
+.bg--blue-400 { background-color: #1680fb; }
+.bg--blue-300 { background-color: #3eb1ff; }
+.bg--blue-200 { background-color: #ddedff; }
+.bg--blue-100 { background-color: #f4f9fc; }
+
+.bg--green-500 { background-color: #00a14e; }
+.bg--green-400 { background-color: #0fbc49; }
+.bg--green-300 { background-color: #6fd792; }
+.bg--green-200 { background-color: #cff2db; }
+.bg--green-100 { background-color: #e9f8f2; }
+
+.bg--pink-500 { background-color: #ff149c; }
+.bg--pink-400 { background-color: #f74780; }
+.bg--pink-300 { background-color: #fcb5cc; }
+.bg--pink-200 { background-color: #fee4ec; }
+.bg--pink-100 { background-color: #feecf2; }
+
+.bg--purple-5000 { background-color: #663ae9; }
+.bg--purple-500 { background-color: #7827e6; }
+.bg--purple-400 { background-color: #7b5dd6; }
+.bg--purple-300 { background-color: #bdaeea; }
+.bg--purple-200 { background-color: #e5deff; }
+.bg--purple-100 { background-color: #f1edff; }
+
+.bg--red-500 { background-color: #da0f29; }
+.bg--red-400 { background-color: #ff1e1a; }
+.bg--red-300 { background-color: #ffa5a3; }
+.bg--red-200 { background-color: #ffd2d1; }
+.bg--red-100 { background-color: #fce7e4; }
+
+.bg--violet-500 { background-color: #c73e9b; }
+.bg--violet-400 { background-color: #be6cbe; }
+.bg--violet-300 { background-color: #e2bde2; }
+.bg--violet-200 { background-color: #f1cde5; }
+.bg--violet-100 { background-color: #f7e4f1; }
+
+.bg--yellow-500 { background-color: #ffba01; }
+.bg--yellow-400 { background-color: #ffbd45; }
+.bg--yellow-300 { background-color: #ffdf35; }
+.bg--yellow-200 { background-color: #fef5cd; }
+.bg--yellow-100 { background-color: #fef9e5; }
+
+.bg--tra-black { background-color: rgba(0, 0, 0, .04); }
+.bg--tra-white { background-color: rgba(255, 255, 255, .15); }
+.bg--primary-blue { background-color: #2160fd; }
+.bg--light-grey { background-color: #f0f3ff; }
+.bg--snow { background-color: #fdfdfd; }
+
+/*------------------------------------------*/
+/*  GRADIENT COLOR BACKGROUND
+/*------------------------------------------*/
+
+.gr--ghost { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); }
+.gr--snow { background-image: linear-gradient(to left, #f3edf7, #f9f6fa); }
+.gr--cotton { background-image: linear-gradient(180deg, rgba(223, 225, 250, .8) 50%, rgba(223, 225, 250, .05) 100%); }
+.gr--ghostwhite { background-image: linear-gradient(to left, #e9e9f5, #f4f4f9); }
+.gr--smoke { background: linear-gradient(180deg, #f8f9fe 0%, #f4f4f9 100%); }
+.gr--whitesmoke { background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%); }
+.gr--perl { background-image: linear-gradient(180deg, rgba(236, 234, 253, .8) 50%, rgba(236, 234, 253, .05) 100%); }
+
+/*------------------------------------------*/
+/*  BACKGROUND SHAPE
+/*------------------------------------------*/
+
+.shape--01:after,
+.shape--02:after,
+.shape--03:after,
+.shape--04:after,
+.shape--05:after,
+.shape--06:after,
+.shape--07:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+}
+
+.shape--02.r-24:after {
+  -webkit-border-radius: 24px;
+  -moz-border-radius: 24px;
+  -o-border-radius: 24px;
+  border-radius: 24px;
+}
+
+.shape--01:after {
+  width: 150%;
+  height: 80%;
+  top: 13%;
+  left: -25%;
+}
+
+.shape--02:after {
+  width: 86%;
+  height: 80%;
+  top: 13%;
+  left: 7%;
+}
+
+.shape--03:after {
+  width: 78%;
+  height: 120%;
+  top: -60px;
+  left: 11%;
+  -webkit-border-radius: 24px;
+  -moz-border-radius: 24px;
+  -o-border-radius: 24px;
+  border-radius: 24px;
+}
+
+.shape--04:after {
+  width: 100%;
+  height: 80%;
+  top: 10%;
+  left: 0;
+}
+
+.shape--05:after {
+  width: 150%;
+  height: 90%;
+  top: 0;
+  left: -25%;
+}
+
+.shape--06:after {
+  width: 150%;
+  height: 75%;
+  top: 0;
+  left: -25%;
+}
+
+.shape--07:after {
+  width: 200%;
+  height: 50%;
+  top: 37%;
+  left: -50%;
+}
+
+.shape--whitesmoke:after { background-color: rgba(123, 104, 238, .05); }
+
+.shape--white-500:after { background-color: #f2f4f8; }
+.shape--white-400:after { background-color: #f4f4f9; }
+.shape--white-300:after { background-color: #f7f8f9; }
+.shape--white-200:after { background-color: #fbfbfd; }
+
+.shape--black-500:after { background-color: #22223b; }
+.shape--black-400:after { background-color: #2e3648; }
+.shape--black-300:after { background-color: #394455; }
+.shape--black-200:after { background-color: #e1e3e5; }
+.shape--black-100:after { background-color: #ecf1f4; }
+
+.shape--blue-500:after { background-color: #185abd; }
+.shape--blue-400:after { background-color: #1680fb; }
+.shape--blue-300:after { background-color: #3eb1ff; }
+.shape--blue-200:after { background-color: #ddedff; }
+.shape--blue-100:after { background-color: #f4f9fc; }
+
+.shape--green-500:after { background-color: #00a14e; }
+.shape--green-400:after { background-color: #0fbc49; }
+.shape--green-300:after { background-color: #6fd792; }
+.shape--green-200:after { background-color: #cff2db; }
+.shape--green-100:after { background-color: #e9f8f2; }
+
+.shape--pink-500:after { background-color: #ff149c; }
+.shape--pink-400:after { background-color: #f74780; }
+.shape--pink-300:after { background-color: #fcb5cc; }
+.shape--pink-200:after { background-color: #fee4ec; }
+.shape--pink-100:after { background-color: #feecf2; }
+
+.shape--purple-500:after { background-color: #663ae9; }
+.shape--purple-400:after { background-color: #7b5dd6; }
+.shape--purple-300:after { background-color: #bdaeea; }
+.shape--purple-200:after { background-color: #e5deff; }
+.shape--purple-100:after { background-color: #f1edff; }
+
+.shape--red-500:after { background-color: #da0f29; }
+.shape--red-400:after { background-color: #ff1e1a; }
+.shape--red-300:after { background-color: #ffa5a3; }
+.shape--red-200:after { background-color: #ffd2d1; }
+.shape--red-100:after { background-color: #fce7e4; }
+
+.shape--violet-500:after { background-color: #c73e9b; }
+.shape--violet-400:after { background-color: #be6cbe; }
+.shape--violet-300:after { background-color: #e2bde2; }
+.shape--violet-200:after { background-color: #f1cde5; }
+.shape--violet-100:after { background-color: #f7e4f1; }
+
+.shape--gr-ghost:after { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); }
+.shape--gr-whitesmoke:after {background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%);}
+
+/*------------------------------------------*/
+/*  BACKGROUND PATTERN
+/*------------------------------------------*/
+
+.pattern-01, 
+.pattern-02, 
+.pattern-03, 
+.pattern-04, 
+.pattern-05 {
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+}
+
+.pattern-01 { background-image: url(../images/pattern-01.png); }
+.pattern-02 { background-image: url(../images/pattern-02.png); }
+.pattern-03 { background-image: url(../images/pattern-03.png); }
+.pattern-04 { background-image: url(../images/pattern-04.png); }
+/* .pattern-05 { background-image: url(../images/pattern-05.png); } */
+
+/*------------------------------------------*/
+/*  BACKGROUND IMAGE
+/*------------------------------------------*/
+
+.bg--01, .bg--02, .bg--03, .bg--04, 
+.bg--05, .bg--06, .bg--07, .bg--08 {
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+}
+
+.bg--01 { background-image: url(../images/bg-01.jpg); }
+.bg--02 { background-image: url(../images/bg-02.jpg); }
+.bg--03 { background-image: url(../images/bg-03.jpg); }
+.bg--04 { background-image: url(../images/bg-04.jpg); }
+.bg--05 { background-image: url(../images/bg-05.jpg); }
+.bg--06 { background-image: url(../images/bg-06.jpg); }
+.bg--07 { background-image: url(../images/bg-07.jpg); }
+.bg--08 { background-image: url(../images/bg-08.jpg); }
+
+/*------------------------------------------*/
+/*  SECTION DIVIDER
+/*------------------------------------------*/
+
+hr.divider {
+  width: 100%;
+  height: 1px;
+  background-color: transparent;
+  background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #bbb 38%, #bbb 64%, rgba(206,211,246,0) 99%);
+  opacity: .4;
+  border: none;
+  margin: 0;
+}
+
+/*------------------------------------------*/
+/*  WAVE SHAPE BOTTOM
+/*------------------------------------------*/
+
+.wave-shape-bottom {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+}
+
+
+
+
+/* ==========================================================================
+  02. TYPOGRAPHY
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  HEADERS
+/*------------------------------------------*/
+
+h1, h2, h3, h4, h5, h6 {  
+  color: #353f4f;
+  font-weight: 600;
+  letter-spacing: 0;
+  margin-bottom: 0;
+}
+
+.font--jakarta h1,
+.font--jakarta h2,
+.font--jakarta h3,
+.font--jakarta h4,
+.font--jakarta h5,
+.font--jakarta h6 {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  line-height: 1.35;
+}
+
+.font--jakarta h1,
+.font--jakarta h2 {
+  line-height: 1.25;
+}
+
+.font--inter h1,
+.font--inter h2,
+.font--inter h3,
+.font--inter h4,
+.font--inter h5,
+.font--inter h6 {
+  font-family: 'Inter', sans-serif;
+  letter-spacing: -0.5px;
+}
+
+/*------------------------------------------*/
+/*  PARAGRAPHS
+/*------------------------------------------*/
+
+p.p-sm { font-size: 0.9375rem; }   /* 15px */
+p { font-size: 1rem; }             /* 16px */
+p.p-md { font-size: 1.0625rem; }   /* 17px */
+p.p-lg { font-size: 1.125rem; }    /* 18px */
+p.p-xl { font-size: 1.2rem; }      /* 19.2px */
+
+/*------------------------------------------*/
+/*  FONT SIZE
+/*------------------------------------------*/
+
+.s-15 { font-size: 0.9375rem; }  /* 15px */
+.s-16 { font-size: 1rem; }       /* 16px */
+.s-17 { font-size: 1.0625rem; }  /* 17px */
+.s-18 { font-size: 1.125rem; }   /* 18px */
+.s-19 { font-size: 1.1875rem; }  /* 19px */
+.s-20 { font-size: 1.25rem; }    /* 20px */
+.s-21 { font-size: 1.3125rem; }  /* 21px */
+.s-22 { font-size: 1.375rem; }   /* 22px */
+.s-23 { font-size: 1.4375rem; }  /* 23px */
+.s-24 { font-size: 1.5rem; }     /* 24px */
+.s-26 { font-size: 1.625rem; }   /* 26px */
+.s-28 { font-size: 1.75rem; }    /* 28px */
+.s-30 { font-size: 1.875rem; }   /* 30px */
+.s-32 { font-size: 2rem; }       /* 32px */
+.s-34 { font-size: 2.125rem; }   /* 34px */
+.s-36 { font-size: 2.25rem; }    /* 36px */
+.s-38 { font-size: 2.375rem; }   /* 38px */
+.s-40 { font-size: 2.5rem; }     /* 40px */
+.s-42 { font-size: 2.625rem; }   /* 42px */
+.s-43 { font-size: 2.6875rem; }  /* 43px */
+.s-44 { font-size: 2.75rem; }    /* 44px */
+.s-45 { font-size: 2.8125rem; }  /* 45px */
+.s-46 { font-size: 2.875rem; }   /* 46px */
+.s-47 { font-size: 2.9375rem; }  /* 47px */
+.s-48 { font-size: 3rem; }       /* 48px */
+.s-50 { font-size: 3.125rem; }   /* 50px */
+.s-52 { font-size: 3.25rem; }    /* 52px */
+.s-54 { font-size: 3.375rem; }   /* 54px */
+.s-56 { font-size: 3.5rem; }     /* 56px */
+.s-58 { font-size: 3.625rem; }   /* 58px */
+.s-60 { font-size: 3.75rem; }    /* 60px */
+.s-62 { font-size: 3.875rem; }   /* 62px */
+.s-64 { font-size: 4rem; }       /* 64px */
+.s-66 { font-size: 4.125rem; }   /* 66px */
+.s-68 { font-size: 4.25rem; }    /* 68px */
+.s-70 { font-size: 4.375rem; }   /* 70px */
+.s-72 { font-size: 4.5rem; }     /* 72px */
+.s-74 { font-size: 4.625rem; }   /* 74px */
+.s-76 { font-size: 4.75rem; }    /* 76px */
+.s-78 { font-size: 4.875rem; }   /* 78px */
+.s-80 { font-size: 5rem; }       /* 80px */
+
+/*------------------------------------------*/
+/*  FONT WEIGHT
+/*------------------------------------------*/
+
+.txt-upcase { 
+  text-transform: uppercase 
+}
+
+.w-200 { font-weight: 200; }
+.w-300 { font-weight: 300; }
+.w-400 { font-weight: 400; }
+.w-500 { font-weight: 500; }
+.w-600 { font-weight: 600; }
+.w-700 { font-weight: 700; }
+.w-800 { font-weight: 800; }
+.w-900 { font-weight: 900; }  
+
+/*------------------------------------------*/
+/*  LINK SETTINGS
+/*------------------------------------------*/
+
+a {
+  color: #6c757d;
+  text-decoration: none;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+a:hover {
+  color: #353f4f!important;
+  text-decoration: none;
+}
+
+a:focus {
+  outline: none;
+  text-decoration: none;
+}
+
+a.tra-link {
+  font-size: 1rem;
+  line-height: 1;
+  font-weight: 500;
+}
+
+a.tra-link span {
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.tra-link.ico-20 [class*="flaticon-"]:before, 
+.tra-link.ico-20 [class*="flaticon-"]:after { 
+  position: relative;
+  font-size: 0.75rem; 
+  line-height: 0.7rem!important;
+  top: 2px;
+  left: 2px;
+}
+
+a.tra-link:hover span {
+  color: #353f4f!important;
+}
+
+/*------------------------------------------*/
+/*  LISTS
+/*------------------------------------------*/
+
+ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+} 
+
+/*------------------------------------------*/
+/*  TEXT LIST
+/*------------------------------------------*/
+
+ul.simple-list {
+  list-style: disc;
+  margin-left: 15px;
+}
+
+ul.simple-list.long-list p {
+  margin-bottom: 8px;
+}
+
+/*------------------------------------------*/
+/*  DIGIT LIST
+/*------------------------------------------*/
+
+ol.digit-list {
+  padding: 0;
+  margin-left: 15px;
+}
+
+ol.digit-list p {
+  margin-bottom: 8px;
+}
+
+/*------------------------------------------*/
+/*  BUTTON SETTINGS
+/*------------------------------------------*/
+
+.btn {
+  background-color: transparent;
+  font-size: 1rem;
+  line-height: 1;
+  font-weight: 500;
+  padding: 0.9rem 1.8rem;
+  border: 2px solid transparent;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.btn.btn-sm {
+  font-size: 0.975rem;
+  padding: 0.7rem 1.5rem;
+}
+
+.btn.ico-30.ico-left,
+.btn.ico-30.ico-right {
+  padding: 0.37rem 0;
+}
+
+/*------------------------------------------*/
+/*  Buttons Group
+/*------------------------------------------*/
+
+.text-center .btns-group {
+  display: inline-block;
+}
+
+.btns-group .btn:first-child {
+  margin-right: 15px;
+}
+
+.btns-group .btn.ico-30.ico-left {
+  padding: 0.37rem 0.5rem;
+}
+
+.btns-group .btn.ico-30.ico-right {
+  padding: 0.37rem 0;
+}
+
+/*------------------------------------------*/
+/*  Button Icon
+/*------------------------------------------*/
+
+.btn.ico-20 [class*="flaticon-"]:before, 
+.btn.ico-20 [class*="flaticon-"]:after { 
+  position: relative;
+  font-size: 1rem; 
+  line-height: 0.7rem!important;
+  top: 4px;
+}
+
+.btn.ico-left span {
+  margin-right: 5px;
+}
+
+.btn.ico-right span {
+  margin-left: 5px;
+}
+
+.btn.ico-30.ico-left span {
+  position: relative;
+  top: 0;
+  right: 4px;
+}
+
+.btn.ico-30.ico-right span {
+  position: relative;
+  top: 0;
+  left: 4px;
+}
+
+.btn.ico-30.ico-left span.ico-30-txt,
+.btn.ico-30.ico-right span.ico-30-txt {
+  position: relative;
+  top: -10px;
+  right: 0;
+}
+
+.btn.ico-30.ico-right span.ico-30-txt {
+  left: 0;
+}
+
+/*------------------------------------------*/
+/*  Button Text
+/*------------------------------------------*/
+
+p.btn-txt {
+  margin: 20px 0 0 0;
+}
+
+.btn-rating p.btn-txt {
+  margin: 0;
+}
+
+.star-rating span.rating-txt {
+  font-size: 0.9375rem;
+}
+
+p.btns-group-txt {
+  margin: 14px 0 0 0;
+}
+
+.btn-rating {
+  margin-top: 18px;
+}
+
+.text-center p.btns-group-txt {
+  margin-top: 20px;
+}
+
+p.btn-txt.ico-15,
+p.btns-group-txt.ico-15 {
+  padding-left: 5px;
+}
+
+.text-center p.btn-txt.ico-15,
+.text-center p.btns-group-txt.ico-15 {
+  padding-left: 0;
+}
+
+p.btn-txt span,
+p.btns-group-txt span {
+  position: relative;
+  top: 0.5px;
+  right: 2px;
+}
+
+p.btns-group-txt span.txt-data {
+  display: block;
+  top: 0;
+  right: 0;
+}
+
+p.btns-group-txt span.txt-data a {
+  margin-left: 4px;
+  text-decoration: underline;
+}
+
+p.btns-group-txt span.txt-data a:hover {
+  text-decoration: none;
+}
+
+.hero-section .color--white p.btns-group-txt span.txt-data a:hover {
+  color: #fff!important;
+}
+
+.btn-txt.ico-15 [class*="flaticon-"]:before, 
+.btn-txt.ico-15 [class*="flaticon-"]:after,
+.btns-group-txt.ico-15 [class*="flaticon-"]:before, 
+.btns-group-txt.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+.star-rating.ico-15 [class*="flaticon-"]:before, 
+.star-rating.ico-15 [class*="flaticon-"]:after { position: relative; font-size: 1rem; top: 3px; }
+
+/*------------------------------------------*/
+/*  TRANSPARENT BUTTON
+/*------------------------------------------*/
+
+.btn--tra {
+  color: #fff!important;
+  border-color: transparent!important;
+  background-color: rgba(255, 255, 255, .2)!important;
+}
+
+/*------------------------------------------*/
+/*  WHITE BUTTON
+/*------------------------------------------*/
+
+.btn--transparent {
+  color: #353f4f;
+  background-color: transparent;
+  border-color: transparent;
+}
+
+.btn--transparent:hover {
+  background-color: transparent!important;
+  border-color: transparent!important;
+} 
+
+.btn--white,
+.hover--white:hover {
+  color: #353f4f!important;
+  background-color: #fff!important;
+  border-color: #fff!important;
+}
+
+.btn--tra-white,
+.hover--tra-white:hover {
+  color: #fff!important;
+  background-color: transparent!important;
+  border-color: #fff!important;
+}
+
+.white-scroll .scroll .hover--tra-white:hover {
+  color: #353f4f!important;
+  background-color: transparent!important;
+  border-color: #353f4f!important;
+}
+
+/*------------------------------------------*/
+/*  BLACK BUTTON
+/*------------------------------------------*/
+
+.btn--black,
+.hover--black:hover {
+  color: #fff!important;
+  background-color: #353f4f!important;
+  border-color: #353f4f!important;
+}
+
+.btn--tra-black,
+.hover--tra-black:hover {
+  color: #353f4f!important;
+  background-color:transparent!important;
+  border-color: #353f4f!important;
+}
+
+/*------------------------------------------*/
+/*  GREY BUTTON
+/*------------------------------------------*/
+
+.btn--tra-grey, 
+.hover--tra-grey:hover,
+.white-scroll .scroll .hover--tra-grey:hover,
+.black-scroll .scroll .hover--tra-grey:hover  {
+  color: #353f4f!important;
+  background-color: transparent!important;
+  border-color: #ccc!important;
+}
+
+/*------------------------------------------*/
+/*  BLUE BUTTON
+/*------------------------------------------*/
+
+.btn--blue-500, .hover--blue-500:hover,
+.white-scroll .scroll .hover--blue-500:hover,
+.black-scroll .scroll .hover--blue-500:hover {
+  color: #fff!important;
+  border-color: #185abd!important;
+  background-color: #185abd!important;
+}
+
+.btn--blue-400, .hover--blue-400:hover,
+.white-scroll .scroll .hover--blue-400:hover,
+.black-scroll .scroll .hover--blue-400:hover {
+  color: #fff!important;
+  border-color: #1680fb!important;
+  background-color: #1680fb!important;
+}
+
+.btn--blue-300, .hover--blue-300:hover,
+.white-scroll .scroll .hover--blue-300:hover,
+.black-scroll .scroll .hover--blue-300:hover {
+  color: #fff!important;
+  border-color: #3eb1ff!important;
+  background-color: #3eb1ff!important;
+}
+
+.btn--blue-200, .hover--blue-200:hover,
+.white-scroll .scroll .hover--blue-200:hover,
+.black-scroll .scroll .hover--blue-200:hover {
+  color: #1680fb!important;
+  border-color: #e3ebfe!important;
+  background-color: #e3ebfe!important;
+}
+
+.btn--blue-100, .hover--blue-100:hover,
+.white-scroll .scroll .hover--blue-100:hover,
+.black-scroll .scroll .hover--blue-100:hover {
+  color: #1680fb!important;
+  border-color: #1680fb!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  GREEN BUTTON
+/*------------------------------------------*/
+
+.btn--green-500, .hover--green-500:hover,
+.white-scroll .scroll .hover--green-500:hover,
+.black-scroll .scroll .hover--green-500:hover {
+  color: #fff!important;
+  border-color: #00a14e!important;
+  background-color: #00a14e!important;
+}
+
+.btn--green-400, .hover--green-400:hover,
+.white-scroll .scroll .hover--green-400:hover,
+.black-scroll .scroll .hover--green-400:hover {
+  color: #fff!important;
+  border-color: #0fbc49!important;
+  background-color: #0fbc49!important;
+}
+
+.btn--green-300, .hover--green-300:hover,
+.white-scroll .scroll .hover--green-300:hover,
+.black-scroll .scroll .hover--green-300:hover {
+  color: #fff!important;
+  border-color: #6fd792!important;
+  background-color: #6fd792!important;
+}
+
+.btn--green-200, .hover--green-200:hover,
+.white-scroll .scroll .hover--green-200:hover,
+.black-scroll .scroll .hover--green-200:hover {
+  color: #0fbc49!important;
+  border-color: #cff2db!important;
+  background-color: #cff2db!important;
+}
+
+.btn--green-100, .hover--green-100:hover,
+.white-scroll .scroll .hover--green-100:hover,
+.black-scroll .scroll .hover--green-100:hover {
+  color: #0fbc49!important;
+  border-color: #0fbc49!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  PINK BUTTON
+/*------------------------------------------*/
+
+.btn--pink-500, .hover--pink-500:hover,
+.white-scroll .scroll .hover--pink-500:hover,
+.black-scroll .scroll .hover--pink-500:hover {
+  color: #fff!important;
+  border-color: #ff149c!important;
+  background-color: #ff149c!important;
+}
+
+.btn--pink-400, .hover--pink-400:hover,
+.white-scroll .scroll .hover--pink-400:hover,
+.black-scroll .scroll .hover--pink-400:hover {
+  color: #fff!important;
+  border-color: #f74780!important;
+  background-color: #f74780!important;
+}
+
+.btn--pink-300, .hover--pink-300:hover,
+.white-scroll .scroll .hover--pink-300:hover,
+.black-scroll .scroll .hover--pink-300:hover {
+  color: #fff!important;
+  border-color: #fcb5cc!important;
+  background-color: #fcb5cc!important;
+}
+
+.btn--pink-200, .hover--pink-200:hover,
+.white-scroll .scroll .hover--pink-200:hover,
+.black-scroll .scroll .hover--pink-200:hover {
+  color: #f74780!important;
+  border-color: #fee4ec!important;
+  background-color: #fee4ec!important;
+}
+
+.btn--pink-100, .hover--pink-100:hover,
+.white-scroll .scroll .hover--pink-100:hover,
+.black-scroll .scroll .hover--pink-100:hover {
+  color: #f74780!important;
+  border-color: #f74780!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  PURPLE BUTTON
+/*------------------------------------------*/
+
+.btn--purple-500, .hover--purple-500:hover,
+.white-scroll .scroll .hover--purple-500:hover,
+.black-scroll .scroll .hover--purple-500:hover {
+  color: #fff!important;
+  border-color: #663ae9!important;
+  background-color: #663ae9!important;
+}
+
+.btn--purple-400, .hover--purple-400:hover,
+.white-scroll .scroll .hover--purple-400:hover,
+.black-scroll .scroll .hover--purple-400:hover {
+  color: #fff!important;
+  border-color: #7b5dd6!important;
+  background-color: #7b5dd6!important;
+}
+
+.btn--purple-300, .hover--purple-300:hover,
+.white-scroll .scroll .hover--purple-300:hover,
+.black-scroll .scroll .hover--purple-300:hover {
+  color: #fff!important;
+  border-color: #bdaeea!important;
+  background-color: #bdaeea!important;
+}
+
+.btn--purple-200, .hover--purple-200:hover,
+.white-scroll .scroll .hover--purple-200:hover,
+.black-scroll .scroll .hover--purple-200:hover {
+  color: #7b5dd6!important;
+  border-color: #e5deff!important;
+  background-color: #e5deff!important;
+}
+
+.btn--purple-100, .hover--purple-100:hover,
+.white-scroll .scroll .hover--purple-100:hover,
+.black-scroll .scroll .hover--purple-100:hover {
+  color: #7b5dd6!important;
+  border-color: #7b5dd6!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  RED BUTTON
+/*------------------------------------------*/
+
+.btn--red-500, .hover--red-500:hover,
+.white-scroll .scroll .hover--red-500:hover,
+.black-scroll .scroll .hover--red-500:hover {
+  color: #fff!important;
+  border-color: #da0f29!important;
+  background-color: #da0f29!important;
+}
+
+.btn--red-400, .hover--red-400:hover,
+.white-scroll .scroll .hover--red-400:hover,
+.black-scroll .scroll .hover--red-400:hover {
+  color: #fff!important;
+  border-color: #ff1e1a!important;
+  background-color: #ff1e1a!important;
+}
+
+.btn--red-300, .hover--red-300:hover,
+.white-scroll .scroll .hover--red-300:hover,
+.black-scroll .scroll .hover--red-300:hover {
+  color: #fff!important;
+  border-color: #ffa5a3!important;
+  background-color: #ffa5a3!important;
+}
+
+.btn--red-200, .hover--red-200:hover,
+.white-scroll .scroll .hover--red-200:hover,
+.black-scroll .scroll .hover--red-200:hover {
+  color: #ff1e1a!important;
+  border-color: #ffd2d1!important;
+  background-color: #ffd2d1!important;
+}
+
+.btn--red-100, .hover--red-100:hover,
+.white-scroll .scroll .hover--red-100:hover,
+.black-scroll .scroll .hover--red-100:hover {
+  color: #ff1e1a!important;
+  border-color: #ff1e1a!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  VIOLET BUTTON
+/*------------------------------------------*/
+
+.btn--violet-500, .hover--violet-500:hover,
+.white-scroll .scroll .hover--violet-500:hover,
+.black-scroll .scroll .hover--violet-500:hover {
+  color: #fff!important;
+  border-color: #c73e9b!important;
+  background-color: #c73e9b!important;
+}
+
+.btn--violet-400, .hover--violet-400:hover,
+.white-scroll .scroll .hover--violet-400:hover,
+.black-scroll .scroll .hover--violet-400:hover {
+  color: #fff!important;
+  border-color: #be6cbe!important;
+  background-color: #be6cbe!important;
+}
+
+.btn--violet-300, .hover--violet-300:hover,
+.white-scroll .scroll .hover--violet-300:hover,
+.black-scroll .scroll .hover--violet-300:hover {
+  color: #fff!important;
+  border-color: #e2bde2!important;
+  background-color: #e2bde2!important;
+}
+
+.btn--violet-200, .hover--violet-200:hover,
+.white-scroll .scroll .hover--violet-200:hover,
+.black-scroll .scroll .hover--violet-200:hover {
+  color: #be6cbe!important;
+  border-color: #f1cde5!important;
+  background-color: #f1cde5!important;
+}
+
+.btn--violet-100, .hover--violet-100:hover,
+.white-scroll .scroll .hover--violet-100:hover,
+.black-scroll .scroll .hover--violet-100:hover {
+  color: #be6cbe!important;
+  border-color: #be6cbe!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  YELLOW BUTTON
+/*------------------------------------------*/
+
+.btn--yellow-500, .hover--yellow-500:hover,
+.white-scroll .scroll .hover--yellow-500:hover,
+.black-scroll .scroll .hover--yellow-500:hover {
+  color: #353f4f!important;
+  border-color: #ffba01!important;
+  background-color: #ffba01!important;
+}
+
+.btn--yellow-400, .hover--yellow-400:hover,
+.white-scroll .scroll .hover--yellow-400:hover,
+.black-scroll .scroll .hover--yellow-400:hover {
+  color: #353f4f!important;
+  border-color: #ffbd45!important;
+  background-color: #ffbd45!important;
+}
+
+.btn--yellow-300, .hover--yellow-300:hover,
+.white-scroll .scroll .hover--yellow-300:hover,
+.black-scroll .scroll .hover--yellow-300:hover {
+  color: #353f4f!important;
+  border-color: #ffdf35!important;
+  background-color: #ffdf35!important;
+}
+
+.btn--yellow-200, .hover--yellow-200:hover,
+.white-scroll .scroll .hover--yellow-200:hover,
+.black-scroll .scroll .hover--yellow-200:hover {
+  color: #353f4f!important;
+  border-color: #fef5cd!important;
+  background-color: #fef5cd!important;
+}
+
+.btn--yellow-100, .hover--yellow-100:hover,
+.white-scroll .scroll .hover--yellow-100:hover,
+.black-scroll .scroll .hover--yellow-100:hover {
+  color: #ffba01!important;
+  border-color: #ffba01!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  BUTTON FOCUS
+/*------------------------------------------*/
+
+.btn:focus,
+.btn.btn--black:focus {
+  color: #fff; 
+  -webkit-box-shadow: none;
+  box-shadow: none; 
+}
+
+.btn--transparent:focus {
+  background-color: transparent!important;
+  border-color: transparent!important;
+} 
+
+.btn--grey:focus {
+  color: #666; 
+  -webkit-box-shadow: none;
+  box-shadow: none; 
+}
+
+.btn--tra-black:focus, 
+.btn--transparent:focus,
+.btn.btn--tra-grey:focus {
+  color: #353f4f; 
+  -webkit-box-shadow: none;
+  box-shadow: none; 
+}
+
+/*------------------------------------------*/
+/*  DOWNLOAD LINKS
+/*------------------------------------------*/
+
+.download-links li {
+  width: auto!important;
+  display: inline-block!important;
+  vertical-align: top;
+  clear: none !important;
+}
+
+.download-links-divider {
+  position: relative;
+  top: 1.5px;
+  transform: rotate(-90deg);
+}
+
+.download-links li p {
+  display: inline-block;
+  float: left;
+  margin-bottom: 0;
+}
+
+.download-links li p a {
+  font-weight: 500;
+}
+
+.download-links li p a:hover {
+  text-decoration: underline;
+}
+
+.color--white .download-links li p a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  OS DOWNLOAD BUTTON
+/*------------------------------------------*/ 
+
+.os-btn {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+  text-align: left;
+  width: 330px;
+  min-width: 330px;
+  background-color: #fff;
+  border: 1px solid #d3d3d3;
+  padding: 17px 18px 15px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.os-btn:hover {
+  background-color: #f5f6f7;
+  border: 1px solid #f5f6f7;
+  -webkit-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05);
+  -moz-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05);
+  box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05);
+}
+
+.os-btn-ico {
+  position: relative;
+  margin-right: 20px;
+}
+
+.os-btn-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.os-btn-txt p {
+  color: #353f4f;
+  font-size: 1.05rem;
+  line-height: 1;
+  font-weight: 500;
+  letter-spacing: -0.5px;
+  margin-top: 6px;
+  margin-bottom: 5px;
+}
+
+.os-btn-txt span {
+  display: block;
+  font-size: 0.9rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  STORE BADGE ICONS
+/*------------------------------------------*/
+
+.stores-badge {
+  display: inline-block;
+}
+
+.store {
+  display: inline-block;
+  text-align: center;
+  margin-right: 10px;
+}
+
+.store:last-child {
+  margin-right: 0;
+} 
+
+.store img {
+  width: auto;
+  max-width: inherit;
+}
+
+.badge-img-xs .store img { max-height: 2.5rem; }
+.badge-img-sm .store img { max-height: 2.625rem; }
+.badge-img-md .store img { max-height: 2.875rem; }
+.badge-img-lg .store img { max-height: 3rem; }
+
+/*------------------------------------------*/
+/*  WATCH VIDEO LINK
+/*------------------------------------------*/
+
+.watch-video {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+  margin-top: 25px;
+}
+
+/*------------------------------------------*/
+/*  Link Icon
+/*------------------------------------------*/
+
+.watch-video-link {
+  position: relative;
+  text-align: center;
+  float: left;
+  width: 2.85rem;
+  height: 2.85rem; 
+  color: #fff;
+  border: none;
+  margin-right: 12px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  border-radius: 100%; 
+}
+
+.watch-video-link:before {
+  content: '';
+  position: absolute;
+  left: -3px;
+  right: -3px;
+  top: -3px;
+  bottom: -3px;
+  background: rgba(255, 255, 255, 0.2);
+  opacity: 0;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+.watch-video-link:hover:before {
+  opacity: .75;
+  left: -8px;
+  right: -8px;
+  top: -8px;
+  bottom: -8px;
+}
+
+.watch-video-link span[class^="flaticon-"]:before, 
+.watch-video-link span[class^="flaticon-"]:after {
+  font-size: 2rem; 
+  line-height: 2.85rem!important;   
+  margin-left: 5px;
+}
+
+/*------------------------------------------*/
+/*  Link Text
+/*------------------------------------------*/
+
+.watch-video-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+  text-align: left!important;
+}
+
+p.video-txt-lg {
+  font-size: 1rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 5px;
+}
+
+p.video-txt-sm {
+  font-size: 0.925rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  VIDEO POPUP ICON
+/*------------------------------------------*/
+
+.video-preview {
+  position: relative; 
+  text-align: center;
+}
+
+.video-btn {
+  position: absolute!important;
+  top: 50%;
+  left: 50%;
+  display: inline-block;
+  text-align: center;
+  color: #fff;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  border-radius: 100%; 
+}
+
+.video-btn-xl {
+  width: 6.25rem;
+  height: 6.25rem;
+  margin-top: -3.125rem;
+  margin-left: -3.125rem;
+}
+
+.video-btn-lg {
+  width: 5.625rem;
+  height: 5.625rem;
+  margin-top: -2.8125rem;
+  margin-left: -2.8125rem;
+}
+
+.video-btn-md {
+  width: 5rem;
+  height: 5rem;
+  margin-top: -2.5rem;
+  margin-left: -2.5rem;
+}
+
+.video-btn-sm {
+  width: 4.375rem;
+  height: 4.375rem;
+  margin-top: -2.1875rem;
+  margin-left: -2.1875rem;
+}
+
+.video-block-wrapper {
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+.video-btn.video-btn-xl [class^="flaticon-"]:before, 
+.video-btn.video-btn-xl [class^="flaticon-"]:after {
+  font-size: 5rem;
+  line-height: 6.25rem!important;   
+  margin-left: 10px;
+}
+
+.video-btn.video-btn-lg [class^="flaticon-"]:before, 
+.video-btn.video-btn-lg [class^="flaticon-"]:after {
+  font-size: 4.5rem;
+  line-height: 5.625rem!important;   
+  margin-left: 8px;
+}
+
+.video-btn.video-btn-md [class^="flaticon-"]:before, 
+.video-btn.video-btn-md [class^="flaticon-"]:after {
+  font-size: 4.35rem;
+  line-height: 5rem!important;   
+  margin-left: 8px;
+}
+
+.video-btn.video-btn-sm [class^="flaticon-"]:before, 
+.video-btn.video-btn-sm [class^="flaticon-"]:after {
+  font-size: 3.5rem;
+  line-height: 4.375rem!important;   
+  margin-left: 5px;
+}
+
+.video-btn:hover .video-block-wrapper {
+  -moz-transform: scale(0.95);
+  -ms-transform: scale(0.95);
+  -webkit-transform: scale(0.95);
+  -o-transform: scale(0.95);
+  transform: scale(0.95);
+}
+
+.video-btn:before {
+  content: '';
+  position: absolute;
+  left: -5px;
+  right: -5px;
+  top: -5px;
+  bottom: -5px;
+  background: rgba(255, 255, 255, 0.2);
+  opacity: 0;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+.video-btn.video-btn-xl:hover:before {
+  opacity: .75;
+  left: -1.5rem;
+  right: -1.5rem;
+  top: -1.5rem;
+  bottom: -1.5rem;
+}
+
+.video-btn.video-btn-lg:hover:before {
+  opacity: .75;
+  left: -1.25rem;
+  right: -1.25rem;
+  top: -1.25rem;
+  bottom: -1.25rem;
+}
+
+.video-btn.video-btn-md:hover:before {
+  opacity: .75;
+  left: -1rem;
+  right: -1rem;
+  top: -1rem;
+  bottom: -1rem;
+}
+
+.video-btn.video-btn-sm:hover:before {
+  opacity: .75;
+  left: -0.75rem;
+  right: -0.75rem;
+  top: -0.75rem;
+  bottom: -0.75rem;
+}
+
+/*------------------------------------------*/
+/*  VECTOR ICONS
+/*------------------------------------------*/
+
+.ico-10 [class*="flaticon-"]:before, .ico-10 [class*="flaticon-"]:after { font-size: 0.75rem; }     /* 15px */
+.ico-15 [class*="flaticon-"]:before, .ico-15 [class*="flaticon-"]:after { font-size: 0.9375rem; }   /* 15px */
+.ico-20 [class*="flaticon-"]:before, .ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; }     /* 20px */
+.ico-25 [class*="flaticon-"]:before, .ico-25 [class*="flaticon-"]:after { font-size: 1.5625rem; }   /* 25px */
+.ico-30 [class*="flaticon-"]:before, .ico-30 [class*="flaticon-"]:after { font-size: 1.875rem; }    /* 30px */
+.ico-35 [class*="flaticon-"]:before, .ico-35 [class*="flaticon-"]:after { font-size: 2.1875rem; }   /* 35px */
+.ico-40 [class*="flaticon-"]:before, .ico-40 [class*="flaticon-"]:after { font-size: 2.5rem; }      /* 40px */
+.ico-45 [class*="flaticon-"]:before, .ico-45 [class*="flaticon-"]:after { font-size: 2.8125rem; }   /* 45px */
+.ico-50 [class*="flaticon-"]:before, .ico-50 [class*="flaticon-"]:after { font-size: 3.125rem; }    /* 50px */
+.ico-55 [class*="flaticon-"]:before, .ico-55 [class*="flaticon-"]:after { font-size: 3.4375rem; }   /* 55px */
+.ico-60 [class*="flaticon-"]:before, .ico-60 [class*="flaticon-"]:after { font-size: 3.75rem; }     /* 60px */
+.ico-65 [class*="flaticon-"]:before, .ico-65 [class*="flaticon-"]:after { font-size: 4.0625rem; }   /* 65px */
+.ico-70 [class*="flaticon-"]:before, .ico-70 [class*="flaticon-"]:after { font-size: 4.375rem; }    /* 70px */
+.ico-75 [class*="flaticon-"]:before, .ico-75 [class*="flaticon-"]:after { font-size: 4.6875rem; }   /* 75px */
+.ico-80 [class*="flaticon-"]:before, .ico-80 [class*="flaticon-"]:after { font-size: 5rem; }        /* 80px */
+.ico-85 [class*="flaticon-"]:before, .ico-85 [class*="flaticon-"]:after { font-size: 5.3125rem; }   /* 85px */
+.ico-90 [class*="flaticon-"]:before, .ico-90 [class*="flaticon-"]:after { font-size: 5.625rem; }    /* 90px */
+.ico-95 [class*="flaticon-"]:before, .ico-95 [class*="flaticon-"]:after { font-size: 5.9375rem; }   /* 95px */
+.ico-100 [class*="flaticon-"]:before, .ico-100 [class*="flaticon-"]:after { font-size: 6.25rem; }   /* 100px */
+.ico-105 [class*="flaticon-"]:before, .ico-105 [class*="flaticon-"]:after { font-size: 6.5625rem; } /* 105px */
+.ico-110 [class*="flaticon-"]:before, .ico-110 [class*="flaticon-"]:after { font-size: 6.875rem; }  /* 110px */
+.ico-115 [class*="flaticon-"]:before, .ico-115 [class*="flaticon-"]:after { font-size: 7.1875rem; } /* 115px */
+.ico-120 [class*="flaticon-"]:before, .ico-120 [class*="flaticon-"]:after { font-size: 7.5rem; }    /* 120px */
+.ico-125 [class*="flaticon-"]:before, .ico-125 [class*="flaticon-"]:after { font-size: 7.8125rem; } /* 125px */
+
+/*------------------------------------------*/
+/*  VECTOR ICON BACKGROUND
+/*------------------------------------------*/ 
+
+.shape-ico {
+  position: relative;
+  display: inline-block;
+  margin: 0 auto;
+}
+
+.shape-ico span {
+  position: relative;
+  z-index:  2;
+}
+
+.shape-ico svg {
+  position: absolute;
+  z-index:  1;
+}
+
+.ico-50 .shape-ico svg {
+  width: 130px;
+  height: 130px;
+  top: -35px;
+  left: calc(50% - 60px);
+}
+
+.fbox-11 .ico-50 .shape-ico svg {
+  top: -40px;
+  left: calc(50% - 70px);
+}
+
+.ico-55 .shape-ico svg {
+  width: 135px;
+  height: 135px;
+  top: -30px;
+  left: calc(50% - 60px);
+}
+
+.ico-60 .shape-ico svg {
+  width: 140px;
+  height: 140px;
+  top: -30px;
+  left: calc(50% - 65px);
+}
+
+.shape-ico.color--blue-300 path,
+.shape-ico.color--blue-400 path,
+.shape-ico.color--blue-500 path {
+  fill: #f4f9fc;
+}
+
+.shape-ico.color--green-300 path,
+.shape-ico.color--green-400 path,
+.shape-ico.color--green-500 path {
+  fill: #e9f8f2;
+}
+
+.shape-ico.color--pink-300 path,
+.shape-ico.color--pink-400 path,
+.shape-ico.color--pink-500 path {
+  fill: #feecf2;
+}
+
+.shape-ico.color--purple-300 path,
+.shape-ico.color--purple-400 path,
+.shape-ico.color--purple-500 path {
+  fill: #f1edff;
+}
+
+.shape-ico.color--red-300 path,
+.shape-ico.color--red-400 path,
+.shape-ico.color--red-500 path {
+  fill: #fce7e4;
+}
+
+.shape-ico.color--violet-300 path,
+.shape-ico.color--violet-400 path,
+.shape-ico.color--violet-500 path {
+  fill: #f7e4f1;
+}
+
+/*------------------------------------------*/
+/*  VECTOR ROUNDED ICONS
+/*------------------------------------------*/ 
+
+.ico-rounded,
+.ico-rounded-md,
+.ico-rounded-lg {
+  display: inline-block;
+  text-align: center;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+}
+
+.ico-rounded { width: 80px; height: 80px; }
+.ico-rounded-md { width: 90px; height: 90px; }
+.ico-rounded-lg { width: 100px; height: 100px; }
+
+.ico-rounded [class*="flaticon-"]:before, 
+.ico-rounded [class*="flaticon-"]:after { font-size:2.15rem; line-height:80px!important; }
+
+.ico-rounded-md [class*="flaticon-"]:before, 
+.ico-rounded-md [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 90px!important; }
+
+.ico-rounded-lg [class*="flaticon-"]:before, 
+.ico-rounded-lg [class*="flaticon-"]:after { font-size: 2.65rem; line-height: 100px!important; }
+
+/*------------------------------------------*/
+/*  VECTOR SQUARE ICONS
+/*------------------------------------------*/ 
+
+.ico-square { 
+  display: inline-block;
+  text-align: center;
+  width: 80px; 
+  height: 80px; 
+  -webkit-border-radius: 12px;
+  -moz-border-radius: 12px;
+  -o-border-radius: 12px;
+  border-radius: 12px;
+}
+
+.ico-square [class*="flaticon-"]:before, 
+.ico-square [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 80px!important; }
+
+/*------------------------------------------*/
+/*   PNG ICONS SETTINGS
+/*------------------------------------------*/ 
+
+.ico-145 img { width: 145px; height: 145px; }
+.ico-140 img { width: 140px; height: 140px; }
+.ico-135 img { width: 135px; height: 135px; }
+.ico-130 img { width: 130px; height: 130px; }
+.ico-125 img { width: 125px; height: 125px; }
+.ico-120 img { width: 120px; height: 120px; }
+.ico-115 img { width: 115px; height: 115px; }
+.ico-110 img { width: 110px; height: 110px; }
+.ico-105 img { width: 105px; height: 105px; }
+.ico-100 img { width: 100px; height: 100px; }
+.ico-95 img { width: 95px; height: 95px; }
+.ico-90 img { width: 90px; height: 90px; }
+.ico-85 img { width: 85px; height: 85px; }
+.ico-80 img { width: 80px; height: 80px; }
+.ico-75 img { width: 75px; height: 75px; }
+.ico-70 img { width: 70px; height: 70px; }
+.ico-65 img { width: 65px; height: 65px; }
+.ico-60 img { width: 60px; height: 60px; }
+.ico-55 img { width: 55px; height: 55px; }
+.ico-50 img { width: 50px; height: 50px; }
+.ico-45 img { width: 45px; height: 45px; }
+.ico-40 img { width: 40px; height: 40px; }
+.ico-35 img { width: 35px; height: 35px; }
+.ico-30 img { width: 30px; height: 30px; }
+.ico-25 img { width: 25px; height: 25px; }
+.ico-20 img { width: 20px; height: 20px; }
+
+/*------------------------------------------*/
+/*   SECTION ID
+/*------------------------------------------*/
+
+.section-id {
+  display: block;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 700;
+  letter-spacing: 0.5px;
+  text-transform: uppercase;
+  margin-bottom: 35px;   
+}
+
+.section-id.rounded-id {
+  display: inline-block;
+  padding: 10px 24px;
+  font-size: 0.85rem;
+  text-transform: uppercase;
+  -webkit-border-radius: 100px;
+  -moz-border-radius: 100px;
+  border-radius: 100px;
+  margin-bottom: 40px; 
+}
+
+.section-id.border-id {
+  border-width: 2px;
+  border-style: solid;
+}
+
+.section-id.border-id.border--grey {
+  border-color: #757575;
+}
+
+.section-id.border-id.border--blue {
+  border-color: #1680fb;
+}
+
+.font--jakarta .section-id  {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+}
+
+.font--inter .section-id  {
+  font-family: 'Inter', sans-serif;
+}
+
+/*------------------------------------------*/
+/*  SECTION TITLE
+/*------------------------------------------*/
+
+.section-title {
+  text-align: center;
+}
+
+.section-title h2 {
+  margin-bottom: 0;
+}
+
+.section-title h2.w-700 {
+  letter-spacing: -0.5px;
+}
+
+.section-title p.p-md,
+.section-title p.p-lg,
+.section-title p.p-xl,
+.section-title p.s-20,
+.section-title p.s-21 {
+  margin-top: 18px;
+  margin-bottom: 0;
+}
+
+.section-title p.p-md,
+.section-title p.p-lg {
+  padding: 0 3%;
+}
+
+.section-title a.contact-link {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.section-title .btns-group .btn {
+  margin-top: 0;
+}
+
+.section-title .advantages,
+.section-title .btns-txt,
+.section-title .btns-group-txt {
+  margin-top: 20px;
+}
+
+/*------------------------------------------*/
+/*  TEXT COLORS
+/*------------------------------------------*/
+
+.color--white,
+.color--white h1,
+.color--white h2, 
+.color--white h3, 
+.color--white h4, 
+.color--white h5, 
+.color--white h6, 
+.color--white p, 
+.color--white a, 
+.color--white li,
+.color--white i, 
+.color--white span { color: #fff; }
+
+.color--snow,
+.color--snow h1, 
+.color--snow h2, 
+.color--snow h3, 
+.color--snow h4, 
+.color--snow h5, 
+.color--snow h6, 
+.color--snow p, 
+.color--snow a, 
+.color--snow li,
+.color--snow i, 
+.color--snow span,
+.color--white .color--snow { color: #c2c3cb; }
+
+.color--black,
+.color--black h1, 
+.color--black h2, 
+.color--black h3, 
+.color--black h4, 
+.color--black h5, 
+.color--black h6, 
+.color--black p, 
+.color--black a, 
+.color--black li,
+.color--black i, 
+.color--black span { color: #353f4f; }
+
+.color--coal,
+.color--coal h1, 
+.color--coal h2, 
+.color--coal h3, 
+.color--coal h4, 
+.color--coal h5, 
+.color--coal h6, 
+.color--coal p, 
+.color--coal a, 
+.color--coal li,
+.color--coal i, 
+.color--coal span { color: #52595d; }
+
+.color--grey,
+.color--grey h1, 
+.color--grey h2, 
+.color--grey h3, 
+.color--grey h4, 
+.color--grey h5, 
+.color--grey h6, 
+.color--grey p, 
+.color--grey a, 
+.color--grey li,
+.color--grey i, 
+.color--grey span,
+.color--white .color--grey { color: #757575; }
+
+.color--blue-500, 
+.color--blue-500 h1, 
+.color--blue-500 h2, 
+.color--blue-500 h3, 
+.color--blue-500 h4, 
+.color--blue-500 h5, 
+.color--blue-500 h6, 
+.color--blue-500 p, 
+.color--blue-500 a, 
+.color--blue-500 li, 
+.color--blue-500 i, 
+.color--blue-500 span,
+.color--white .color--blue-500 { color: #185abd!important; }
+
+.color--blue-400, 
+.color--blue-400 h1, 
+.color--blue-400 h2, 
+.color--blue-400 h3, 
+.color--blue-400 h4, 
+.color--blue-400 h5, 
+.color--blue-400 h6, 
+.color--blue-400 p, 
+.color--blue-400 a, 
+.color--blue-400 li, 
+.color--blue-400 i, 
+.color--blue-400 span,
+.color--white .color--blue-400 { color: #1680fb!important; }
+
+.color--blue-300, 
+.color--blue-300 h1, 
+.color--blue-300 h2, 
+.color--blue-300 h3, 
+.color--blue-300 h4, 
+.color--blue-300 h5, 
+.color--blue-300 h6, 
+.color--blue-300 p, 
+.color--blue-300 a, 
+.color--blue-300 li, 
+.color--blue-300 i, 
+.color--blue-300 span,
+.color--white .color--blue-300 { color: #3eb1ff!important; }
+
+.color--green-500, 
+.color--green-500 h1, 
+.color--green-500 h2, 
+.color--green-500 h3, 
+.color--green-500 h4, 
+.color--green-500 h5, 
+.color--green-500 h6, 
+.color--green-500 p, 
+.color--green-500 a, 
+.color--green-500 li, 
+.color--green-500 i, 
+.color--green-500 span,
+.color--white .color--green-500 { color: #00a14e!important; }
+
+.color--green-400, 
+.color--green-400 h1, 
+.color--green-400 h2, 
+.color--green-400 h3, 
+.color--green-400 h4, 
+.color--green-400 h5, 
+.color--green-400 h6, 
+.color--green-400 p, 
+.color--green-400 a, 
+.color--green-400 li, 
+.color--green-400 i, 
+.color--green-400 span,
+.color--white .color--green-400 { color: #0fbc49!important; }
+
+.color--green-300, 
+.color--green-300 h1, 
+.color--green-300 h2, 
+.color--green-300 h3, 
+.color--green-300 h4, 
+.color--green-300 h5, 
+.color--green-300 h6, 
+.color--green-300 p, 
+.color--green-300 a, 
+.color--green-300 li, 
+.color--green-300 i, 
+.color--green-300 span,
+.color--white .color--green-300 { color: #6fd792!important; }
+
+.color--pink-500, 
+.color--pink-500 h1, 
+.color--pink-500 h2, 
+.color--pink-500 h3, 
+.color--pink-500 h4, 
+.color--pink-500 h5, 
+.color--pink-500 h6, 
+.color--pink-500 p, 
+.color--pink-500 a, 
+.color--pink-500 li, 
+.color--pink-500 i, 
+.color--pink-500 span,
+.color--white .color--pink-500 { color: #ff149c!important; }
+
+.color--pink-400, 
+.color--pink-400 h1, 
+.color--pink-400 h2, 
+.color--pink-400 h3, 
+.color--pink-400 h4, 
+.color--pink-400 h5, 
+.color--pink-400 h6, 
+.color--pink-400 p, 
+.color--pink-400 a, 
+.color--pink-400 li, 
+.color--pink-400 i, 
+.color--pink-400 span,
+.color--white .color--pink-400 { color: #f74780!important; }
+
+.color--pink-300, 
+.color--pink-300 h1, 
+.color--pink-300 h2, 
+.color--pink-300 h3, 
+.color--pink-300 h4, 
+.color--pink-300 h5, 
+.color--pink-300 h6, 
+.color--pink-300 p, 
+.color--pink-300 a, 
+.color--pink-300 li, 
+.color--pink-300 i, 
+.color--pink-300 span,
+.color--white .color--pink-300 { color: #fcb5cc!important; }
+
+.color--purple-500, 
+.color--purple-500 h1, 
+.color--purple-500 h2, 
+.color--purple-500 h3, 
+.color--purple-500 h4, 
+.color--purple-500 h5, 
+.color--purple-500 h6, 
+.color--purple-500 p, 
+.color--purple-500 a, 
+.color--purple-500 li, 
+.color--purple-500 i, 
+.color--purple-500 span,
+.color--white .color--purple-500 { color: #663ae9!important; }
+
+.color--purple-400, 
+.color--purple-400 h1, 
+.color--purple-400 h2, 
+.color--purple-400 h3, 
+.color--purple-400 h4, 
+.color--purple-400 h5, 
+.color--purple-400 h6, 
+.color--purple-400 p, 
+.color--purple-400 a, 
+.color--purple-400 li, 
+.color--purple-400 i, 
+.color--purple-400 span,
+.color--white .color--purple-400 { color: #7b5dd6!important; }
+
+.color--purple-300, 
+.color--purple-300 h1, 
+.color--purple-300 h2, 
+.color--purple-300 h3, 
+.color--purple-300 h4, 
+.color--purple-300 h5, 
+.color--purple-300 h6, 
+.color--purple-300 p, 
+.color--purple-300 a, 
+.color--purple-300 li, 
+.color--purple-300 i, 
+.color--purple-300 span,
+.color--white .color--purple-300 { color: #bdaeea!important; }
+
+.color--red-500, 
+.color--red-500 h1, 
+.color--red-500 h2, 
+.color--red-500 h3, 
+.color--red-500 h4, 
+.color--red-500 h5, 
+.color--red-500 h6, 
+.color--red-500 p, 
+.color--red-500 a, 
+.color--red-500 li, 
+.color--red-500 i, 
+.color--red-500 span,
+.color--white .color--red-500 { color: #da0f29!important; }
+
+.color--red-400, 
+.color--red-400 h1, 
+.color--red-400 h2, 
+.color--red-400 h3, 
+.color--red-400 h4, 
+.color--red-400 h5, 
+.color--red-400 h6, 
+.color--red-400 p, 
+.color--red-400 a, 
+.color--red-400 li, 
+.color--red-400 i, 
+.color--red-400 span,
+.color--white .color--red-400 { color: #ff1e1a!important; }
+
+.color--red-300, 
+.color--red-300 h1, 
+.color--red-300 h2, 
+.color--red-300 h3, 
+.color--red-300 h4, 
+.color--red-300 h5, 
+.color--red-300 h6, 
+.color--red-300 p, 
+.color--red-300 a, 
+.color--red-300 li, 
+.color--red-300 i, 
+.color--red-300 span,
+.color--white .color--red-300 { color: #ffa5a3!important; }
+
+.color--violet-500, 
+.color--violet-500 h1, 
+.color--violet-500 h2, 
+.color--violet-500 h3, 
+.color--violet-500 h4, 
+.color--violet-500 h5, 
+.color--violet-500 h6, 
+.color--violet-500 p, 
+.color--violet-500 a, 
+.color--violet-500 li, 
+.color--violet-500 i, 
+.color--violet-500 span,
+.color--white .color--violet-500 { color: #c73e9b!important; }
+
+.color--violet-400, 
+.color--violet-400 h1, 
+.color--violet-400 h2, 
+.color--violet-400 h3, 
+.color--violet-400 h4, 
+.color--violet-400 h5, 
+.color--violet-400 h6, 
+.color--violet-400 p, 
+.color--violet-400 a, 
+.color--violet-400 li, 
+.color--violet-400 i, 
+.color--violet-400 span,
+.color--white .color--violet-400 { color: #be6cbe!important; }
+
+.color--violet-300, 
+.color--violet-300 h1, 
+.color--violet-300 h2, 
+.color--violet-300 h3, 
+.color--violet-300 h4, 
+.color--violet-300 h5, 
+.color--violet-300 h6, 
+.color--violet-300 p, 
+.color--violet-300 a, 
+.color--violet-300 li, 
+.color--violet-300 i, 
+.color--violet-300 span,
+.color--white .color--violet-300 { color: #e2bde2!important; }
+
+.color--yellow-500, 
+.color--yellow-500 h1, 
+.color--yellow-500 h2, 
+.color--yellow-500 h3, 
+.color--yellow-500 h4, 
+.color--yellow-500 h5, 
+.color--yellow-500 h6, 
+.color--yellow-500 p, 
+.color--yellow-500 a, 
+.color--yellow-500 li, 
+.color--yellow-500 i, 
+.color--yellow-500 span,
+.color--white .color--yellow-500 { color: #ffba01!important; }
+
+.color--yellow-400, 
+.color--yellow-400 h1, 
+.color--yellow-400 h2, 
+.color--yellow-400 h3, 
+.color--yellow-400 h4, 
+.color--yellow-400 h5, 
+.color--yellow-400 h6, 
+.color--yellow-400 p, 
+.color--yellow-400 a, 
+.color--yellow-400 li, 
+.color--yellow-400 i, 
+.color--yellow-400 span,
+.color--white .color--yellow-400 { color: #ffbd45!important; }
+
+.color--yellow-300, 
+.color--yellow-300 h1, 
+.color--yellow-300 h2, 
+.color--yellow-300 h3, 
+.color--yellow-300 h4, 
+.color--yellow-300 h5, 
+.color--yellow-300 h6, 
+.color--yellow-300 p, 
+.color--yellow-300 a, 
+.color--yellow-300 li, 
+.color--yellow-300 i, 
+.color--yellow-300 span,
+.color--white .color--yellow-300 { color: #ffdf35!important; }
+
+
+
+
+/* ==========================================================================
+  03. PRELOAD ANIMATION
+  ========================================================================== */
+
+#loading {
+  height: 100%;
+  width: 100%;
+  position: fixed;
+  z-index: 1;
+  margin-top: 0px;
+  top: 0px;
+  z-index: 99999999;
+}
+
+#loading { 
+  background-color: #f5f5f9;
+}
+
+#loading-center {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  height: 100px;
+  width: 100px;
+  margin-top: -50px;
+  margin-left: -50px;
+  -webkit-animation: loading-center-absolute 1s infinite;
+  animation: loading-center-absolute 1s infinite;
+}
+
+.loader {
+  border: 2px solid;
+  border-color: transparent #888;
+  width: 100px;
+  height: 100px;
+  border-radius: 50%;
+  display: inline-block;
+  position: relative;
+  box-sizing: border-box;
+  animation: rotation 1s linear infinite;
+}
+
+.loading--blue .loader { 
+  border-color: transparent #1680fb; 
+}
+
+.loading--green .loader { 
+  border-color: transparent #0fbc49; 
+}
+
+.loading--pink .loader { 
+  border-color: transparent #f74780; 
+}
+
+.loading--purple .loader { 
+  border-color: transparent #7b5dd6; 
+}
+
+.loading--red .loader { 
+  border-color: transparent #ff1e1a; 
+}
+
+.loading--violet .loader { 
+  border-color: transparent #c73e9b; 
+}
+
+.loading--yellow .loader { 
+  border-color: transparent #ffba01; 
+}
+
+.loader::after {
+  content: '';  
+  box-sizing: border-box;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  border: 50px solid;
+  border-color: transparent rgba(30, 30, 30, 0.15);
+  border-radius: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.loading--blue .loader::after {
+  border-color: transparent rgba(22, 128, 251, .15); 
+}
+
+.loading--green .loader::after {
+  border-color: transparent rgba(14, 188, 73, .15); 
+}
+
+.loading--pink .loader::after {
+  border-color: transparent rgba(247, 71, 128, .15); 
+}
+
+.loading--purple .loader::after {
+  border-color: transparent rgba(123, 93, 214, .15); 
+}
+
+.loading--red .loader::after {
+  border-color: transparent rgba(255, 30, 26, .15); 
+}
+
+.loading--violet .loader::after {
+  border-color: transparent rgba(1900, 108, 190, .15); 
+}
+
+.loading--yellow .loader::after {
+  border-color: transparent rgba(255, 186, 1, .15); 
+}
+
+@keyframes rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+} 
+
+
+
+
+/* ==========================================================================
+  04. HEADER & NAVIGATION
+  =========================================================================== */
+
+#header {
+  width: 100%;
+  display: block;
+  padding-top: 0px;
+}
+
+.header-wrapper {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 1030;
+}
+
+.headerwp {
+  max-width: 1140px;
+  margin: 0 auto;
+  padding: 0;
+}
+
+.posrlt {
+  position: relative;
+}
+
+/*------------------------------------------*/
+/*  HEADER LOGO
+/*------------------------------------------*/
+
+.desktoplogo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 38px;
+}
+
+.blog-header .desktoplogo img {
+  max-height: 30px;
+}
+
+/*------------------------------------------*/
+/*  NAVIGATION MENU
+/*------------------------------------------*/
+
+.wsmainfull {
+  width: 100%;
+  height: auto;
+  z-index: 1031;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out; 
+}
+
+.tra-menu .wsmainfull {
+  padding: 20px 0;
+  background-color: transparent!important;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+
+.white-menu .wsmainfull {
+  padding: 6px 0;
+  background-color: #fff!important;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.dark-menu .wsmainfull {
+  padding: 6px 0;
+  background-color: #1d222f!important;
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+#header.hiddden-header {
+  display: none;
+}
+
+.hidden-nav .wsmainfull {
+  margin-top: -140px;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  HEADER LINK
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > a {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  display: block;
+  font-size: 1rem;
+  line-height: 50px;
+  font-weight: 600;
+  letter-spacing: 0;
+  text-decoration: none;  
+  margin: 0 7px;
+  padding: 10px 15px;
+}
+
+.navbar-dark .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #353f4f;
+}
+
+.navbar-light .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #fff;
+}
+
+.wsmenu > .wsmenu-list > li > a.h-link.last-link {
+  padding: 10px 0px;
+  margin: 0;
+}
+
+.wsmenu > .wsmenu-list > li > a .wsarrow:after {
+  border-left: 4px solid rgba(0, 0, 0, 0);
+  border-right: 4px solid rgba(0, 0, 0, 0);
+  border-top: 4px solid;
+  content: "";
+  float: right;
+  right: 0;
+  height: 0;
+  margin: 0 0 0 14px;
+  position: absolute;
+  text-align: right;
+  top: 35px;
+  width: 0;
+}
+
+.wsmenu > .wsmenu-list > li.reg-fst-link > a {
+  margin-left: 30px;
+}
+
+/*------------------------------------------*/
+/*  HEADER LINK INFO
+/*------------------------------------------*/
+
+span.sm-info {
+  position: relative;
+  display: inline-block;
+  text-align: center;
+  width: 20px;
+  height: 20px;
+  color: #fff;
+  font-size: 0.65rem;
+  line-height: 19px;
+  font-weight: 700;
+  margin-left: 5px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+}
+
+.nav-blue-500 .sm-info { background-color: #185abd; }
+.nav-blue-400 .sm-info { background-color: #1680fb; }
+.nav-blue-300 .sm-info { background-color: #3eb1ff; }
+
+.nav-green-500 .sm-info { background-color: #00a14e; }
+.nav-green-400 .sm-info { background-color: #0fbc49; }
+.nav-green-300 .sm-info { background-color: #6fd792; }
+
+.nav-pink-500 .sm-info { background-color: #ff149c; }
+.nav-pink-400 .sm-info { background-color: #f74780; }
+.nav-pink-300 .sm-info { background-color: #fcb5cc; }
+
+.nav-purple-500 .sm-info { background-color: #663ae9; }
+.nav-purple-400 .sm-info { background-color: #7b5dd6; }
+.nav-purple-300 .sm-info { background-color: #bdaeea; }
+
+.nav-red-500 .sm-info { background-color: #da0f29; }
+.nav-red-400 .sm-info { background-color: #ff1e1a; }
+.nav-red-300 .sm-info { background-color: #ffa5a3; }
+
+.nav-violet-500 .sm-info { background-color: #c73e9b; }
+.nav-violet-400 .sm-info { background-color: #be6cbe; }
+.nav-violet-300 .sm-info { background-color: #e2bde2; }
+
+.nav-yellow-500 .sm-info { background-color: #ffba01; }
+.nav-yellow-400 .sm-info { background-color: #ffbd45; }
+.nav-yellow-300 .sm-info { background-color: #ffdf35; }
+
+/*------------------------------------------*/
+/*  HEADER BUTTONS
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li a.btn {
+  font-size: 1rem;
+  line-height: 30px;
+  font-weight: 600;
+  text-transform: none;
+  letter-spacing: 0;
+  margin-top: 14px;
+  padding: 4px 28px;
+}
+
+.wsmenu > .wsmenu-list > li a.btn.reg-btn {
+  padding: 4px 22px;
+}
+
+.wsmenu > .wsmenu-list > li a.btn.fst-btn-link {
+  margin-left: 12px;
+}
+
+.wsmenu > .wsmenu-list > li a.store.header-store {
+  line-height: 1;
+  margin-top: 13px;
+  margin-left: 10px;
+  margin-bottom: 0;
+  padding: 0;
+}
+
+.store.header-store img {
+  max-height: 44px;
+}
+
+/*------------------------------------------*/
+/*  HEADER SOCIAL LINKS  
+/*------------------------------------------*/
+
+.header-socials {
+  margin: 0;
+  display: inline-block; 
+  text-align: center;
+}
+
+.header-socials span {
+  float: left;
+  width: auto !important;
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  margin: 0;
+}
+
+.header-socials a {
+  display: block; 
+  margin-left: 18px;
+}
+
+.navbar-light .header-socials a {
+  color: #ddd;
+}
+
+.navbar-light .header-socials a:hover {
+  color: #ccc!important;
+}
+
+.header-socials.ico-20 [class*="flaticon-"]:before, 
+.header-socials.ico-20 [class*="flaticon-"]:after { line-height: 70px!important; } 
+
+/*------------------------------------------*/
+/*  HEADER SUBMENU
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu {
+  width: auto;
+  min-width: 200px;
+  top: 62px;
+  padding: 12px 10px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
+  background-color: rgba(244, 244, 249, 0);
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  color: #353f4f;
+  font-size: 1rem;
+  font-weight: 600;
+  padding: 11px 14px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  transition: all 0.3s ease-in-out;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover {
+  background-color: rgba(244, 244, 249, 1);
+  padding: 11px 14px;
+}
+
+/*------------------------------------------*/
+/*  HALFMENU
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu {
+  top: 62px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
+  width: 38%;
+  padding: 12px 0;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { 
+  right: 2%; 
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li {
+  border-bottom: none;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  background-color: rgba(244, 244, 249, 0);
+  color: #353f4f;
+  font-size: 1rem;
+  font-weight: 600;
+  padding: 11px 14px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  transition: all 0.3s ease-in-out;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  background-color: rgba(244, 244, 249, 1);
+  padding: 11px 14px;
+}
+
+/*------------------------------------------*/
+/*  MEGAMENU
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu {
+  padding: 12px 0;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 {
+  width: 76%!important;
+  left: 23%;
+  padding: 20px 10px;
+}
+
+.wsmegamenu.w-75 .col-lg-3 {
+  padding: 0 6px;
+}
+
+/*------------------------------------------*/
+/*  SUBMENU TITLE
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .title,
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .title {
+  color: #929394;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 0.875rem;
+  line-height: 1;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0;
+  margin: 10px 0 15px 13px;
+}
+
+/*------------------------------------------*/
+/*  DARK HEADER SUBMENU / MEGAMENU
+/*------------------------------------------*/
+
+.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
+  background-color: #2c3142!important; 
+  border: solid 1px #2c3142!important; 
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+  color: #ddd;
+  background-color: rgba(255, 255, 255, 0)!important;
+}
+
+.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  background-color: rgba(255, 255, 255, .05)!important;
+}
+
+.dark-menu .title, .black-scroll .scroll .title,
+.dark-menu .icons-menu-txt span, .black-scroll .scroll .icons-menu-txt span {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  ICONS MENU
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu {
+  max-width: 275px;
+  min-width: 275px;
+  padding: 12px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu {
+  width: 52%;
+  padding: 12px 6px;
+}
+
+.wsmegamenu.halfmenu.icons-menu .col-lg-6 {
+  padding: 0 6px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 {
+  width: 82%!important;
+  left: 17%;
+  padding: 12px 6px;
+}
+
+.wsmegamenu.icons-menu.w-75 .col-lg-4 {
+  padding: 0 6px;
+}
+
+.icons-menu .icons-menu-item {
+  display: flex!important;
+  position: relative!important;
+  flex-flow: row wrap!important;
+  align-items: stretch!important;
+  justify-content: flex-start!important;
+}
+
+.icons-menu-ico {
+  position: relative;
+  margin-right: 14px;
+}
+
+.wsmegamenu.ico-30 .icons-menu-ico span {
+  position: relative;
+  top: 6px!important;
+}
+
+.icons-menu-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.icons-menu-txt h6 {
+  color: inherit;
+  font-size: 1rem;
+  line-height: 32px;
+  font-weight: 500;
+  margin-bottom: 0;
+}
+
+.icons-menu-txt span {
+  display: block;
+  color: #898989;
+  font-size: 0.925rem;
+  font-weight: 400;
+  margin-bottom: 0;
+}
+
+.sub-menu.ico-30 .icons-menu-txt h6 {
+  line-height: 30px;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR HOVER
+/*------------------------------------------*/
+
+.navbar-light .wsmenu-list > li > a.h-link:hover {
+  color: #eee!important;
+}
+
+.navbar-dark .wsmenu-list > li > a.h-link:hover {
+  color: #1d222f!important;
+}
+
+.wsmenu > .wsmenu-list.nav-blue-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #185abd!important;
+}
+
+.wsmenu > .wsmenu-list.nav-blue-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #1680fb!important;
+}
+
+.wsmenu > .wsmenu-list.nav-blue-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #3eb1ff!important;
+}
+
+.wsmenu > .wsmenu-list.nav-green-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #00a14e!important;
+}
+
+.wsmenu > .wsmenu-list.nav-green-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #0fbc49!important;
+}
+
+.wsmenu > .wsmenu-list.nav-green-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #6fd792!important;
+}
+
+.wsmenu > .wsmenu-list.nav-pink-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #ff149c!important;
+}
+
+.wsmenu > .wsmenu-list.nav-pink-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #f74780!important;
+}
+
+.wsmenu > .wsmenu-list.nav-pink-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #fcb5cc!important;
+}
+
+.wsmenu > .wsmenu-list.nav-purple-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #663ae9!important;
+}
+
+.wsmenu > .wsmenu-list.nav-purple-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #7b5dd6!important;
+}
+
+.wsmenu > .wsmenu-list.nav-purple-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #bdaeea!important;
+}
+
+.wsmenu > .wsmenu-list.nav-red-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #da0f29!important;
+}
+
+.wsmenu > .wsmenu-list.nav-red-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #ff1e1a!important;
+}
+
+.wsmenu > .wsmenu-list.nav-red-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #ffa5a3!important;
+}
+
+.wsmenu > .wsmenu-list.nav-violet-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #c73e9b!important;
+}
+
+.wsmenu > .wsmenu-list.nav-violet-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #be6cbe!important;
+}
+
+.wsmenu > .wsmenu-list.nav-violet-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #e2bde2!important;
+}
+
+/*------------------------------------------*/
+/*  HIDDEN NAVBAR SCROLL
+/*------------------------------------------*/
+
+.hidden-nav .wsmainfull.scroll {
+  margin-top: 0;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR WHITE SCROLL
+/*------------------------------------------*/
+
+.tra-menu.white-scroll .wsmainfull.scroll,
+.white-menu.white-scroll .wsmainfull.scroll {
+  padding: 0;
+  background-color: rgba(255, 255, 255, .7)!important;
+  backdrop-filter: blur(20px);
+  -webkit-backdrop-filter: blur(20px);
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, 
+.tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #353f4f;
+}
+
+.navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover {
+  color: #1d222f!important;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR BLACK SCROLL
+/*------------------------------------------*/
+
+.tra-menu.black-scroll .wsmainfull.scroll,
+.dark-menu.black-scroll .wsmainfull.scroll {
+  padding: 0;
+  background-color: #1d222f!important;
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #fff;
+}
+
+.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link:hover {
+  color: #ccc!important;
+}
+
+/*------------------------------------------*/
+/*  WHITE SCROLL BUTTONS
+/*------------------------------------------*/
+
+.white-scroll .scroll .btn--tra-white {
+  color: #353f4f!important;
+  border-color: #353f4f!important;
+}
+
+/*------------------------------------------*/
+/*  BLACK SCROLL BUTTONS
+/*------------------------------------------*/
+
+.black-scroll .scroll .btn--tra-black {
+  color: #fff!important;
+  border-color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  LOGO IMAGE
+/*------------------------------------------*/
+
+.logo-white, 
+.logo-black {
+  display: block;
+}
+
+.navbar-light .logo-black,
+.navbar-dark .logo-white,
+.tra-menu.navbar-light .scroll .logo-white,
+.tra-menu.navbar-dark.black-scroll .scroll .logo-black {
+  display: none;
+}
+
+.tra-menu.navbar-light .scroll .logo-black,
+.tra-menu.navbar-dark.black-scroll .scroll .logo-white {
+  display: block;
+}
+
+
+
+
+/* ==========================================================================
+  05. HERO
+  ========================================================================== */
+
+.hero-section,
+.hero-section .container {
+  position: relative;
+  z-index: 3;
+}
+
+.hero-section.bg--img {
+  width: 100%;
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+}
+
+.hero-section.blur--purple:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 100%;
+  height: 100%;
+  top: -30%;
+  left: 0;
+  background-image: url(../images/blur-purple.png);
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+  background-attachment: scroll;
+  opacity: 0.2;
+}
+
+/*------------------------------------------*/
+/*  HERO LOGO
+/*------------------------------------------*/
+
+.hero-logo {
+  margin-bottom: 40px;
+}
+
+.hero-square-logo {
+  margin-bottom: 20px;
+}
+
+#hero-22 .hero-logo {
+  margin-bottom: 30px;
+}
+
+.hero-logo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 36px;
+}
+
+.hero-square-logo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 90px;
+}
+
+/*------------------------------------------*/
+/*  HERO APP LOGO
+/*------------------------------------------*/
+
+.hero-app-logo {
+  margin-bottom: 35px;
+}
+
+#hero-25 .hero-app-logo {
+  margin-bottom: 25px;
+}
+
+.hero-app-logo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 100px;
+}
+
+#hero-25 .hero-app-logo img {
+  max-height: 110px;
+}
+
+/*------------------------------------------*/
+/*  HERO DIGITS
+/*------------------------------------------*/
+
+#hd-1-1, #hd-1-2 {
+  display: inline-block;
+  float: left;
+  padding-right: 20px;
+} 
+
+#hd-1-1 { width: 45%; }
+#hd-1-2 { width: 55%; }
+
+.hero-digits-block {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+.hero-digits .block-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+  padding-left: 12px;
+}
+
+.hero-digits h2.statistic-number {
+  line-height: 1;
+  margin-bottom: 0;
+} 
+
+.hero-digits h2.statistic-number span {
+  font-size: 1.85rem;
+}
+
+.hero-digits .block-txt p.p-sm {
+  line-height: 1.35;
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  HERO TYPOGRAPHY
+/*------------------------------------------*/
+
+.hero-section h2 {
+  margin-bottom: 28px;
+}
+
+.hero-section h2.s-48,
+.hero-section h2.s-50 {
+  margin-bottom: 40px;
+}
+
+.hero-section h2.s-62 {
+  margin-bottom: 24px;
+}
+
+.hero-section p.p-sm { 
+  padding: 0!important; 
+}
+
+.hero-section p.p-md {
+  margin-bottom: 30px;
+}
+
+.hero-section p.p-lg,
+.hero-section p.p-xl {
+  margin-bottom: 32px;
+}
+
+.hero-section p.s-20,
+.hero-section p.s-22,
+.hero-section p.s-24 {
+  margin-bottom: 36px;
+}
+
+.hero-section p.p-lg span,
+.hero-section p.p-xl span {
+  font-weight: 600;
+  letter-spacing: -0.35px;
+}
+
+/*------------------------------------------*/
+/*  HERO-1
+/*------------------------------------------*/
+
+#hero-1 {
+  background-image: url(../images/hero-1.jpg);
+  padding-top: 130px;
+  padding-bottom: 100px;
+}
+
+.hero-1-txt p {
+  padding-right: 2%;
+}
+
+/*------------------------------------------*/
+/*  HERO-2
+/*------------------------------------------*/
+
+#hero-2 {
+  background-image: url(../images/hero-2.jpg);
+  padding-top: 150px;
+  padding-bottom: 100px;
+}
+
+.hero-2-txt p {
+  padding-right: 3%;
+}
+
+.hero-2-img {
+  text-align: center;
+  padding-right: 25px;
+}
+
+/*------------------------------------------*/
+/*  HERO-3
+/*------------------------------------------*/
+
+#hero-3 {
+  position: relative;
+  padding-top: 160px;
+  background-image: url(../images/hero-3.jpg);
+}
+
+#hero-3:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 100%;
+  height: 5%;
+  bottom: 0;
+  left: 0;
+  background-color: #fff;
+}
+
+.hero-3-txt {
+  margin-top: -70px;
+}
+
+.hero-3-txt p.p-lg {
+  padding-right: 2%;
+}
+
+.hero-3-img {
+  position: relative;
+  text-align: center;
+  margin: 0 -90% 0 -60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-4
+/*------------------------------------------*/
+
+#hero-4 {
+  overflow: hidden; 
+  background-image: url(../images/hero-4.jpg);
+  padding-top: 180px;
+}
+
+#hero-4:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 100%;
+  height: 10%;
+  bottom: 0;
+  left: 0;
+  background-color: #fff;
+}
+
+.hero-4-txt h2 {
+  padding: 0 3%;
+}
+
+.hero-4-txt p { 
+  padding: 0 5%; 
+}
+
+.hero-4-txt p.btns-group-txt {
+  margin-top: 25px;
+}
+
+.hero-4-img {
+  margin-top: 60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-5
+/*------------------------------------------*/
+
+#hero-5 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-5 {
+  background-image: url(../images/hero-5.jpg);
+  padding-top: 140px;
+  padding-bottom: 50px;
+}
+
+.hero-5-txt h2 {
+  line-height: 1.3;
+  margin-bottom: 25px;
+}
+
+.hero-5-txt p.p-lg {
+  padding-right: 10%;
+  margin-bottom: 30px;
+}
+
+.hero-5-img {
+  margin: 0 0 -50px;
+}
+
+/*------------------------------------------*/
+/*  HERO-6
+/*------------------------------------------*/
+
+#hero-6 {
+  padding-top: 130px;
+}
+
+.hero-6-wrapper {
+  overflow: hidden;
+  background-image: linear-gradient(90deg, #f6f4fd, #f4f5fd);
+  padding: 75px 80px;
+}
+
+.hero-6-img {
+  position: relative;
+  text-align: center;
+}
+
+/*------------------------------------------*/
+/*  HERO-7
+/*------------------------------------------*/
+
+#hero-7 {
+  padding-top: 140px;
+  padding-bottom: 100px;
+}
+
+#hero-7 .quick-form {
+  margin-right: 4%;
+}
+
+.hero-7-img {
+  padding-left: 30px;
+}
+
+/*------------------------------------------*/
+/*  HERO-8
+/*------------------------------------------*/
+
+#hero-8 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-8 {
+  position: relative;
+  background-image: url(../images/hero-8.jpg);
+  padding-top: 170px;
+  padding-bottom: 30px;
+}
+
+.hero-8-txt {
+  margin-top: -70px;
+}
+
+.hero-8-txt p {
+  padding-right: 10%;
+}
+
+.hero-8-txt .hero-digits {
+  padding-right: 15%;
+}
+
+#hero-8-form {
+  position: relative;
+  z-index: 999;
+  background-color: #fff;
+  border: 1px solid #f8f8f8;
+  padding: 45px 35px;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+  box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+}
+
+#hero-8-form h4 {
+  line-height: 1.4;
+  margin-bottom: 20px;
+}
+
+#hero-8-form p {
+  color: #757575;
+  margin-bottom: 25px;
+}
+
+#hero-8-form p.p-sm {
+  text-align: center;
+  padding: 0 5%!important;
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+#hero-8-form p a {
+  color: #1e90ff;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  HERO-9
+/*------------------------------------------*/
+
+#hero-9 {
+  padding-top: 180px;
+}
+
+.hero-9-txt h2 {
+  line-height: 1;
+}
+
+.hero-9-txt h2 img {
+  position: relative;
+  width: auto;
+  max-width: inherit;
+  max-height: 100px;
+  margin: 0 3px;
+  top: -8px;
+}
+
+.hero-9-txt p {
+  padding: 0 5%;
+  margin-top: 40px;
+}
+
+#hero-9 .quick-form {
+  margin-left: 7%;
+  margin-right: 7%;
+}
+
+.hero-9-img {
+  margin-top: 60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-10
+/*------------------------------------------*/
+
+#hero-10 {
+  position: relative;
+  background-image: url(../images/hero-10.jpg);
+  padding-top: 170px;
+  padding-bottom: 100px;
+}
+
+.hero-10-txt h4 {
+  line-height: 1.45;
+  font-weight: 300;
+  padding-right: 5%;
+  margin-bottom: 35px;
+}
+
+.hero-10-img {
+  position: relative;
+  text-align: center;
+  margin: 0 -95% 0 15px;
+}
+
+/*------------------------------------------*/
+/*  HERO-11
+/*------------------------------------------*/
+
+#hero-11 {
+  overflow: hidden;
+  background-image: url(../images/hero-11.jpg);
+  padding-top: 50px;
+}
+
+.hero-11-txt {
+  margin-top: 40px;
+}
+
+.hero-11-txt p {
+  padding-right: 5%;
+}
+
+.hero-11-img {
+  position: relative;
+  margin: -60px -12% -100px -15px;
+}
+
+/*------------------------------------------*/
+/*  HERO-12
+/*------------------------------------------*/
+
+#hero-12 {
+  overflow: hidden; 
+  background-image: url(../images/hero-12.jpg);
+  padding-top: 180px;
+}
+
+.hero-12-txt h2 {
+  padding: 0 3%;
+}
+
+.hero-12-txt p { 
+  padding: 0 5%; 
+}
+
+.hero-12-txt p.btns-group-txt {
+  margin-top: 25px;
+}
+
+.hero-12-img {
+  margin-top: 60px;
+  margin-bottom: -100px;
+}
+
+.hero-12-img .video-btn {
+  top: calc(50% - 30px);
+}
+
+/*------------------------------------------*/
+/*  HERO-13
+/*------------------------------------------*/
+
+#hero-13 {
+  background-image: linear-gradient(180deg, #f1edff, #f1edff);
+  padding-top: 130px;
+  padding-bottom: 80px;
+}
+
+#hero-13:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 43%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #fff;
+  -moz-box-shadow: 0 0 55px 35px #fff;
+  -webkit-box-shadow: 0 0 35px 35px #fff;
+  box-shadow: 0 0 35px 35px #fff;
+}
+
+.hero-13-txt .section-id {
+  font-weight: 600;
+  letter-spacing: 1.5px;
+}
+
+.hero-13-txt p {
+  padding-right: 5%;
+}
+
+.hero-13-img {
+  text-align: center;
+}
+
+/*------------------------------------------*/
+/*  HERO-14
+/*------------------------------------------*/
+
+#hero-14 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-14 {
+  background-image: url(../images/hero-14.jpg);
+  padding-top: 170px;
+} 
+
+.hero-14-txt p.s-21 {
+  font-size: 1.3125rem;
+  margin-bottom: 40px;
+}
+
+#hero-14 .quick-form {
+  margin-left: 6%;
+  margin-right: 6%;
+}
+
+.hero-14-txt .btn-txt {
+  margin-top: 40px;
+}
+
+.hero-14-img {
+  margin-top: 70px;
+}
+
+/*------------------------------------------*/
+/*  HERO-15
+/*------------------------------------------*/
+
+#hero-15 {
+  position: relative;
+  z-index: 3;
+  background-image: url(../images/hero-15.jpg);
+  padding-top: 130px;
+}
+
+.hero-15-txt {
+  margin-top: -20px;
+}
+
+.hero-15-txt h2 {
+  padding-right: 5%;
+}
+
+.hero-15-txt p {
+  padding-right: 2%;
+}
+
+/*------------------------------------------*/
+/*  HERO-16
+/*------------------------------------------*/
+
+#hero-16 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-16 {
+  background-image: url(../images/hero-16.jpg);
+  padding-top: 170px;
+  margin-bottom: 80px;
+} 
+
+.hero-16-img {
+  margin-top: 60px;
+  margin-bottom: -80px;
+}
+
+/*------------------------------------------*/
+/*  HERO-17
+/*------------------------------------------*/
+
+#hero-17 {
+  text-align: center;
+  padding-top: 170px;
+  background-image: url(../images/hero-17.jpg);
+  background-position: top center;
+}
+
+#hero-17 #brands-1 {
+  padding: 80px 6% 0;
+}
+
+#hero-17 #brands-1 .brands-carousel-5 .brand-logo {
+  padding: 0 20px;
+} 
+
+#hero-17 .quick-form {
+  margin-left: 8%;
+  margin-right: 8%;
+}
+
+/*------------------------------------------*/
+/*  HERO-18
+/*------------------------------------------*/
+
+#hero-18 {
+  padding-top: 140px;
+  padding-bottom: 80px;
+}
+
+#hero-18:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 74%;
+  height: 100%;
+  top: 0;
+  left: 26%;
+  background-image: url(../images/hero-18.jpg);
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+  border-radius: 0 0 0 60px;
+}
+
+.hero-18-txt p {
+  padding-right: 3%;
+}
+
+#hero-18 .quick-form {
+  margin-right: 4%;
+}
+
+.hero-18-img {
+  text-align: center;
+  padding-right: 15px;
+}
+
+/*------------------------------------------*/
+/*  HERO-19
+/*------------------------------------------*/
+
+#hero-19 {
+  padding-top: 170px;
+}
+
+.hero-19-txt p {
+  padding: 0 10%;
+}
+
+/*------------------------------------------*/
+/*  HERO-20
+/*------------------------------------------*/
+
+#hero-20 {
+  background-image: url(../images/hero-20.jpg);
+  padding-top: 100px;
+  padding-bottom: 100px;
+}
+
+#hero-20:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 51%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-image: linear-gradient(180deg, #f4f4f9, #fbfbfd);
+}
+
+.hero-20-txt {
+  padding: 0 8% 0 15px;
+}
+
+.hero-section .hero-20-txt h2.s-48 {
+  margin-bottom: 28px;
+}
+
+/*------------------------------------------*/
+/*  HERO-21
+/*------------------------------------------*/
+
+#hero-21 {
+  padding-top: 170px;
+}
+
+.hero-21-txt {
+  margin-bottom: 60px;
+}
+
+.hero-21-txt h2 {
+  margin-bottom: 35px;
+}
+
+.hero-21-wrapper {
+  overflow: hidden;
+}
+
+#hero-21 .hero-overlay {
+  background-image: url(../images/hero-21.jpg);
+  padding: 90px 70px 0;
+}
+
+.hero-21-img {
+  position: relative;
+  margin-bottom: -25%;
+}
+
+.hero-21-img .video-btn {
+  top: calc(50% - 80px);
+}
+
+/*------------------------------------------*/
+/*  HERO-22
+/*------------------------------------------*/
+
+#hero-22 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-22 {
+  position: relative;
+  background-image: url(../images/hero-22.jpg);
+  padding-top: 160px;
+}
+
+#hero-22-form {
+  position: relative;
+  z-index: 999;
+  background-color: #fff;
+  border: 1px solid #f8f8f8;
+  padding: 45px 35px 35px;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+  box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+}
+
+#hero-22-form h4 {
+  line-height: 1.4;
+  margin-bottom: 20px;
+}
+
+#hero-22-form p {
+  color: #757575;
+  margin-bottom: 25px;
+}
+
+#hero-22-form p.p-sm {
+  text-align: center;
+  padding: 0 5%!important;
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+#hero-22-form p a {
+  color: #1e90ff;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  HERO-23
+/*------------------------------------------*/
+
+#hero-23 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-23 {
+  position: relative;
+  background-image: url(../images/hero-23.jpg);
+  padding-top: 100px;
+  margin-bottom: 25px;
+}
+
+.hero-23-txt p {
+  padding: 0 5%;
+}
+
+.hero-23-img {
+  margin-top: 40px;
+  margin-bottom: -25px;
+}
+
+/*------------------------------------------*/
+/*  HERO-24
+/*------------------------------------------*/
+
+#hero-24 {
+  background-image: url(../images/hero-24.jpg);
+  padding-top: 200px;
+  padding-bottom: 150px;
+}
+
+#hero-24 .quick-form {
+  margin-left: 7%;
+  margin-right: 7%;
+}
+
+/*------------------------------------------*/
+/*  HERO-25
+/*------------------------------------------*/
+
+#hero-25 {
+  background-image: url(../images/hero-25.jpg);
+  padding-top: 120px;
+  padding-bottom: 100px;
+}
+
+.hero-25-txt h2 {
+  margin-bottom: 22px;
+}
+
+.hero-25-txt p.p-lg {
+  padding-right: 10%;
+  margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  HERO-26
+/*------------------------------------------*/
+
+#hero-26 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-26 {
+  position: relative;
+  background-image: url(../images/hero-26.jpg);
+  padding-top: 160px;
+  z-index: 3;
+}
+
+.hero-26-txt {
+  margin-top: -80px;
+}
+
+.hero-26-txt h2 {
+  padding-right: 2%;
+}
+
+#hero-26 .quick-form {
+  margin-right: 4%;
+}
+
+.hero-26-img {
+  position: relative;
+  text-align: center;
+  margin: 0 -90% 0 -60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-27
+/*------------------------------------------*/
+
+#hero-27 .hero-overlay {
+  background-image: url(../images/hero-27.png);
+  background-position: top center;
+  padding-top: 170px;
+}
+
+.hero-27-txt h2 { 
+  margin-bottom: 26px!important;
+}
+
+.hero-27-txt p.s-20 { 
+  padding: 0 6%;
+  margin-bottom: 30px!important;
+}
+
+.hero-27-txt p.s-21 { 
+  padding: 0 5%;
+}
+
+/*------------------------------------------*/
+/*  HERO QUICK FORM
+/*------------------------------------------*/
+
+.hero-section .quick-form .input-group {
+  border: none;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Input
+/*------------------------------------------*/
+
+.hero-section .quick-form .form-control {
+  height: 64px;
+  background-color: #fff;
+  border: 2px solid transparent;
+  color: #666;
+  font-size: 1.125rem;
+  font-weight: 400;
+  padding: 0 20px;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out;  
+}
+
+.hero-section .quick-form.form-shadow .form-control {
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
+  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
+}
+
+.hero-section .quick-form.form-stroke .form-control {
+  border-color: #353f4f;
+}
+
+.hero-section .quick-form.form-half .form-control {
+  height: 58px;
+ font-size: 1.0625rem;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Placeholder
+/*------------------------------------------*/
+
+.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } 
+.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } 
+.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } 
+
+/*------------------------------------------*/
+/*  Hero Quick Form Focus
+/*------------------------------------------*/
+
+.hero-section .quick-form .form-control:focus {
+  background-color: #fff;
+  border-color: #1680fb;
+  outline: 0;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Button
+/*------------------------------------------*/
+
+.hero-section .quick-form .btn {
+  height: 64px;
+  font-size: 1.0625rem;
+  padding: 12px 45px;
+  margin-left: 15px;
+}
+
+.hero-section .quick-form.form-half .btn {
+  height: 58px;
+  font-size: 1rem;
+  padding: 13px 40px;
+  margin-left: 14px;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Message
+/*------------------------------------------*/
+
+.hero-section .quick-form-msg {
+  width: 100%!important;
+  display: block;
+  margin: 20px 0 15px 5px;
+}
+
+.hero-section .text-center .quick-form-msg {
+  margin: 20px 0 -15px 0;
+}
+
+.hero-section .quick-form-msg .loading {
+  color: #3eb1ff;
+  font-size: 1.05rem;
+  line-height: 1;
+  font-weight: 500;
+}
+
+.hero-section .text-center .quick-form-msg .loading {
+  font-size: 1.125rem;
+}
+
+/*------------------------------------------*/
+/*  HERO REQUEST FORM
+/*------------------------------------------*/
+
+/*------------------------------------------*/
+/*  Hero Request Form Input
+/*------------------------------------------*/
+
+.request-form .form-control {
+  height: 58px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  color: #666;
+  font-size: 1rem;
+  font-weight: 400;
+  margin-bottom: 22px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  Hero Request Form Placeholder
+/*------------------------------------------*/
+
+.hero-form-wrapper .form-control::-moz-placeholder { color: #999; } 
+.hero-form-wrapper .form-control:-ms-input-placeholder { color: #999; }
+.hero-form-wrapper .form-control::-webkit-input-placeholder { color: #999; }
+
+.request-form .form-control:focus {
+  background-color: #fff;
+  border-color: #1680fb;
+  outline: 0;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Hero Request Form Button
+/*------------------------------------------*/
+
+#hero-8-form .btn,
+#hero-22-form .btn {
+  width: 100%;
+  height: 58px;
+  padding: 16px;
+}
+
+/*------------------------------------------*/
+/*  Hero Request Form Message
+/*------------------------------------------*/
+
+.request-form-msg {
+  width: 100%!important;
+  display: block;
+  text-align: center;
+  margin-top: 15px;
+}
+
+.request-form-msg .loading {
+  color: #00b2e4;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 500;
+}
+
+.request-form .error {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 10px;
+}
+
+
+
+
+/* ==========================================================================
+  06. ABOUT
+  ========================================================================== */
+
+.a2-txt {
+  padding: 20px 30px 35px;
+}
+
+.a2-txt-quote { 
+  position: relative;
+  margin-bottom: -45px; 
+ }
+
+.a2-txt-quote.ico-40 [class*="flaticon-"]:before, 
+.a2-txt-quote.ico-40 [class*="flaticon-"]:after { font-size: 4.25rem; }
+
+/*------------------------------------------*/
+/*  ABOUT TYPOGRAPHY
+/*------------------------------------------*/ 
+
+#about-1 .txt-block p {
+  margin-bottom: 0;
+}
+
+#about-4 .txt-block p {
+  margin-top: 25px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  ABOUT 2 AUTHOR
+/*------------------------------------------*/ 
+
+.a2-txt-author {
+  line-height: 1.45;
+  font-weight: 500;
+  margin-top: 18px;
+  margin-bottom: 0;
+}
+
+.a2-txt-author span {
+  display: block;
+  font-weight: 300;
+}
+
+/*------------------------------------------*/
+/*  ABOUT 2 IMAGES
+/*------------------------------------------*/ 
+
+.about-3-images {
+  padding: 0 5%;
+}
+
+.about-2-img {
+  overflow: hidden;
+}
+
+.about-3-img {
+  overflow: hidden;
+  height: 460px;
+}
+
+.a-2-1 {
+  margin-left: 13%;
+  margin-bottom: 30px;
+}
+
+.a-2-2 {
+  margin-left: -10%;
+}
+
+.a-2-3 {
+  margin-right: -10%;
+  margin-bottom: 30px;
+}
+
+.a-2-4 {
+  margin-right: -10%;
+}
+
+#a4-1 {
+  position: relative;
+  padding-right: 30px;
+  margin-top: -30px;
+}
+
+#a4-2 {
+  position: relative;
+  padding-left: 30px;
+  margin-bottom: -30px;
+}
+
+
+
+
+/* ==========================================================================
+  07. FEATURES
+  ========================================================================== */
+
+#features-12.py-100.shape--bg:after,
+#features-12.pt-100.shape--bg:after,
+#features-13.py-100.shape--bg:after,
+#features-13.pt-100.shape--bg:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+}
+
+#features-12.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; left: 52%; }
+#features-12.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; left: 52%; }
+#features-13.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; }
+#features-13.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; }
+
+.rows-2 .fb-1, 
+.rows-2 .fb-2, 
+.rows-2 .fb-3 {
+ margin-bottom: 50px; 
+}
+
+.rows-2 .fbox-7.fb-1, 
+.rows-2 .fbox-7.fb-2, 
+.rows-2 .fbox-7.fb-3, 
+.rows-2 .fbox-9.fb-1, 
+.rows-2 .fbox-9.fb-2, 
+.rows-2 .fbox-9.fb-3,
+.rows-3 .fb-1, .rows-3 .fb-2, 
+.rows-3 .fb-3, .rows-3 .fb-4 { margin-bottom: 40px; }
+
+.rows-3 .fb-3.fbox-11-lst, 
+.rows-3 .fb-4.fbox-11-lst { margin-bottom: 0; }
+
+.fbox-14-wrapper {
+  padding: 80px 70px;
+}
+
+.fbox-14-wrapper .col {
+  padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX
+/*------------------------------------------*/ 
+
+.row-cols-md-3 .fbox-4 { padding: 50px 35px; }
+.row-cols-md-2 .fbox-4 { padding: 35px 20px; } 
+
+.fbox-5 { padding: 60px; }   
+
+.fbox-7 {
+  border: 2px solid #eee;
+  padding: 55px 40px 50px;
+}
+
+.row-cols-md-2 .fbox-7 {
+  padding: 35px 20px 30px;
+}
+
+.fbox-8 { padding: 55px 40px; }
+.fbox-8.bg--white-100 { padding: 60px 40px; }
+
+.fbox-9 {
+  border: 2px solid #eee;
+  padding: 40px 40px 35px;
+} 
+
+.fbox-14 {
+  border: 2px solid #eee;
+  padding: 40px 30px 35px;
+} 
+
+/*------------------------------------------*/
+/*  FEATURE BOX IMAGE
+/*------------------------------------------*/ 
+
+.fbox-img img {
+  width: auto;
+  max-width: inherit;
+}
+
+.fbox-img.h-135 img { max-height: 135px; }
+.fbox-img.h-140 img { max-height: 140px; }
+.fbox-img.h-145 img { max-height: 145px; }
+.fbox-img.h-150 img { max-height: 150px; }
+.fbox-img.h-155 img { max-height: 155px; }
+.fbox-img.h-160 img { max-height: 160px; }
+.fbox-img.h-165 img { max-height: 165px; }
+.fbox-img.h-170 img { max-height: 170px; }
+.fbox-img.h-175 img { max-height: 175px; }
+.fbox-img.h-180 img { max-height: 180px; }
+
+/*------------------------------------------*/
+/*  FBOX-1 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-1 .fbox-img { 
+  margin-bottom: 35px; 
+}
+
+.row-cols-md-2 .fbox-1 .fbox-img { 
+  margin-bottom: 28px; 
+}
+
+/*------------------------------------------*/
+/*  FBOX-2 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-2 .fbox-img {
+  -webkit-border-radius: 12px 12px 0 0;
+  -moz-border-radius: 12px 12px 0 0;
+  -o-border-radius: 12px 12px 0 0;
+  border-radius: 12px 12px 0 0;
+} 
+
+.fbox-2 .fbox-img.h-135, .fbox-2 .fbox-img.h-140, .fbox-2 .fbox-img.h-145, 
+.fbox-2 .fbox-img.h-150, .fbox-2 .fbox-img.h-155 { padding-top: 35px; margin-bottom: 60px; } 
+
+.fbox-2 .fbox-img.h-160 { padding-top: 35px; margin: 0 20px 60px; }
+.fbox-2 .fbox-img.h-165 { padding-top: 38px; margin: 0 15px 60px; } 
+.fbox-2 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 60px; } 
+.fbox-2 .fbox-img.h-175 { padding-top: 42px; margin: 0 8px 60px; }
+.fbox-2 .fbox-img.h-180 { padding-top: 44px; margin: 0 5px 60px; }  
+
+.fbox-2 .fbox-img img { 
+  margin-bottom: -25px; 
+} 
+
+/*------------------------------------------*/
+/*  FBOX-3 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-3 .fbox-img {
+  overflow: hidden;
+} 
+
+.fbox-3 .fbox-img.h-135 { padding-top: 30px; margin: 0 0 35px; }
+.fbox-3 .fbox-img.h-160 { padding-top: 32px; margin: 0 18px 35px; }
+.fbox-3 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 35px; }
+.fbox-3 .fbox-img.h-175, .fbox-3 .fbox-img.h-180 { padding-top: 40px; margin: 0 5px 35px; }
+
+.row-cols-md-2 .fbox-3 .fbox-img { 
+  margin-bottom: 28px; 
+}
+
+/*------------------------------------------*/
+/*  FBOX-4 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-4 .fbox-img { 
+  margin-bottom: 35px; 
+}
+
+.row-cols-md-2 .fbox-4 .fbox-img { 
+  margin-bottom: 28px; 
+}
+
+/*------------------------------------------*/
+/*  FBOX-5 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-5.fb-1 .fbox-5-img,
+.fbox-5.fb-5 .fbox-5-img,
+.fbox-5.fb-6 .fbox-5-img {
+  margin: 40px 5% 0;
+}
+
+.fbox-5.fb-2 .fbox-5-img,
+.fbox-5.fb-3 .fbox-5-img,
+.fbox-5.fb-4 .fbox-5-img {
+   margin: 0 5% 40px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX VECTOR ICON
+/*------------------------------------------*/ 
+
+.fbox-ico,
+.fbox-ico.ico-rounded {
+  margin-bottom: 20px;
+}
+
+.fbox-ico.ico-rounded-md,
+.fbox-ico.ico-rounded-lg {
+  margin-bottom: 25px;
+}
+
+.fbox-11 {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+.fbox-ico-wrap {
+  position: relative;
+  margin-right: 25px;
+}
+
+.rows-2 .fbox-ico-wrap {
+  margin-right: 20px;
+}
+
+.fbox-11 .fbox-ico {
+  margin-top: 4px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX
+/*------------------------------------------*/ 
+
+.fbox-11 .fbox-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX TITLE
+/*------------------------------------------*/ 
+
+.fbox-wrapper .row-cols-lg-3 .fbox-title {
+  margin-bottom: 10px;
+}
+
+.fbox-title span {
+  float: left;
+  line-height: 1!important;
+  margin-right: 15px; 
+}
+
+.fbox-title h6 {  
+  line-height: 2.1875rem!important;
+  margin-bottom: 0;
+}
+
+.fbox-title.ico-30 h6 {  
+  line-height: 1.875rem!important;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX TYPOGRAPHY
+/*------------------------------------------*/ 
+
+.fbox-wrapper .row-cols-md-3 h6 {
+  margin-bottom: 15px;
+}
+
+.rows-2 .fbox-11 h6,
+.fbox-wrapper .row-cols-md-2 h6 {
+  margin-bottom: 10px;
+}
+
+.fbox-wrapper p {
+  margin-bottom: 0;
+}
+
+.fbox-5 h5 {
+  margin-bottom: 15px;
+}
+
+.fbox-14 h5 {
+  margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE-12
+/*------------------------------------------*/ 
+
+.fbox-12-wrapper { 
+  padding-left: 45px;
+}
+
+.fbox-13-wrapper { 
+  padding-right: 45px;
+}
+
+.fbox-12,
+.fbox-13 {
+  padding: 32px 35px;
+} 
+
+.fbox-12 h5,
+.fbox-13 h5 {
+  margin-top: 20px;
+  margin-bottom: 10px;
+}
+
+.fbox-12 p,
+.fbox-13 p,
+.fbox-14 p {
+  margin-bottom: 0;
+} 
+
+
+
+
+/* ==========================================================================
+  08. CONTENT
+  ========================================================================== */
+
+.ct-06 {
+  margin-bottom: 80px;
+}
+
+.ct-07 {
+  margin-top: 80px;
+}
+
+.ct-10 .section-overlay {
+  margin-bottom: 100px;
+}
+
+.ct-11, 
+.ct-12 {
+  padding: 60px 0;
+}
+
+.ct-11:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 50%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #fff;
+}
+
+.ct-12:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 50%;
+  height: 100%;
+  top: 0;
+  left: 50%;
+  background-color: #fff;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX WRAPPER
+/*------------------------------------------*/
+
+.bc-1-wrapper .section-overlay,
+.bc-4-wrapper .section-overlay,
+.bc-6-wrapper .section-overlay {
+  padding: 80px 70px;
+}
+
+.bc-2-wrapper .section-overlay,
+.bc-3-wrapper .section-overlay,
+.bc-5-wrapper .section-overlay {
+  padding: 80px 70px 0;
+}
+
+.bc-6 {
+  padding: 40px 35px;
+}
+
+.cbox-6-wrapper {
+  padding: 60px 40px;
+}
+
+.content-section .cbox-6-wrapper {
+  padding: 80px 70px;
+}
+
+.bc-5-wrapper .section-title p {
+  padding: 0;
+}
+
+/*------------------------------------------*/
+/*  TEXT BLOCK
+/*------------------------------------------*/ 
+
+.txt-box { 
+  margin-bottom: 20px;
+}
+
+.txt-box:last-child { 
+  margin-bottom: 0; 
+}
+
+.bc-3-txt,
+.ct-06 .txt-block,
+.bc-2-wrapper .txt-block {
+  margin-top: -40px;
+}
+
+.bc-2-txt,
+.ct-07 .txt-block {
+  margin-top: 40px;
+}
+
+.bc-1-wrapper .txt-block.pr-25.left-column,
+.bc-2-wrapper .txt-block.pr-25.left-column {
+  padding-right: 25px;
+}
+
+.bc-1-wrapper .txt-block.pl-25.right-column,
+.bc-2-wrapper .txt-block.pl-25.right-column {
+  padding-left: 25px;
+}
+
+.ct-11 .txt-block {
+  padding-right: 50px;
+}
+
+.ct-12 .txt-block {
+  padding-left: 70px;
+}
+
+.ct-13 .txt-block h5 {
+  padding-right: 6%;
+}
+
+/*------------------------------------------*/
+/*  TEXT BLOCK TYPOGRAPHY
+/*------------------------------------------*/ 
+
+.bc-2-txt h2,
+.bc-3-txt h2,
+.bc-4-txt h2,
+.txt-block h3,
+.txt-block h2 {
+  margin-bottom: 26px;
+}
+
+.txt-block h5 {
+  margin-bottom: 20px;
+}
+
+h5.h5-title {
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+
+.txt-block .btn,
+.txt-block .btns-group .btn.btn--transparent {
+  margin-top: 25px;
+}
+
+.txt-block .btn.btn--transparent {
+  margin-top: 0;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX
+/*------------------------------------------*/
+
+.cbox-1,
+.cbox-2,
+.cbox-3 {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+.cbox-5 {
+  position: relative;
+}
+
+.cbox-5-content {
+  background-color: #fff;
+  border: 1px solid #f5f6f6;
+  padding: 40px;
+  margin: 0 12%;
+  z-index: 1;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+}
+
+.cbox-5-content .divider {
+  margin-top: 25px;
+  margin-bottom: 25px;
+}
+
+#cb-6-1, #cb-6-2 {
+  margin-bottom: 35px;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX TITLE
+/*------------------------------------------*/ 
+
+.box-title h6,
+.box-title h5 {  
+  display: inline-block;
+  line-height: 2.35rem!important;
+  margin-bottom: 15px;
+}
+
+.box-title span {   
+  position: relative;
+  top: 12px;
+  margin-right: 10px;
+}
+
+.box-title span[class*="flaticon-"]:before,
+.box-title span[class*="flaticon-"]:after {   
+  font-size: 2.35rem;
+}
+
+.txt-block .cbox-5-title h2 {
+  font-size: 3.5rem;
+  letter-spacing: -1px;
+  line-height: 1;
+  margin-bottom: 10px;
+}
+
+.cbox-5-title .statistic-number sup {
+  font-size: 3rem;
+  top: -5px;
+  right: 6px;
+}
+
+.cbox-5-title .ico-15 [class*="flaticon-"]:before, 
+.cbox-5-title .ico-15 [class*="flaticon-"]:after {
+  font-size: 0.875rem;
+  line-height: 1!important; 
+}
+
+.cbox-5-title p.p-lg {
+  margin-bottom: 10px;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX ICON
+/*------------------------------------------*/
+
+.cbox-1 .ico-wrap { 
+  margin-left: 8px; 
+}
+
+.cbox-1.ico-10 span {
+  position: relative;
+  top: 0;
+  right: 7px;
+}
+
+.cbox-1.ico-15 span {
+  position: relative;
+  top: 1px;
+  right: 8px;
+}
+
+.cbox-1.ico-10 [class*="flaticon-"]:before,
+.cbox-1.ico-10 [class*="flaticon-"]:after {  
+  font-size: 0.6rem;
+}
+
+.cbox-1.ico-15 [class*="flaticon-"]:before,
+.cbox-1.ico-15 [class*="flaticon-"]:after {   
+  font-size: 0.75rem;
+}
+
+/*------------------------------------------*/
+/*  CBOX #2
+/*------------------------------------------*/
+
+.cbox-2 .ico-wrap {
+  position: relative;
+  margin-right: 1.625rem;
+}
+
+.cbox-2-ico {
+  position: relative;
+  width: 2.625rem;
+  height: 2.625rem;
+  text-align: center;
+  border-radius: 100%;
+  font-size: 1.1875rem;
+  font-weight: 500;
+  line-height: 2.375rem;
+  border: 2px solid transparent;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out; 
+}
+
+.ct-03 .cbox-2-ico {
+  position: relative;
+  width: 2.35rem;
+  height: 2.35rem;
+  font-size: 1.15rem;
+  line-height: 2.15rem;
+}
+
+.cbox-2-line {
+  position: absolute;
+  bottom: 20px;
+  left: 50%;
+  width: 2px;
+  background-color: #e4e4e4;
+  height: calc(100% - 90px);
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+}
+
+.cbox-2:hover .cbox-2-ico {
+  background-color: transparent;
+  -webkit-transform: scale(1.1);
+  -moz-transform: scale(1.1);
+  -ms-transform: scale(1.1);
+  transform: scale(1.1);
+}
+
+.cbox-2:hover .cbox-2-ico.bg--blue-500 { color: #185abd; border-color: #185abd; }
+.cbox-2:hover .cbox-2-ico.bg--blue-400 { color: #1680fb; border-color: #1680fb; }
+.cbox-2:hover .cbox-2-ico.bg--blue-300 { color: #3eb1ff; border-color: #3eb1ff; }
+
+.cbox-2:hover .cbox-2-ico.bg--green-500 { color: #00a14e; border-color: #00a14e; }
+.cbox-2:hover .cbox-2-ico.bg--green-400 { color: #0fbc49; border-color: #0fbc49; }
+.cbox-2:hover .cbox-2-ico.bg--green-300 { color: #6fd792; border-color: #6fd792; }
+
+.cbox-2:hover .cbox-2-ico.bg--pink-500 { color: #ff149c; border-color: #ff149c; }
+.cbox-2:hover .cbox-2-ico.bg--pink-400 { color: #f74780; border-color: #f74780; }
+.cbox-2:hover .cbox-2-ico.bg--pink-300 { color: #fcb5cc; border-color: #fcb5cc; }
+
+.cbox-2:hover .cbox-2-ico.bg--purple-500 { color: #663ae9; border-color: #663ae9; }
+.cbox-2:hover .cbox-2-ico.bg--purple-400 { color: #7b5dd6; border-color: #7b5dd6; }
+.cbox-2:hover .cbox-2-ico.bg--purple-300 { color: #bdaeea; border-color: #bdaeea; }
+
+.cbox-2:hover .cbox-2-ico.bg--red-500 { color: #da0f29; border-color: #da0f29; }
+.cbox-2:hover .cbox-2-ico.bg--red-400 { color: #ff1e1a; border-color: #ff1e1a; }
+.cbox-2:hover .cbox-2-ico.bg--red-300 { color: #ffa5a3; border-color: #ffa5a3; }
+
+.cbox-2:hover .cbox-2-ico.bg--violet-500 { color: #c73e9b; border-color: #c73e9b; }
+.cbox-2:hover .cbox-2-ico.bg--violet-400 { color: #be6cbe; border-color: #be6cbe; }
+.cbox-2:hover .cbox-2-ico.bg--violet-300 { color: #e2bde2; border-color: #e2bde2; }
+
+.cbox-2:hover .cbox-2-ico.bg--yellow-500 { color: #ffba01; border-color: #ffba01; }
+.cbox-2:hover .cbox-2-ico.bg--yellow-400 { color: #ffbd45; border-color: #ffbd45; }
+.cbox-2:hover .cbox-2-ico.bg--yellow-300 { color: #ffdf35; border-color: #ffdf35; }
+
+/*------------------------------------------*/
+/*  CBOX #3
+/*------------------------------------------*/
+
+.cbox-3 .ico-wrap {
+  position: relative;
+  text-align: center;
+  margin-top: 0;
+  margin-right: 1.15rem;
+}
+
+.cbox-3 .cbox-3-ico {
+  position: relative;
+  top: 3px;
+}
+
+.cbox-3-ico span[class*="flaticon-"]:before,
+.cbox-3-ico span[class*="flaticon-"]:after {  
+  font-size: 2.85rem;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX TEXT
+/*------------------------------------------*/
+
+.cbox-1-txt,
+.cbox-2-txt,
+.cbox-3-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.cbox-2-txt,
+.cbox-3-txt {
+  margin-bottom: 35px;
+}
+
+.ct-03 .cbox-2-txt {
+  margin-bottom: 30px;
+}
+
+.cbox-4-txt {
+  margin-bottom: 25px;
+}
+
+.cbox-2:last-child .cbox-2-txt,
+.cbox-3:last-child .cbox-3-txt,
+.cbox-4:last-child .cbox-4-txt {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX FEATURE
+/*------------------------------------------*/  
+
+.cbox-5-fea {
+  padding: 20px 25px;
+  margin-top: 25px;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+}
+
+.txt-block .cbox-5-fea h4 {
+  line-height: 1;
+  margin-bottom: 3px;
+}
+
+.cbox-5-fea p {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX TYPOGRAPHY
+/*------------------------------------------*/
+
+.cbox-2-txt h5,
+.cbox-3-txt h5 {
+  margin-bottom: 15px;
+}
+
+.ct-03 .cbox-2-txt h5 {
+  margin-bottom: 10px;
+}
+
+.cbox-6 h6 {
+  margin-bottom: 15px;
+}
+
+.cbox-1-txt p { 
+  margin-bottom: 8px;
+}
+
+.cbox-1-last .cbox-1-txt p { 
+  margin-bottom: 1rem;
+}
+
+.cbox-6 p,
+.cbox-2-txt p,
+.cbox-3-txt p,
+.cbox-4-txt p {
+  margin-bottom: 0;
+}
+
+.bc-6-txt {
+  padding: 0 10px;
+}
+
+.bc-6-txt h5 {
+  margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  ACCORDION  
+/*------------------------------------------*/
+
+.txt-block .accordion-1 .accordion-item {
+  background-color: transparent;
+  padding: 25px 30px;
+  border: none;
+}
+
+.txt-block .accordion-2 .accordion-item {
+  background-color: transparent;
+  padding: 15px 0 25px;
+  border: none;
+  border-top: 1px solid #ccc;
+  border-radius: 0 0;
+}
+
+.txt-block .accordion-2 .accordion-item:last-child {
+  border-bottom: 1px solid #ccc;
+}
+
+.txt-block .accordion-item.r-02:first-of-type { border-top-left-radius: 2px; border-top-right-radius: 2px; }
+.txt-block .accordion-item.r-04:first-of-type { border-top-left-radius: 4px; border-top-right-radius: 4px; }
+.txt-block .accordion-item.r-06:first-of-type { border-top-left-radius: 6px; border-top-right-radius: 6px; }
+.txt-block .accordion-item.r-08:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+.txt-block .accordion-item.r-10:first-of-type { border-top-left-radius: 10px; border-top-right-radius: 10px; }
+.txt-block .accordion-item.r-12:first-of-type { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+.txt-block .accordion-item.r-14:first-of-type { border-top-left-radius: 14px; border-top-right-radius: 14px; }
+.txt-block .accordion-item.r-16:first-of-type { border-top-left-radius: 16px; border-top-right-radius: 16px; }
+
+.txt-block .accordion-item.r-02:last-of-type { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }
+.txt-block .accordion-item.r-04:last-of-type { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
+.txt-block .accordion-item.r-06:last-of-type { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
+.txt-block .accordion-item.r-08:last-of-type { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }
+.txt-block .accordion-item.r-10:last-of-type { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
+.txt-block .accordion-item.r-12:last-of-type { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; }
+.txt-block .accordion-item.r-14:last-of-type { border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; }
+.txt-block .accordion-item.r-16:last-of-type { border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; }
+
+.txt-block .accordion-thumb {
+  margin: 0;
+  padding: 0;
+  cursor: pointer;
+  position: relative;
+}
+
+.txt-block .accordion-1 .accordion-item .accordion-thumb:before,
+.txt-block .accordion-2 .accordion-item .accordion-thumb:after,
+.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before,
+.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
+  color: #6c757d;
+  font-family: Flaticon;
+  position: absolute;
+  color: #353f4f;
+  font-weight: 400; 
+}
+
+.txt-block .accordion-1 .accordion-item .accordion-thumb:before {
+  content: "\f11a";
+  font-size: 0.95rem;
+  top: 1px;
+  left: 0;
+}
+
+.txt-block .accordion-2 .accordion-item .accordion-thumb:after,
+.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
+  content: "\f110";
+  font-size: 0.95rem;
+  top: 12px;
+  right: 0;
+}
+
+.txt-block .accordion-1 .accordion-item.is-active {
+  background-color: #f4f4f9;
+  padding: 35px 30px 19px 30px;
+  margin-bottom: 15px;
+  margin-top: 15px;
+}
+
+.txt-block .accordion-2 .accordion-item.is-active {
+  background-color: transparent;
+  margin-bottom: 0;
+  margin-top: 0;
+}
+
+.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before {
+  content: "\f11b";
+}
+
+.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
+  content: "\f111";
+}
+
+.txt-block .accordion-1 .accordion-panel {
+  color: #6c757d;
+  margin: 0;
+  padding: 0 0 0 25px;
+  display: none;
+}
+
+.txt-block .accordion-2 .accordion-panel {
+  color: #6c757d;
+  margin: 15px 0 0 0;
+  display: none;
+}
+
+.txt-block .accordion-1 .accordion-thumb h5 {
+  color: #353f4f;
+  line-height: 1;
+  padding-left: 28px;
+  margin-bottom: 0;
+}
+
+.txt-block .accordion-2 .accordion-thumb h5 {
+  color: #353f4f;
+  display: inline-block;
+  line-height: 1;
+  padding-left: 10px;
+  margin-bottom: 0;
+}
+
+.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 {
+  margin-bottom: 20px;
+}
+
+.accordion-2 .accordion-thumb span[class*="flaticon-"]:before,
+.accordion-2 .accordion-thumb span[class*="flaticon-"]:after {  
+  color: #6c757d;
+  position: relative;
+  font-size: 2.1875rem;
+  top: 10px;
+}
+
+.txt-block .accordion-2 .accordion-panel .simple-list li {
+  margin-bottom: 1rem;
+}
+
+.txt-block .accordion-2 .accordion-panel p,
+.txt-block .accordion-2 .accordion-panel .simple-list li:last-child {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TABS
+/*------------------------------------------*/
+
+#tabs-1 .tabs-nav { 
+  text-align: center;
+}
+
+.tabs-1 { 
+  display: inline-block;
+  margin: 0 auto 60px;
+}
+
+#tabs-1 .tab-content {
+  display: none;
+}
+
+#tabs-1 .tab-content.current {
+  display: inherit;
+}
+
+.tabs-1 li {
+  display: inline-block; 
+  margin: 0 20px;
+  color: #aaa;
+  font-size: 1.05rem;
+  line-height: 1;
+  font-weight: 500;
+  padding: 0 2px 10px;
+  background-color: transparent;
+  border-bottom: 3px solid transparent;
+  cursor: pointer;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+/*------------------------------------------*/
+/*  TAB LINK HOVER / CURRENT
+/*------------------------------------------*/
+
+.tabs-1 li:hover {
+  color: #888;
+  border-color: #ccc;
+}
+
+.tabs-1 li.current,
+.tabs-1 li.current:hover {
+  color: #2b3648;
+  border-color: #2b3648;
+}
+
+.tabs-1.tabs--blue-500, .tabs-1.tabs--blue-500 li.current:hover { color: #185abd; border-color: #185abd; }
+.tabs-1.tabs--blue-400, .tabs-1.tabs--blue-500 li.current:hover { color: #1680fb; border-color: #1680fb; }
+.tabs-1.tabs--blue-300, .tabs-1.tabs--blue-500 li.current:hover { color: #3eb1ff; border-color: #3eb1ff; }
+
+.tabs-1.tabs--green-500, .tabs-1.tabs--green-500 li.current:hover { color: #00a14e; border-color: #00a14e; }
+.tabs-1.tabs--green-400, .tabs-1.tabs--green-400 li.current:hover { color: #0fbc49; border-color: #0fbc49; }
+.tabs-1.tabs--green-300, .tabs-1.tabs--green-300 li.current:hover { color: #6fd792; border-color: #6fd792; }
+
+.tabs-1.tabs--pink-500, .tabs-1.tabs--pink-500 li.current:hover { color: #ff149c; border-color: #ff149c; }
+.tabs-1.tabs--pink-400, .tabs-1.tabs--pink-400 li.current:hover { color: #f74780; border-color: #f74780; }
+.tabs-1.tabs--pink-300, .tabs-1.tabs--pink-300 li.current:hover { color: #fcb5cc; border-color: #fcb5cc; }
+
+.tabs-1.tabs--purple-500, .tabs-1.tabs--purple-500 li.current:hover { color: #663ae9; border-color: #663ae9; }
+.tabs-1.tabs--purple-400, .tabs-1.tabs--purple-400 li.current:hover { color: #7b5dd6; border-color: #7b5dd6; }
+.tabs-1.tabs--purple-300, .tabs-1.tabs--purple-300 li.current:hover { color: #bdaeea; border-color: #bdaeea; }
+
+.tabs-1.tabs--red-500, .tabs-1.tabs--red-500 li.current:hover { color: #da0f29; border-color: #da0f29; }
+.tabs-1.tabs--red-400, .tabs-1.tabs--red-400 li.current:hover { color: #ff1e1a; border-color: #ff1e1a; }
+.tabs-1.tabs--red-300, .tabs-1.tabs--red-300 li.current:hover { color: #ffa5a3; border-color: #ffa5a3; }
+
+.tabs-1.tabs--violet-500, .tabs-1.tabs--violet-500 li.current:hover { color: #c73e9b; border-color: #c73e9b; }
+.tabs-1.tabs--violet-400, .tabs-1.tabs--violet-400 li.current:hover { color: #be6cbe; border-color: #be6cbe; }
+.tabs-1.tabs--violet-300, .tabs-1.tabs--violet-300 li.current:hover { color: #e2bde2; border-color: #e2bde2; }
+
+.tabs-1.tabs--yellow-500, .tabs-1.tabs--yellow-500 li.current:hover { color: #ffba01; border-color: #ffba01; }
+.tabs-1.tabs--yellow-400, .tabs-1.tabs--yellow-400 li.current:hover { color: #ffbd45; border-color: #ffbd45; }
+.tabs-1.tabs--yellow-300, .tabs-1.tabs--yellow-300 li.current:hover { color: #ffdf35; border-color: #ffdf35; }
+
+/*------------------------------------------*/
+/*  ADVANTAGES LIST
+/*------------------------------------------*/
+
+.advantages {
+  margin-top: 15px;
+}
+
+.text-center .advantages {
+  margin-top: 20px;
+}
+
+.advantages li {
+  width: auto!important;
+  display: inline-block!important;
+  vertical-align: top;
+  clear: none !important;
+}
+
+.advantages-links-divider {
+  position: relative;
+  top: 0.5px;
+  transform: rotate(-90deg);
+}
+
+.advantages li p {
+  display: inline-block;
+  float: left;
+  margin-bottom: 0;
+}
+
+.advantages.ico-15 li p span {
+  position: relative;
+  top: 2px;
+  right: -1px;
+}
+
+.advantages.ico-15 [class*="flaticon-"]:before, 
+.advantages.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+.advantages li p a {
+  font-weight: 400;
+  text-decoration: underline;
+}
+
+.advantages li p a:hover {
+  text-decoration: underline;
+}
+
+.white--color .advantages li p a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  COMPATABILITY
+/*------------------------------------------*/
+
+.compatibility {
+  display: inline-block;
+  padding: 3px 20px;
+  margin-top: 15px;
+  margin-bottom: 0;
+}
+
+.compatibility span {
+  position: relative;
+  top: -1.5px;
+  right: 2px;
+}
+
+.compatibility.ico-10 [class*="flaticon-"]:before, 
+.compatibility.ico-10 [class*="flaticon-"]:after { font-size: 0.5rem; }
+
+/*------------------------------------------*/
+/*  TOOLS LIST / PAYMENT METHODS
+/*------------------------------------------*/
+
+.tools-list,
+.payment-methods {
+  margin-top: 25px;
+}
+
+.tools-list p,
+.payment-methods p {
+  font-weight: 400;
+  margin-bottom: 12px;
+}
+
+.tools-list.ico-35 [class*="flaticon-"]:before, 
+.tools-list.ico-35 [class*="flaticon-"]:after { 
+  line-height: 2.1875rem!important;
+  margin-right: 6px;
+}
+
+/*------------------------------------------*/
+/*  Payment Icons
+/*------------------------------------------*/
+
+.payment-icons li {
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  margin: 0;
+  padding-right: 5px;
+}
+
+.payment-icons li:last-child {
+  padding-right: 0;
+}
+
+.payment-icons img {
+  width: auto;
+  max-width: inherit;
+  max-height: 32px;
+}
+
+/*------------------------------------------*/
+/*  QUOTE
+/*------------------------------------------*/ 
+
+.quote p {
+  color: #666;
+  border-left: 3px solid #0195ff;
+  font-style: italic;
+  padding-left: 20px;
+  margin-bottom: 12px;
+}
+
+/*------------------------------------------*/
+/*  Quote Avatar 
+/*------------------------------------------*/ 
+
+.quote-avatar {
+  display: inline-block;
+  margin: 0 auto; 
+}
+
+.quote-avatar img {
+  width: 70px;
+  height: 70px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+}
+
+/*------------------------------------------*/
+/*  Quote Author 
+/*------------------------------------------*/ 
+
+.quote-author {
+  position: relative;
+  display: inline-block;
+  padding: 0 0 0 15px;
+  text-align: left;
+  top: 16px;
+} 
+   
+.quote-author h6 {
+  margin-bottom: 0;
+}
+
+.quote-author span {
+  font-size: 1rem;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX SHAPES
+/*------------------------------------------*/ 
+
+.cbox-5-shape-1 {
+  position: absolute;
+  right: 30px;
+  top: -35px;
+  z-index: -1;
+}
+
+.cbox-5-shape-2 {
+  position: absolute;
+  left: 30px;
+  bottom: -25px;
+  z-index: -1;
+}
+
+.cbox-5-shape-1 img,
+.cbox-5-shape-2 img {
+  height: 100%;
+  width: 100%;
+  object-fit: cover;
+}
+
+/*------------------------------------------*/
+/*  IMG BLOCK IMAGE
+/*------------------------------------------*/ 
+
+.grey-img {
+  filter: grayscale(100%);
+}
+
+.img-block {
+  text-align: center;
+}
+
+.img-block.img-block-bkg {
+  overflow: hidden;
+}
+
+.img-block.img-block-bkg img {
+  padding: 60px 45px;
+}
+
+.ct-10 .img-block,
+.img-block-hidden,
+.bc-5-img.bc-5-dashboard.img-block-hidden {
+  margin-bottom: -100px;
+}
+
+.ct-05 .img-block-hidden {
+  margin-bottom: -30px;
+}
+
+.bc-5-img.bc-5-tablet.img-block-hidden {
+  margin-bottom: -200px;
+}
+
+.img-block-hidden .video-btn,
+.bc-5-img.bc-5-dashboard.img-block-hidden .video-btn {
+  top: calc(50% - 30px);
+}
+
+.bc-5-img.bc-5-tablet.img-block-hidden .video-btn {
+  top: calc(50% - 70px);
+}
+
+.ct-01 .img-block,
+.ct-04 .img-block {
+  margin-left: 30px;
+}
+
+.ct-02 .img-block {
+  margin-right: 30px;
+}
+
+.ct-03 .img-block.right-column {
+  margin-left: 20px;
+}
+
+.ct-03 .img-block.left-column {
+  margin-right: 20px;
+}
+
+.ct-04 .img-block img {
+  max-width: none;
+  display: inline-block;
+}
+
+.ct-06 .img-block {
+  margin-bottom: -80px;
+}
+
+.ct-07 .img-block {
+  margin-top: -80px;
+}
+
+.img-block-txt,
+.img-block-btn {
+  margin-top: 60px;
+}
+
+.bc-1-wrapper .img-block.left-column,
+.bc-2-wrapper .img-block.left-column {
+  padding-right: 10px;
+}
+
+.bc-1-wrapper .img-block.right-column,
+.bc-2-wrapper .img-block.right-column {
+  padding-left: 10px;
+}
+
+.bc-2-img {
+  margin-left: 15px;
+}
+
+.bc-3-img {
+  margin: 0 -65% -25px 15px;
+}
+
+.bc-4-img {
+  margin-left: 15px;
+  margin-right: -65%;
+}
+
+.bc-6-img {
+  padding: 50px 30px 0;
+  margin-bottom: 35px;
+}
+
+.ct-11 .img-block {
+  position: relative;
+  text-align: center;
+  padding-left: 70px;
+  z-index: 2;
+}
+
+.ct-12 .img-block {
+  position: relative;
+  text-align: center;
+  padding-right: 70px;
+  z-index: 2;
+}
+
+.ct-11 .img-block .tra-bkg,
+.ct-12 .img-block .tra-bkg {
+  opacity: 0;
+  -moz-opacity: 0; 
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+} 
+
+
+
+
+/* ==========================================================================
+  09. STATISTIC
+  =========================================================================== */
+
+.sb-rounded .statistic-block {
+  padding: 35px 25px;
+}
+
+/*------------------------------------------*/
+/*  STATISTIC BLOCK
+/*------------------------------------------*/
+
+#sb-2-1,
+#sb-2-2 {
+  width: 48%;
+  display: inline-block;
+  float: left;
+}
+
+#sb-2-3, #sb-2-4 {
+  display: inline-block;
+  float: left;
+  padding-right: 15px;
+} 
+
+#sb-2-3 { width: 45%; }
+#sb-2-4 { width: 55%; }
+
+#sb-2-3 .statistic-block,
+#sb-2-4 .statistic-block {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+#sb-2-3 .statistic-block-txt,
+#sb-2-4 .statistic-block-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+  padding-left: 15px;
+}
+
+/*------------------------------------------*/
+/*  STATISTIC BLOCK TYPOGRAPHY
+/*------------------------------------------*/
+
+.statistic-1-wrapper .statistic-block-digit {   
+  width: 35%;
+  display: inline-block!important;  
+  float: left;
+}
+
+.statistic-1-wrapper .statistic-block-txt {
+  width: 65%;
+  display: inline-block!important;
+  padding-left: 20px;
+}
+
+#statistic-5 .statistic-digit {
+  padding-bottom: 20px;
+  margin: 0 100px 20px 0;
+  border-bottom: 1px solid #999;
+}
+
+#statistic-5 .color--white .statistic-digit {
+  border-bottom: 1px solid rgba(255, 255, 255, .8);
+}
+
+/*------------------------------------------*/
+/*  STATISTIC BLOCK TYPOGRAPHY
+/*------------------------------------------*/
+
+.statistic-ico {
+  margin-bottom: 10px;
+}
+
+h2.statistic-number {
+  line-height: 1; 
+  font-weight: 700;
+  letter-spacing: -1px;
+  margin-bottom: 0;
+}
+
+#sb-2-1 h2.statistic-number,
+#sb-2-2 h2.statistic-number {
+  margin-bottom: 15px;
+}
+
+#sb-2-3 h2.statistic-number span,
+#sb-2-4 h2.statistic-number span {
+  font-size: 2rem;
+}
+
+#statistic-5 .statistic-digit h2 {
+  letter-spacing: -1.5px;
+}
+
+#statistic-5 .statistic-txt h5 {
+  line-height: 1;
+  margin-bottom: 12px;
+}
+
+.statistic-block-txt p.p-md {
+  line-height: 1.35;
+  margin-bottom: 0;
+}
+
+#sb-2-1 .statistic-block p.p-sm,
+#sb-2-2 .statistic-block p.p-sm {
+  line-height: 1.4;
+  margin-bottom: 0;
+}
+
+#sb-2-3 .statistic-block p.p-sm,
+#sb-2-4 .statistic-block p.p-sm {
+  margin-top: 3px;
+  line-height: 1.5;
+  margin-bottom: 0;
+}
+
+.statistic-3-wrapper p {
+  line-height: 1;
+  margin-top: 15px;
+  margin-bottom: 0;
+}
+
+.statistic-3-wrapper p.p-md {
+  line-height: 1;
+  margin-top: 22px;
+  margin-bottom: 0;
+}
+
+.statistic-4-wrapper p {
+  line-height: 1;
+  margin-bottom: 14px;
+}
+
+#statistic-5 .statistic-txt p {
+  padding-right: 3%;
+  margin-bottom: 0;
+}
+
+.txt-block-stat .statistic-block .txt-block-rating {
+  margin-top: -4px;
+  margin-bottom: -3px;
+}
+
+.txt-block-stat .ico-15 [class*="flaticon-"]:before, 
+.txt-block-stat .ico-15 [class*="flaticon-"]:after { font-size: 0.8125rem; }
+
+
+
+
+/* ==========================================================================
+  10. PROJECTS
+  ========================================================================== */
+
+.projects-wrapper {
+  padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  PROJECT DETAILS
+/*------------------------------------------*/
+
+#pt-1-1, #pt-1-2,
+.inner-page-hero #pt-1-3, 
+.inner-page-hero #pt-1-4 {
+  margin-bottom: 50px;
+}
+
+.project-details h5 {
+  line-height: 1;
+  margin-bottom: 30px;
+}
+
+.project-preview {
+  position: relative;
+  overflow: hidden;
+}
+
+/*------------------------------------------*/
+/*  Image Link
+/*------------------------------------------*/
+
+.project-link {
+  width: 100%;
+  position: absolute;
+  top: 55%;
+  transform: translateY(-50%);
+  opacity: 0;
+  text-align: center;
+  color: #fff;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  Image Hover Overlay
+/*------------------------------------------*/
+
+.hover-overlay {
+  width: 100%;
+  height: auto;
+  overflow: hidden;
+  position: relative; 
+}
+
+.hover-overlay img {
+  transform: scale(1);
+  -ms-transform: scale(1);
+  -webkit-transform: scale(1);
+  -o-transform: scale(1);
+  -moz-transform: scale(1);
+  overflow: hidden;
+  -webkit-transition: transform 400ms;
+  -moz-transition: transform 400ms;
+  -o-transition: transform 400ms;
+  transition: transform 400ms;
+}
+
+/*------------------------------------------*/
+/*    Overlay Background 
+/*------------------------------------------*/ 
+
+.item-overlay {
+  opacity: 0;
+  -moz-opacity: 0; 
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(20, 20, 20, .25);
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  Image Hover Effect 
+/*------------------------------------------*/ 
+
+.project-preview:hover img {
+  transform: scale(1.05);
+  -ms-transform: scale(1.05);
+  -webkit-transform: scale(1.05);
+  -o-transform: scale(1.05);
+  -moz-transform: scale(1.05);
+}
+
+.project-preview:hover .project-link {
+  top: 50%;
+  opacity: 1; 
+  -moz-opacity: 1; 
+}
+
+.project-preview:hover .item-overlay {
+  opacity: 1; 
+  -moz-opacity: 1; 
+}
+
+/*------------------------------------------*/
+/*  MORE PROJECTS BUTTON
+/*------------------------------------------*/ 
+
+.more-projects {
+  text-align: center;
+  margin-top: 70px;
+}
+
+
+
+
+/* ==========================================================================
+  11. PROJECT DETAILS
+  ========================================================================== */
+
+.single-project .project-title {
+  margin-bottom: 80px;
+}
+
+.project-title h2 {
+  padding-right: 5%;
+  padding-bottom: 40px;
+  margin-bottom: 35px;
+  border-bottom: 1px solid #ddd;
+}
+
+.project-data p {
+  margin-bottom: 4px;
+}
+
+.project-data p span {
+  color: #353f4f;
+  font-weight: 500;
+}
+
+/*------------------------------------------*/
+/*  MORE PROJECTS BUTTON
+/*------------------------------------------*/
+
+.project-description .more-projects {
+  margin-top: 65px;
+}
+
+.project-description .more-projects h3 {
+  display: inline-block;
+  text-decoration: underline;
+  margin-bottom: 0;
+}
+
+.project-description .more-projects span {
+  color: #353f4f;
+  position: relative;
+  top: 2px;
+  left: 5px;
+}
+
+
+
+
+/* ==========================================================================
+  12. RATING
+  =========================================================================== */
+
+.rating-section .rating-1-wrapper {
+  padding: 0 16%;
+}
+
+.rating-section .rating-2-wrapper {
+  padding: 0 4%;
+}
+
+.rating-title {
+  text-align: center;
+}
+
+.rating-title h5 {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  RATING BOX
+/*------------------------------------------*/
+
+.rbox-1,
+.rbox-2 {
+  text-align: center;
+}
+
+/*------------------------------------------*/
+/*  RATING BOX LOGO
+/*------------------------------------------*/
+
+.rbox-1-img {
+  margin-bottom: 20px;
+}
+
+.rbox-1-img img {
+  width: auto;
+  max-width: inherit;
+  max-height: 38px;
+}
+
+.rbox-2-txt img {
+  position: relative;
+  display: inline-block;
+  width: auto;
+  max-width: inherit;
+  max-height: 30px;
+  top: -1px;
+  left: 4px;
+}
+
+/*------------------------------------------*/
+/*  RATING BOX TYPOGRAPHY
+/*------------------------------------------*/
+
+.rbox-2-txt {
+  margin-top: 20px;
+}
+
+.rbox-1 .star-rating {
+  display: inline-block;
+  font-size: 17px;
+  line-height: 15px;
+  font-weight: 500;
+  vertical-align: inherit;
+  border: 1px solid #f5f5f5;
+  padding: 5px 18px;
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+}
+
+.rbox-1 .star-rating span {
+  position: relative;
+  color: #ffb30c;
+  top: 1.5px;
+}
+
+.rbox-1 .star-rating { 
+  font-size: 0.86rem; 
+  line-height: 1; 
+}
+
+p.rbox-2-txt {
+  line-height: 22px;
+  margin-top: 8px;
+  margin-bottom: 0;
+}
+
+p.rbox-2-txt span {
+  font-weight: 500;
+}
+
+
+
+
+/* ==========================================================================
+  13. TESTIMONIALS
+  =========================================================================== */
+
+.reviews-2-wrapper {
+  padding: 0 10px;
+}
+
+.reviews-3-wrapper {
+  padding: 0 20px;
+}
+
+.reviews-4-wrapper,
+.reviews-5-wrapper {
+  padding-left: 40px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL
+/*------------------------------------------*/
+
+.review-1 { 
+  padding: 40px 40px 30px;
+  margin: 0 10px 30px;                                
+}
+
+.review-1.block-border {
+  border-color: #d2d2d2;
+}
+
+.review-2 { 
+  padding: 45px 50px 35px;
+}
+
+.review-3 { 
+  padding: 45px 50px 40px;
+}
+
+.review-4 { 
+  padding: 40px 45px 30px;
+}
+
+.review-5 { 
+  padding: 45px 45px 40px;
+}
+
+#rw-2-1, #rw-2-2 {
+  margin-bottom: 20px;
+}
+
+.inner-page-hero #rw-2-3, .inner-page-hero #rw-2-4 {
+  margin-bottom: 20px;
+}
+
+#rw-3-2 {
+  margin-bottom: 45px;
+}
+
+#rw-3-2, #rw-3-3 {
+  margin-left: 15px;
+}
+
+#rw-4-1,
+#rw-5-1 {
+  margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL TEXT
+/*------------------------------------------*/
+
+.review-ico {   
+  position: relative;
+  margin-top: -25px;
+  margin-left: -10px;
+  opacity: .1;
+}
+
+.review-txt {
+  position: relative;
+  margin-top: -45px;
+}
+
+.review-txt h6 {
+  margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL DATA
+/*------------------------------------------*/ 
+
+.review-1 .author-data {
+  margin-top: 22px;
+}
+
+.review-2 .author-data {
+  margin-top: 15px;
+}
+
+.review-3 .author-data {
+  margin-top: 20px;
+}
+
+.review-avatar {
+  margin: 0 auto; 
+  float: left;
+}
+
+.review-avatar img,
+.owl-item .review-avatar img {
+  width: 54px;
+  height: 54px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+}
+
+.review-2 .review-avatar img {
+  width: 64px;
+  height: 64px;
+}
+
+.review-3 .review-avatar img,
+.review-5 .review-avatar img {
+  width: 62px;
+  height: 62px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL AUTHOR
+/*------------------------------------------*/ 
+
+.review-author {
+  position: relative;
+  display: inline-block;
+  text-align: left;
+  padding: 0 0 0 15px;
+}
+
+.review-1 .review-author {
+  margin-top: 4px;
+}
+
+.review-2 .review-author {
+  margin-top: 10px;
+}
+
+.review-3 .review-author {
+  margin-top: 8px;
+} 
+
+.review-5 .review-author {
+  margin-top: 8px;
+}   
+
+.review-4 .review-author {
+  padding-left: 0;
+  margin-top: 0;
+} 
+
+.review-author h6 {
+  line-height: 1;
+  margin-bottom: 8px;
+}
+
+.review-1 .review-author h6 {
+  font-size: 0.975rem;
+}
+
+.review-author p {
+  line-height: 1;
+  font-weight: 300;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL CAROUSEL DOTS
+/*------------------------------------------*/
+
+.reviews-section button {
+  background-color: transparent;
+  border: none;
+  padding: 0 2px;
+}
+
+.owl-theme .owl-dots .owl-dot span {
+  margin: 0 7px;
+}
+
+.owl-dots button:focus {
+  outline: none;
+  text-decoration: none;
+}
+
+
+
+
+/* ==========================================================================
+  14. PRESS
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  PRESS LOGO
+/*------------------------------------------*/ 
+
+.press-logo img {
+  position: relative;
+  width: auto;
+  max-width: inherit;
+  max-height: 82px;
+}
+
+/*------------------------------------------*/
+/*  PRESS TEXT
+/*------------------------------------------*/ 
+
+.press-txt {
+  position: relative;
+  margin-top: 15px;
+}
+
+.press-txt p {
+  color: #999;
+  font-weight: 400;
+  margin-bottom: 0;
+}
+
+.press-txt span {   
+  position: relative;
+  top: 3px;
+  left: -1px;
+  opacity: .6;
+}
+
+.press-txt.ico-20 [class^="flaticon-"]:before, 
+.press-txt.ico-20 [class^="flaticon-"]:after {
+  font-size: 1.375rem;
+}
+
+
+
+
+/* ==========================================================================
+  15. BRANDS
+  =========================================================================== */
+
+#brands-3 {
+  position: relative;
+}
+
+#brands-3:after {
+  position: absolute;
+  content: '';
+  width: 100%;
+  height: 80%;
+  top: 0;
+  left: 0;
+  z-index: -1;
+}
+
+/*------------------------------------------*/
+/*  BRANDS SECTION TITLE
+/*------------------------------------------*/ 
+
+.brands-title {
+  text-align: center;
+  padding: 0 5%;
+}
+
+.brands-title h4,
+.brands-title h3,
+.brands-title h2 {
+  margin-bottom: 8px;
+}
+
+.brands-title p {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  BRANDS LOGO WRAPPER
+/*------------------------------------------*/ 
+
+.brands-3-wrapper {
+  padding: 50px 30px;
+  background-color: #fff;
+  border: 1px solid #e9ecef;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px; 
+}
+
+/*------------------------------------------*/
+/*  BRANDS LOGO IMAGE
+/*------------------------------------------*/ 
+
+.brand-logo {
+  overflow: hidden;
+  position: relative;
+  top: 0;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+} 
+
+#brands-1 .brands-carousel-5 .brand-logo {
+  padding: 0 30px;
+} 
+
+#brands-1 .brands-carousel-6 .brand-logo {
+  padding: 0 20px;
+}   
+
+#brands-1 .justify-content-center .brand-logo {
+  padding: 0 15px;
+} 
+
+#brands-2 .brand-logo {
+  padding: 0;
+} 
+
+#brands-3 .brand-logo {
+  padding: 0 25px;
+}
+
+#brands-3 .brands-3-static .brand-logo {
+  padding: 0 15px;
+}
+
+#brands-4 .brand-logo {
+  padding: 0 20px;
+} 
+
+.brand-logo:hover {
+  top: -6px;
+}
+
+.brands-section .more-btn {
+  text-align: center;
+  margin-top: 40px;
+}
+
+.hero-section .owl-dots,
+.brands-section .owl-dots {
+  display: none;
+}
+
+
+
+
+/* ==========================================================================
+  16. INTEGRATIONS
+  =========================================================================== */
+
+.integrations-2-wrapper {
+  padding: 80px 70px;
+}
+
+.in_tool_logo {
+  padding: 50px 30px;
+  margin-bottom: 25px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.integrations-1-wrapper .in_tool-logo {
+  position: relative;
+  margin-right: 20px;
+}
+
+.integrations-1-wrapper .in_tool {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+  padding: 22px 20px;
+  border: 1px solid #ccc;
+}
+
+.integrations-1-wrapper .in_tool-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.in_tool h6 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.integrations-1-wrapper .in_tool-txt h6 {
+  margin-top: 5px;
+}
+
+.integrations-1-wrapper .in_tool-txt p {
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+.integrations-1-wrapper .in_tool:hover {
+  border-color: transparent;
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+}
+
+
+
+
+/* ==========================================================================
+  17. PRICING
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  Price Table
+/*------------------------------------------*/
+
+.p-table {
+  margin-bottom: 40px;
+}
+
+.pricing-1-table { 
+  padding: 50px 38px 45px; 
+}
+
+.text-center .pricing-1-table {
+  padding: 60px 35px 50px; 
+}
+
+.pricing-2-table { 
+  padding: 45px 38px 50px; 
+}
+
+.pricing-3-table { 
+  padding: 50px 40px; 
+}
+
+.pricing-4-table {
+  position: relative;
+  padding: 45px;
+}
+
+#pt-4-1 { margin: 0 10px 40px 50px; }
+#pt-4-2 { margin: 0 50px 40px 10px; }
+
+/*------------------------------------------*/
+/*  TABLE HEADER 
+/*------------------------------------------*/
+
+.pricing-table-header {
+  position: relative;
+}
+
+.pricing-table-header h5 {
+  margin-bottom: 30px;
+}
+
+.pricing-table-header h4 {
+  margin-bottom: 25px;
+}
+
+/*------------------------------------------*/
+/*  PRICING TABLE DISCOUNT
+/*------------------------------------------*/
+
+.pricing-discount {
+  position: absolute;
+  top: -2px;
+  right: -10px;
+  padding: 8px 18px;
+}
+
+.pricing-1-table .pricing-discount {
+  top: -2px;
+  right: -5px;
+  padding: 7px 13px;
+}
+
+.text-center .pricing-1-table .pricing-discount {
+  top: -35px;
+  right: -8px;
+}
+
+.pricing-discount h6 {
+  font-size: 1.1rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.pricing-1-table .pricing-discount h6 {
+  font-size: 0.915rem;
+}
+
+.price.color--black .white--color {
+  color: #fff;
+}
+
+.comp-table .table thead th {
+  border-color: #ccc;
+}
+
+.comp-table tbody th {
+  border-bottom: 1px solid #ccc!important;
+}
+
+.comp-table .table tr td {
+  border-bottom: 2px solid #ccc;
+}
+
+/*------------------------------------------*/
+/*  PRICE
+/*------------------------------------------*/
+
+.price span {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 3rem;
+  line-height: 1;
+  font-weight: 600;
+  letter-spacing: -2px;
+} 
+
+.pricing-2-table.highlight .price span {
+  font-size: 2.4rem;
+  letter-spacing: -1px;
+} 
+
+.pricing-3-table .price span {
+  font-size: 4.35rem;
+} 
+
+.pricing-4-table .price span {
+  font-size: 3.15rem;
+} 
+
+/*------------------------------------------*/
+/*  DOLLAR SIGN
+/*------------------------------------------*/
+
+.price sup {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 2.05rem;
+  font-weight: 600;
+  top: -5px;
+  right: 2px;
+  letter-spacing: -1px;
+}
+
+.pricing-3-table .price sup {
+  font-size: 2.35rem;
+  top: -23px;
+  right: 3px;
+}
+
+.pricing-4-table .price sup {
+  font-size: 2.05rem;
+  top: -10px;
+  right: 2px;
+}
+
+/*------------------------------------------*/
+/*  COINS
+/*------------------------------------------*/
+
+.pricing-3-table .price sup.coins {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 2.35rem;
+  font-weight: 600;
+  top: -29px;
+  left: 3px;
+  letter-spacing: -2px;
+}
+
+/*------------------------------------------*/
+/*  Validity
+/*------------------------------------------*/
+
+.price sup.validity {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 1.4rem;
+  font-weight: 400;
+  top: -2px;
+  left: 0;
+}
+
+.pricing-3-table .price sup.validity {
+  display: block;
+  font-size: 1.1875rem;
+  top: 0;
+  margin-top: 20px;
+  margin-bottom: 30px;
+  letter-spacing: 0;
+  margin-bottom: 40px;
+}
+
+/*------------------------------------------*/
+/*  Text
+/*------------------------------------------*/
+
+.price p {
+  margin-top: 25px;
+  margin-bottom: 25px;
+}
+
+.pricing-2-table .price p {
+  margin-bottom: 15px;
+}
+
+.text-center .price p {
+  padding: 0 2%;
+}
+
+.pricing-section .btn-txt a {
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  PRICING TABLE HORIZONTAL LINE
+/*------------------------------------------*/
+
+.pricing-1-table hr {
+  margin-top: 35px;
+}
+
+.pricing-2-table hr {
+  margin-top: 25px;
+}
+
+/*------------------------------------------*/
+/*  PRICING FEATURES
+/*------------------------------------------*/
+
+.pricing-features li {
+  padding: 11px 8px;
+}
+
+.pricing-4-table .pricing-features li {
+  padding: 10px;
+} 
+
+.pricing-features li p {
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 0;
+}
+
+.pricing-features li p span {
+  position: relative;
+  top: -2px;
+  right: 5px;
+}
+
+.pricing-features.ico-10 li p span {
+  top: 0;
+  right: 4px;
+}
+
+.pricing-features.ico-5 [class*="flaticon-"]:before, 
+.pricing-features.ico-5 [class*="flaticon-"]:after { font-size: 0.5rem; }
+
+.pricing-features li.disabled-option p,
+.pricing-features li.disabled-option span {
+  color: #b5b5b5!important;
+}
+
+/*------------------------------------------*/
+/*  PRICING TABLE BUTTON
+/*------------------------------------------*/
+
+.pt-btn {
+  display: block;
+  width: 100%;
+  margin-top: 25px;
+}
+
+.p-table p.btn-txt {
+  margin: 14px 0 0 0;
+}
+
+/*------------------------------------------*/
+/*  PRICING TOGGLE BUTTON
+/*------------------------------------------*/
+
+.ext-toggle-btn {
+  text-align: center;
+}
+
+.toggle-btn.inn-toggle-btn {
+  position: absolute;
+}
+
+#pricing-4 .ext-toggle-btn {
+  margin: 0 50px 35px 10px;
+}
+
+/*------------------------------------------*/
+/*  TOGGLE BUTTON TYPOGRAPHY
+/*------------------------------------------*/
+
+.toggle-btn-md .toggler-txt {
+  font-size: 1.1rem;
+  font-weight: 400;
+  line-height: 36px;
+}
+
+.toggle-btn-lg .toggler-txt {
+  font-size: 1.15rem;
+  font-weight: 400;
+  line-height: 40px;
+}
+
+.toggle-btn p {
+  margin-top: 10px;
+  letter-spacing: -0.25px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TOGGLE BUTTON SWITCHER
+/*------------------------------------------*/
+
+.switch-wrap {
+  position: relative;
+  display: inline-block;
+  min-width: 50px;
+  height: 32px;
+  vertical-align: middle;
+}
+
+.toggle-btn-md .switch-wrap {
+  min-width: 65px;
+  height: 36px;
+  margin: 0 8px;
+}
+
+.toggle-btn-lg .switch-wrap {
+  min-width: 70px;
+  height: 40px;
+  margin: 0 14px;
+}
+
+.switcher {
+  display: block;
+  cursor: pointer;
+  color: #fff;
+  font-size: 0.925rem;
+  font-weight: 500;
+  height: 32px;
+  padding: 0 15px 0 35px;
+  position: relative;
+  border-radius: 32px;
+  -webkit-transition: all 150ms ease-in-out;
+  -moz-transition: all 150ms ease-in-out;
+  -o-transition: all 150ms ease-in-out;
+  -ms-transition: all 150ms ease-in-out;
+  transition: all 150ms ease-in-out;
+}
+
+.toggle-btn-md .switcher {
+  height: 36px;
+  padding: 0 20px 0 40px;
+  border-radius: 36px;
+}
+
+.toggle-btn-lg .switcher {
+  height: 40px;
+  padding: 0 20px 0 40px;
+  border-radius: 40px;
+}
+
+.switcher.bg--tra-white {
+  background-color: #fff;
+  border: 2px solid #ccc;
+}
+
+.switcher.bg--ghost-white {
+  background-color: rgba(128, 143, 174, .45);
+  border: 2px solid rgba(128, 143, 174, .15);
+}
+
+.switcher.bg--grey {
+  background-color: #ccc;
+  border: 2px solid #ccc;
+}
+
+.switcher .show-annual, 
+.switcher .show-monthly {
+  line-height: 32px;
+}
+
+.toggle-btn-md .switcher .show-annual,
+.toggle-btn-md .switcher .show-monthly {
+  line-height: 36px;
+}
+
+.toggle-btn-lg .switcher .show-annual,
+.toggle-btn-lg .switcher .show-monthly {
+  line-height: 40px;
+}
+
+.switcher .show-monthly {
+  display: block;
+}
+
+.switcher .show-annual {
+  display: none;
+}
+
+.switcher:before {
+  position: absolute;
+  left: 4px;
+  bottom: 4px;
+  content: " ";
+  background-color: #fff;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out;
+}
+
+.toggle-btn-md .switcher:before {
+  left: 5px;
+  bottom: 5px;
+  width: 26px;
+  height: 26px;
+}
+
+.toggle-btn-lg .switcher:before {
+  left: 5px;
+  bottom: 5px;
+  width: 30px;
+  height: 30px;
+}
+
+.switcher.bg--grey:before,
+.switcher.bg--tra-white:before,
+.switcher.bg--ghost-white:before {
+  background-color: #ccc;
+  left: 4px;
+  bottom: 3.5px;
+  -webkit-box-shadow: 0 1px 1px 0 #aaa;
+  -moz-box-shadow: 0 1px 1px 0 #aaa;
+  box-shadow: 0 1px 1px 0 #aaa;
+}
+
+.switcher.bg--grey:before,
+.switcher.bg--ghost-white:before {
+  background-color: #fff;
+}
+
+.switch-wrap input {
+  display: none;
+}
+
+.switch-wrap input:checked + .switcher {
+  padding: 0 35px 0 15px;
+}
+
+.toggle-btn-md .switch-wrap input:checked + .switcher,
+.toggle-btn-lg .switch-wrap input:checked + .switcher {
+  padding: 0 40px 0 20px;
+}
+
+.switch-wrap input:checked + .switcher.switcher--blue-500 { background-color: #185abd; border-color: #185abd; }
+.switch-wrap input:checked + .switcher.switcher--blue-400 { background-color: #1680fb; border-color: #1680fb; }
+.switch-wrap input:checked + .switcher.switcher--blue-300 { background-color: #3eb1ff; border-color: #3eb1ff; }
+
+.switch-wrap input:checked + .switcher.switcher--green-500 { background-color: #00a14e; border-color: #00a14e; }
+.switch-wrap input:checked + .switcher.switcher--green-400 { background-color: #0fbc49; border-color: #0fbc49; }
+.switch-wrap input:checked + .switcher.switcher--green-300 { background-color: #6fd792; border-color: #6fd792; }
+
+.switch-wrap input:checked + .switcher.switcher--pink-500 { background-color: #ff149c; border-color: #ff149c; }
+.switch-wrap input:checked + .switcher.switcher--pink-400 { background-color: #f74780; border-color: #f74780; }
+.switch-wrap input:checked + .switcher.switcher--pink-300 { background-color: #fcb5cc; border-color: #fcb5cc; }
+
+.switch-wrap input:checked + .switcher.switcher--purple-500 { background-color: #663ae9; border-color: #663ae9; }
+.switch-wrap input:checked + .switcher.switcher--purple-400 { background-color: #7b5dd6; border-color: #7b5dd6; }
+.switch-wrap input:checked + .switcher.switcher--purple-300 { background-color: #bdaeea; border-color: #bdaeea; }
+
+.switch-wrap input:checked + .switcher.switcher--red-500 { background-color: #da0f29; border-color: #da0f29; }
+.switch-wrap input:checked + .switcher.switcher--red-400 { background-color: #ff1e1a; border-color: #ff1e1a; }
+.switch-wrap input:checked + .switcher.switcher--red-300 { background-color: #ffa5a3; border-color: #ffa5a3; }
+
+.switch-wrap input:checked + .switcher.switcher--violet-500 { background-color: #c73e9b; border-color: #c73e9b; }
+.switch-wrap input:checked + .switcher.switcher--violet-400 { background-color: #be6cbe; border-color: #be6cbe; }
+.switch-wrap input:checked + .switcher.switcher--violet-300 { background-color: #e2bde2; border-color: #e2bde2; }
+
+.switch-wrap input:checked + .switcher.switcher--yellow-500 { background-color: #ffba01; border-color: #ffba01; }
+.switch-wrap input:checked + .switcher.switcher--yellow-400 { background-color: #ffbd45; border-color: #ffbd45; }
+.switch-wrap input:checked + .switcher.switcher--yellow-300 { background-color: #ffdf35; border-color: #ffdf35; }
+
+.switch-wrap input:checked + .switcher:before {
+  left: auto;
+  right: 4px;
+  -webkit-transition: all 350ms ease-in-out;
+  -moz-transition: all 350ms ease-in-out;
+  -o-transition: all 350ms ease-in-out;
+  -ms-transition: all 350ms ease-in-out;
+  transition: all 350ms ease-in-out;
+}
+
+.switch-wrap input:checked + .switcher.bg--tra-white:before {
+  bottom: 3px;
+  background-color: #fff;
+  -webkit-box-shadow: 0 0;
+  -moz-box-shadow: 0 0;
+  box-shadow: 0 0;
+}
+
+.switch-wrap input:checked + .switcher .show-annual {
+  display: block;
+}
+
+.switch-wrap input:checked + .switcher .show-monthly {
+  display: none;
+}
+
+/*------------------------------------------*/
+/*  PRICING NOTICE TEXT
+/*------------------------------------------*/
+
+.pricing-notice {
+  text-align: center;
+  margin-top: 20px;
+}
+
+.pricing-notice p {
+  padding: 0 8%;
+  margin-bottom: 0;
+}
+
+.pricing-notice p span {
+  font-weight: 500;
+}
+
+/*------------------------------------------*/
+/*  COMPARE PRICING TABLE
+/*------------------------------------------*/
+
+.table>:not(caption)>*>* {
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+
+.comp-table .pricing-header {
+  max-width: 700px;
+}
+
+.comp-table .table-responsive thead th {
+  font-size: 1.15rem;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-weight: 600;
+}
+
+.comp-table .table-responsive tbody th {
+  font-size: 1rem;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-weight: 600;
+}
+
+.comp-table .table-responsive tbody td {
+  position: relative;
+  font-size: 1rem;
+  line-height: inherit;
+  top: 1px;
+}
+
+.comp-table .table-responsive tbody td span {
+  position: relative;
+  top: 1px;
+}
+
+.table-responsive .ico-15 [class*="flaticon-"]:before, 
+.table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+.table-responsive .ico-20 [class*="flaticon-"]:before, 
+.table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.95rem; }
+
+.comp-table .table-responsive tbody tr {
+  background-color: #fff;
+  -moz-transition: all 350ms ease-in-out;
+  -o-transition: all 350ms ease-in-out;
+  -ms-transition: all 350ms ease-in-out;
+  transition: all 350ms ease-in-out;
+}
+
+.comp-table .table tbody tr.table-last-tr {
+  border-color: transparent;
+}
+
+.comp-table .table-responsive tbody tr:hover {
+  background-color: #f7f7f9;
+}
+
+.comp-table .disabled-option {
+  color: #999;
+}
+
+/*------------------------------------------*/
+/*  PRICING COMPARE PAYMENT
+/*------------------------------------------*/
+
+.comp-table-payment h6 {
+  margin-bottom: 20px;
+}
+
+.comp-table-payment p {
+  margin-bottom: 0;
+}
+
+
+
+
+/* ==========================================================================
+  18. TEAM
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  TEAM MEMBER
+/*------------------------------------------*/
+
+#tm-2-1, #tm-2-4, #tm-2-7, #tm-2-10 { margin-right: 14px; }
+#tm-2-2, #tm-2-5, #tm-2-8, #tm-2-11 { margin-left: 7px; margin-right: 7px; }
+#tm-2-3, #tm-2-6, #tm-2-9, #tm-2-12 { margin-left: 14px; }
+
+/*------------------------------------------*/
+/*  TEAM MEMBER PHOTO
+/*------------------------------------------*/
+
+.team-member-photo {
+  position: relative;
+  overflow: hidden;
+  text-align: center;
+  margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  PHOTO HOVER ZOOM
+/*------------------------------------------*/ 
+
+.team-member:hover img {
+  transform: scale(1.05);
+  -ms-transform: scale(1.05);
+  -webkit-transform: scale(1.05);
+  -o-transform: scale(1.05);
+  -moz-transform: scale(1.05);
+}
+
+.team-member:hover .item-overlay {
+  opacity: .45; 
+  -moz-opacity: .45; 
+}
+
+/*------------------------------------------*/
+/*  TEAM MEMBER TYPOGRAPHY
+/*------------------------------------------*/
+
+.team-member-data {
+  position: relative;
+  margin-left: 5px;
+}
+
+.team-member-data h6.s-20 {
+  margin-bottom: 8px;
+}
+
+.team-member-data p {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  line-height: 1;
+  font-weight: 400;
+  letter-spacing: 0;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  Team Member Social Links
+/*------------------------------------------*/
+
+ul.tm-social {
+  position: absolute;
+  top: -1px;
+  right: 8px;
+  -webkit-transition: all 0.3s ease-out;
+  -o-transition: all 0.3s ease-out;
+  transition: all 0.3s ease-out;  
+}
+
+#team-1 ul.tm-social {
+  right: 5px;
+}
+
+ul.tm-social li {
+  width: auto !important;
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  padding: 0;
+  margin-left: 10px;
+  opacity: .6;
+  -webkit-transition: all 0.5s ease-out;
+  -o-transition: all 0.5s ease-out;
+  transition: all 0.5s ease-out;  
+}
+
+.tm-social.ico-20 [class*="flaticon-"]:before, 
+.tm-social.ico-20 [class*="flaticon-"]:after { font-size: 1.15rem; }
+
+
+
+
+/* ==========================================================================
+  19. CAREERS
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  ROLE BOX
+/*------------------------------------------*/
+
+.role-box {
+  border: 1px solid #d2d2d2;
+  padding: 25px 35px;
+  margin-bottom: 30px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.role-box.bg--white-200,
+.role-box.bg--white-300 {
+  border: 1px solid transparent;
+}
+
+.role-box:hover {
+  border-color: transparent;
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+}
+
+/*------------------------------------------*/
+/*  ROLE BOX TEXT
+/*------------------------------------------*/
+
+.role-box span {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  display: block;
+  font-size: 0.8rem;
+  line-height: 1;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  margin-bottom: 14px;
+}
+
+.role-box h6 {
+  margin-bottom: 6px;
+}
+
+.role-box p {
+  margin-bottom: 0;
+}
+
+
+
+
+/* ==========================================================================
+  20. CAREER ROLE
+  =========================================================================== */
+
+#role-page .inner-page-title {
+  text-align: left;
+  margin-bottom: 50px;
+}
+
+#role-page .inner-page-title span {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  display: block;
+  font-size: 0.9rem;
+  line-height: 1;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  margin-bottom: 35px;
+}
+
+.role-info hr {
+  margin: 50px 0;
+}
+
+#role-page .cbox-6-wrapper {
+  margin: 45px 0;
+}
+
+.role-info h5 {
+  margin-bottom: 25px;
+}
+
+.role-info p a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.txt-block.role-info .btn {
+  display: block;
+  margin-top: 50px;
+}
+
+
+
+
+/* ==========================================================================
+  21. BANNER
+  =========================================================================== */
+
+.banner-overlay {
+  width: 100%;
+  height: 100%;
+}
+
+#banner-11 {
+  margin-top: 50px;
+}
+
+#banner-12 {
+  margin-top: 40px;
+  margin-bottom: 10px;
+}
+
+/*------------------------------------------*/
+/*  BANNER WRAPPER
+/*------------------------------------------*/
+
+.banner-1-wrapper,
+.banner-2-wrapper,
+.banner-3-wrapper {
+  position: relative;
+  overflow: hidden;
+  text-align: center;
+} 
+
+.banner-1-wrapper .banner-overlay {
+  padding: 75px 15% 85px;
+}
+
+.banner-2-wrapper .banner-overlay {
+  padding: 80px 15% 90px;
+}
+
+.banner-3-wrapper .banner-overlay {
+  padding: 75px 20% 85px;
+}
+
+.banner-11-wrapper .banner-overlay {
+  padding: 10px 70px 0;
+}
+
+.banner-12-wrapper .banner-overlay {
+  padding-left: 80px;
+}
+
+.banner-13-wrapper {
+  overflow: hidden;
+}
+
+.banner-13-wrapper .banner-overlay {
+  overflow: hidden;
+  padding-left: 80px;
+}
+
+.banner-16-wrapper .banner-overlay {
+  padding: 45px 22%;
+}
+
+.banner-16-wrapper.bg--white-100.block-border {
+  border-color: #ccc;
+}
+
+/*------------------------------------------*/
+/*  BANNER TEXT
+/*------------------------------------------*/
+
+.banner-12-txt {
+  margin-top: -10px;
+  padding-right: 15%;
+}
+
+.banner-13-txt {
+  padding-right: 15%;
+}
+
+/*------------------------------------------*/
+/*  BANNER TYPOGRAPHY
+/*------------------------------------------*/
+
+.banner-section .section-id {
+  font-weight: 600;
+  padding-top: 10px;
+  margin-bottom: 30px;
+}
+
+.banner-1-txt h2 {
+  margin-bottom: 15px;
+}
+
+.banner-2-txt h2 {
+  margin-bottom: 35px;
+}
+
+.banner-4-txt h2 {
+  margin-bottom: 30px;
+}
+
+.banner-7-txt h2 {
+  margin-bottom: 35px;
+}
+
+.banner-10-txt h6 {
+  font-weight: 400;
+  margin-bottom: 12px;
+}
+
+.banner-10-txt h2 {
+  margin-bottom: 25px;
+}
+
+.banner-11-txt h2,
+.banner-12-txt h2,
+.banner-13-txt h2 {
+  margin-bottom: 22px;
+}
+
+.banner-15-txt h2 {
+  margin-bottom: 45px;
+}
+
+.banner-16-txt h4 {
+  margin-bottom: 14px;
+}
+
+.banner-section p.p-lg {
+  font-size: 1.15rem; 
+  margin-bottom: 30px;
+}
+
+.banner-section p.p-xl {
+  margin-bottom: 25px;
+}
+
+.sm-title .banner-1-txt p.p-lg,
+.sm-title .banner-1-txt p.p-xl {
+  margin-top: 12px;
+  margin-bottom: 22px!important;
+}
+
+.banner-3-txt p.p-lg,
+.banner-3-txt p.p-xl,
+.banner-5-txt p.p-lg,
+.banner-5-txt p.p-xl {
+  margin-top: 20px;
+}
+
+.banner-5-txt p.s-21,
+.banner-5-txt p.s-22 {
+  margin-top: 20px;
+  margin-bottom: 26px;
+}
+
+.banner-6-txt p.p-lg,
+.banner-6-txt p.p-xl {
+  margin-top: 15px;
+  margin-bottom: 25px!important;
+}
+
+.banner-8-txt p.p-lg,
+.banner-8-txt p.p-xl {
+  margin-top: 10px;
+  margin-bottom: 0!important;
+}
+
+.banner-9-txt p.p-lg,
+.banner-9-txt p.p-xl {
+  margin-top: 20px;
+  margin-bottom: 25px!important;
+}
+
+.banner-11-txt p {
+  padding-right: 8%;
+}
+
+.banner-14-txt p.p-lg {
+  font-size: 1.25rem;
+  margin-top: 35px;
+  margin-bottom: 40px;
+}
+
+.banner-15-txt p a {
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  BANNER IMAGE
+/*------------------------------------------*/
+
+.banner-11-img {
+  margin-top: -60px;
+  margin-left: -40px;
+}
+
+.banner-12-img {
+  margin: -40px -20px -30px -40px;
+}
+
+.banner-13-img {
+  transform: rotate(-20deg);
+  margin: -60px -120px -70px -40px;
+}
+
+
+
+
+/* ==========================================================================
+  22. CALL TO ACTION / DOWNLOAD
+  =========================================================================== */
+
+.version-release {
+  margin-bottom: 80px;
+}
+
+.release-data {
+  padding-bottom: 30px;
+  border-bottom: 1px dashed #ccc;
+  margin-bottom: 30px;
+}
+
+.release-data h5 {
+  margin-bottom: 40px;
+}
+
+span.version-data {
+  color: #353f4f;
+  font-size: 2rem;
+  line-height: 1;
+  margin-right: 20px;
+  margin-bottom: 0;
+}
+
+span.release-date {
+  color: #999;
+  font-size: 1.175rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+span.release-date span {
+  color: #353f4f;
+  font-weight: 500;
+  margin-left: 20px;
+}
+
+.release-download {
+  position: absolute;
+  right: 5px;
+  bottom: 0;
+}
+
+.release-highlights .simple-list p {
+  margin-bottom: 2px;
+}
+
+
+
+
+/* ==========================================================================
+  23. FAQS
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  FAQS SECTION TITLE 
+/*------------------------------------------*/
+
+#faqs-1 .section-title {
+  margin-bottom: 50px;
+}
+
+#faqs-2 .inner-page-title {
+  margin-bottom: 55px;
+}
+
+#faqs-3 .section-title {
+  margin-bottom: 70px;
+}
+
+.faqs-3-questions .questions-holder {
+  padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  FAQS ACCORDION  
+/*------------------------------------------*/
+
+.faqs-section .accordion-item {
+  background-color: transparent!important;
+  border: none;
+  border-bottom: 1px solid #e5e5e5;
+}
+
+#faqs-2.faqs-section .accordion-item {
+  border-bottom: 1px solid #ddd;
+}
+
+.faqs-section .accordion-item.acc-last-item,
+#faqs-2.faqs-section .accordion-item.acc-last-item {
+  border-bottom: none;
+}
+
+/*------------------------------------------*/
+/*  Question
+/*------------------------------------------*/
+
+.faqs-section .accordion-thumb {
+  margin: 0;
+  padding: 25px 0;
+  cursor: pointer;
+  position: relative;
+}
+
+#faqs-2.faqs-section .accordion-thumb {
+  padding: 25px 0 30px;
+}
+
+.faqs-section .accordion-item .accordion-thumb:after,
+.faqs-section .accordion-item.is-active .accordion-thumb:after {
+  font-family: Flaticon;
+  font-weight: 300; 
+  content: "\f11a";
+  position: absolute;
+  font-size: 1rem;
+  top: 22px;
+  right: 3px;
+}
+
+#faqs-2.faqs-section .accordion-item .accordion-thumb:after,
+#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after {
+  font-size: 1rem;
+  top: 26px;
+  right: 2px;
+}
+
+.faqs-section .accordion-item.is-active .accordion-thumb:after {
+  content: "\f11b";
+}
+
+#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb {
+ border-bottom: 1px solid #e5e5e5;
+}
+
+/*------------------------------------------*/
+/*  Answer
+/*------------------------------------------*/
+
+.accordion-panel {
+  margin: 0;
+  padding: 0 0 15px 0;
+  display: none;
+}
+
+#faqs-2 .accordion-panel {
+  padding: 45px 0 15px 0;
+}
+
+.accordion-thumb h5,
+.accordion-thumb h4 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.question h5,
+.accordion-panel-item h5 {
+  margin-bottom: 20px;
+}
+
+.question h5 span,
+.accordion-thumb h5 span,
+.accordion-panel-item h5 span {
+  margin-right: 5px;
+}
+
+.question p a, 
+.accordion-panel p a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.question p.color--grey a.color--blue, 
+.accordion-panel.color--grey a.color--blue {
+  color: #1680fb!important;
+}
+
+/*------------------------------------------*/
+/*  FAQS TABS 
+/*------------------------------------------*/
+
+.faqs-section .tabs-nav { 
+  text-align: center;
+}
+
+.faqs-section .tabs-1 { 
+  display: inline-block;
+  margin: 0 auto 60px;
+}
+
+.faqs-section .tab-content {
+  display: none;
+}
+
+.faqs-section .tab-content.current {
+  display: inherit;
+}
+
+.faqs-section .tabs-1 li {
+  display: inline-block; 
+  min-width: 230px;
+  background-color: transparent;
+  border: 2px solid #ddd;
+  cursor: pointer;
+  padding: 30px 0;
+  margin: 0 6px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.faqs-section .tabs-1 li span {
+  color: #c3c4c5;
+}
+
+.faqs-section .tabs-1 li p {
+  line-height: 1;
+  font-weight: 400;
+  margin-top: 15px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TAB LINK CURRENT
+/*------------------------------------------*/
+
+.faqs-section .tabs-1 li.current,
+.faqs-section .tabs-1 li.current:hover {
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2);
+  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2);
+}
+
+.faqs-section .tabs-1 li.current p,
+.faqs-section .tabs-1 li.current span {
+  color: #fff;
+}
+
+.faqs-section .tabs--blue .tabs-1 li.current,
+.faqs-section .tabs--blue .tabs-1 li.current:hover {
+  background-color: #1680fb;
+  border-color: #1680fb!important;
+}
+
+.faqs-section .tabs--purple .tabs-1 li.current,
+.faqs-section .tabs--purple .tabs-1 li.current:hover {
+  background-color: #7b5dd6;
+  border-color: #7b5dd6!important;
+}
+
+/*------------------------------------------*/
+/*  MORE QUESTIONS LINK
+/*------------------------------------------*/
+
+.more-questions {
+  text-align: center;
+}
+
+#faqs-2 .more-questions {
+  margin: 70px auto 0; 
+}
+
+.more-questions-txt {
+  display: inline-block;
+  padding: 22px 46px;
+}
+
+.more-questions-txt p {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.more-questions-txt a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+
+
+
+/* ==========================================================================
+  24. NEWSLETTER
+  =========================================================================== */
+
+#newsletter-1 .newsletter-overlay {
+  padding-top: 60px;
+  padding-bottom: 60px;
+}  
+
+#newsletter-2 .container {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+#newsletter-2 .newsletter-overlay {
+  padding: 60px 50px;
+}
+
+#newsletter-3 {
+  margin-top: 50px;
+  margin-bottom: 50px;
+}
+
+#newsletter-4 .newsletter-overlay,
+#newsletter-5 .newsletter-overlay {
+  padding-top: 80px;
+  padding-bottom: 70px;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER TYPOGRAPHY
+/*------------------------------------------*/ 
+
+.newsletter-txt h2 {
+  margin-bottom: 35px;
+}
+
+#newsletter-4 .newsletter-txt h2 {
+  margin-bottom: 40px;
+}
+
+.newsletter-txt h4,
+.newsletter-txt h3,
+#newsletter-5 .newsletter-txt h2 {
+  margin-bottom: 0;
+}
+
+.newsletter-txt p.p-sm {
+  margin-bottom: 0;
+}
+
+#newsletter-4 .newsletter-txt p {
+  padding: 0 10%;
+}
+
+#newsletter-5 .newsletter-txt p {
+  margin-top: 20px;
+  margin-bottom: 0;
+}
+
+.newsletter-txt a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER FORM
+/*------------------------------------------*/ 
+
+#newsletter-1 .newsletter-form {
+  padding-left: 15%;
+  margin-top: 30px;
+}
+
+#newsletter-2 .newsletter-form {
+  margin-top: 25px;
+  padding-left: 12%;
+}
+
+#newsletter-4 .newsletter-form {
+  padding: 0 5%;
+}
+
+#newsletter-5 .newsletter-form {
+  margin-top: 35px;
+  padding: 0 10%;
+}
+
+/*------------------------------------------*/
+/*   Newsletter Form Input
+/*------------------------------------------*/
+
+.newsletter-section .form-control {
+  height: 56px;
+  background-color: #fff;
+  border: 1px solid #ccc;
+  font-size: 1rem;
+  color: #353f4f;
+  font-weight: 400;
+  padding: 0 15px;  
+  margin-right: 12px;
+  box-shadow: none;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  border-radius: 6px;
+}
+
+#newsletter-1.newsletter-section .form-control {
+  height: 54px;
+  font-size: 0.975rem;
+}
+
+#newsletter-5.newsletter-section .form-control {
+  height: 62px;
+  font-size: 1.0625rem;
+}
+
+.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Input Focus
+/*------------------------------------------*/
+
+.newsletter-section .form-control:focus {
+  background-color: #fff;
+  outline: 0;
+  box-shadow: none;
+  border-color: #1680fb;
+}
+
+.newsletter-section .purple-focus .form-control:focus {
+  border-color: #8863ee;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Input Placeholder
+/*------------------------------------------*/
+
+.newsletter-section .form-control::-moz-placeholder { color: #aaa; } 
+.newsletter-section .form-control:-ms-input-placeholder { color: #aaa; } 
+.newsletter-section .form-control::-webkit-input-placeholder { color: #aaa; } 
+
+/*------------------------------------------*/
+/*  Newsletter Form Button
+/*------------------------------------------*/
+
+.newsletter-section .btn {
+  display: block; 
+  width: 100%!important;
+  height: 56px;
+}
+
+#newsletter-1 .btn {
+  height: 54px;
+  font-size: 0.925rem;
+  padding: 0.7rem 1.3rem;
+}
+
+#newsletter-5.newsletter-section .btn {
+  height: 62px;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Notification
+/*------------------------------------------*/
+
+.newsletter-section .form-notification {
+  color: #3eb1ff;
+  font-size: 0.9rem;
+  font-weight: 400;
+  line-height: 1;
+  margin-top: 15px;
+  margin-left: 5px;
+}
+
+.newsletter-section .text-center .form-notification {
+  margin-left: 0;
+}
+
+.bg--color.newsletter-section .form-notification {
+  color: #fff;
+}
+
+.newsletter-section .form-notification.valid,
+.newsletter-section .form-notification.error {
+  color: #fc2f4b;
+}
+
+.newsletter-section .newsletter-form.valid {
+  color: #0fbc49;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER IMAGE
+/*------------------------------------------*/
+
+#newsletter-3 .newsletter-img {
+  margin-top: -50px;
+  margin-bottom: -50px;
+}
+
+#newsletter-3 .col-lg-6 .newsletter-img {
+  padding-left: 40px;
+}
+
+
+
+/* ==========================================================================
+  25. BLOG
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  BLOG POST TAG
+/*------------------------------------------*/
+
+.post-tag {
+  display: block;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 0.75rem;
+  font-weight: 600;
+  letter-spacing: 0;
+  text-transform: uppercase;
+  margin-bottom: 20px;
+}
+
+#single-post .post-tag {
+  font-size: 0.85rem;
+}
+
+/*------------------------------------------*/
+/*  BLOG POST META
+/*------------------------------------------*/
+
+.post-meta-list li {
+  width: auto!important;
+  display: inline-block!important;
+  vertical-align: top;
+  clear: none !important;
+}
+
+.post-meta-list p {
+  color: #353f4f;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.bg--black-400 .post-meta-list p {
+  color: #f8f9f9;
+}
+
+.meta-list-divider {
+  position: relative;
+  top: 0px;
+  transform: rotate(-90deg);
+  padding: 0 1px;
+}
+
+/*------------------------------------------*/
+/*  BLOG POST TYPOGRAPHY
+/*------------------------------------------*/
+
+.blog-post-txt h6 {
+  margin-bottom: 15px;
+}
+
+.blog-post-txt p {
+  margin-bottom: 0;
+}
+
+.blog-post-txt a {
+  color: #353f4f;
+}
+
+.blog-post-txt a:hover {
+  text-decoration: underline;
+}
+
+.bg--black-400 .blog-post-txt a {
+  color: #f8f9f9;
+}
+
+.bg--black-400 .blog-post-txt a:hover {
+  color: #fff!important;
+}
+
+
+
+
+/* ==========================================================================
+  26. BLOG LISTING
+  =========================================================================== */
+
+.wide-post {
+  margin-bottom: 100px;
+}
+
+.wide-post .blog-post-img {
+  padding-right: 15px;
+}
+
+.wide-post .blog-post-txt {
+  padding-left: 15px;
+}
+
+.square-post {
+  margin-top: 60px;
+  margin-bottom: 40px;
+}
+
+.square-post-wrapper {
+  overflow: hidden;
+}
+
+.square-post .blog-post-txt {
+  padding: 0 30px 0 60px;
+}
+
+/*------------------------------------------*/
+/*  BLOG POSTS CATEGORY
+/*------------------------------------------*/
+
+.posts-category {
+  margin-top: 40px;
+  margin-bottom: 60px;
+}
+
+.posts-category h4 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.posts-category span {
+  position: relative;
+  top: 1px;
+}
+
+
+
+
+/* ==========================================================================
+  27. SINGLE BLOG POST
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  Single Post Title
+/*------------------------------------------*/
+
+.single-post-title h3,
+.single-post-title h2 {
+  padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  Single Post Text
+/*------------------------------------------*/
+
+.single-post-txt h5,
+.single-post-txt h4 {
+  margin-top: 30px;
+  margin-bottom: 30px;
+}
+
+.single-post-txt h5 span {
+  display: block;
+}
+
+/*------------------------------------------*/
+/*  Single Post Code
+/*------------------------------------------*/
+
+.txt-code {
+  background-color: #f8f9fa;
+  padding: 20px 18px;
+  margin: 30px 0;
+}
+
+.txt-code p {
+  color: #383a42; 
+  font-size: 1rem;
+  line-height: 1.75;
+  margin-bottom: 0;
+}
+
+.single-post-txt p a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.txt-code span.code-property,
+.txt-code p code.code-language-js {
+  color: #151515;
+}
+
+.txt-code span.code-variable,
+.txt-code span.code-attribute {
+  color: #986801;
+}
+
+.txt-code span.code-string {
+  color: #50a14f;
+}
+
+/*------------------------------------------*/
+/*  Single Post Blockquote
+/*------------------------------------------*/
+
+.single-post-txt figure {
+  margin-bottom: 40px;
+}
+
+.single-post-txt .blockquote p {
+  font-size: 1.5rem;
+  line-height: 1.45;
+  margin-bottom: 40px;
+}
+
+.single-post-txt .blockquote-footer {
+  font-size: 1.125rem;
+}
+
+/*------------------------------------------*/
+/*  Single Post Image
+/*------------------------------------------*/
+
+.post-inner-img {
+  text-align: center;
+  margin-top: 50px;
+  margin-bottom: 50px;
+}
+
+/*------------------------------------------*/
+/*  POST SHARE LINKS
+/*------------------------------------------*/ 
+
+.post-share-list {
+  margin-top: 50px;
+  padding-bottom: 50px;
+}
+
+/*------------------------------------------*/
+/*  POST SHARE ICONS
+/*-----------------------------------------*/
+
+.share-social-icons {
+  display: inline-block; 
+  padding-left: 0;
+}
+
+.share-social-icons li {
+  width: auto !important;
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  padding: 0;
+}
+
+.share-social-icons a.share-ico span {
+  opacity: .75;
+  margin-right: 25px;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out;
+}
+
+.share-social-icons a.share-ico:hover span {
+  opacity: 1;
+}
+
+/*------------------------------------------*/
+/*  POST AUTHOR
+/*------------------------------------------*/ 
+
+.post-author {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+.post-author-avatar {
+  position: relative;
+  text-align: center;
+  margin-right: 35px;
+}
+
+.post-author-avatar img {  
+  width: 100px;
+  height: 100px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;  
+}
+
+.post-author-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.post-author-txt h5 {
+  margin-bottom: 20px;
+}
+
+.post-author-txt p {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  Follow Button
+/*------------------------------------------*/ 
+
+.author-follow-btn {
+  display: inline-block;
+  position: absolute;
+  padding: 6px 15px;
+  line-height: 1;
+  top: 80px;
+  right: 10px;
+  border: 2px solid #ddd;
+}
+
+.author-follow-btn a {
+  color: #666;
+  font-size: 0.935rem;
+  font-weight: 400;
+}
+
+/*------------------------------------------*/
+/*  POST COMMENTS
+/*------------------------------------------*/
+
+.post-comments {
+  padding-top: 100px;
+}
+
+.post-comments hr {
+  margin-top: 24px; 
+  margin-bottom: 40px; 
+}
+
+.post-comments h5 {
+  margin-bottom: 60px;
+}
+
+.post-comments img {
+  width: 68px;
+  height: 68px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+}
+
+.comment-body {
+  margin-left: 25px;
+}
+
+.comment-meta {
+  margin-bottom: 10px;
+}
+
+.comment-meta h6 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.comment-date {
+  font-size: 16px;
+  font-weight: 400;
+  margin-bottom: 5px;
+}
+
+/*------------------------------------------*/
+/*  Comment Reply 
+/*------------------------------------------*/
+
+.btn-reply {
+  margin-left: 3px;
+}
+
+.btn-reply a {
+  font-size: 17px;
+  font-weight: 400; 
+}
+
+.btn-reply span {
+  position: relative;
+  top: 3px;
+  margin-right: 4px;
+  left: 3px;
+}
+
+.btn-reply.ico-20 [class*="flaticon-"]:before, 
+.btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 0.975rem; }
+
+.btn-reply a:hover {
+  color: #222;
+}
+
+/*------------------------------------------*/
+/*  SINGLE POST COMMENT FORM
+/*------------------------------------------*/
+
+.post-comments #leave-comment h5 {
+  padding-bottom: 0;
+  margin-top: 80px;
+  margin-bottom: 10px;
+  border: none;
+}
+
+.comment-form {
+  position: relative;
+  margin-top: 60px;
+}
+
+.comment-form p {
+  position: relative;
+  color: #353f4f;
+  line-height: 1;
+  font-weight: 500;
+  margin-bottom: 15px;
+  padding-left: 8px;
+  display: block;
+}
+
+.comment-form p span {
+  position: relative;
+  color: #ff3366;
+  top: -3px;
+}
+
+.comment-form .form-control {
+  height: 62px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  box-shadow: 0 0 0 0;
+  color: #353f4f;
+  font-size: 1rem;
+  line-height: 1;
+  font-weight: 400;
+  padding: 0 20px;
+  margin-bottom: 30px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+  -webkit-transition: all 300ms ease-in-out;
+  -moz-transition: all 300ms ease-in-out;
+  -o-transition: all 300ms ease-in-out;
+  -ms-transition: all 300ms ease-in-out;
+  transition: all 300ms ease-in-out;
+}
+
+.comment-form textarea { min-height: 220px; }
+.comment-form textarea.form-control { 
+  padding: 25px 20px;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Input Focus
+/*------------------------------------------*/
+
+.comment-form .form-control:focus {
+  outline: 0px none;
+  box-shadow: none;
+  background-color: #fcfdfd;
+  border-color: #1680fb;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Button
+/*------------------------------------------*/
+
+.comment-form .btn {
+  margin-top: 15px;
+}
+
+.comment-form .btn:focus {
+  outline: 0px none;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Message
+/*------------------------------------------*/
+
+.comment-form-msg {
+  width: 100%!important;
+  display: block;
+  margin-top: 15px;
+  padding-left: 0;
+}
+
+.comment-form .loading {
+  color: #00b2e4;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 500;
+}
+
+.comment-form .error {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 10px;
+}
+
+
+
+
+/* ==========================================================================
+  28. CONTACTS
+  =========================================================================== */
+
+#contacts-1 .contact-form p {
+  color: #353f4f;
+  line-height: 1;
+  font-weight: 500;
+  margin-bottom: 10px;
+  padding-left: 8px;
+}
+
+#contacts-1 .contact-form .col-md-12 span {
+  display: block;
+  font-size: 0.95rem;
+  line-height: 1;
+  font-weight: 300;
+  margin-bottom: 20px;
+  padding-left: 8px;
+}
+
+#contacts-1 .contact-form .contact-form-notice p {
+  font-size: 0.835rem;
+  font-weight: 300;
+  line-height: 1.5555;
+  padding-left: 0;
+  margin-top: 40px;
+}
+
+.contact-form-notice p a {
+  color: #353f4f;
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  CONTACT FORM INPUT
+/*------------------------------------------*/
+
+.contact-form .form-control,
+.contact-form .form-select {
+  height: 62px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  box-shadow: 0 0 0 0;
+  color: #3a4a56;
+  font-size: 1rem;
+  font-weight: 400;
+  padding: 0 15px;
+  margin-bottom: 30px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+}
+
+.bg--snow .contact-form .form-control,
+.bg--snow .contact-form .form-select {
+  background-color: #fff;
+  border: 1px solid #ccc;
+}
+
+.contact-form .form-select {
+  display: inline-block;
+  width: 100%;
+  color: #998da0;
+  box-shadow: none;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+}
+
+/*------------------------------------------*/
+/*  Contact Form Textarea
+/*------------------------------------------*/
+
+.contact-form textarea { min-height: 220px; }
+.contact-form textarea.form-control { 
+  padding: 20px 15px;
+}
+
+/*------------------------------------------*/
+/*  Contact Form Placeholder
+/*------------------------------------------*/
+
+.contact-form .form-control::-moz-placeholder { color: #999; } 
+.contact-form .form-control:-ms-input-placeholder { color: #999; }
+.contact-form .form-control::-webkit-input-placeholder { color: #999; }
+
+/*------------------------------------------*/
+/*  Contact Form Input Focus
+/*------------------------------------------*/
+
+.contact-form .form-control:focus,
+.contact-form .form-select:focus {
+  outline: 0px none;
+  box-shadow: none;
+  background-color: #fcfdfd;
+  border-color: #1680fb;
+}
+
+/*------------------------------------------*/
+/*  Contact Form Message
+/*------------------------------------------*/
+
+.contact-form-msg {
+  width: 100%!important;
+  display: block;
+  margin-top: 20px;
+  padding-left: 0;
+}
+
+.contact-form .loading {
+  color: #00b2e4;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 500;
+  padding-left: 15px;
+}
+
+.contact-form  .error {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 10px;
+}
+
+
+
+
+/* ==========================================================================
+  29. FOOTER
+  =========================================================================== */
+
+.footer {
+  padding-bottom: 50px;
+}
+
+.footer-info,
+.footer-links {
+  margin-bottom: 40px;
+}
+
+#footer-10 .footer-info {
+  margin-bottom: 40px;
+  padding-bottom: 55px;
+  border-bottom: 1px solid #dbdddf;
+}
+
+#footer-10 .footer-links {
+  margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  FOOTER LOGO
+/*------------------------------------------*/
+
+img.footer-logo,
+img.footer-logo-dark {
+  width: auto;
+  max-width: inherit;
+  max-height: 40px;
+}
+
+#footer-10 img.footer-logo {
+  max-height: 46px;
+}
+
+#footer-1 .footer-logo,
+#footer-5 .footer-logo,
+#footer-6 .footer-logo,
+#footer-7 .footer-logo {
+  margin-bottom: 25px;
+}
+
+/*------------------------------------------*/
+/*  FOOTER TYPOGRAPHY
+/*------------------------------------------*/
+
+.footer h6 {
+  line-height: 1;
+  margin-bottom: 25px;
+}
+
+#footer-9.footer h6 {
+  line-height: 1.5;
+}
+
+.bg--black.footer h6 {
+  color: #fff;
+}
+
+/*------------------------------------------*/
+/*  FOOTER INFO
+/*------------------------------------------*/
+
+.footer-info-copyright p {
+  margin-bottom: 0;
+}
+
+.footer-info-copyright p span {
+  position: relative;
+  top: 2px;
+  padding: 0 2px;
+}
+
+.footer-info-copyright.ico-15 [class*="flaticon-"]:before, 
+.footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.85rem; }
+
+/*------------------------------------------*/
+/*  FOOTER MAIL LINK
+/*------------------------------------------*/
+
+.footer .footer-mail-link {
+  margin-left: 3px;
+  margin-bottom: 0;
+}
+
+#footer-1 .footer-info .footer-mail-link {
+  margin-top: 10px;
+}
+
+#footer-2 .footer-links .footer-mail-link,
+#footer-3 .footer-links .footer-mail-link {
+  margin-left: 0;
+  margin-bottom: 20px;
+}
+
+.footer-mail-link a {
+  font-weight: 400;
+}
+
+.footer-mail-link span {
+  position: relative;
+  top: 4px;
+  right: 3px;
+}
+
+.footer-mail-link.ico-20 [class*="flaticon-"]:before, 
+.footer-mail-link.ico-20 [class*="flaticon-"]:after { font-size: 1.125rem; }
+
+.bg--black.footer .footer-mail-link a {
+  color: #a0a7b1;
+}
+
+.bg--black.footer .footer-mail-link a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  FOOTER LINKS
+/*------------------------------------------*/
+
+#footer-2 .footer-links {
+  padding-left: 10%;
+}
+
+.foo-links li {
+  width: auto!important;
+  display: block!important;
+  vertical-align: top;
+  clear: none !important;
+  margin: 0;
+  padding: 0;
+}
+
+.foo-links.ico-10 li span {
+  position: relative;
+  top: 1.5px;
+  right: 3px;
+}
+
+#footer-8 .foo-links li {
+  display: inline-block!important;
+  padding-left: 20px;
+}
+
+#footer-8 .foo-links li.first-li {
+  padding-left: 0;
+}
+
+#footer-10 .foo-links li {
+  display: inline-block!important;
+  padding: 0 10px;
+}
+
+.footer .foo-links li p {
+  font-weight: 400;
+  margin-bottom: 10px;
+}
+
+.footer .foo-links li:last-child p {
+  margin-bottom: 0;
+}
+
+.foo-links li a span.ext-link {
+  display: inline-block;
+  position: relative;
+  left: 3px;
+  top: 1.5px;
+  transform: rotate(-60deg);
+}
+
+.foo-links.ico-15 [class*="flaticon-"]:before, 
+.foo-links.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+.bg--black.footer .foo-links li p a {
+  color: #a0a7b1;
+}
+
+.bg--black.footer .foo-links li p a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  FOOTER SOCIAL
+/*------------------------------------------*/
+
+.footer-socials {
+  margin: 0;
+  display: inline-block; 
+}
+
+.footer-socials li {
+  float: left;
+  width: auto !important;
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  margin: 0;
+}
+
+.footer-socials a {
+  display: block;
+  margin-right: 15px;
+}
+
+.footer-socials.ico-20 a,
+.footer-socials.ico-25 a { 
+  margin-right: 16px; 
+} 
+
+.footer-socials.ico-25 [class*="flaticon-"]:before, 
+.footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.325rem; }
+
+.bg--black.footer .footer-socials li a {
+  color: #a0a7b1;
+}
+
+.bg--black.footer .footer-socials li a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  FOOTER STORE BAGES
+/*------------------------------------------*/
+
+.footer .store {
+  float: none;
+  margin-right: 0;
+  margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  FOOTER NEWSLETTER FORM
+/*------------------------------------------*/
+
+.footer-form {
+  margin-bottom: 20px;
+}
+
+#footer-7 .footer-form {
+  padding-left: 8%;
+}
+
+.footer-form .newsletter-form .input-group {
+  background-color: #f4f4f4;
+  border: 1px solid transparent;
+  padding: 9px 2px;
+}
+
+.footer-form .form-control {
+  height: 32px;
+  background-color: transparent;
+  border: none;
+  color: #666;
+  font-size: 1rem;
+  font-weight: 400;
+  padding: 0 10px;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Input Focus
+/*------------------------------------------*/
+
+.footer-form .form-control:focus {
+  border: none;
+  border-right: none;
+  outline: 0;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Footer Form Placeholder
+/*------------------------------------------*/
+
+.footer-form .form-control::-moz-placeholder { color: #6c757d; } 
+.footer-form .form-control:-ms-input-placeholder { color: #6c757d; } 
+.footer-form .form-control::-webkit-input-placeholder { color: #6c757d; } 
+
+/*------------------------------------------*/
+/*  Newsletter Form Button
+/*------------------------------------------*/
+
+.footer-form .btn {
+  height: 32px;
+  padding: 0 10px;
+}
+
+.footer-form .ico-15 [class*="flaticon-"]:before, 
+.footer-form .ico-15 [class*="flaticon-"]:after { line-height: 28px!important; }
+
+/*------------------------------------------*/
+/*  Footer Form Notification
+/*------------------------------------------*/
+
+.footer-form .form-notification {
+  color: #1680fb;
+  font-size: 0.85rem;
+  line-height: 1.25;
+  font-weight: 400;
+  margin-top: 12px;
+  margin-left: 5px;
+}
+
+.footer-form .form-notification.valid,
+.footer-form .form-notification.error {
+  color: #fc2f4b;
+}
+
+.footer-form .newsletter-form.valid {
+  color: #0fbc49;
+}
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER
+/*------------------------------------------*/
+
+.footer hr {
+  margin-top: 30px;
+  margin-bottom: 50px;
+}
+
+#footer-8 .bottom-footer,
+#footer-9 .bottom-footer {
+  margin-top: 20px;
+}
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER COPYRIGHT
+/*------------------------------------------*/
+
+.footer-copyright p {
+  margin-bottom: 0;
+}
+
+.bg--black.footer .footer-copyright p {
+  color: #a0a7b1;
+}
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER SECONDARY LINK
+/*------------------------------------------*/
+
+.bottom-secondary-link p {
+  margin-bottom: 0;
+}
+
+.bottom-secondary-link p span {
+  position: relative;
+  top: 1px;
+  padding: 0 2px;
+}
+
+.bottom-secondary-link.ico-15 [class*="flaticon-"]:before, 
+.bottom-secondary-link.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER LINKS
+/*------------------------------------------*/
+
+.bottom-footer-list li,
+.bottom-footer-socials li,
+.bottom-footer-payment li {
+  width: auto!important;
+  display: inline-block!important;
+  vertical-align: top;
+  clear: none !important;
+}
+
+.bottom-footer-socials li {
+  padding-left: 14px; 
+}
+
+#footer-4 .bottom-footer-list li,
+#footer-9 .bottom-footer-list li {
+  padding-left: 15px; 
+}
+
+#footer-4 .bottom-footer-list li.first-li,
+#footer-9 .bottom-footer-list li.first-li {
+  padding-left: 0; 
+}
+
+#footer-10 .bottom-footer-socials li {
+  padding: 0 15px; 
+}
+
+.footer-list-divider {
+  position: relative;
+  top: -0.5px;
+  transform: rotate(-90deg);
+  margin-left: 4px;
+}
+
+.bottom-footer-list.ico-15 [class*="flaticon-"]:before, 
+.bottom-footer-list.ico-15 [class*="flaticon-"]:after { font-size: 0.8rem; }
+
+.bottom-footer-list li p {
+  display: inline-block;
+  float: left;
+  margin-bottom: 0;
+}
+
+.bottom-footer-socials li span { 
+  position: relative;
+  top: 4px; 
+  opacity: .8;
+}
+
+.bottom-footer-payment li span {
+  line-height: 1!important;
+  position: relative;
+  top: 4px; 
+  opacity: .8;
+}
+
+#footer-4 .bottom-footer-list li span,
+#footer-9 .bottom-footer-list li span {
+  margin-top: 1px;
+  margin-right: 2px; 
+}
+
+.bottom-footer-socials.ico-20 [class*="flaticon-"]:before, 
+.bottom-footer-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.115rem; }
+
+.bottom-footer-socials.ico-25 [class*="flaticon-"]:before, 
+.bottom-footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.25rem; }
+
+.bg--black.footer .bottom-footer-list li p a {
+  color: #a0a7b1;
+}
+
+.bg--black.footer .bottom-footer-list li p a:hover {
+  color: #fff!important;
+}
+
+
+
+
+/* ==========================================================================
+  30. INNER PAGE WRAPPER
+  =========================================================================== */
+
+.inner-page-hero {
+  padding-top: 180px;
+}
+
+.page-hero-section-overlay {
+  position: relative;
+  width: 100%;
+  padding-top: 150px;
+}
+
+.page-hero-section-overlay .txt-block {
+  margin-top: -40px;
+}
+
+.page-hero-section .wave-shape-bottom path {
+  fill: #fff;
+}
+
+/*------------------------------------------*/
+/*  INNER PAGE TITLE
+/*------------------------------------------*/
+
+.inner-page-title {
+  text-align: center;
+  margin-bottom: 80px;
+}
+
+.inner-page-title h2 {
+  margin-bottom: 0;
+}
+
+.inner-page-title p {
+  font-size: 1.1875rem;
+  line-height: 1;
+  margin-top: 20px;
+  margin-bottom: 0;
+}
+
+.page-hero-section h2 {
+  line-height: 1.15;
+  margin-bottom: 30px;
+}
+
+
+
+
+/* ==========================================================================
+  31. PAGE PAGINATION
+  =========================================================================== */
+
+.page-link {
+  color: #6c757d;
+  font-size: 1.1rem;
+  font-weight: 500;
+  padding: 2px 14px;
+  margin: 0 8px;
+  background-color: transparent;
+  border: 2px solid transparent;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -o-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.pagination.ico-20 [class*="flaticon-"]:before, 
+.pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.9rem; } 
+
+.page-item:first-child .page-link {
+  border-top-left-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
+
+.page-item:last-child .page-link {
+  border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px;
+}
+
+.blue-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #1680fb;
+  border: 2px solid #1680fb;
+}
+
+.green-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #0fbc49;
+  border: 2px solid #0fbc49;
+}
+
+.pink-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #f74780;
+  border: 2px solid #f74780;
+}
+
+.purple-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #7b5dd6;
+  border: 2px solid #7b5dd6;
+}
+
+.red-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #ff1e1a;
+  border: 2px solid #ff1e1a;
+}
+
+.violet-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #be6cbe;
+  border: 2px solid #be6cbe;
+}
+
+.yellow-pagination .page-item.active .page-link {
+  color: #353f4f!important;
+  background-color: #ffba01;
+  border: 2px solid #ffba01;
+}
+
+.page-item.disabled .page-link {
+  color: #6c757d;
+  background-color: transparent;
+  border: 2px solid transparent;
+}
+
+.page-link:hover {
+  color: #6c757d;
+  background-color: transparent;
+  border: 2px solid #ccc;
+}
+
+.page-link:focus {
+  color: #6c757d;
+  background-color: transparent;
+  border: 2px solid transparent;
+  box-shadow: 0 0;
+}
+
+
+
+
+/* ==========================================================================
+  32. TERMS, PRIVACY, COOKIES PAGES
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  TERMS PAGE TYPOGRAPHY
+/*------------------------------------------*/
+
+.txt-block.legal-info h5 {
+  margin-top: 30px;
+  margin-bottom: 30px;
+}
+
+.txt-block.legal-info h4 {
+  margin-top: 80px;
+  margin-bottom: 30px;
+}
+
+.txt-block.legal-info h4 span,
+.txt-block.legal-info h5 span {
+  margin-right: 4px;
+}
+
+.legal-info p span {
+  color: #353f4f;
+  font-weight: 500;
+}
+
+.legal-info a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+
+
+
+/* ==========================================================================
+  33. SIGN-IN / SIGN-UP PAGE
+  =========================================================================== */
+
+#login,
+#signup {
+  background: url(../images/login.jpg);
+  background-position: bottom left;
+  min-height: 100vh;
+  padding-top: 80px;
+  padding-bottom: 80px;
+}
+
+#reset-password {
+  background: url(../images/reset-password.jpg);
+  background-position: center center;
+  min-height: 100vh;
+  padding-top: 80px;
+  padding-bottom: 100px;
+}
+
+.register-page-wrapper {
+  overflow: hidden;
+  position: relative;
+  z-index: 1;
+  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); 
+  -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); 
+  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); 
+}
+
+#login .register-page-wrapper {
+  background: url(../images/login-wrapper.jpg);
+  background-position: left top;
+}
+
+#signup .register-page-wrapper {
+  background: url(../images/login-wrapper.jpg);
+  background-position: right center;
+}
+
+#login .register-page-wrapper:after,
+#signup .register-page-wrapper:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 50%;
+  height: 100%;
+  top: 0;
+  background-color: #fff;
+}
+
+#login .register-page-wrapper:after {
+  left: 50%;
+}
+
+#signup .register-page-wrapper:after {
+  left: 0;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE LOGO
+/*------------------------------------------*/
+
+.register-page-txt img {
+  width: auto;
+  max-width: inherit;
+  max-height: 32px;
+  margin-bottom: 55px;
+}
+
+.login-page-logo {
+  text-align: center;
+  margin-bottom: 45px;
+}
+
+.login-page-logo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 45px;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE TITLE
+/*------------------------------------------*/
+
+.register-form-title {
+  text-align: center;
+  margin-bottom: 40px;
+}
+
+.register-form-title h3 {
+  line-height: 1;
+  margin-bottom: 10px;
+}
+
+.register-form-title p {
+  margin-bottom: 0;
+}
+
+.register-form-title a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE TEXT
+/*------------------------------------------*/
+
+#login .register-page-txt,
+#signup .register-page-txt {
+  padding: 70px 60px;
+}
+
+.register-page-txt h2 {
+  line-height: 1.15;
+  font-weight: 700;
+  margin-bottom: 6px;
+}
+
+#login .register-page-copyright {
+  position: absolute;
+  left: 60px;
+  bottom: 45px;
+}
+
+#signup .register-page-copyright {
+  position: absolute;
+  right: 60px;
+  bottom: 45px;
+}
+
+.register-page-copyright p {
+  font-size: 0.85rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.reset-form-title {
+  margin-bottom: 30px;
+}
+
+.reset-form-title h5 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.reset-form-title p.p-sm {
+  font-size: 0.9rem;
+  margin-top: 25px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM
+/*------------------------------------------*/
+
+.register-page-form {
+  padding: 60px;
+}
+
+.login-1 .register-page-form,
+.signup-1 .register-page-form {
+  padding: 20px 30px;
+}
+
+.reset-page-wrapper { 
+  margin: 0 10px;
+}
+
+.reset-page-wrapper form { 
+  background: #fff;
+  border: 1px solid #fafafa;
+  padding: 50px 30px 25px;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE TYPOGRAPHY
+/*------------------------------------------*/
+
+.register-page-form p.input-header {
+  position: relative;
+  color: #353f4f;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 500;
+  margin-bottom: 12px;
+  padding-left: 5px;
+}
+
+.reset-password-link p {
+  position: relative;
+  font-size: 0.9rem;
+  line-height: 1;
+  margin-top: -8px;
+  margin-bottom: 10px;
+}
+
+.form-data span {
+  display: block;
+  font-size: 0.85rem;
+  margin-bottom: 0;
+}
+
+.form-data span a {
+  color: #353f4f;
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.register-page-form p.create-account {
+  font-size: 0.925rem;
+  line-height: 1;
+  margin-top: 30px;
+  margin-bottom: 0;
+}
+
+.register-page-form p.create-account a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE SEPARATOR LINE
+/*------------------------------------------*/
+
+.separator-line {
+  display: flex;
+  width: 100%;
+  -webkit-box-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  align-items: center;
+  text-align: center;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 0.9rem;
+  font-weight: 500;
+  margin: 25px 0px 30px;
+}
+
+.separator-line::before, 
+.separator-line::after {
+  content: "";
+  border-top: 2px solid rgba(0, 0, 0, .1);
+  margin: 0 15px 0 0;
+  flex: 1 0 20px;
+}
+
+.separator-line::after {
+  margin: 0 0 0 15px;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM INPUT
+/*------------------------------------------*/
+
+.reset-page-wrapper .form-control,
+.register-page-form .form-control {
+  height: 60px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  color: #353f4f;
+  font-size: 0.95rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 25px;
+  padding: 5px 20px;
+   -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+  -webkit-transition: all 300ms ease-in-out;
+  -moz-transition: all 300ms ease-in-out;
+  -o-transition: all 300ms ease-in-out;
+  -ms-transition: all 300ms ease-in-out;
+  transition: all 300ms ease-in-out;
+}
+
+.login-1 .form-control,
+.signup-1 .form-control {
+  background-color: #fff;
+  border: 1px solid #ccc;
+}
+
+.reset-page-wrapper .form-control {
+  text-align: center;
+}
+
+.register-page-form .form-control::-moz-placeholder { color: #999; } 
+.register-page-form .form-control:-ms-input-placeholder { color: #999; } 
+.register-page-form .form-control::-webkit-input-placeholder { color: #999; } 
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM FOCUS
+/*------------------------------------------*/
+
+.reset-page-wrapper .form-control:focus,
+.register-page-form .form-control:focus {
+  outline: 0px none;
+  box-shadow: none;
+  background-color: #fcfdfd;
+  border-color: #1680fb;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM BUTTON
+/*------------------------------------------*/
+
+#signup .register-page-form .btn.submit, 
+#login .register-page-form .btn.submit {
+  width: 100%;
+  height: 60px;
+  margin-top: 20px;
+}
+
+.reset-page-wrapper .btn.submit {
+  width: 100%;
+  margin-bottom: 20px;
+}
+
+.register-page-form .btn-google {
+  width: 100%;
+  color: #333;
+  font-size: 0.95rem;
+  background-color: #fff;
+  border: 1px solid #ccc;
+}
+
+.btn-google img {
+  position: relative;
+  width: 22px;
+  height: 22px;
+  top: -2px;
+  right: 5px;
+}
+
+.register-page-form .btn-google:hover {
+  border: 1px solid #333;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM MESSAGE
+/*------------------------------------------*/
+
+.reset-form-msg {
+  text-align: center;
+  width: 100%!important;
+  display: block;
+}
+
+.reset-password-form .loading {
+  color: #00b2e4;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 500;
+  padding-left: 15px;
+}
+
+.reset-password-form .error {
+  position: relative;
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  top: -10px;
+  margin-bottom: 12px;
+  padding-left: 10px;
+}
+
+/*------------------------------------------*/
+/*  FORM HIDE PASSWORD
+/*------------------------------------------*/
+
+.wrap-input {
+  position: relative;
+}
+
+.btn-show-pass {
+  color: #999999;
+  align-items: center;
+  position: absolute;
+  height: 100%;
+  top: 20px;
+  right: 20px;
+  cursor: pointer;
+  -webkit-transition: all 0.4s;
+  -o-transition: all 0.4s;
+  -moz-transition: all 0.4s;
+  transition: all 0.4s;
+}
+
+.btn-show-pass.ico-20 [class^="flaticon-"]:before, 
+.btn-show-pass.ico-20 [class^="flaticon-"]:after {
+  font-size: 1.125rem;
+}
+
+.btn-show-pass:hover {
+  color: #0195ff;
+}
+
+.btn-show-pass.active {
+  color: #6a7dfe;
+}
+
+
+
+
+/* ==========================================================================
+  34. PAGE 404
+  =========================================================================== */
+
+.page-404-txt {
+  padding-top: 180px;
+  padding-bottom: 100px;
+}
+
+.page-404-txt h2 {
+  margin-bottom: 20px;
+}
+
+.page-404-txt h6 {
+  line-height: 1.6;
+  font-weight: 400;
+  padding: 0 5%;
+  margin-bottom: 30px;
+}
+
+.page-404-img {
+  padding: 0 5%;
+  margin-bottom: 60px;
+}
+
+
+
+
+/* ==========================================================================
+  35. MODAL
+  ========================================================================== */ 
+
+.modal-body {
+  padding: 0!important;
+}  
+
+#modal-1 .modal-dialog {
+  max-width: 700px;
+}
+
+#modal-2 .modal-dialog {
+  width: 440px;
+}
+
+#modal-3 .modal-dialog.modal-xl {
+  width: 750px;
+}
+
+#modal-2.modal .modal-content,
+#modal-3.modal .modal-content {
+  overflow: hidden;
+  -webkit-border-radius: 10px; 
+  -moz-border-radius: 10px; 
+  -o-border-radius: 10px; 
+  border-radius: 10px;
+}
+
+#modal-3.modal .bg-img {
+  background: url(../images/modal-request.jpg);
+  background-position: left center;  
+}
+
+#modal-2 .modal-body-content {
+  padding: 35px 40px 15px;
+}
+
+#modal-3 .modal-body-content {
+  padding: 60px 35px 50px;
+}
+
+/*------------------------------------------*/
+/*  MODAL WINDOW CLOSE BUTTON
+/*------------------------------------------*/ 
+
+.modal .btn-close {
+  position: absolute;
+  z-index: 1;
+  right: 15px!important;
+  top: 15px!important;
+  height: 1.5rem;
+  width: 1.5rem;
+  background: rgba(255, 255, 255, 1)!important;
+  border-radius: 50%;
+  padding: 0;
+  opacity: .9;
+  z-index: 9999;
+}
+
+#modal-3.modal .btn-close {
+  background: rgba(14, 14, 14, .3)!important;
+}
+
+.btn-close span {
+  position: relative;
+  line-height: 24px!important;
+  top: -2px;
+}
+
+.modal .btn-close.ico-10 [class^="flaticon-"]:before, 
+.modal .btn-close.ico-10 [class^="flaticon-"]:after {
+  font-size: 0.6rem;
+}
+
+button.btn-close:focus {
+  outline: none!important;
+  text-decoration: none!important;
+}
+
+/*------------------------------------------*/
+/*  MODAL WINDOW NEWSLETTER FORM
+/*------------------------------------------*/ 
+
+.modal-body .newsletter-form {
+  margin-top: 25px;
+}
+
+.modal .newsletter-form .form-control {
+  text-align: center;
+  height: 56px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  font-size: 1rem;
+  color: #353f4f;
+  font-weight: 400;
+  padding: 0 15px;  
+  margin: 0 0 15px 0;
+  box-shadow: none;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  border-radius: 6px;
+}
+
+/*------------------------------------------*/
+/*  Form Input Focus
+/*------------------------------------------*/
+
+.modal .newsletter-form .form-control:focus {
+  outline: 0;
+  box-shadow: none;
+  border-color: #1e90ff;
+}
+
+.modal .newsletter-form.purple-focus .form-control:focus {
+  border-color: #8863ee;
+}
+
+/*------------------------------------------*/
+/*  Form Input Placeholder
+/*------------------------------------------*/
+
+.modal .newsletter-form .form-control::-moz-placeholder { color: #aaa; } 
+.modal .newsletter-form .form-control:-ms-input-placeholder { color: #aaa; } 
+.modal .newsletter-form .form-control::-webkit-input-placeholder { color: #aaa; } 
+
+/*------------------------------------------*/
+/*  Form Button
+/*------------------------------------------*/
+
+.modal .input-group-btn { 
+  display: block; 
+  width: 100%!important; 
+}
+
+.modal .newsletter-form .btn {
+  display: block; 
+  width: 100%!important;
+  height: 56px;
+  margin: 0;
+}
+
+/*------------------------------------------*/
+/*  Form Notification
+/*------------------------------------------*/
+
+.modal .form-notification {
+  text-align: center;
+  color: #1680fb;
+  font-size: 0.85rem;
+  font-weight: 400;
+  line-height: 1;
+  margin-top: 12px;
+}
+
+.modal .form-notification.valid,
+.modal .form-notification.error {
+   color: #fc2f4b;
+}
+
+.modal .newsletter-form.valid {
+  color: #0fbc49;
+}
+
+/*------------------------------------------*/
+/*  MODAL WINDOW REQUEST FORM
+/*------------------------------------------*/ 
+
+#modal-3 .request-form {
+  margin: 0;
+}
+
+#modal-3 .request-form .col-md-12 {
+  padding: 0;
+}
+
+#modal-3 .request-form-title p {
+  margin-top: 18px;
+  margin-bottom: 25px;
+}
+
+#modal-3 .request-form .form-control { 
+  text-align: left;
+  margin: 0 0 25px 0;
+}
+
+#modal-3 .request-form .btn {
+  display: block; 
+  width: 100%!important;
+  height: 56px;
+  margin: 0;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Message
+/*------------------------------------------*/
+
+#modal-3 .request-form-msg {
+  width: 100%!important;
+  display: block;
+  margin-top: 15px;
+  padding-left: 0;
+}
+
+#modal-3 .request-form .loading {
+  color: #1680fb;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 400;
+}
+
+#modal-3 .request-form .error {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 10px;
+}
+ 
+
+
+
+/* ==========================================================================
+  31. DARK MODE
+  ========================================================================== */  
+
+body.theme--dark,
+.theme--dark .bg--white-100 { 
+  background-color: #232734!important;  
+} 
+
+body.theme--dark { 
+  color: #b1b7cd; 
+}
+
+.dark-theme-img { display: none; position: absolute; }
+.theme--dark .dark-theme-img { display: inline-block; position: relative; }
+.theme--dark  .owl-carousel .owl-item img.light-theme-img { display: none; position: absolute; }
+.theme--dark  .owl-carousel .owl-item img.dark-theme-img { display: block; }
+.theme--dark .light-theme-img { display: none; }
+
+.theme--dark .block-shadow { 
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+}
+
+.theme--dark .block-border {
+  border: 1px solid #e7e7e7;
+}
+
+.theme--dark .block-border.block-shadow { 
+  border: 1px solid #f5f6f6; 
+}
+
+.theme--dark .x-border { border-top: 1px solid #1d212c; border-bottom: 1px solid #1d212c; }
+.theme--dark .top-border { border-top: 1px solid #1d212c; }
+.theme--dark .bottom-border { border-bottom: 1px solid #1d212c; }
+
+.theme--dark .bg--white-300, 
+.theme--dark .bg--white-400,
+.theme--dark .bg--purple-100,
+.theme--dark .shape--purple-100:after,
+.theme--dark .shape--white-500:after,
+.theme--dark .shape--white-400:after,
+.theme--dark .shape--white-300:after,
+.theme--dark .shape--white-200:after {
+  background-color: #1d212c;
+}
+
+.theme--dark .bg--02,
+.theme--dark .bg--04,
+.theme--dark .gr--smoke,
+.theme--dark .gr--ghost,
+.theme--dark .shape--whitesmoke:after {
+  background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .55) 100%);
+}
+
+.theme--dark .gr--whitesmoke,
+.theme--dark .shape--gr-whitesmoke:after {
+  background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .05) 100%);
+}
+/*------------------------------------------*/
+/*  SECTION DIVIDER
+/*------------------------------------------*/
+
+.theme--dark hr.divider,
+.theme--dark .footer hr {
+  background-image: linear-gradient(90deg, rgba(122,125,147,0) 0, #7a7d93 38%, #7a7d93 64%, rgba(122,125,147,0) 99%); 
+}
+
+.theme--dark hr.divider.divider-light {
+  background-color: #fff;
+  background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #dedede 38%, #dedede 64%, rgba(206,211,246,0) 99%);
+  opacity: 1;
+}
+
+/*------------------------------------------*/
+/*  TYPOGRAPHY
+/*------------------------------------------*/
+
+.theme--dark h1, 
+.theme--dark h2, 
+.theme--dark h3,
+.theme--dark h4,
+.theme--dark h5, 
+.theme--dark h6 {  
+  color: #fff;
+}
+
+.theme--dark a { color: #b1b7cd; }
+.theme--dark a:hover, .theme--dark a.tra-link:hover span { color: #f7f8f9!important; }
+
+/*------------------------------------------*/
+/*  BUTTONS
+/*------------------------------------------*/
+
+.theme--dark .btn--tra-black,
+.theme--dark .hover--tra-black:hover {
+  color: #b1b7cd!important;
+  background-color:transparent!important;
+  border-color: #b1b7cd!important;
+}
+
+.theme--dark .navbar-dark .hover--tra-black:hover {
+  color: #353f4f!important;
+  background-color:transparent!important;
+  border-color: #353f4f!important;
+}
+
+.theme--dark .white-scroll .hover--tra-black:hover {
+  color: #fff!important;
+  border-color: #fff!important;
+  background-color: transparent!important;
+}
+
+.theme--dark .navbar-dark .scroll .hover--tra-black:hover {
+  color: #fff!important;
+  background-color:transparent!important;
+  border-color: #fff!important;
+}
+
+.theme--dark .btn--white,
+.theme--dark .hover--white:hover {
+  color: #353f4f!important;
+  background-color: #fff!important;
+  border-color: #fff!important;
+}
+
+.theme--dark .btn--tra-white,
+.theme--dark .hover--tra-white:hover {
+  color: #f1f1f1!important;
+  background-color: transparent!important;
+  border-color: #f1f1f1!important;
+}
+
+.theme--dark .white-scroll .scroll .hover--tra-white:hover {
+  color: #fff!important;
+  background-color: transparent!important;
+  border-color: #fff!important;
+}
+
+.theme--dark .btn--tra-grey, 
+.theme--dark .hover--tra-grey:hover,
+.theme--dark .white-scroll .scroll .hover--tra-grey:hover,
+.theme--dark .black-scroll .scroll .hover--tra-grey:hover {
+  color: #b1b7cd!important;
+  background-color: transparent!important;
+  border-color: #b1b7cd!important;
+}
+
+.theme--dark .btn--blue-500, 
+.theme--dark .hover--blue-500:hover,
+.theme--dark .white-scroll .scroll .hover--blue-500:hover,
+.theme--dark .black-scroll .scroll .hover--blue-500:hover {
+  color: #fff!important;
+  border-color: #185abd!important;
+  background-color: #185abd!important;
+}
+
+.theme--dark .btn--blue-400, 
+.theme--dark .hover--blue-400:hover,
+.theme--dark .white-scroll .scroll .hover--blue-400:hover,
+.theme--dark .black-scroll .scroll .hover--blue-400:hover {
+  color: #fff!important;
+  border-color: #1680fb!important;
+  background-color: #1680fb!important;
+}
+
+.theme--dark .btn--blue-300, 
+.theme--dark .hover--blue-300:hover,
+.theme--dark .white-scroll .scroll .hover--blue-300:hover,
+.theme--dark .black-scroll .scroll .hover--blue-300:hover {
+  color: #fff!important;
+  border-color: #3eb1ff!important;
+  background-color: #3eb1ff!important;
+}
+
+.theme--dark .btn--pink-500, 
+.theme--dark .hover--pink-500:hover,
+.theme--dark .white-scroll .scroll .hover--pink-500:hover,
+.theme--dark .black-scroll .scroll .hover--pink-500:hover {
+  color: #fff!important;
+  border-color: #ff149c!important;
+  background-color: #ff149c!important;
+}
+
+.theme--dark .btn--pink-400, 
+.theme--dark .hover--pink-400:hover,
+.white-scroll .scroll .hover--pink-400:hover,
+.black-scroll .scroll .hover--pink-400:hover {
+  color: #fff!important;
+  border-color: #f74780!important;
+  background-color: #f74780!important;
+}
+
+.theme--dark .btn--pink-300, 
+.theme--dark .hover--pink-300:hover,
+.theme--dark .white-scroll .scroll .hover--pink-300:hover,
+.theme--dark .black-scroll .scroll .hover--pink-300:hover {
+  color: #fff!important;
+  border-color: #fcb5cc!important;
+  background-color: #fcb5cc!important;
+}
+
+.theme--dark .btn--purple-500, 
+.theme--dark .hover--purple-500:hover,
+.theme--dark .white-scroll .scroll .hover--purple-500:hover,
+.theme--dark .black-scroll .scroll .hover--purple-500:hover {
+  color: #fff!important;
+  border-color: #663ae9!important;
+  background-color: #663ae9!important;
+}
+
+.theme--dark .btn--purple-400, 
+.theme--dark .hover--purple-400:hover,
+.theme--dark .white-scroll .scroll .hover--purple-400:hover,
+.theme--dark .black-scroll .scroll .hover--purple-400:hover {
+  color: #fff!important;
+  border-color: #7b5dd6!important;
+  background-color: #7b5dd6!important;
+}
+
+.theme--dark .btn--purple-300, 
+.theme--dark .hover--purple-300:hover,
+.theme--dark .white-scroll .scroll .hover--purple-300:hover,
+.theme--dark .black-scroll .scroll .hover--purple-300:hover {
+  color: #fff!important;
+  border-color: #bdaeea!important;
+  background-color: #bdaeea!important;
+}
+
+.theme--dark .btn--violet-500, 
+.theme--dark .hover--violet-500:hover,
+.theme--dark .white-scroll .scroll .hover--violet-500:hover,
+.theme--dark .black-scroll .scroll .hover--violet-500:hover {
+  color: #fff!important;
+  border-color: #c73e9b!important;
+  background-color: #c73e9b!important;
+}
+
+.theme--dark .btn--violet-400, 
+.theme--dark .hover--violet-400:hover,
+.theme--dark .white-scroll .scroll .hover--violet-400:hover,
+.theme--dark .black-scroll .scroll .hover--violet-400:hover {
+  color: #fff!important;
+  border-color: #be6cbe!important;
+  background-color: #be6cbe!important;
+}
+
+.theme--dark .btn--violet-300, 
+.theme--dark .hover--violet-300:hover,
+.theme--dark .white-scroll .scroll .hover--violet-300:hover,
+.theme--dark .black-scroll .scroll .hover--violet-300:hover {
+  color: #fff!important;
+  border-color: #e2bde2!important;
+  background-color: #e2bde2!important;
+}
+
+.theme--dark .section-id {
+  color: #eee; 
+}
+
+.theme--dark .color--black,
+.theme--dark .color--black h2, 
+.theme--dark .color--black h3, 
+.theme--dark .color--black h4, 
+.theme--dark .color--black h5, 
+.theme--dark .color--black h6, 
+.theme--dark .color--black p, 
+.theme--dark .color--black a,
+.theme--dark .color--black li, 
+.theme--dark .color--black i,
+.theme--dark .color--black span, 
+.theme--dar .color--white .color--black { color: #fff; }
+
+.theme--dark .color--grey,
+.theme--dark .color--grey h2, 
+.theme--dark .color--grey h3, 
+.theme--dark .color--grey h4, 
+.theme--dark .color--grey h5, 
+.theme--dark .color--grey h6, 
+.theme--dark .color--grey p, 
+.theme--dark .color--grey a,
+.theme--dark .color--grey li, 
+.theme--dark .color--grey i,
+.theme--dark .color--grey span, 
+.theme--dark .color--white .color--grey { color: #b1b7cd; }
+
+/*------------------------------------------*/
+/*   NAVIGATION MENU
+/*------------------------------------------*/
+
+.theme--dark .dark-menu .wsmainfull,
+.theme--dark .white-menu .wsmainfull {
+  background-color: #1d222f!important;
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+/*------------------------------------------*/
+/*  HEADER LINK
+/*------------------------------------------*/
+
+.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a,
+.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a,
+.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a {
+  color: #fff;
+}
+
+.theme--dark .navbar-light .wsmenu-list > li > a.h-link:hover,
+.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a:hover,
+.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a:hover,
+.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a:hover {
+  color: #eee!important;
+}
+
+.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  HEADER SUBMENU / MEGAMENU
+/*------------------------------------------*/
+
+.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
+  background-color: #2c3142!important; 
+  border: solid 1px #2c3142!important; 
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu:before,
+.theme--dark .wsmenu > .wsmenu-list > li.mg_link:hover > a:after,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu:before {
+  background-color: #2c3142;
+  border-left: solid 1px #2c3142;
+  border-top: solid 1px #2c3142;
+}
+ 
+.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+  color: #b1b7cd;
+  background-color: transparent!important;
+}
+
+.theme--dark .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+  color: #b1b7cd;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR SCROLL
+/*------------------------------------------*/
+
+.theme--dark .tra-menu .wsmainfull.scroll,
+.theme--dark .white-menu .wsmainfull.scroll,
+.theme--dark .dark-menu.dark-scroll .wsmainfull.scroll {
+  background-color: #1d222f!important;
+  padding: 0;
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.theme--dark .tra-menu.navbar-dark .scroll .wsmenu > .wsmenu-list > li > a,
+.theme--dark .tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li > a,
+.theme--dark .tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, 
+.theme--dark .tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #b1b7cd;
+}
+
+.theme--dark .navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover {
+  color: #fff!important;
+}
+
+.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  background-color: rgba(0, 0, 0, .12)!important;
+}
+
+.theme--dark .navbar-light .scroll .btn.btn--tra-white {
+  color: #fff!important;
+  border-color: #fff!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  Logo Image
+/*------------------------------------------*/
+
+.theme--dark .navbar-dark .logo-black,
+.theme--dark .navbar-dark .scroll .logo-black {
+  display: none;
+}
+
+.theme--dark .navbar-dark .logo-white,
+.theme--dark .navbar-dark .scroll .logo-white {
+  display: block;
+}
+
+.theme--dark .navbar-dark .logo-black {
+  display: block;
+}
+
+.theme--dark .navbar-dark .logo-white {
+  display: none;
+}
+
+.theme--dark .navbar-dark .scroll .logo-white {
+  display: block;
+}
+
+/*------------------------------------------*/
+/*  HERO SECTION
+/*------------------------------------------*/
+
+.theme--dark .hero-section .color--black,
+.theme--dark .hero-section .color--black h2, 
+.theme--dark .hero-section .color--black h3, 
+.theme--dark .hero-section .color--black h4, 
+.theme--dark .hero-section .color--black h5, 
+.theme--dark .hero-section .color--black h6, 
+.theme--dark .hero-section .color--black p, 
+.theme--dark .hero-section .color--black a,
+.theme--dark .hero-section .color--black li, 
+.theme--dark .hero-section .color--black i,
+.theme--dark .hero-section .color--black span, 
+.theme--dark .hero-section .color--white .color--black {  color: #353f4f; }
+
+.theme--dark .hero-section p { color: #6c757d; }
+.theme--dark .hero-section .color--white p { color: #fff; }
+.theme--dark .hero-section.gr--whitesmoke p {color: #b1b7cd; }
+.theme--dark .hero-section .section-id.color--grey { color: #6c757d; }
+
+.theme--dark .hero-5-txt p,
+.theme--dark .hero-6-txt p,
+.theme--dark .hero-10-txt p,
+.theme--dark .hero-15-txt p,
+.theme--dark .hero-16-txt p,
+.theme--dark .hero-17-txt p,
+.theme--dark .hero-18-txt p,
+.theme--dark .hero-19-txt p,
+.theme--dark .hero-20-txt p,
+.theme--dark .hero-21-txt p,
+.theme--dark .hero-23-txt p,
+.theme--dark .hero-25-txt p { color: #b1b7cd; }
+
+.theme--dark .hero-section .quick-form .form-control {
+  color: #fff;
+  background-color: #363f54;
+}
+
+.theme--dark #hero-14.hero-section .quick-form .form-control,
+.theme--dark #hero-24.hero-section .quick-form .form-control,
+.theme--dark #hero-26.hero-section .quick-form .form-control {
+  color: #666;
+  background-color: #fff;
+}
+
+.theme--dark .hero-section .quick-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .hero-section .quick-form .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .hero-section .quick-form .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+.theme--dark #hero-14.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } 
+.theme--dark #hero-14.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; }
+.theme--dark #hero-14.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; }
+
+.theme--dark #hero-24.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } 
+.theme--dark #hero-24.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; }
+.theme--dark #hero-24.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; }
+
+.theme--dark #hero-26.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } 
+.theme--dark #hero-26.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; }
+.theme--dark #hero-26.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; }
+
+.theme--dark .hero-section .quick-form .form-control:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+.theme--dark #hero-14.hero-section .quick-form .form-control:focus,
+.theme--dark #hero-24.hero-section .quick-form .form-control:focus,
+.theme--dark #hero-26.hero-section .quick-form .form-control:focus {
+  background-color: #fff;
+  border-color: transparent;
+}
+
+.theme--dark .hero-section .request-form .form-control {
+  color: #fff;
+  background-color: #363f54;
+}
+
+.theme--dark .hero-section .request-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .hero-section .request-form .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .hero-section .request-form .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+.theme--dark .hero-section .request-form .form-control:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+.theme--dark #hero-3:after,
+.theme--dark #hero-4:after {
+  background-color: #232734;
+}
+
+.theme--dark .hero-4-txt h2 {
+  color: #353f4f;
+}
+
+.theme--dark .hero-4-txt .btn.btn--tra-black {
+  color: #353f4f!important;
+  background-color:transparent!important;
+  border-color: #353f4f!important;
+}
+
+.theme--dark #hero-5 {
+  background-image: url(../images/hero-5-dark.jpg);
+}
+
+.theme--dark .hero-6-wrapper {
+  background-image: linear-gradient(90deg, #1d212c, #1d212c);
+}
+
+.theme--dark #hero-8-form {
+  background-color: #1d222f;
+  border: 1px solid #1d222f;
+}
+
+.theme--dark #hero-8-form p {
+  color: #b1b7cd;
+}
+
+.theme--dark #hero-5 .wave-shape-bottom svg path,
+.theme--dark #hero-8 .wave-shape-bottom svg path,
+.theme--dark #hero-14 .wave-shape-bottom svg path,
+.theme--dark #hero-16 .wave-shape-bottom svg path,
+.theme--dark #hero-22 .wave-shape-bottom svg path,
+.theme--dark #hero-23 .wave-shape-bottom svg path,
+.theme--dark #hero-26 .wave-shape-bottom svg path {
+  fill: #232734;
+}
+
+.theme--dark #hero-10 {
+  background-image: url(../images/hero-10-dark.jpg);
+}
+
+.theme--dark #hero-15 {
+  background-image: url(../images/hero-15-dark.jpg);
+}
+
+.theme--dark #hero-16 {
+  background-image: url(../images/hero-16-dark.jpg);
+}
+
+.theme--dark #hero-17 {
+  background-image: url(../images/hero-17-dark.jpg);
+}
+
+.theme--dark #hero-18:after {
+  background-image: url(../images/hero-18-dark.jpg);
+}
+
+.theme--dark #hero-20:after {
+  background-image: linear-gradient(180deg, #1d212c, #232734);
+}
+
+.theme--dark  #hero-21 .hero-overlay {
+  background-image: url(../images/hero-21-dark.jpg);
+}
+
+.theme--dark #hero-23 {
+  background-image: url(../images/hero-23-dark.jpg);
+}
+
+.theme--dark .hero-23-txt p span.color--black { color: #fff; }
+
+.theme--dark #hero-25 {
+  background-image: url(../images/hero-25-dark.jpg);
+}
+
+.theme--dark #hero-27 .hero-overlay {
+  background-image: url(../images/hero-27-dark.png);
+}
+
+/*------------------------------------------*/
+/*  FEATURES
+/*------------------------------------------*/
+
+.theme--dark .features-section path {
+  opacity: .05;
+}
+
+.theme--dark .fbox-7 {
+  border: 2px solid #363f54;
+}
+
+/*------------------------------------------*/
+/*  CONTENT
+/*------------------------------------------*/
+
+.theme--dark .cbox-2-line {
+  background-color: #363f54;
+}
+
+/*------------------------------------------*/
+/*  STATISTIC
+/*------------------------------------------*/
+
+.theme--dark #statistic-5 .statistic-digit {
+  border-bottom: 1px solid #505c77;
+}
+
+/*------------------------------------------*/
+/*  REVIEWS
+/*------------------------------------------*/
+
+.theme--dark #reviews-2 .review-2.bg--white-100 {
+  background-color: #1d212c!important;
+}
+
+.theme--dark .owl-theme .owl-dots .owl-dot span {
+  background: #1d212c;
+}
+
+.theme--dark .owl-theme .owl-dots .owl-dot.active span {
+  background: #b1b7cd;
+}
+
+.theme--dark .review-3.block-border {
+  border-color: #363f54;
+}
+
+/*------------------------------------------*/
+/*  PROJECT DETAILS
+/*------------------------------------------*/
+
+.theme--dark .project-title h2 {
+  border-bottom: 1px solid #363f54;
+}
+
+.theme--dark .project-data p span { color: #fff; }
+
+.theme--dark .project-description .more-projects span {
+  color: #fff;
+}
+
+/*------------------------------------------*/
+/*  RATING
+/*------------------------------------------*/
+
+.theme--dark .rbox-1 .star-rating {
+  background-color: #1d212c!important;
+  border: 1px solid #1d212c;
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+}
+
+/*------------------------------------------*/
+/*  PRICING
+/*------------------------------------------*/
+
+.theme--dark .pricing-discount h6 {
+  color: #353f4f;
+}
+
+.theme--dark .table>:not(caption)>*>* {
+  color: #b1b7cd;
+  background-color: #232734;
+}
+
+.theme--dark .comp-table .table thead th {
+  color: #fff;
+  border-color: #363f54;
+}
+
+.theme--dark .comp-table tbody th {
+  border-bottom: 1px solid #363f54!important;
+}
+
+.theme--dark .comp-table .table tr td {
+  border-bottom: 2px solid #363f54;
+}
+
+/*------------------------------------------*/
+/*  INTEGRATIONS
+/*------------------------------------------*/
+
+.theme--dark .integrations-1-wrapper .in_tool {
+  background-color: #1d212c;
+  border: 1px solid #1d212c;
+}
+
+/*------------------------------------------*/
+/*  PRICING
+/*------------------------------------------*/
+
+.theme--dark .switcher.bg--grey {
+  background-color: #363f54;
+  border: 2px solid #363f54;
+}
+
+/*------------------------------------------*/
+/*  BANNER
+/*------------------------------------------*/
+
+.theme--dark .banner-16-wrapper.bg--white-100.block-border {
+  border-color: #363f54;
+}
+
+/*------------------------------------------*/
+/*  DOWNLOAD
+/*------------------------------------------*/
+
+.theme--dark .release-data {
+  border-bottom: 1px dashed #656565;
+}
+
+.theme--dark span.version-data,
+.theme--dark span.release-date span {
+  color: #f1f1f1;
+}
+
+.theme--dark span.release-date {
+  color: #ccc;
+}
+
+/*------------------------------------------*/
+/*  FAQs
+/*------------------------------------------*/
+
+.theme--dark .faqs-section .accordion-item,
+.theme--dark #faqs-2.faqs-section .accordion-item,
+.theme--dark #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb {
+  border-bottom: 1px solid #363f54;
+}
+
+.theme--dark .faqs-section .tabs-1 li {
+  border: 2px solid #363f54;
+}
+
+.theme--dark .faqs-section .tabs-1 li span,
+.theme--dark .faqs-section .tabs-1 li {
+  color: #b1b7cd;
+}
+
+.theme--dark .faqs-section .accordion-item .accordion-thumb:after,
+.theme--dark .faqs-section .accordion-item.is-active .accordion-thumb:after {
+  color: #b1b7cd;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER
+/*------------------------------------------*/
+
+.theme--dark .newsletter-section .form-control {
+  color: #f1f1f1;
+  background-color: #363f54;
+  border: 1px solid #363f54;
+}
+
+.theme--dark .newsletter-section .form-control:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+.theme--dark .newsletter-section .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .newsletter-section .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .newsletter-section .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+/*------------------------------------------*/
+/*  BLOG
+/*------------------------------------------*/
+
+.theme--dark .post-meta-list p,
+.theme--dark .blog-post-txt a {
+  color: #fff;
+}
+
+.theme--dark .blog-post-txt a:hover {
+  color: #ddd!important;
+}
+
+/*------------------------------------------*/
+/*  SINGLE POST
+/*------------------------------------------*/
+
+.theme--dark .txt-code {
+  background-color: #1d212c;
+}
+
+.theme--dark .txt-code kbd {
+  background-color: #363f54;
+}
+
+.theme--dark  .txt-code p {
+  color: #b1b7cd; 
+}
+
+.theme--dark .comment-form p,
+.theme--dark  .blockquote-footer,
+.theme--dark .txt-code span.code-property,
+.theme--dark .txt-code p code.code-language-js {
+  color: #fff;
+}
+
+.theme--dark .comment-form .form-control {
+  color: #f1f1f1;
+  background-color: #363f54;
+}
+
+.theme--dark .comment-form .form-control:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+.theme--dark .comment-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .comment-form .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .comment-form .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+/*------------------------------------------*/
+/*  CONTACTS
+/*------------------------------------------*/
+
+.theme--dark .contact-form-notice p a,
+.theme--dark #contacts-1 .contact-form p {
+  color: #fff;
+}
+
+.theme--dark .contact-form .form-control,
+.theme--dark .contact-form .form-select {
+  color: #f1f1f1;
+  background-color: #363f54;
+}
+
+.theme--dark .contact-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .contact-form .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .contact-form .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+.theme--dark .contact-form .form-control:focus,
+.theme--dark .contact-form .form-select:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+/*------------------------------------------*/
+/*  FOOTER
+/*------------------------------------------*/
+
+.footer-logo-dark { display: none; }
+.theme--dark .footer-logo { display: none; }
+.theme--dark .footer-logo-dark { display: block; }
+.theme--dark #footer-10 .footer-logo-dark { display: inline-block; }
+
+.theme--dark  #footer-10 .footer-info {
+  border-bottom: 1px solid #363f54;
+}
+
+.theme--dark .footer-form .newsletter-form .btn.dark-color span {
+  color: #2f353e!important;
+}
+
+.theme--dark .footer-form .newsletter-form .input-group {
+  background-color: #282d3c;
+  border: 1px solid #505c77;
+}
+
+.theme--dark .footer-form .form-control {
+  color: #fff;
+}
+
+.theme--dark .footer-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .footer-form .form-control:-ms-input-placeholder { color: #b1b7cd; } 
+.theme--dark .footer-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } 
+
+.theme--dark .legal-info p span {
+  color: #fff;
+}
+
+/*------------------------------------------*/
+/*  INNER PAGE
+/*------------------------------------------*/
+
+.theme--dark .page-hero-section .wave-shape-bottom path {
+  fill: #232734;
+}
+
+/*------------------------------------------*/
+/*  MODAL
+/*------------------------------------------*/
+
+.theme--dark #modal-2 .modal-body-content h5,
+.theme--dark #modal-3 .modal-body-content h3 {
+  color: #353f4f;
+}
+
+/*------------------------------------------*/
+/*  PAGE 404
+/*------------------------------------------*/
+
+.theme--dark #page-404.bg--white-300, .theme--dark #footer-11.bg--white-300 { background-color: #f7f8f9; }
+.theme--dark #page-404 .color--dark { color: #353f4f; }
+
+.theme--dark #page-404 h6.color--grey, .theme--dark #footer-11.bg--white-300,
+.theme--dark #footer-11.bg--white-300 .bottom-footer-list p a { color: #6c757d; }
+
+/*------------------------------------------*/
+/*  LOGIN
+/*------------------------------------------*/
+
+.theme--dark #login, .theme--dark #signup {
+  background: url(../images/login_dark.jpg);
+}
+
+.theme--dark #reset-password {
+  background: url(../images/reset-password-dark.jpg);
+}
+
+.theme--dark #login .register-page-wrapper:after,
+.theme--dark #signup .register-page-wrapper:after {
+  background-color: #1d212c;
+}
+
+.theme--dark .form-data span a,
+.theme--dark .register-page-form p.input-header {
+  color: #fff;
+}
+
+.theme--dark .separator-line::before, 
+.theme--dark .separator-line::after {
+  border-top: 2px solid rgba(255, 255, 255, .15);
+}
+
+.theme--dark .reset-page-wrapper .form-control,
+.theme--dark .register-page-form .form-control {
+  color: #f1f1f1;
+  background-color: #363f54;
+  border: 1px solid #363f54;
+}
+
+.theme--dark .reset-page-wrapper form { 
+  background: #1d212c;
+  border: 1px solid #1d212c;
+}
+
+.theme--dark .register-page-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .register-page-form .form-control:-ms-input-placeholder { color: #b1b7cd; } 
+.theme--dark .register-page-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } 
+
+.theme--dark .reset-password-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .reset-password-form .form-control:-ms-input-placeholder { color: #b1b7cd; } 
+.theme--dark .reset-password-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } 
+
+.theme--dark  .register-page-form .btn-google {
+  color: #b1b7cd;
+  background-color: #363f54;
+  border: 1px solid #363f54;
+}
+
+
+
+
+/* ==========================================================================
+   STYLE CHANGER 
+  ========================================================================== */
+
+#stlChanger {
+  position: fixed;
+  z-index: 9999;
+  font-size: 15px;
+  overflow: hidden;
+  right: -230px;
+  top: 100px;
+  cursor: pointer;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+#stlChanger.open {
+  right: 0px;
+}
+
+#stlChanger .bgChanger {
+  min-width: 280px;
+  min-height: 280px;
+}
+
+#stlChanger .blockChanger {
+  width: 230px;
+}
+
+#stlChanger .chBody {
+  background: #2b2e37;
+  width: 230px;
+  position: relative;
+  overflow: hidden;
+  border: 1px solid #2b2e37;
+  border-radius: 4px 0px 0px 4px;
+  height: 425px; 
+  overflow: scroll; 
+  overflow-x: hidden;
+  direction: rtl;
+  margin-left: 50px;
+}
+
+#stlChanger .chBody.chBody-sm {
+  height: 360px; 
+}
+
+#stlChanger .chBut {
+  background: #ef2853;
+  width: 50px;
+  height: 50px;
+  position: absolute;
+  top: 30px;
+  left: 0;
+  z-index: 1000000;
+  text-align: center;
+  border: 1px solid #ef2853;
+  border-left: none;
+  padding: 0 0 0 2px;
+  border-radius: 4px 0px 0px 4px;
+  -webkit-transition: all 300ms ease-in-out;
+  -moz-transition: all 300ms ease-in-out;
+  -o-transition: all 300ms ease-in-out;
+  -ms-transition: all 300ms ease-in-out;
+  transition: all 300ms ease-in-out;
+  box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); 
+}
+
+#stlChanger .chBut.icon-xs [class*="flaticon-"]:before,
+#stlChanger .chBut.icon-xs [class*="flaticon-"]:after {   
+  color: #fff;
+  font-size: 2.15rem;
+  line-height: 48px!important;
+}
+
+#stlChanger p {
+  font-size: 18px;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-weight: 600;
+  letter-spacing: 0;
+  margin-bottom: 20px;
+}
+
+#stlChanger .stBgs a {
+  text-decoration: none;
+  width: 50px;
+  height: 50px;
+  float: left;
+  padding: 0;
+  margin: 0 5px 8px;
+  cursor: pointer;
+  opacity: 1;
+  -webkit-border-radius: 8px;
+  -moz-border-radius: 8px;
+  border-radius: 8px;
+}
+
+#stlChanger .stBgs a img {
+  width: 50px;
+  height: 50px;
+  -webkit-border-radius: 8px;
+  -moz-border-radius: 8px;
+  border-radius: 8px;
+}
+
+.stBlock1 {
+  margin: 0 20px 25px 20px;
+}
+
+.stBlock .btn {
+  width: 100%;
+  padding: 0.65rem 1.2rem;
+  line-height: 1;
+  margin-top: 15px;
+}
+
+.switch {
+  width: 100%;
+  color: #fff;
+  padding: 0.4rem 1.4rem;
+  border: 2px solid #fff;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+
+
+
+
+/* ==========================================================================
+  34. COLOR SCHEME
+  ========================================================================== */ 
+
+.bg--theme,
+.shape--blue-400:after { 
+  background-color: #c73e9b; 
+}
+
+.btn--theme {
+  color: #fff!important;
+  border-color: #c73e9b!important;
+  background-color: #c73e9b!important;
+}
+
+.hover--theme:hover,
+.white-scroll .scroll .hover--theme:hover,
+.black-scroll .scroll .hover--theme:hover {
+  color: #fff!important;
+  border-color: #b3338a!important;
+  background-color: #b3338a!important;
+}
+
+.theme--dark .white-scroll .scroll .hover--theme:hover {
+  color: #fff!important;
+  border-color: #b3338a!important;
+  background-color: #b3338a!important;
+}
+
+.theme--dark .white-scroll .hover--theme:hover {
+  color: #fff!important;
+  border-color: #b3338a!important;
+  background-color: #b3338a!important;
+}
+
+.color--theme, 
+.color--theme h1, 
+.color--theme h2, 
+.color--theme h3, 
+.color--theme h4, 
+.color--theme h5, 
+.color--theme h6, 
+.color--theme p, 
+.color--theme a, 
+.color--theme li, 
+.color--theme i, 
+.color--theme span,
+.color--white .color--theme { color: #c73e9b!important; }
+
+.loading--theme .loader { 
+  border-color: transparent #c73e9b; 
+}
+
+.loading--theme .loader::after {
+  border-color: transparent rgba(190, 108, 190, .15); 
+}
+
+.nav-theme .sm-info { 
+  background-color: #c73e9b; 
+}
+
+.wsmenu > .wsmenu-list.nav-theme > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #c73e9b!important;
+}
+
+.hero-section .quick-form .form-control:focus {
+  border-color: #c73e9b;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--theme { 
+  color: #c73e9b; 
+  border-color: #c73e9b; 
+}
+
+.tabs-1.tabs--theme, 
+.tabs-1.tabs--theme li.current:hover { 
+  color: #c73e9b; 
+  border-color: #c73e9b; 
+}
+
+.faqs-section .tabs--theme .tabs-1 li.current,
+.faqs-section .tabs--theme .tabs-1 li.current:hover {
+  background-color: #c73e9b;
+  border-color: #c73e9b!important;
+}
+
+.switch-wrap input:checked + .switcher.switcher--theme { 
+  background-color: #c73e9b; 
+  border-color: #c73e9b; 
+}
+
+.shape-ico.color--theme path,
+.shape-ico.color--theme path,
+.shape-ico.color--theme path {
+  fill: #f7e4f1;
+}
+
+.newsletter-section .form-control:focus {
+  background-color: #fff;
+  border-color: #353f4f;
+}
+
+.theme-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #c73e9b;
+  border: 2px solid #c73e9b;
+}
+
+
+
+
+/* ==========================================================================
+  34. XXXXX
+  ========================================================================== */ 
+
+.t-title {
+  text-align: center; 
+  color: #fff;
+  background-color:#1d222f;
+  padding: 10px 5px; 
+  margin: 0 0 40px;
+}
+
+.t-title.btn-s-title {
+  margin: 0;
+}
+
+.t-title h6 {
+  color: #fff;
+  margin-bottom: 0;
+}
\ No newline at end of file
diff --git a/public/css/magnific-popup.css b/public/css/magnific-popup.css
new file mode 100644
index 0000000..a486d10
--- /dev/null
+++ b/public/css/magnific-popup.css
@@ -0,0 +1,354 @@
+/* Magnific Popup CSS */
+.mfp-bg {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1042;
+  overflow: hidden;
+  position: fixed;
+  background: #0b0b0b;
+  opacity: 0.8; }
+
+.mfp-wrap {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1043;
+  position: fixed;
+  outline: none !important;
+  -webkit-backface-visibility: hidden; }
+
+.mfp-container {
+  text-align: center;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  padding: 0 8px;
+  box-sizing: border-box; }
+
+.mfp-container:before {
+  content: '';
+  display: inline-block;
+  height: 100%;
+  vertical-align: middle; }
+
+.mfp-align-top .mfp-container:before {
+  display: none; }
+
+.mfp-content {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  margin: 0 auto;
+  text-align: left;
+  z-index: 1045; }
+
+.mfp-inline-holder .mfp-content,
+.mfp-ajax-holder .mfp-content {
+  width: 100%;
+  cursor: auto; }
+
+.mfp-ajax-cur {
+  cursor: progress; }
+
+.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
+  cursor: pointer;
+  /*cursor: -moz-zoom-out;
+  cursor: -webkit-zoom-out;
+  cursor: zoom-out;*/
+}
+
+.mfp-zoom {
+  cursor: pointer;
+/* cursor: -webkit-zoom-in;
+  cursor: -moz-zoom-in;
+  cursor: zoom-in; */
+}
+
+.mfp-auto-cursor .mfp-content {
+  cursor: auto; }
+
+.mfp-close,
+.mfp-arrow,
+.mfp-preloader,
+.mfp-counter {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none; }
+
+.mfp-loading.mfp-figure {
+  display: none; }
+
+.mfp-hide {
+  display: none !important; }
+
+.mfp-preloader {
+  color: #CCC;
+  position: absolute;
+  top: 50%;
+  width: auto;
+  text-align: center;
+  margin-top: -0.8em;
+  left: 8px;
+  right: 8px;
+  z-index: 1044; }
+  .mfp-preloader a {
+    color: #CCC; }
+    .mfp-preloader a:hover {
+      color: #FFF; }
+
+.mfp-s-ready .mfp-preloader {
+  display: none; }
+
+.mfp-s-error .mfp-content {
+  display: none; }
+
+button.mfp-close,
+button.mfp-arrow {
+  overflow: visible;
+  cursor: pointer;
+  background: transparent;
+  border: 0;
+  -webkit-appearance: none;
+  display: block;
+  outline: none;
+  padding: 0;
+  z-index: 1046;
+  box-shadow: none;
+  touch-action: manipulation; }
+
+button::-moz-focus-inner {
+  padding: 0;
+  border: 0; }
+
+.mfp-close {
+  width: 44px;
+  height: 44px;
+  line-height: 44px;
+  position: absolute;
+  right: 0;
+  top: 0;
+  text-decoration: none;
+  text-align: center;
+  opacity: 0.65;
+  padding: 0 0 18px 10px;
+  color: #FFF;
+  font-style: normal;
+  font-size: 28px;
+  font-family: Arial, Baskerville, monospace; }
+  .mfp-close:hover,
+  .mfp-close:focus {
+    opacity: 1; }
+  .mfp-close:active {
+    top: 1px; }
+
+.mfp-close-btn-in .mfp-close {
+  color: #333; }
+
+.mfp-image-holder .mfp-close,
+.mfp-iframe-holder .mfp-close {
+  color: #FFF;
+  right: -6px;
+  text-align: right;
+  padding-right: 6px;
+  width: 100%; }
+
+.mfp-counter {
+  position: absolute;
+  top: 0;
+  right: 0;
+  color: #CCC;
+  font-size: 12px;
+  line-height: 18px;
+  white-space: nowrap; }
+
+.mfp-arrow {
+  position: absolute;
+  opacity: 0.65;
+  margin: 0;
+  top: 50%;
+  margin-top: -55px;
+  padding: 0;
+  width: 90px;
+  height: 110px;
+  -webkit-tap-highlight-color: transparent; }
+  .mfp-arrow:active {
+    margin-top: -54px; }
+  .mfp-arrow:hover,
+  .mfp-arrow:focus {
+    opacity: 1; }
+  .mfp-arrow:before,
+  .mfp-arrow:after {
+    content: '';
+    display: block;
+    width: 0;
+    height: 0;
+    position: absolute;
+    left: 0;
+    top: 0;
+    margin-top: 35px;
+    margin-left: 35px;
+    border: medium inset transparent; }
+  .mfp-arrow:after {
+    border-top-width: 13px;
+    border-bottom-width: 13px;
+    top: 8px; }
+  .mfp-arrow:before {
+    border-top-width: 21px;
+    border-bottom-width: 21px;
+    opacity: 0.7; }
+
+.mfp-arrow-left {
+  left: 0; }
+  .mfp-arrow-left:after {
+    border-right: 17px solid #FFF;
+    margin-left: 31px; }
+  .mfp-arrow-left:before {
+    margin-left: 25px;
+    border-right: 27px solid #3F3F3F; }
+
+.mfp-arrow-right {
+  right: 0; }
+  .mfp-arrow-right:after {
+    border-left: 17px solid #FFF;
+    margin-left: 39px; }
+  .mfp-arrow-right:before {
+    border-left: 27px solid #3F3F3F; }
+
+.mfp-iframe-holder {
+  padding-top: 40px;
+  padding-bottom: 40px; }
+  .mfp-iframe-holder .mfp-content {
+    line-height: 0;
+    width: 100%;
+    max-width: 900px; }
+  .mfp-iframe-holder .mfp-close {
+    top: -40px; }
+
+.mfp-iframe-scaler {
+  width: 100%;
+  height: 0;
+  overflow: hidden;
+  padding-top: 56.25%; }
+  .mfp-iframe-scaler iframe {
+    position: absolute;
+    display: block;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
+    background: #000; }
+
+/* Main image in popup */
+img.mfp-img {
+  width: auto;
+  max-width: 100%;
+  height: auto;
+  display: block;
+  line-height: 0;
+  box-sizing: border-box;
+  padding: 40px 0 40px;
+  margin: 0 auto; }
+
+/* The shadow behind the image */
+.mfp-figure {
+  line-height: 0; }
+  .mfp-figure:after {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 40px;
+    bottom: 40px;
+    display: block;
+    right: 0;
+    width: auto;
+    height: auto;
+    z-index: -1;
+    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
+    background: #444; }
+  .mfp-figure small {
+    color: #BDBDBD;
+    display: block;
+    font-size: 12px;
+    line-height: 14px; }
+  .mfp-figure figure {
+    margin: 0; }
+
+.mfp-bottom-bar {
+  margin-top: -36px;
+  position: absolute;
+  top: 100%;
+  left: 0;
+  width: 100%;
+  cursor: auto; }
+
+.mfp-title {
+  text-align: left;
+  line-height: 18px;
+  color: #F3F3F3;
+  word-wrap: break-word;
+  padding-right: 36px; }
+
+.mfp-image-holder .mfp-content {
+  max-width: 100%; }
+
+.mfp-gallery .mfp-image-holder .mfp-figure {
+  cursor: pointer; }
+
+@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
+  /**
+       * Remove all paddings around the image on small screen
+       */
+  .mfp-img-mobile .mfp-image-holder {
+    padding-left: 0;
+    padding-right: 0; }
+  .mfp-img-mobile img.mfp-img {
+    padding: 0; }
+  .mfp-img-mobile .mfp-figure:after {
+    top: 0;
+    bottom: 0; }
+  .mfp-img-mobile .mfp-figure small {
+    display: inline;
+    margin-left: 5px; }
+  .mfp-img-mobile .mfp-bottom-bar {
+    background: rgba(0, 0, 0, 0.6);
+    bottom: 0;
+    margin: 0;
+    top: auto;
+    padding: 3px 5px;
+    position: fixed;
+    box-sizing: border-box; }
+    .mfp-img-mobile .mfp-bottom-bar:empty {
+      padding: 0; }
+  .mfp-img-mobile .mfp-counter {
+    right: 5px;
+    top: 3px; }
+  .mfp-img-mobile .mfp-close {
+    top: 0;
+    right: 0;
+    width: 35px;
+    height: 35px;
+    line-height: 35px;
+    background: rgba(0, 0, 0, 0.6);
+    position: fixed;
+    text-align: center;
+    padding: 0; } }
+
+@media all and (max-width: 900px) {
+  .mfp-arrow {
+    -webkit-transform: scale(0.75);
+    transform: scale(0.75); }
+  .mfp-arrow-left {
+    -webkit-transform-origin: 0;
+    transform-origin: 0; }
+  .mfp-arrow-right {
+    -webkit-transform-origin: 100%;
+    transform-origin: 100%; }
+  .mfp-container {
+    padding-left: 6px;
+    padding-right: 6px; } }
diff --git a/public/css/menu.css b/public/css/menu.css
new file mode 100644
index 0000000..fe4680c
--- /dev/null
+++ b/public/css/menu.css
@@ -0,0 +1,1408 @@
+
+
+/*
+ * Plugin: Web Slide Navigation System
+ * Demo Link: https://uxwing.com/webslide/
+ * Author: UXWing
+ * License: http://codecanyon.net/licenses/standard
+*/
+
+
+/*------------------------------------------*/
+/*  Desktop Base CSS
+--------------------------------------------*/
+
+.wsmenu html,
+.wsmenu body,
+.wsmenu iframe,
+.wsmenu h1,
+.wsmenu h2,
+.wsmenu h3,
+.wsmenu h4,
+.wsmenu h5,
+.wsmenu h6 {
+  -webkit-font-smoothing: subpixel-antialiased;
+  font-smoothing: antialiased;
+  font-smooth: antialiased;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+  -webkit-font-smoothing: subpixel-antialiased;
+  font-smoothing: subpixel-antialiased;
+  font-smooth: subpixel-antialiased;
+}
+
+.wsmenu .cl {
+  clear: both;
+}
+
+.wsmenu img {
+  border: 0 none;
+  max-width: 100%;
+}
+
+.wsmenu a:focus {
+  outline: none;
+}
+
+.wsmenu:before,
+.wsmenu:after {
+  content: "";
+  display: table;
+}
+
+.wsmenu:after {
+  clear: both;
+}
+
+/*------------------------------------------*/
+/*  Desktop Main Menu CSS
+--------------------------------------------*/
+
+.wsmenucontainer {
+  background-size: cover;
+  overflow: hidden;
+  background-attachment: fixed;
+  background-position: 50% 0;
+  background-repeat: no-repeat;
+}
+
+.wsmainfull {
+  width: 100%;
+  height: auto;
+  background-color: transparent;
+  z-index: 999;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out; 
+}
+
+.wsmainwp {
+  margin: 0 auto;
+  max-width: 1140px;
+  padding: 0 15px;
+  position: relative;
+}
+
+/* Header Logo */
+.desktoplogo {
+  padding: 0;
+  margin: 0;
+  float: left;
+  line-height: 70px;
+}
+
+.desktoplogo img {
+  vertical-align: middle;
+}
+
+/* Navigation Menu */
+.wsmenu {
+  padding: 0;
+  float: right;
+  display: block;
+}
+
+.wsmenu > .wsmenu-list {
+  text-align: left;
+  margin: 0 auto 0 auto;
+  width: 100%;
+  display: block;
+  padding: 0;
+}
+
+.wsmenu > .wsmenu-list > li {
+  text-align: center;
+  display: block;
+  padding: 0;
+  margin: 0;
+  float: left;
+}
+
+.wsmenu > .wsmenu-list > li > a {
+  display: block;
+  color: #666;
+  font-size: 15px;
+  font-weight: 700;
+  letter-spacing: 0.5px;
+  padding: 10px 32px 10px 18px;
+  line-height: 50px;
+  text-decoration: none;
+  position: relative;
+}
+
+.wsmenu > .wsmenu-list > li > a.last-link {
+  padding: 10px 0px 10px 0;
+}
+
+.wsmenu > .wsmenu-list > li > a.callusbtn {
+  font-size: 15px;
+}
+
+.wsmenu > .wsmenu-list > li > a.callusbtn i {
+  font-size: 13px;
+  margin-top: 1px;
+  margin-right: 1px;
+}
+
+.tra-menu .wsmenu > .wsmenu-list > li > a,
+.aqua-menu .wsmenu > .wsmenu-list > li > a,
+.blue-menu .wsmenu > .wsmenu-list > li > a {
+  color: #fff;
+}
+
+.white-menu .wsmenu > .wsmenu-list > li > a {
+  color: #444;
+}
+
+.tra-menu .wsmenu.dark-txt > .wsmenu-list > li > a {
+  color: #333;
+}
+
+.wsmenu > .wsmenu-list > li:hover > a {
+  color: #f0f0f0;
+}
+
+.white-menu .wsmenu > .wsmenu-list > li:hover > a {
+  color: #171819;
+}
+
+.wsmenu > .wsmenu-list > li a.menuhomeicon {
+  padding-left: 29px;
+  padding-right: 29px;
+}
+
+.wsmenu > .wsmenu-list > li > a i {
+  display: inline-block;
+  font-size: 16px;
+  line-height: inherit;
+  margin-right: 12px;
+  vertical-align: top;
+}
+
+.wsmenu > .wsmenu-list > li > a.menuhomeicon i {
+  margin-right: 0px;
+  font-size: 15px;
+}
+
+.wsmenu > .wsmenu-list > li > a .wsarrow:after {
+  border-left: 4px solid rgba(0, 0, 0, 0);
+  border-right: 4px solid rgba(0, 0, 0, 0);
+  border-top: 4px solid;
+  content: "";
+  float: right;
+  right: 15px;
+  height: 0;
+  margin: 0 0 0 14px;
+  position: absolute;
+  text-align: right;
+  top: 33px;
+  width: 0;
+}
+
+/* Desktop Search Bar */
+.wsmenu > .wsmenu-list > li.rightmenu {
+  float: right;
+}
+
+.wsmenu > .wsmenu-list > li.rightmenu a {
+  padding: 0px 30px 0px 20px;
+  border-right: none;
+}
+
+.wsmenu > .wsmenu-list > li.rightmenu a i {
+  font-size: 15px;
+}
+
+.wsmenu > .wsmenu-list > li.rightmenu {
+  float: right;
+}
+
+.wsmenu > .wsmenu-list > li.rightmenu:before,
+.wsmenu-list > li.rightmenu:after {
+  content: "";
+  display: table;
+}
+
+.wsmenu > .wsmenu-list > li.rightmenu:after {
+  clear: both;
+}
+
+.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch {
+  float: right;
+  width: 210px;
+  height: 39px;
+  position: relative;
+  margin: 16px 0px 0px 0px;
+}
+
+.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch .searchicon {
+  -webkit-transition: all 0.7s ease 0s;
+  -moz-transition: all 0.7s ease 0s;
+  -o-transition: all 0.7s ease 0s;
+  transition: all 0.7s ease 0s;
+}
+
+.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch input {
+  width: 100%;
+  position: relative;
+  float: right;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  width: 100%;
+  border: 0;
+  padding: 0;
+  margin: 0;
+  text-indent: 15px;
+  height: 39px;
+  z-index: 2;
+  outline: none;
+  color: #333;
+  background-color: #efefef;
+  -webkit-transition: all 0.7s ease 0s;
+  -moz-transition: all 0.7s ease 0s;
+  -o-transition: all 0.7s ease 0s;
+  transition: all 0.7s ease 0s;
+  font-size: 12px;
+}
+
+.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch input::placeholder {
+  color: #a9a9a9;
+}
+
+.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch input:focus {
+  color: #333;
+  width: 220px;
+}
+
+.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch input:focus~.btnstyle i {
+  color: #000;
+  opacity: 1;
+}
+
+.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch input:focus~.searchicon {
+  opacity: 1;
+  z-index: 3;
+  color: #FFFFFF;
+}
+
+.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch .btnstyle {
+  top: 0px;
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  width: 40px;
+  line-height: 30px;
+  z-index: 1;
+  cursor: pointer;
+  opacity: 0.3;
+  color: #333;
+  z-index: 1000;
+  background-color: transparent;
+  border: solid 0px;
+  -webkit-transition: all 0.7s ease 0s;
+  -moz-transition: all 0.7s ease 0s;
+  -o-transition: all 0.7s ease 0s;
+  transition: all 0.7s ease 0s;
+}
+
+.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch .btnstyle i {
+  line-height: 37px;
+  margin: 0;
+  padding: 0;
+  text-align: center;
+}
+
+.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch .btnstyle:hover i {
+  opacity: 1;
+}
+
+.wsmenu > .wsmenu-list > li.rightmenu {
+  zoom: 1;
+}
+
+/*------------------------------------------*/
+/*  Desktop Drop Down Menu CSS
+--------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu {
+  position: absolute;
+  top: 70px;
+  z-index: 1000;
+  margin: 0px;
+  padding: 12px;
+  min-width: 200px;
+  background-color: #fff;
+  border: solid 1px #eee;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu.last-sub-menu {
+  min-width: 160px;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li {
+  position: relative;
+  margin: 0px;
+  padding: 0px;
+  display: block;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
+  position: relative;
+  background-image: none;  
+  border-right: 0 none;
+  text-align: left;
+  display: block;
+  padding: 9px;
+  text-transform: none;
+  color: #888;
+  font-size: 15px;
+  line-height: 22px;
+  font-weight: 400;
+  letter-spacing: 0;
+  border-right: 0px solid;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px; 
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu.last-sub-menu > li > a {
+  padding: 11px 0;  
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover {
+  padding: 9px 9px 9px 10px;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu.last-sub-menu > li > a:hover {
+  padding: 11px 0 11px 8px;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a > i {
+  position: absolute;
+  top: 12px;
+  right: 0;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu {
+  min-width: 200px;
+  position: absolute;
+  left: 100%;
+  top: 0;
+  margin: 0;
+  padding: 0 15px;
+  list-style: none;
+  background-color: #fff;
+  border: solid 1px #eee;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li {
+  position: relative;
+  margin: 0px;
+  padding: 0px;
+  display: block;
+  border-bottom: 1px dashed #c0c0c0;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li:last-child {
+  border-bottom: none;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
+  position: relative;
+  background-image: none;
+  border-right: 0 none;
+  text-align: left;
+  display: block;
+  padding: 9px;
+  text-transform: none;
+  color: #888;
+  font-size: 16px;
+  line-height: 22px;
+  font-weight: 400;
+  letter-spacing: normal;
+  border-right: 0px solid;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
+  padding: 8px 15px 8px 23px;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a > i {
+  position: absolute;
+  top: 12px;
+  right: 12px;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
+  min-width: 200px;
+  position: absolute;
+  left: 100%;
+  top: 0;
+  margin: 0px;
+  list-style: none;
+  padding: 0px;
+  background-color: #fff;
+  border: solid 1px #eee;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li {
+  position: relative;
+  margin: 0px;
+  padding: 0px;
+  display: block;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
+  background-image: none;
+  border-right: 0 none;
+  text-align: left;
+  display: block;
+  padding: 9px;
+  text-transform: none;
+  color: #888;
+  font-size: 16px;
+  font-family: 'Roboto', sans-serif; 
+  line-height: 22px;
+  font-weight: 400;
+  letter-spacing: normal;
+  border-right: 0px solid;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
+  padding: 9px 9px 9px 20px;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a > i {
+  margin-left: 9px;
+}
+
+/*------------------------------------------*/
+/*  Desktop Mega Menus CSS
+--------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu {
+  width: 100%;
+  left: 0px;
+  position: absolute;
+  top: 70px;
+  color: #000;
+  z-index: 1000;
+  margin: 0px;
+  text-align: left;
+  padding: 20px 30px;
+  border: solid 1px #eee;
+  background-color: #fff;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
+  padding: 20px 20px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .carousel-control-next {
+  opacity: 0.8;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .carousel-control-prev {
+  opacity: 0.8;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .carousel-caption {
+  bottom: 0px;
+  background-color: rgba(0, 0, 0, 0.7);
+  font-size: 13px;
+  height: 31px;
+  left: 0;
+  padding: 7px 0;
+  right: 0;
+  width: 100%;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .wsmwnutxt {
+  width: 100%;
+  color: #888;
+  font-size: 16px;
+  font-weight: 400;
+  text-align: justify;
+  margin-top: 0;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li {
+  display: block;
+  text-align: center;
+  text-align: left;
+  border-bottom: 1px dashed #c0c0c0;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li.title,
+.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li:last-child {
+  border-bottom: none;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a {
+  line-height: 22px;
+  border-right: none;
+  text-align: left;
+  padding: 13px 0px;
+  background: #fff;
+  background-image: none;
+  border-right: 0 none;
+  display: block;
+  background-color: #fff;
+  color: #888;
+  font-size: 16px;
+  font-weight: 400;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .mrgtop {
+  margin-top: 15px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .show-grid div {
+  padding-bottom: 10px;
+  padding-top: 10px;
+  background-color: #dbdbdb;
+  border: 1px solid #e7e7e7;
+  color: #6a6a6a;
+  margin: 2px 0px;
+  font-size: 13px;
+}
+
+/*= Desktop Half Menu CSS =*/
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
+  width: 40%;
+  right: auto;
+  left: auto;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.ext-halfmenu {
+  width: 50%;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfdiv {
+  width: 35%;
+  right: auto;
+  left: auto;
+}
+
+/*= Desktop HTML Form Menu CSS =*/
+.wsmenu > .wsmenu-list > li > .wsmegamenu .menu_form {
+  width: 100%;
+  display: block;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .menu_form input[type="text"] {
+  width: 100%;
+  border: 1px solid #e2e2e2;
+  color: #000;
+  font-size: 13px;
+  padding: 8px 5px;
+  margin-bottom: 8px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .menu_form textarea {
+  width: 100%;
+  border: 1px solid #e2e2e2;
+  color: #000;
+  font-size: 13px;
+  padding: 8px 5px;
+  margin-bottom: 8px;
+  min-height: 122px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .menu_form input[type="submit"] {
+  width: 25%;
+  display: block;
+  height: 32px;
+  float: right;
+  border: none;
+  margin-right: 15px;
+  cursor: pointer;
+  background-color: #e1e1e1;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .menu_form input[type="button"] {
+  width: 25%;
+  display: block;
+  height: 32px;
+  float: right;
+  border: none;
+  cursor: pointer;
+  background-color: #e1e1e1;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .carousel-inner .item img {
+  width: 100%;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .carousel-caption {
+  bottom: 0px;
+  background-color: rgba(0, 0, 0, 0.7);
+  font-size: 13px;
+  height: 31px;
+  left: 0;
+  padding: 7px 0;
+  right: 0;
+  width: 100%;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .typography-text {
+  padding: 0px 0px;
+  font-size: 14px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .typography-text ul {
+  padding: 0px 0px;
+  margin: 0px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .typography-text p {
+  text-align: justify;
+  line-height: 24px;
+  color: #656565;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .typography-text ul li {
+  display: block;
+  padding: 2px 0px;
+  line-height: 22px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .typography-text ul li a {
+  color: #656565;
+}
+
+/*------------------------------------------*/
+/*  Desktop Extra CSS
+--------------------------------------------*/
+
+.wsmobileheader {
+  display: none;
+}
+
+.overlapblackbg {
+  opacity: 0;
+  visibility: hidden;
+}
+
+.wsmenu .wsmenu-click {
+  display: none;
+}
+
+.wsmenu .wsmenu-click02 {
+  display: none;
+}
+
+.hometext {
+  display: none;
+}
+
+/*==============================================================================
+                              Start Mobile CSS
+===============================================================================*/
+
+/* ================== Mobile Menu Change Brake Point ================== */
+
+@media only screen and (max-width: 991px) {
+
+/* ================== Mobile Base CSS ================== */
+
+html {
+  overflow: hidden;
+  height: 100%;
+  -webkit-overflow-scrolling: touch;
+}
+
+body {
+  height: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+
+body.wsactive {
+  overflow: hidden;
+}
+
+/* ================== Mobile Main Menu CSS ================== */
+
+.desktoplogo {
+  display: none;
+}
+
+.wsmainfull {
+  height: 0;
+}
+
+.wsmenu {
+  width: 100%;
+  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
+  right: 0;
+  overflow-y: hidden;
+  padding: 0;
+  top: 0;
+  visibility: hidden;
+  position: fixed;
+  margin: 0px;
+}
+
+.wsmenu > .wsmenu-list {
+  height: auto;
+  min-height: 100%;
+  width: 350px;
+  background: #fff;
+  padding-bottom: 0;
+  margin-right: -350px;
+  display: block;
+  text-align: center;
+  -webkit-transition: all 0.25s ease-in-out;
+  -moz-transition: all 0.25s ease-in-out;
+  -o-transition: all 0.25s ease-in-out;
+  -ms-transition: all 0.25s ease-in-out;
+  transition: all 0.25s ease-in-out;
+}
+
+.wsmenu > .wsmenu-list > li {
+  width: 100%;
+  display: block;
+  float: none;
+  border-right: none;
+  background-color: transparent;
+  position: relative;
+  white-space: inherit;
+  clear: right;
+}
+
+@supports (-webkit-overflow-scrolling: touch) {
+  .wsmenu > .wsmenu-list > li:last-child {
+    padding-bottom: 110px;
+  }
+}
+
+.wsmenu > .wsmenu-list > li >a {
+  padding: 12px 32px 12px 17px;
+  font-size: 15px;
+  text-align: left;
+  border-right: solid 0px;
+  color: #666666;
+  line-height: 25px;
+  border-bottom: 1px solid;
+  border-bottom-color: rgba(0, 0, 0, 0.13);
+  position: static;
+}
+
+.wsmenu > .wsmenu-list > li a.menuhomeicon {
+  padding-left: 17px;
+  padding-right: 17px;
+  border-top: solid 1px rgba(0, 0, 0, 0.13);
+}
+
+.wsmenu > .wsmenu-list > li >a.menuhomeicon i {
+  margin-right: 2px;
+  font-size: 13px;
+}
+
+.wsmenu > .wsmenu-list > li > a >i {
+  font-size: 14px;
+  color: #bfbfbf;
+}
+
+.wsmenu > .wsmenu-list > li >a .wsarrow:after {
+  display: none;
+}
+
+.wsmenu > .wsmenu-list > li:hover>a {
+  background-color: rgba(0, 0, 0, 0.08);
+  text-decoration: none;
+}
+
+.wsmenu > .wsmenu-list > li > a > .hometext {
+  display: inline-block;
+}
+
+/* ================== Mobile Slide Down Links CSS ================== */
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu {
+  display: none;
+  position: relative;
+  top: 0px;
+  background-color: #fff;
+  border: none;
+  padding: 0px;
+  opacity: 1;
+  visibility: visible;
+  -webkit-transform: none;
+  -moz-transform: none;
+  -ms-transform: none;
+  -o-transform: none;
+  transform: none;
+  -webkit-transition: inherit;
+  -moz-transition: inherit;
+  transition: inherit;
+  -webkit-transform-style: flat;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
+  line-height: 20px;
+  font-size: 13px;
+  padding: 10px 0px 10px 16px;
+  color: #383838;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li span + a {
+  padding-right: 30px;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a > i {
+  display: none;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover {
+  background-color: #e7e7e7;
+  text-decoration: underline;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu li:hover > a {
+  background-color: #e7e7e7;
+  color: #666666;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu {
+  width: 100%;
+  position: static;
+  left: 100%;
+  top: 0;
+  display: none;
+  margin: 0px;
+  padding: 0px;
+  border: solid 0px;
+  transform: none;
+  opacity: 1;
+  visibility: visible;
+  -webkit-transform: none;
+  -moz-transform: none;
+  -ms-transform: none;
+  -o-transform: none;
+  transform: none;
+  -webkit-transition: inherit;
+  -moz-transition: inherit;
+  transition: inherit;
+  -webkit-transform-style: flat;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li {
+  margin: 0px 0px 0px 0px;
+  padding: 0px;
+  position: relative;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
+  line-height: 20px;
+  font-size: 13px;
+  padding: 10px 0px 10px 26px;
+  color: #383838;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li span + a {
+  padding-right: 30px;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a > i {
+  display: none;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
+  background-color: #e7e7e7;
+  color: #666666;
+  text-decoration: underline;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a.active {
+  color: #000;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li:hover > a {
+  color: #000;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
+  width: 100%;
+  position: static;
+  left: 100%;
+  top: 0;
+  display: none;
+  margin: 0px;
+  padding: 0px;
+  border: solid 0px;
+  transform: none;
+  opacity: 1;
+  visibility: visible;
+  -webkit-transform: none;
+  -moz-transform: none;
+  -ms-transform: none;
+  -o-transform: none;
+  transform: none;
+  -webkit-transition: inherit;
+  -moz-transition: inherit;
+  transition: inherit;
+  -webkit-transform-style: flat;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li {
+  margin: 0px 0px 0px 0px;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li >a {
+  line-height: 20px;
+  font-size: 13px;
+  padding: 10px 0px 10px 34px;
+  color: #383838;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li span+a {
+  padding-right: 30px;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a >i {
+  display: none;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li >a:hover {
+  background-color: #e7e7e7;
+  color: #666666;
+  text-decoration: underline;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li >a.active {
+  color: #000;
+}
+
+/* ================== Mobile Mega Menus CSS  ================== */
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu {
+  color: #666666;
+  display: none;
+  position: relative;
+  top: 0px;
+  padding: 10px 0px;
+  border: solid 0px;
+  transform: none;
+  opacity: 1;
+  visibility: visible;
+  -webkit-transform: none;
+  -moz-transform: none;
+  -ms-transform: none;
+  -o-transform: none;
+  transform: none;
+  -webkit-transition: inherit;
+  -moz-transition: inherit;
+  transition: inherit;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.13);
+  -webkit-transform-style: flat;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
+  width: 100%;
+  margin: 0px;
+  padding: 5px 0px 10px 0px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .title {
+  color: #666666;
+  font-size: 15px;
+  padding: 10px 8px 10px 0px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu> ul {
+  width: 100%;
+  margin: 0px;
+  padding: 0px;
+  font-size: 15px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu> ul > li > a {
+  padding: 9px 14px;
+  line-height: normal;
+  font-size: 13px;
+  background-color: #e7e7e7;
+  color: #666666;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu> ul> li >a:hover {
+  background-color: #000000;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title {
+  line-height: 26px;
+  color: #666666;
+  margin: 0px;
+  font-size: 15px;
+  padding: 7px 0px;
+  background-color: transparent;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfdiv {
+  width: 100%;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .menu_form {
+  padding: 5px 0px 62px 0px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .show-grid div {
+  margin: 0px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .menu_form input[type="button"] {
+  width: 46%;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .menu_form input[type="submit"] {
+  width: 46%;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .menu_form textarea {
+  min-height: 100px;
+}
+
+/* ================== Mobile Header CSS ================== */
+
+.wsmobileheader {
+  width: 100%;
+  display: block;
+  position: fixed;
+  top: 0;
+  right: 0;
+  z-index: 10002;
+  height: 54px;
+  -webkit-transition: all 0.25s ease-in-out;
+  -moz-transition: all 0.25s ease-in-out;
+  -o-transition: all 0.25s ease-in-out;
+  -ms-transition: all 0.25s ease-in-out;
+  transition: all 0.25s ease-in-out;
+  box-shadow: 0 0 1px rgba(0, 0, 0, .3);
+}
+
+.wsactive .wsmobileheader {
+  margin-right: 240px;
+  margin-right: 300px;
+  margin-right: 350px;
+  -webkit-transition: all 0.25s ease-in-out;
+  -moz-transition: all 0.25s ease-in-out;
+  -o-transition: all 0.25s ease-in-out;
+  -ms-transition: all 0.25s ease-in-out;
+  transition: all 0.25s ease-in-out;
+}
+
+.wsmobileheader .smllogo {
+  display: inline-block;
+  margin-top: 12px;
+  padding-left: 18px;
+}
+
+/* Mobile Search Bar*/
+.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch {
+  width: 86%;
+  margin: 7% 7%;
+  padding: 0px;
+}
+
+.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch input {
+  border-radius: 50px
+}
+
+.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch input:focus {
+  width: 100%;
+}
+
+.callusbtn {
+  color: #a9a9a9;
+  font-size: 18px;
+  position: absolute;
+  right: 5px;
+  top: 0px;
+  transition: all 0.4s ease-in-out 0s;
+  z-index: 102;
+  padding: 12px 14px;
+}
+
+.callusbtn i {
+  vertical-align: top;
+  margin-top: 4px;
+}
+
+.callusbtn:hover i {
+  color: #a9a9a9;
+}
+
+/* Mobile Toggle Menu icon (X ICON) */
+.wsanimated-arrow {
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 102;
+  -webkit-transition: all 0.4s ease-in-out;
+  -moz-transition: all 0.4s ease-in-out;
+  -o-transition: all 0.4s ease-in-out;
+  -ms-transition: all 0.4s ease-in-out;
+  transition: all 0.4s ease-in-out;
+}
+
+.wsanimated-arrow {
+  cursor: pointer;
+  padding: 16px 35px 16px 0px;
+  margin: 7px 0 0 15px;
+}
+
+.wsanimated-arrow span,
+.wsanimated-arrow span:before,
+.wsanimated-arrow span:after {
+  cursor: pointer;
+  height: 3px;
+  width: 22px;
+  background: #a9a9a9;
+  position: absolute;
+  display: block;
+  content: '';
+}
+
+.wsanimated-arrow span:before {
+  top: -7px;
+  width: 26px;
+}
+
+.wsanimated-arrow span:after {
+  bottom: -7px;
+  width: 20px;
+}
+
+.wsanimated-arrow span,
+.wsanimated-arrow span:before,
+.wsanimated-arrow span:after {
+  transition: all 500ms ease-in-out;
+}
+
+.wsactive .wsanimated-arrow span:after {
+  width: 23px;
+}
+
+.wsactive .wsanimated-arrow span {
+  background-color: transparent;
+}
+
+.wsactive .wsanimated-arrow span:before,
+.wsactive .wsanimated-arrow.active span:after {
+  top: 7px;
+}
+
+.wsactive .wsanimated-arrow span:before {
+  transform: rotate(45deg);
+  -moz-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  -o-transform: rotate(45deg);
+  -webkit-transform: rotate(45deg);
+  bottom: 0px;
+}
+
+.wsactive .wsanimated-arrow span:after {
+  transform: rotate(-45deg);
+  -moz-transform: rotate(-45deg);
+  -ms-transform: rotate(-45deg);
+  -o-transform: rotate(-45deg);
+  -webkit-transform: rotate(-45deg);
+}
+
+/* ================== Mobile Overlay/Drawer CSS ================== */
+
+.overlapblackbg {
+  left: 0;
+  width: calc(100% - 350px);
+  height: 100vh;
+  min-height: 100%;
+  position: fixed;
+  top: 0;
+  opacity: 0;
+  visibility: hidden;
+  background-color: rgba(0, 0, 0, 0.45);
+  cursor: pointer;
+}
+
+.wsactive .wsmenu .overlapblackbg {
+  opacity: 1;
+  visibility: visible;
+  -webkit-transition: opacity 1.5s ease-in-out;
+  -moz-transition: opacity 1.5s ease-in-out;
+  -ms-transition: opacity 1.5s ease-in-out;
+  -o-transition: opacity 1.5s ease-in-out;
+  z-index: 8888!important;
+}
+
+.wsmenucontainer {
+  -webkit-transition: all 0.25s ease-in-out;
+  -moz-transition: all 0.25s ease-in-out;
+  -o-transition: all 0.25s ease-in-out;
+  -ms-transition: all 0.25s ease-in-out;
+  transition: all 0.25s ease-in-out;
+}
+
+.wsactive .wsmenucontainer {
+  margin-right: 300px;
+  -webkit-transition: all 0.25s ease-in-out;
+  -moz-transition: all 0.25s ease-in-out;
+  -o-transition: all 0.25s ease-in-out;
+  -ms-transition: all 0.25s ease-in-out;
+  transition: all 0.25s ease-in-out;
+}
+
+.wsactive .wsmenu {
+  overflow-y: scroll;
+  -webkit-overflow-scrolling: touch;
+  visibility: visible;
+  z-index: 1000;
+  top: 0;
+}
+
+.wsactive .wsmenu > .wsmenu-list {
+  -webkit-transition: all 0.25s ease-in-out;
+  -moz-transition: all 0.25s ease-in-out;
+  -o-transition: all 0.25s ease-in-out;
+  -ms-transition: all 0.25s ease-in-out;
+  transition: all 0.25s ease-in-out;
+  margin-right: 0;
+}
+
+/* ================== Mobile Sub Menu Expander Arrows  ================== */
+
+.wsmenu > .wsmenu-list > li > .wsmenu-click {
+  height: 49px;
+  position: absolute;
+  top: 0;
+  right: 0;
+  display: block;
+  cursor: pointer;
+  width: 100%;
+}
+
+.wsmenu > .wsmenu-list > li .wsmenu-click.ws-activearrow > i {
+  transform: rotate(-45deg);
+  margin-top: 23px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmenu-click > i {
+  display: block;
+  height: 8px;
+  width: 8px;
+  float: right;
+  transform: rotate(-225deg);
+  margin: 18px 18px 0px 0px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmenu-click > i:before {
+  content: "";
+  width: 100%;
+  height: 100%;
+  border-width: 1.5px 1.5px 0 0;
+  border-style: solid;
+  border-color: rgba(0, 0, 0, 0.40);
+  transition: 0.2s ease;
+  display: block;
+  transform-origin: 100% 0;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02 {
+  height: 41px;
+  position: absolute;
+  top: 0;
+  right: 0;
+  display: block;
+  cursor: pointer;
+  width: 100%;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02>i {
+  display: block;
+  height: 8px;
+  width: 8px;
+  float: right;
+  transform: rotate(-225deg);
+  margin: 14px 18px 0px 0px;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02 > i:before {
+  content: "";
+  width: 100%;
+  height: 100%;
+  border-width: 1.5px 1.5px 0 0;
+  border-style: solid;
+  border-color: rgba(0, 0, 0, 0.40);
+  transition: 0.2s ease;
+  display: block;
+  transform-origin: 100% 0;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02>i.wsmenu-rotate {
+  transform: rotate(-45deg);
+  margin-top: 19px;
+}
+
+/*End Media Query*/
+}
+
+/* Extra @Media Query*/
+@media only screen and (min-width: 992px) and (max-width:1162px) {
+.desktoplogo {
+  margin-left: 12px;
+}
+
+.wsmenu > .wsmenu-list > li > a {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.wsmenu > .wsmenu-list > li a.menuhomeicon {
+  padding-left: 22px;
+  padding-right: 22px;
+}
+}
\ No newline at end of file
diff --git a/public/css/owl.carousel.min.css b/public/css/owl.carousel.min.css
new file mode 100644
index 0000000..1ece042
--- /dev/null
+++ b/public/css/owl.carousel.min.css
@@ -0,0 +1,6 @@
+/**
+ * Owl Carousel v2.2.1
+ * Copyright 2013-2017 David Deutsch
+ * Licensed under  ()
+ */
+.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
\ No newline at end of file
diff --git a/public/css/owl.theme.default.min.css b/public/css/owl.theme.default.min.css
new file mode 100644
index 0000000..5983603
--- /dev/null
+++ b/public/css/owl.theme.default.min.css
@@ -0,0 +1,6 @@
+/**
+ * Owl Carousel v2.2.1
+ * Copyright 2013-2017 David Deutsch
+ * Licensed under  ()
+ */
+.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
\ No newline at end of file
diff --git a/public/css/pink-theme.css b/public/css/pink-theme.css
new file mode 100644
index 0000000..a4a0a4b
--- /dev/null
+++ b/public/css/pink-theme.css
@@ -0,0 +1,13243 @@
+/*
+  Template Name: Martex - Software, App, SaaS & Startup Landing Pages Pack
+  Theme URL: https://themeforest.net/user/jthemes
+  Description: Martex - Software, App, SaaS & Startup Landing Pages Pack
+  Author: JThemes Studio
+  Author URL: https://themeforest.net/user/jthemes
+  Version: 1.0.0
+  Website: www.jthemes.com
+  Tags: Responsive, HTML5, JThemes, Landing, Software, Mobile App, SaaS, Startup, Creative, Digital Produc
+*/
+
+
+
+
+/* ==========================================================================
+  01. GENERAL & BASIC STYLES
+  =========================================================================== */
+
+html {
+    -webkit-font-smoothing: antialiased;
+    font-size: 16px;
+}
+
+body {
+    font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    color: #6c757d;
+    line-height: 1.6666;
+    font-weight: 400;
+}
+
+/*------------------------------------------*/
+/*  PAGE CONTENT
+/*------------------------------------------*/
+
+#page,
+.hidd {
+    overflow: hidden;
+}
+
+.rel,
+section,
+.container {
+    position: relative !important;
+    z-index: 3;
+}
+
+.section-overlay {
+    width: 100%;
+    height: 100%;
+}
+
+/*------------------------------------------*/
+/*  BLOCK SHADOW
+/*------------------------------------------*/
+
+.block-shadow {
+    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
+    -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
+    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
+}
+
+/*------------------------------------------*/
+/*  BORDER SETTINGS
+/*------------------------------------------*/
+
+.block-border {
+    border: 1px solid #e7e7e7;
+}
+
+.block-border.block-shadow {
+    border: 1px solid #f5f6f6;
+}
+
+.x-border {
+    border-top: 1px solid #e7e7e7;
+    border-bottom: 1px solid #e7e7e7;
+}
+
+.top-border {
+    border-top: 1px solid #e7e7e7;
+}
+
+.bottom-border {
+    border-bottom: 1px solid #e7e7e7;
+}
+
+/*------------------------------------------*/
+/*  BORDER RADIUS SETTING
+/*------------------------------------------*/
+
+.r-0 {
+    -webkit-border-radius: 0px;
+    -moz-border-radius: 0px;
+    -o-border-radius: 0px;
+    border-radius: 0px;
+}
+
+.r-02 {
+    -webkit-border-radius: 2px;
+    -moz-border-radius: 2px;
+    -o-border-radius: 2px;
+    border-radius: 2px;
+}
+
+.r-04 {
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    -o-border-radius: 4px;
+    border-radius: 4px;
+}
+
+.r-06 {
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    -o-border-radius: 6px;
+    border-radius: 6px;
+}
+
+.r-08 {
+    -webkit-border-radius: 8px;
+    -moz-border-radius: 8px;
+    -o-border-radius: 8px;
+    border-radius: 8px;
+}
+
+.r-10 {
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    -o-border-radius: 10px;
+    border-radius: 10px;
+}
+
+.r-12 {
+    -webkit-border-radius: 12px;
+    -moz-border-radius: 12px;
+    -o-border-radius: 12px;
+    border-radius: 12px;
+}
+
+.r-14 {
+    -webkit-border-radius: 14px;
+    -moz-border-radius: 14px;
+    -o-border-radius: 14px;
+    border-radius: 14px;
+}
+
+.r-16 {
+    -webkit-border-radius: 16px;
+    -moz-border-radius: 16px;
+    -o-border-radius: 16px;
+    border-radius: 16px;
+}
+
+.r-18 {
+    -webkit-border-radius: 18px;
+    -moz-border-radius: 18px;
+    -o-border-radius: 18px;
+    border-radius: 18px;
+}
+
+.r-20 {
+    -webkit-border-radius: 20px;
+    -moz-border-radius: 20px;
+    -o-border-radius: 20px;
+    border-radius: 20px;
+}
+
+.r-22 {
+    -webkit-border-radius: 22px;
+    -moz-border-radius: 22px;
+    -o-border-radius: 22px;
+    border-radius: 22px;
+}
+
+.r-24 {
+    -webkit-border-radius: 24px;
+    -moz-border-radius: 24px;
+    -o-border-radius: 24px;
+    border-radius: 24px;
+}
+
+.r-26 {
+    -webkit-border-radius: 26px;
+    -moz-border-radius: 26px;
+    -o-border-radius: 26px;
+    border-radius: 26px;
+}
+
+.r-28 {
+    -webkit-border-radius: 28px;
+    -moz-border-radius: 28px;
+    -o-border-radius: 28px;
+    border-radius: 28px;
+}
+
+.r-30 {
+    -webkit-border-radius: 30px;
+    -moz-border-radius: 30px;
+    -o-border-radius: 30px;
+    border-radius: 30px;
+}
+
+.r-32 {
+    -webkit-border-radius: 32px;
+    -moz-border-radius: 32px;
+    -o-border-radius: 32px;
+    border-radius: 32px;
+}
+
+.r-34 {
+    -webkit-border-radius: 34px;
+    -moz-border-radius: 34px;
+    -o-border-radius: 34px;
+    border-radius: 34px;
+}
+
+.r-36 {
+    -webkit-border-radius: 36px;
+    -moz-border-radius: 36px;
+    -o-border-radius: 36px;
+    border-radius: 36px;
+}
+
+.r-100 {
+    -webkit-border-radius: 100px;
+    -moz-border-radius: 100px;
+    -o-border-radius: 100px;
+    border-radius: 100px;
+}
+
+/*------------------------------------------*/
+/*  OPACITY SETTINGS
+/*------------------------------------------*/
+
+.o-0 {
+    opacity: 0 !important;
+}
+
+.o-10 {
+    opacity: .1 !important;
+}
+
+.o-15 {
+    opacity: .15 !important;
+}
+
+.o-20 {
+    opacity: .2 !important;
+}
+
+.o-25 {
+    opacity: .25 !important;
+}
+
+.o-30 {
+    opacity: .3 !important;
+}
+
+.o-35 {
+    opacity: .35 !important;
+}
+
+.o-40 {
+    opacity: .4 !important;
+}
+
+.o-45 {
+    opacity: .45 !important;
+}
+
+.o-50 {
+    opacity: .5 !important;
+}
+
+.o-55 {
+    opacity: .55 !important;
+}
+
+.o-60 {
+    opacity: .60 !important;
+}
+
+.o-65 {
+    opacity: .65 !important;
+}
+
+.o-70 {
+    opacity: .7 !important;
+}
+
+.o-75 {
+    opacity: .75 !important;
+}
+
+.o-80 {
+    opacity: .8 !important;
+}
+
+.o-85 {
+    opacity: .85 !important;
+}
+
+.o-90 {
+    opacity: .9 !important;
+}
+
+.o-95 {
+    opacity: .95 !important;
+}
+
+.o-100 {
+    opacity: 1 !important;
+}
+
+/*------------------------------------------*/
+/*  SPACING & INDENTS
+/*------------------------------------------*/
+
+.py-5 {
+    padding-top: 5px;
+    padding-bottom: 5px;
+}
+
+.py-10 {
+    padding-top: 10px;
+    padding-bottom: 10px;
+}
+
+.py-15 {
+    padding-top: 15px;
+    padding-bottom: 15px;
+}
+
+.py-20 {
+    padding-top: 20px;
+    padding-bottom: 20px;
+}
+
+.py-30 {
+    padding-top: 30px;
+    padding-bottom: 30px;
+}
+
+.py-40 {
+    padding-top: 40px;
+    padding-bottom: 40px;
+}
+
+.py-50 {
+    padding-top: 50px;
+    padding-bottom: 50px;
+}
+
+.py-60 {
+    padding-top: 60px;
+    padding-bottom: 60px;
+}
+
+.py-70 {
+    padding-top: 70px;
+    padding-bottom: 70px;
+}
+
+.py-80 {
+    padding-top: 80px;
+    padding-bottom: 80px;
+}
+
+.py-90 {
+    padding-top: 90px;
+    padding-bottom: 90px;
+}
+
+.py-100 {
+    padding-top: 100px;
+    padding-bottom: 100px;
+}
+
+.pt-30 {
+    padding-top: 30px;
+}
+
+.pt-40 {
+    padding-top: 40px;
+}
+
+.pt-50 {
+    padding-top: 50px;
+}
+
+.pt-60 {
+    padding-top: 60px;
+}
+
+.pt-70 {
+    padding-top: 70px;
+}
+
+.pt-80 {
+    padding-top: 80px;
+}
+
+.pt-90 {
+    padding-top: 90px;
+}
+
+.pt-100 {
+    padding-top: 100px;
+}
+
+.pb-30 {
+    padding-bottom: 30px;
+}
+
+.pb-40 {
+    padding-bottom: 40px;
+}
+
+.pb-50 {
+    padding-bottom: 50px;
+}
+
+.pb-60 {
+    padding-bottom: 60px;
+}
+
+.pb-70 {
+    padding-bottom: 70px;
+}
+
+.pb-80 {
+    padding-bottom: 80px;
+}
+
+.pb-90 {
+    padding-bottom: 90px;
+}
+
+.pb-100 {
+    padding-bottom: 100px;
+}
+
+.mt-10 {
+    margin-top: 10px;
+}
+
+.mt-15 {
+    margin-top: 15px;
+}
+
+.mt-20 {
+    margin-top: 20px;
+}
+
+.mt-25 {
+    margin-top: 25px;
+}
+
+.mt-30 {
+    margin-top: 30px;
+}
+
+.mt-35 {
+    margin-top: 35px;
+}
+
+.mt-40 {
+    margin-top: 40px;
+}
+
+.mt-45 {
+    margin-top: 45px;
+}
+
+.mt-50 {
+    margin-top: 50px;
+}
+
+.mt-55 {
+    margin-top: 55px;
+}
+
+.mt-60 {
+    margin-top: 60px;
+}
+
+.mt-65 {
+    margin-top: 65px;
+}
+
+.mt-70 {
+    margin-top: 70px;
+}
+
+.mt-75 {
+    margin-top: 75px;
+}
+
+.mt-80 {
+    margin-top: 80px;
+}
+
+.mt-85 {
+    margin-top: 85px;
+}
+
+.mt-90 {
+    margin-top: 90px;
+}
+
+.mt-95 {
+    margin-top: 95px;
+}
+
+.mt-100 {
+    margin-top: 100px;
+}
+
+.mb-10 {
+    margin-bottom: 10px;
+}
+
+.mb-15 {
+    margin-bottom: 15px;
+}
+
+.mb-20 {
+    margin-bottom: 20px;
+}
+
+.mb-25 {
+    margin-bottom: 25px;
+}
+
+.mb-30 {
+    margin-bottom: 30px;
+}
+
+.mb-35 {
+    margin-bottom: 35px;
+}
+
+.mb-40 {
+    margin-bottom: 40px;
+}
+
+.mb-45 {
+    margin-bottom: 45px;
+}
+
+.mb-50 {
+    margin-bottom: 50px;
+}
+
+.mb-55 {
+    margin-bottom: 55px;
+}
+
+.mb-60 {
+    margin-bottom: 60px;
+}
+
+.mb-65 {
+    margin-bottom: 65px;
+}
+
+.mb-70 {
+    margin-bottom: 70px;
+}
+
+.mb-75 {
+    margin-bottom: 75px;
+}
+
+.mb-80 {
+    margin-bottom: 80px;
+}
+
+.mb-85 {
+    margin-bottom: 85px;
+}
+
+.mb-90 {
+    margin-bottom: 90px;
+}
+
+.mb-95 {
+    margin-bottom: 95px;
+}
+
+.mb-100 {
+    margin-bottom: 100px;
+}
+
+.ml-5 {
+    margin-left: 5px;
+}
+
+.ml-10 {
+    margin-left: 10px;
+}
+
+.ml-15 {
+    margin-left: 15px;
+}
+
+.ml-20 {
+    margin-left: 20px;
+}
+
+.ml-25 {
+    margin-left: 25px;
+}
+
+.ml-30 {
+    margin-left: 30px;
+}
+
+.mr-5 {
+    margin-right: 5px;
+}
+
+.mr-10 {
+    margin-right: 10px;
+}
+
+.mr-15 {
+    margin-right: 15px;
+}
+
+.mr-20 {
+    margin-right: 20px;
+}
+
+.mr-25 {
+    margin-right: 25px;
+}
+
+.mr-30 {
+    margin-right: 30px;
+}
+
+/*------------------------------------------*/
+/*  BACKGROUND SETTINGS
+/*------------------------------------------*/
+
+.bg--fixed,
+.bg--scroll {
+    width: 100%;
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: cover;
+}
+
+.bg--fixed {
+    background-attachment: scroll !important;
+}
+
+.bg--scroll {
+    background-attachment: fixed !important;
+}
+
+/*------------------------------------------*/
+/*  BACKGROUND COLORS
+/*------------------------------------------*/
+
+.bg--white-500 {
+    background-color: #f2f4f8;
+}
+
+.bg--white-400 {
+    background-color: #f4f4f9;
+}
+
+.bg--white-300 {
+    background-color: #f7f8f9;
+}
+
+.bg--white-200 {
+    background-color: #fbfbfd;
+}
+
+.bg--white-100 {
+    background-color: #fff;
+}
+
+.bg--black-500 {
+    background-color: #22223b;
+}
+
+.bg--black-400 {
+    background-color: #2e3648;
+}
+
+.bg--black-300 {
+    background-color: #394455;
+}
+
+.bg--black-200 {
+    background-color: #e1e3e5;
+}
+
+.bg--black-100 {
+    background-color: #ecf1f4;
+}
+
+.bg--blue-500 {
+    background-color: #185abd;
+}
+
+.bg--blue-400 {
+    background-color: #1680fb;
+}
+
+.bg--blue-300 {
+    background-color: #3eb1ff;
+}
+
+.bg--blue-200 {
+    background-color: #ddedff;
+}
+
+.bg--blue-100 {
+    background-color: #f4f9fc;
+}
+
+.bg--green-500 {
+    background-color: #00a14e;
+}
+
+.bg--green-400 {
+    background-color: #0fbc49;
+}
+
+.bg--green-300 {
+    background-color: #6fd792;
+}
+
+.bg--green-200 {
+    background-color: #cff2db;
+}
+
+.bg--green-100 {
+    background-color: #e9f8f2;
+}
+
+.bg--pink-500 {
+    background-color: #ff149c;
+}
+
+.bg--pink-400 {
+    background-color: #f74780;
+}
+
+.bg--pink-300 {
+    background-color: #fcb5cc;
+}
+
+.bg--pink-200 {
+    background-color: #fee4ec;
+}
+
+.bg--pink-100 {
+    background-color: #feecf2;
+}
+
+.bg--purple-5000 {
+    background-color: #663ae9;
+}
+
+.bg--purple-500 {
+    background-color: #7827e6;
+}
+
+.bg--purple-400 {
+    background-color: #7b5dd6;
+}
+
+.bg--purple-300 {
+    background-color: #bdaeea;
+}
+
+.bg--purple-200 {
+    background-color: #e5deff;
+}
+
+.bg--purple-100 {
+    background-color: #f1edff;
+}
+
+.bg--red-500 {
+    background-color: #da0f29;
+}
+
+.bg--red-400 {
+    background-color: #ff1e1a;
+}
+
+.bg--red-300 {
+    background-color: #ffa5a3;
+}
+
+.bg--red-200 {
+    background-color: #ffd2d1;
+}
+
+.bg--red-100 {
+    background-color: #fce7e4;
+}
+
+.bg--violet-500 {
+    background-color: #c73e9b;
+}
+
+.bg--violet-400 {
+    background-color: #be6cbe;
+}
+
+.bg--violet-300 {
+    background-color: #e2bde2;
+}
+
+.bg--violet-200 {
+    background-color: #f1cde5;
+}
+
+.bg--violet-100 {
+    background-color: #f7e4f1;
+}
+
+.bg--yellow-500 {
+    background-color: #ffba01;
+}
+
+.bg--yellow-400 {
+    background-color: #ffbd45;
+}
+
+.bg--yellow-300 {
+    background-color: #ffdf35;
+}
+
+.bg--yellow-200 {
+    background-color: #fef5cd;
+}
+
+.bg--yellow-100 {
+    background-color: #fef9e5;
+}
+
+.bg--tra-black {
+    background-color: rgba(0, 0, 0, .04);
+}
+
+.bg--tra-white {
+    background-color: rgba(255, 255, 255, .15);
+}
+
+.bg--primary-blue {
+    background-color: #2160fd;
+}
+
+.bg--light-grey {
+    background-color: #f0f3ff;
+}
+
+.bg--snow {
+    background-color: #fdfdfd;
+}
+
+/*------------------------------------------*/
+/*  GRADIENT COLOR BACKGROUND
+/*------------------------------------------*/
+
+.gr--ghost {
+    background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%);
+}
+
+.gr--snow {
+    background-image: linear-gradient(to left, #f3edf7, #f9f6fa);
+}
+
+.gr--cotton {
+    background-image: linear-gradient(180deg, rgba(223, 225, 250, .8) 50%, rgba(223, 225, 250, .05) 100%);
+}
+
+.gr--ghostwhite {
+    background-image: linear-gradient(to left, #e9e9f5, #f4f4f9);
+}
+
+.gr--smoke {
+    background: linear-gradient(180deg, #f8f9fe 0%, #f4f4f9 100%);
+}
+
+.gr--whitesmoke {
+    background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%);
+}
+
+.gr--perl {
+    background-image: linear-gradient(180deg, rgba(236, 234, 253, .8) 50%, rgba(236, 234, 253, .05) 100%);
+}
+
+/*------------------------------------------*/
+/*  BACKGROUND SHAPE
+/*------------------------------------------*/
+
+.shape--01:after,
+.shape--02:after,
+.shape--03:after,
+.shape--04:after,
+.shape--05:after,
+.shape--06:after,
+.shape--07:after {
+    position: absolute;
+    content: '';
+    z-index: -1;
+}
+
+.shape--02.r-24:after {
+    -webkit-border-radius: 24px;
+    -moz-border-radius: 24px;
+    -o-border-radius: 24px;
+    border-radius: 24px;
+}
+
+.shape--01:after {
+    width: 150%;
+    height: 80%;
+    top: 13%;
+    left: -25%;
+}
+
+.shape--02:after {
+    width: 86%;
+    height: 80%;
+    top: 13%;
+    left: 7%;
+}
+
+.shape--03:after {
+    width: 78%;
+    height: 120%;
+    top: -60px;
+    left: 11%;
+    -webkit-border-radius: 24px;
+    -moz-border-radius: 24px;
+    -o-border-radius: 24px;
+    border-radius: 24px;
+}
+
+.shape--04:after {
+    width: 100%;
+    height: 80%;
+    top: 10%;
+    left: 0;
+}
+
+.shape--05:after {
+    width: 150%;
+    height: 90%;
+    top: 0;
+    left: -25%;
+}
+
+.shape--06:after {
+    width: 150%;
+    height: 75%;
+    top: 0;
+    left: -25%;
+}
+
+.shape--07:after {
+    width: 200%;
+    height: 50%;
+    top: 37%;
+    left: -50%;
+}
+
+.shape--whitesmoke:after {
+    background-color: rgba(123, 104, 238, .05);
+}
+
+.shape--white-500:after {
+    background-color: #f2f4f8;
+}
+
+.shape--white-400:after {
+    background-color: #f4f4f9;
+}
+
+.shape--white-300:after {
+    background-color: #f7f8f9;
+}
+
+.shape--white-200:after {
+    background-color: #fbfbfd;
+}
+
+.shape--black-500:after {
+    background-color: #22223b;
+}
+
+.shape--black-400:after {
+    background-color: #2e3648;
+}
+
+.shape--black-300:after {
+    background-color: #394455;
+}
+
+.shape--black-200:after {
+    background-color: #e1e3e5;
+}
+
+.shape--black-100:after {
+    background-color: #ecf1f4;
+}
+
+.shape--blue-500:after {
+    background-color: #185abd;
+}
+
+.shape--blue-400:after {
+    background-color: #1680fb;
+}
+
+.shape--blue-300:after {
+    background-color: #3eb1ff;
+}
+
+.shape--blue-200:after {
+    background-color: #ddedff;
+}
+
+.shape--blue-100:after {
+    background-color: #f4f9fc;
+}
+
+.shape--green-500:after {
+    background-color: #00a14e;
+}
+
+.shape--green-400:after {
+    background-color: #0fbc49;
+}
+
+.shape--green-300:after {
+    background-color: #6fd792;
+}
+
+.shape--green-200:after {
+    background-color: #cff2db;
+}
+
+.shape--green-100:after {
+    background-color: #e9f8f2;
+}
+
+.shape--pink-500:after {
+    background-color: #ff149c;
+}
+
+.shape--pink-400:after {
+    background-color: #f74780;
+}
+
+.shape--pink-300:after {
+    background-color: #fcb5cc;
+}
+
+.shape--pink-200:after {
+    background-color: #fee4ec;
+}
+
+.shape--pink-100:after {
+    background-color: #feecf2;
+}
+
+.shape--purple-500:after {
+    background-color: #663ae9;
+}
+
+.shape--purple-400:after {
+    background-color: #7b5dd6;
+}
+
+.shape--purple-300:after {
+    background-color: #bdaeea;
+}
+
+.shape--purple-200:after {
+    background-color: #e5deff;
+}
+
+.shape--purple-100:after {
+    background-color: #f1edff;
+}
+
+.shape--red-500:after {
+    background-color: #da0f29;
+}
+
+.shape--red-400:after {
+    background-color: #ff1e1a;
+}
+
+.shape--red-300:after {
+    background-color: #ffa5a3;
+}
+
+.shape--red-200:after {
+    background-color: #ffd2d1;
+}
+
+.shape--red-100:after {
+    background-color: #fce7e4;
+}
+
+.shape--violet-500:after {
+    background-color: #c73e9b;
+}
+
+.shape--violet-400:after {
+    background-color: #be6cbe;
+}
+
+.shape--violet-300:after {
+    background-color: #e2bde2;
+}
+
+.shape--violet-200:after {
+    background-color: #f1cde5;
+}
+
+.shape--violet-100:after {
+    background-color: #f7e4f1;
+}
+
+.shape--gr-ghost:after {
+    background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%);
+}
+
+.shape--gr-whitesmoke:after {
+    background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%);
+}
+
+/*------------------------------------------*/
+/*  BACKGROUND PATTERN
+/*------------------------------------------*/
+
+.pattern-01,
+.pattern-02,
+.pattern-03,
+.pattern-04,
+.pattern-05 {
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: cover;
+}
+
+.pattern-01 {
+    background-image: url(../images/pattern-01.png);
+}
+
+.pattern-02 {
+    background-image: url(../images/pattern-02.png);
+}
+
+.pattern-03 {
+    background-image: url(../images/pattern-03.png);
+}
+
+.pattern-04 {
+    background-image: url(../images/pattern-04.png);
+}
+
+/* .pattern-05 { background-image: url(../images/pattern-05.png); } */
+
+/*------------------------------------------*/
+/*  BACKGROUND IMAGE
+/*------------------------------------------*/
+
+.bg--01,
+.bg--02,
+.bg--03,
+.bg--04,
+.bg--05,
+.bg--06,
+.bg--07,
+.bg--08 {
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: cover;
+}
+
+.bg--01 {
+    background-image: url(../images/bg-01.jpg);
+}
+
+.bg--02 {
+    background-image: url(../images/bg-02.jpg);
+}
+
+.bg--03 {
+    background-image: url(../images/bg-03.jpg);
+}
+
+.bg--04 {
+    background-image: url(../images/bg-04.jpg);
+}
+
+.bg--05 {
+    background-image: url(../images/bg-05.jpg);
+}
+
+/* .bg--06 { background-image: url(../images/bg-06.jpg); } */
+/* .bg--07 { background-image: url(../images/bg-07.jpg); } */
+/* .bg--08 { background-image: url(../images/bg-08.jpg); } */
+
+/*------------------------------------------*/
+/*  SECTION DIVIDER
+/*------------------------------------------*/
+
+hr.divider {
+    width: 100%;
+    height: 1px;
+    background-color: transparent;
+    background-image: linear-gradient(90deg, rgba(206, 211, 246, 0) 0, #bbb 38%, #bbb 64%, rgba(206, 211, 246, 0) 99%);
+    opacity: .4;
+    border: none;
+    margin: 0;
+}
+
+/*------------------------------------------*/
+/*  WAVE SHAPE BOTTOM
+/*------------------------------------------*/
+
+.wave-shape-bottom {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+}
+
+
+
+
+/* ==========================================================================
+  02. TYPOGRAPHY
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  HEADERS
+/*------------------------------------------*/
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    color: #353f4f;
+    font-weight: 600;
+    letter-spacing: 0;
+    margin-bottom: 0;
+}
+
+.font--jakarta h1,
+.font--jakarta h2,
+.font--jakarta h3,
+.font--jakarta h4,
+.font--jakarta h5,
+.font--jakarta h6 {
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    line-height: 1.35;
+}
+
+.font--jakarta h1,
+.font--jakarta h2 {
+    line-height: 1.25;
+}
+
+.font--inter h1,
+.font--inter h2,
+.font--inter h3,
+.font--inter h4,
+.font--inter h5,
+.font--inter h6 {
+    font-family: 'Inter', sans-serif;
+    letter-spacing: -0.5px;
+}
+
+/*------------------------------------------*/
+/*  PARAGRAPHS
+/*------------------------------------------*/
+
+p.p-sm {
+    font-size: 0.9375rem;
+}
+
+/* 15px */
+p {
+    font-size: 1rem;
+}
+
+/* 16px */
+p.p-md {
+    font-size: 1.0625rem;
+}
+
+/* 17px */
+p.p-lg {
+    font-size: 1.125rem;
+}
+
+/* 18px */
+p.p-xl {
+    font-size: 1.2rem;
+}
+
+/* 19.2px */
+
+/*------------------------------------------*/
+/*  FONT SIZE
+/*------------------------------------------*/
+
+.s-15 {
+    font-size: 0.9375rem;
+}
+
+/* 15px */
+.s-16 {
+    font-size: 1rem;
+}
+
+/* 16px */
+.s-17 {
+    font-size: 1.0625rem;
+}
+
+/* 17px */
+.s-18 {
+    font-size: 1.125rem;
+}
+
+/* 18px */
+.s-19 {
+    font-size: 1.1875rem;
+}
+
+/* 19px */
+.s-20 {
+    font-size: 1.25rem;
+}
+
+/* 20px */
+.s-21 {
+    font-size: 1.3125rem;
+}
+
+/* 21px */
+.s-22 {
+    font-size: 1.375rem;
+}
+
+/* 22px */
+.s-23 {
+    font-size: 1.4375rem;
+}
+
+/* 23px */
+.s-24 {
+    font-size: 1.5rem;
+}
+
+/* 24px */
+.s-26 {
+    font-size: 1.625rem;
+}
+
+/* 26px */
+.s-28 {
+    font-size: 1.75rem;
+}
+
+/* 28px */
+.s-30 {
+    font-size: 1.875rem;
+}
+
+/* 30px */
+.s-32 {
+    font-size: 2rem;
+}
+
+/* 32px */
+.s-34 {
+    font-size: 2.125rem;
+}
+
+/* 34px */
+.s-36 {
+    font-size: 2.25rem;
+}
+
+/* 36px */
+.s-38 {
+    font-size: 2.375rem;
+}
+
+/* 38px */
+.s-40 {
+    font-size: 2.5rem;
+}
+
+/* 40px */
+.s-42 {
+    font-size: 2.625rem;
+}
+
+/* 42px */
+.s-43 {
+    font-size: 2.6875rem;
+}
+
+/* 43px */
+.s-44 {
+    font-size: 2.75rem;
+}
+
+/* 44px */
+.s-45 {
+    font-size: 2.8125rem;
+}
+
+/* 45px */
+.s-46 {
+    font-size: 2.875rem;
+}
+
+/* 46px */
+.s-47 {
+    font-size: 2.9375rem;
+}
+
+/* 47px */
+.s-48 {
+    font-size: 3rem;
+}
+
+/* 48px */
+.s-50 {
+    font-size: 3.125rem;
+}
+
+/* 50px */
+.s-52 {
+    font-size: 3.25rem;
+}
+
+/* 52px */
+.s-54 {
+    font-size: 3.375rem;
+}
+
+/* 54px */
+.s-56 {
+    font-size: 3.5rem;
+}
+
+/* 56px */
+.s-58 {
+    font-size: 3.625rem;
+}
+
+/* 58px */
+.s-60 {
+    font-size: 3.75rem;
+}
+
+/* 60px */
+.s-62 {
+    font-size: 3.875rem;
+}
+
+/* 62px */
+.s-64 {
+    font-size: 4rem;
+}
+
+/* 64px */
+.s-66 {
+    font-size: 4.125rem;
+}
+
+/* 66px */
+.s-68 {
+    font-size: 4.25rem;
+}
+
+/* 68px */
+.s-70 {
+    font-size: 4.375rem;
+}
+
+/* 70px */
+.s-72 {
+    font-size: 4.5rem;
+}
+
+/* 72px */
+.s-74 {
+    font-size: 4.625rem;
+}
+
+/* 74px */
+.s-76 {
+    font-size: 4.75rem;
+}
+
+/* 76px */
+.s-78 {
+    font-size: 4.875rem;
+}
+
+/* 78px */
+.s-80 {
+    font-size: 5rem;
+}
+
+/* 80px */
+
+/*------------------------------------------*/
+/*  FONT WEIGHT
+/*------------------------------------------*/
+
+.txt-upcase {
+    text-transform: uppercase
+}
+
+.w-200 {
+    font-weight: 200;
+}
+
+.w-300 {
+    font-weight: 300;
+}
+
+.w-400 {
+    font-weight: 400;
+}
+
+.w-500 {
+    font-weight: 500;
+}
+
+.w-600 {
+    font-weight: 600;
+}
+
+.w-700 {
+    font-weight: 700;
+}
+
+.w-800 {
+    font-weight: 800;
+}
+
+.w-900 {
+    font-weight: 900;
+}
+
+/*------------------------------------------*/
+/*  LINK SETTINGS
+/*------------------------------------------*/
+
+a {
+    color: #6c757d;
+    text-decoration: none;
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+a:hover {
+    color: #353f4f !important;
+    text-decoration: none;
+}
+
+a:focus {
+    outline: none;
+    text-decoration: none;
+}
+
+a.tra-link {
+    font-size: 1rem;
+    line-height: 1;
+    font-weight: 500;
+}
+
+a.tra-link span {
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+.tra-link.ico-20 [class*="flaticon-"]:before,
+.tra-link.ico-20 [class*="flaticon-"]:after {
+    position: relative;
+    font-size: 0.75rem;
+    line-height: 0.7rem !important;
+    top: 2px;
+    left: 2px;
+}
+
+a.tra-link:hover span {
+    color: #353f4f !important;
+}
+
+/*------------------------------------------*/
+/*  LISTS
+/*------------------------------------------*/
+
+ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+/*------------------------------------------*/
+/*  TEXT LIST
+/*------------------------------------------*/
+
+ul.simple-list {
+    list-style: disc;
+    margin-left: 15px;
+}
+
+ul.simple-list.long-list p {
+    margin-bottom: 8px;
+}
+
+/*------------------------------------------*/
+/*  DIGIT LIST
+/*------------------------------------------*/
+
+ol.digit-list {
+    padding: 0;
+    margin-left: 15px;
+}
+
+ol.digit-list p {
+    margin-bottom: 8px;
+}
+
+/*------------------------------------------*/
+/*  BUTTON SETTINGS
+/*------------------------------------------*/
+
+.btn {
+    background-color: transparent;
+    font-size: 1rem;
+    line-height: 1;
+    font-weight: 500;
+    padding: 0.9rem 1.8rem;
+    border: 2px solid transparent;
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+.btn.btn-sm {
+    font-size: 0.975rem;
+    padding: 0.7rem 1.5rem;
+}
+
+.btn.ico-30.ico-left,
+.btn.ico-30.ico-right {
+    padding: 0.37rem 0;
+}
+
+/*------------------------------------------*/
+/*  Buttons Group
+/*------------------------------------------*/
+
+.text-center .btns-group {
+    display: inline-block;
+}
+
+.btns-group .btn:first-child {
+    margin-right: 15px;
+}
+
+.btns-group .btn.ico-30.ico-left {
+    padding: 0.37rem 0.5rem;
+}
+
+.btns-group .btn.ico-30.ico-right {
+    padding: 0.37rem 0;
+}
+
+/*------------------------------------------*/
+/*  Button Icon
+/*------------------------------------------*/
+
+.btn.ico-20 [class*="flaticon-"]:before,
+.btn.ico-20 [class*="flaticon-"]:after {
+    position: relative;
+    font-size: 1rem;
+    line-height: 0.7rem !important;
+    top: 4px;
+}
+
+.btn.ico-left span {
+    margin-right: 5px;
+}
+
+.btn.ico-right span {
+    margin-left: 5px;
+}
+
+.btn.ico-30.ico-left span {
+    position: relative;
+    top: 0;
+    right: 4px;
+}
+
+.btn.ico-30.ico-right span {
+    position: relative;
+    top: 0;
+    left: 4px;
+}
+
+.btn.ico-30.ico-left span.ico-30-txt,
+.btn.ico-30.ico-right span.ico-30-txt {
+    position: relative;
+    top: -10px;
+    right: 0;
+}
+
+.btn.ico-30.ico-right span.ico-30-txt {
+    left: 0;
+}
+
+/*------------------------------------------*/
+/*  Button Text
+/*------------------------------------------*/
+
+p.btn-txt {
+    margin: 20px 0 0 0;
+}
+
+.btn-rating p.btn-txt {
+    margin: 0;
+}
+
+.star-rating span.rating-txt {
+    font-size: 0.9375rem;
+}
+
+p.btns-group-txt {
+    margin: 14px 0 0 0;
+}
+
+.btn-rating {
+    margin-top: 18px;
+}
+
+.text-center p.btns-group-txt {
+    margin-top: 20px;
+}
+
+p.btn-txt.ico-15,
+p.btns-group-txt.ico-15 {
+    padding-left: 5px;
+}
+
+.text-center p.btn-txt.ico-15,
+.text-center p.btns-group-txt.ico-15 {
+    padding-left: 0;
+}
+
+p.btn-txt span,
+p.btns-group-txt span {
+    position: relative;
+    top: 0.5px;
+    right: 2px;
+}
+
+p.btns-group-txt span.txt-data {
+    display: block;
+    top: 0;
+    right: 0;
+}
+
+p.btns-group-txt span.txt-data a {
+    margin-left: 4px;
+    text-decoration: underline;
+}
+
+p.btns-group-txt span.txt-data a:hover {
+    text-decoration: none;
+}
+
+.hero-section .color--white p.btns-group-txt span.txt-data a:hover {
+    color: #fff !important;
+}
+
+.btn-txt.ico-15 [class*="flaticon-"]:before,
+.btn-txt.ico-15 [class*="flaticon-"]:after,
+.btns-group-txt.ico-15 [class*="flaticon-"]:before,
+.btns-group-txt.ico-15 [class*="flaticon-"]:after {
+    font-size: 0.75rem;
+}
+
+.star-rating.ico-15 [class*="flaticon-"]:before,
+.star-rating.ico-15 [class*="flaticon-"]:after {
+    position: relative;
+    font-size: 1rem;
+    top: 3px;
+}
+
+/*------------------------------------------*/
+/*  TRANSPARENT BUTTON
+/*------------------------------------------*/
+
+.btn--tra {
+    color: #fff !important;
+    border-color: transparent !important;
+    background-color: rgba(255, 255, 255, .2) !important;
+}
+
+/*------------------------------------------*/
+/*  WHITE BUTTON
+/*------------------------------------------*/
+
+.btn--transparent {
+    color: #353f4f;
+    background-color: transparent;
+    border-color: transparent;
+}
+
+.btn--transparent:hover {
+    background-color: transparent !important;
+    border-color: transparent !important;
+}
+
+.btn--white,
+.hover--white:hover {
+    color: #353f4f !important;
+    background-color: #fff !important;
+    border-color: #fff !important;
+}
+
+.btn--tra-white,
+.hover--tra-white:hover {
+    color: #fff !important;
+    background-color: transparent !important;
+    border-color: #fff !important;
+}
+
+.white-scroll .scroll .hover--tra-white:hover {
+    color: #353f4f !important;
+    background-color: transparent !important;
+    border-color: #353f4f !important;
+}
+
+/*------------------------------------------*/
+/*  BLACK BUTTON
+/*------------------------------------------*/
+
+.btn--black,
+.hover--black:hover {
+    color: #fff !important;
+    background-color: #353f4f !important;
+    border-color: #353f4f !important;
+}
+
+.btn--tra-black,
+.hover--tra-black:hover {
+    color: #353f4f !important;
+    background-color: transparent !important;
+    border-color: #353f4f !important;
+}
+
+/*------------------------------------------*/
+/*  GREY BUTTON
+/*------------------------------------------*/
+
+.btn--tra-grey,
+.hover--tra-grey:hover,
+.white-scroll .scroll .hover--tra-grey:hover,
+.black-scroll .scroll .hover--tra-grey:hover {
+    color: #353f4f !important;
+    background-color: transparent !important;
+    border-color: #ccc !important;
+}
+
+/*------------------------------------------*/
+/*  BLUE BUTTON
+/*------------------------------------------*/
+
+.btn--blue-500,
+.hover--blue-500:hover,
+.white-scroll .scroll .hover--blue-500:hover,
+.black-scroll .scroll .hover--blue-500:hover {
+    color: #fff !important;
+    border-color: #185abd !important;
+    background-color: #185abd !important;
+}
+
+.btn--blue-400,
+.hover--blue-400:hover,
+.white-scroll .scroll .hover--blue-400:hover,
+.black-scroll .scroll .hover--blue-400:hover {
+    color: #fff !important;
+    border-color: #1680fb !important;
+    background-color: #1680fb !important;
+}
+
+.btn--blue-300,
+.hover--blue-300:hover,
+.white-scroll .scroll .hover--blue-300:hover,
+.black-scroll .scroll .hover--blue-300:hover {
+    color: #fff !important;
+    border-color: #3eb1ff !important;
+    background-color: #3eb1ff !important;
+}
+
+.btn--blue-200,
+.hover--blue-200:hover,
+.white-scroll .scroll .hover--blue-200:hover,
+.black-scroll .scroll .hover--blue-200:hover {
+    color: #1680fb !important;
+    border-color: #e3ebfe !important;
+    background-color: #e3ebfe !important;
+}
+
+.btn--blue-100,
+.hover--blue-100:hover,
+.white-scroll .scroll .hover--blue-100:hover,
+.black-scroll .scroll .hover--blue-100:hover {
+    color: #1680fb !important;
+    border-color: #1680fb !important;
+    background-color: transparent !important;
+}
+
+/*------------------------------------------*/
+/*  GREEN BUTTON
+/*------------------------------------------*/
+
+.btn--green-500,
+.hover--green-500:hover,
+.white-scroll .scroll .hover--green-500:hover,
+.black-scroll .scroll .hover--green-500:hover {
+    color: #fff !important;
+    border-color: #00a14e !important;
+    background-color: #00a14e !important;
+}
+
+.btn--green-400,
+.hover--green-400:hover,
+.white-scroll .scroll .hover--green-400:hover,
+.black-scroll .scroll .hover--green-400:hover {
+    color: #fff !important;
+    border-color: #0fbc49 !important;
+    background-color: #0fbc49 !important;
+}
+
+.btn--green-300,
+.hover--green-300:hover,
+.white-scroll .scroll .hover--green-300:hover,
+.black-scroll .scroll .hover--green-300:hover {
+    color: #fff !important;
+    border-color: #6fd792 !important;
+    background-color: #6fd792 !important;
+}
+
+.btn--green-200,
+.hover--green-200:hover,
+.white-scroll .scroll .hover--green-200:hover,
+.black-scroll .scroll .hover--green-200:hover {
+    color: #0fbc49 !important;
+    border-color: #cff2db !important;
+    background-color: #cff2db !important;
+}
+
+.btn--green-100,
+.hover--green-100:hover,
+.white-scroll .scroll .hover--green-100:hover,
+.black-scroll .scroll .hover--green-100:hover {
+    color: #0fbc49 !important;
+    border-color: #0fbc49 !important;
+    background-color: transparent !important;
+}
+
+/*------------------------------------------*/
+/*  PINK BUTTON
+/*------------------------------------------*/
+
+.btn--pink-500,
+.hover--pink-500:hover,
+.white-scroll .scroll .hover--pink-500:hover,
+.black-scroll .scroll .hover--pink-500:hover {
+    color: #fff !important;
+    border-color: #ff149c !important;
+    background-color: #ff149c !important;
+}
+
+.btn--pink-400,
+.hover--pink-400:hover,
+.white-scroll .scroll .hover--pink-400:hover,
+.black-scroll .scroll .hover--pink-400:hover {
+    color: #fff !important;
+    border-color: #f74780 !important;
+    background-color: #f74780 !important;
+}
+
+.btn--pink-300,
+.hover--pink-300:hover,
+.white-scroll .scroll .hover--pink-300:hover,
+.black-scroll .scroll .hover--pink-300:hover {
+    color: #fff !important;
+    border-color: #fcb5cc !important;
+    background-color: #fcb5cc !important;
+}
+
+.btn--pink-200,
+.hover--pink-200:hover,
+.white-scroll .scroll .hover--pink-200:hover,
+.black-scroll .scroll .hover--pink-200:hover {
+    color: #f74780 !important;
+    border-color: #fee4ec !important;
+    background-color: #fee4ec !important;
+}
+
+.btn--pink-100,
+.hover--pink-100:hover,
+.white-scroll .scroll .hover--pink-100:hover,
+.black-scroll .scroll .hover--pink-100:hover {
+    color: #f74780 !important;
+    border-color: #f74780 !important;
+    background-color: transparent !important;
+}
+
+/*------------------------------------------*/
+/*  PURPLE BUTTON
+/*------------------------------------------*/
+
+.btn--purple-500,
+.hover--purple-500:hover,
+.white-scroll .scroll .hover--purple-500:hover,
+.black-scroll .scroll .hover--purple-500:hover {
+    color: #fff !important;
+    border-color: #663ae9 !important;
+    background-color: #663ae9 !important;
+}
+
+.btn--purple-400,
+.hover--purple-400:hover,
+.white-scroll .scroll .hover--purple-400:hover,
+.black-scroll .scroll .hover--purple-400:hover {
+    color: #fff !important;
+    border-color: #7b5dd6 !important;
+    background-color: #7b5dd6 !important;
+}
+
+.btn--purple-300,
+.hover--purple-300:hover,
+.white-scroll .scroll .hover--purple-300:hover,
+.black-scroll .scroll .hover--purple-300:hover {
+    color: #fff !important;
+    border-color: #bdaeea !important;
+    background-color: #bdaeea !important;
+}
+
+.btn--purple-200,
+.hover--purple-200:hover,
+.white-scroll .scroll .hover--purple-200:hover,
+.black-scroll .scroll .hover--purple-200:hover {
+    color: #7b5dd6 !important;
+    border-color: #e5deff !important;
+    background-color: #e5deff !important;
+}
+
+.btn--purple-100,
+.hover--purple-100:hover,
+.white-scroll .scroll .hover--purple-100:hover,
+.black-scroll .scroll .hover--purple-100:hover {
+    color: #7b5dd6 !important;
+    border-color: #7b5dd6 !important;
+    background-color: transparent !important;
+}
+
+/*------------------------------------------*/
+/*  RED BUTTON
+/*------------------------------------------*/
+
+.btn--red-500,
+.hover--red-500:hover,
+.white-scroll .scroll .hover--red-500:hover,
+.black-scroll .scroll .hover--red-500:hover {
+    color: #fff !important;
+    border-color: #da0f29 !important;
+    background-color: #da0f29 !important;
+}
+
+.btn--red-400,
+.hover--red-400:hover,
+.white-scroll .scroll .hover--red-400:hover,
+.black-scroll .scroll .hover--red-400:hover {
+    color: #fff !important;
+    border-color: #ff1e1a !important;
+    background-color: #ff1e1a !important;
+}
+
+.btn--red-300,
+.hover--red-300:hover,
+.white-scroll .scroll .hover--red-300:hover,
+.black-scroll .scroll .hover--red-300:hover {
+    color: #fff !important;
+    border-color: #ffa5a3 !important;
+    background-color: #ffa5a3 !important;
+}
+
+.btn--red-200,
+.hover--red-200:hover,
+.white-scroll .scroll .hover--red-200:hover,
+.black-scroll .scroll .hover--red-200:hover {
+    color: #ff1e1a !important;
+    border-color: #ffd2d1 !important;
+    background-color: #ffd2d1 !important;
+}
+
+.btn--red-100,
+.hover--red-100:hover,
+.white-scroll .scroll .hover--red-100:hover,
+.black-scroll .scroll .hover--red-100:hover {
+    color: #ff1e1a !important;
+    border-color: #ff1e1a !important;
+    background-color: transparent !important;
+}
+
+/*------------------------------------------*/
+/*  VIOLET BUTTON
+/*------------------------------------------*/
+
+.btn--violet-500,
+.hover--violet-500:hover,
+.white-scroll .scroll .hover--violet-500:hover,
+.black-scroll .scroll .hover--violet-500:hover {
+    color: #fff !important;
+    border-color: #c73e9b !important;
+    background-color: #c73e9b !important;
+}
+
+.btn--violet-400,
+.hover--violet-400:hover,
+.white-scroll .scroll .hover--violet-400:hover,
+.black-scroll .scroll .hover--violet-400:hover {
+    color: #fff !important;
+    border-color: #be6cbe !important;
+    background-color: #be6cbe !important;
+}
+
+.btn--violet-300,
+.hover--violet-300:hover,
+.white-scroll .scroll .hover--violet-300:hover,
+.black-scroll .scroll .hover--violet-300:hover {
+    color: #fff !important;
+    border-color: #e2bde2 !important;
+    background-color: #e2bde2 !important;
+}
+
+.btn--violet-200,
+.hover--violet-200:hover,
+.white-scroll .scroll .hover--violet-200:hover,
+.black-scroll .scroll .hover--violet-200:hover {
+    color: #be6cbe !important;
+    border-color: #f1cde5 !important;
+    background-color: #f1cde5 !important;
+}
+
+.btn--violet-100,
+.hover--violet-100:hover,
+.white-scroll .scroll .hover--violet-100:hover,
+.black-scroll .scroll .hover--violet-100:hover {
+    color: #be6cbe !important;
+    border-color: #be6cbe !important;
+    background-color: transparent !important;
+}
+
+/*------------------------------------------*/
+/*  YELLOW BUTTON
+/*------------------------------------------*/
+
+.btn--yellow-500,
+.hover--yellow-500:hover,
+.white-scroll .scroll .hover--yellow-500:hover,
+.black-scroll .scroll .hover--yellow-500:hover {
+    color: #353f4f !important;
+    border-color: #ffba01 !important;
+    background-color: #ffba01 !important;
+}
+
+.btn--yellow-400,
+.hover--yellow-400:hover,
+.white-scroll .scroll .hover--yellow-400:hover,
+.black-scroll .scroll .hover--yellow-400:hover {
+    color: #353f4f !important;
+    border-color: #ffbd45 !important;
+    background-color: #ffbd45 !important;
+}
+
+.btn--yellow-300,
+.hover--yellow-300:hover,
+.white-scroll .scroll .hover--yellow-300:hover,
+.black-scroll .scroll .hover--yellow-300:hover {
+    color: #353f4f !important;
+    border-color: #ffdf35 !important;
+    background-color: #ffdf35 !important;
+}
+
+.btn--yellow-200,
+.hover--yellow-200:hover,
+.white-scroll .scroll .hover--yellow-200:hover,
+.black-scroll .scroll .hover--yellow-200:hover {
+    color: #353f4f !important;
+    border-color: #fef5cd !important;
+    background-color: #fef5cd !important;
+}
+
+.btn--yellow-100,
+.hover--yellow-100:hover,
+.white-scroll .scroll .hover--yellow-100:hover,
+.black-scroll .scroll .hover--yellow-100:hover {
+    color: #ffba01 !important;
+    border-color: #ffba01 !important;
+    background-color: transparent !important;
+}
+
+/*------------------------------------------*/
+/*  BUTTON FOCUS
+/*------------------------------------------*/
+
+.btn:focus,
+.btn.btn--black:focus {
+    color: #fff;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+.btn--transparent:focus {
+    background-color: transparent !important;
+    border-color: transparent !important;
+}
+
+.btn--grey:focus {
+    color: #666;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+.btn--tra-black:focus,
+.btn--transparent:focus,
+.btn.btn--tra-grey:focus {
+    color: #353f4f;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  DOWNLOAD LINKS
+/*------------------------------------------*/
+
+.download-links li {
+    width: auto !important;
+    display: inline-block !important;
+    vertical-align: top;
+    clear: none !important;
+}
+
+.download-links-divider {
+    position: relative;
+    top: 1.5px;
+    transform: rotate(-90deg);
+}
+
+.download-links li p {
+    display: inline-block;
+    float: left;
+    margin-bottom: 0;
+}
+
+.download-links li p a {
+    font-weight: 500;
+}
+
+.download-links li p a:hover {
+    text-decoration: underline;
+}
+
+.color--white .download-links li p a:hover {
+    color: #fff !important;
+}
+
+/*------------------------------------------*/
+/*  OS DOWNLOAD BUTTON
+/*------------------------------------------*/
+
+.os-btn {
+    display: flex;
+    position: relative;
+    flex-flow: row wrap;
+    align-items: stretch !important;
+    justify-content: flex-start;
+    text-align: left;
+    width: 330px;
+    min-width: 330px;
+    background-color: #fff;
+    border: 1px solid #d3d3d3;
+    padding: 17px 18px 15px;
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+.os-btn:hover {
+    background-color: #f5f6f7;
+    border: 1px solid #f5f6f7;
+    -webkit-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05);
+    -moz-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05);
+    box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05);
+}
+
+.os-btn-ico {
+    position: relative;
+    margin-right: 20px;
+}
+
+.os-btn-txt {
+    overflow: hidden;
+    flex: 1;
+    max-width: 100%;
+}
+
+.os-btn-txt p {
+    color: #353f4f;
+    font-size: 1.05rem;
+    line-height: 1;
+    font-weight: 500;
+    letter-spacing: -0.5px;
+    margin-top: 6px;
+    margin-bottom: 5px;
+}
+
+.os-btn-txt span {
+    display: block;
+    font-size: 0.9rem;
+    line-height: 1;
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  STORE BADGE ICONS
+/*------------------------------------------*/
+
+.stores-badge {
+    display: inline-block;
+}
+
+.store {
+    display: inline-block;
+    text-align: center;
+    margin-right: 10px;
+}
+
+.store:last-child {
+    margin-right: 0;
+}
+
+.store img {
+    width: auto;
+    max-width: inherit;
+}
+
+.badge-img-xs .store img {
+    max-height: 2.5rem;
+}
+
+.badge-img-sm .store img {
+    max-height: 2.625rem;
+}
+
+.badge-img-md .store img {
+    max-height: 2.875rem;
+}
+
+.badge-img-lg .store img {
+    max-height: 3rem;
+}
+
+/*------------------------------------------*/
+/*  WATCH VIDEO LINK
+/*------------------------------------------*/
+
+.watch-video {
+    display: flex;
+    position: relative;
+    flex-flow: row wrap;
+    align-items: stretch !important;
+    justify-content: flex-start;
+    margin-top: 25px;
+}
+
+/*------------------------------------------*/
+/*  Link Icon
+/*------------------------------------------*/
+
+.watch-video-link {
+    position: relative;
+    text-align: center;
+    float: left;
+    width: 2.85rem;
+    height: 2.85rem;
+    color: #fff;
+    border: none;
+    margin-right: 12px;
+    -webkit-border-radius: 100%;
+    -moz-border-radius: 100%;
+    border-radius: 100%;
+}
+
+.watch-video-link:before {
+    content: '';
+    position: absolute;
+    left: -3px;
+    right: -3px;
+    top: -3px;
+    bottom: -3px;
+    background: rgba(255, 255, 255, 0.2);
+    opacity: 0;
+    -webkit-border-radius: 50%;
+    -moz-border-radius: 50%;
+    border-radius: 50%;
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+.watch-video-link:hover:before {
+    opacity: .75;
+    left: -8px;
+    right: -8px;
+    top: -8px;
+    bottom: -8px;
+}
+
+.watch-video-link span[class^="flaticon-"]:before,
+.watch-video-link span[class^="flaticon-"]:after {
+    font-size: 2rem;
+    line-height: 2.85rem !important;
+    margin-left: 5px;
+}
+
+/*------------------------------------------*/
+/*  Link Text
+/*------------------------------------------*/
+
+.watch-video-txt {
+    overflow: hidden;
+    flex: 1;
+    max-width: 100%;
+    text-align: left !important;
+}
+
+p.video-txt-lg {
+    font-size: 1rem;
+    line-height: 1;
+    font-weight: 400;
+    margin-bottom: 5px;
+}
+
+p.video-txt-sm {
+    font-size: 0.925rem;
+    line-height: 1;
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  VIDEO POPUP ICON
+/*------------------------------------------*/
+
+.video-preview {
+    position: relative;
+    text-align: center;
+}
+
+.video-btn {
+    position: absolute !important;
+    top: 50%;
+    left: 50%;
+    display: inline-block;
+    text-align: center;
+    color: #fff;
+    -webkit-border-radius: 100%;
+    -moz-border-radius: 100%;
+    border-radius: 100%;
+}
+
+.video-btn-xl {
+    width: 6.25rem;
+    height: 6.25rem;
+    margin-top: -3.125rem;
+    margin-left: -3.125rem;
+}
+
+.video-btn-lg {
+    width: 5.625rem;
+    height: 5.625rem;
+    margin-top: -2.8125rem;
+    margin-left: -2.8125rem;
+}
+
+.video-btn-md {
+    width: 5rem;
+    height: 5rem;
+    margin-top: -2.5rem;
+    margin-left: -2.5rem;
+}
+
+.video-btn-sm {
+    width: 4.375rem;
+    height: 4.375rem;
+    margin-top: -2.1875rem;
+    margin-left: -2.1875rem;
+}
+
+.video-block-wrapper {
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+.video-btn.video-btn-xl [class^="flaticon-"]:before,
+.video-btn.video-btn-xl [class^="flaticon-"]:after {
+    font-size: 5rem;
+    line-height: 6.25rem !important;
+    margin-left: 10px;
+}
+
+.video-btn.video-btn-lg [class^="flaticon-"]:before,
+.video-btn.video-btn-lg [class^="flaticon-"]:after {
+    font-size: 4.5rem;
+    line-height: 5.625rem !important;
+    margin-left: 8px;
+}
+
+.video-btn.video-btn-md [class^="flaticon-"]:before,
+.video-btn.video-btn-md [class^="flaticon-"]:after {
+    font-size: 4.35rem;
+    line-height: 5rem !important;
+    margin-left: 8px;
+}
+
+.video-btn.video-btn-sm [class^="flaticon-"]:before,
+.video-btn.video-btn-sm [class^="flaticon-"]:after {
+    font-size: 3.5rem;
+    line-height: 4.375rem !important;
+    margin-left: 5px;
+}
+
+.video-btn:hover .video-block-wrapper {
+    -moz-transform: scale(0.95);
+    -ms-transform: scale(0.95);
+    -webkit-transform: scale(0.95);
+    -o-transform: scale(0.95);
+    transform: scale(0.95);
+}
+
+.video-btn:before {
+    content: '';
+    position: absolute;
+    left: -5px;
+    right: -5px;
+    top: -5px;
+    bottom: -5px;
+    background: rgba(255, 255, 255, 0.2);
+    opacity: 0;
+    -webkit-border-radius: 50%;
+    -moz-border-radius: 50%;
+    border-radius: 50%;
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+.video-btn.video-btn-xl:hover:before {
+    opacity: .75;
+    left: -1.5rem;
+    right: -1.5rem;
+    top: -1.5rem;
+    bottom: -1.5rem;
+}
+
+.video-btn.video-btn-lg:hover:before {
+    opacity: .75;
+    left: -1.25rem;
+    right: -1.25rem;
+    top: -1.25rem;
+    bottom: -1.25rem;
+}
+
+.video-btn.video-btn-md:hover:before {
+    opacity: .75;
+    left: -1rem;
+    right: -1rem;
+    top: -1rem;
+    bottom: -1rem;
+}
+
+.video-btn.video-btn-sm:hover:before {
+    opacity: .75;
+    left: -0.75rem;
+    right: -0.75rem;
+    top: -0.75rem;
+    bottom: -0.75rem;
+}
+
+/*------------------------------------------*/
+/*  VECTOR ICONS
+/*------------------------------------------*/
+
+.ico-10 [class*="flaticon-"]:before,
+.ico-10 [class*="flaticon-"]:after {
+    font-size: 0.75rem;
+}
+
+/* 15px */
+.ico-15 [class*="flaticon-"]:before,
+.ico-15 [class*="flaticon-"]:after {
+    font-size: 0.9375rem;
+}
+
+/* 15px */
+.ico-20 [class*="flaticon-"]:before,
+.ico-20 [class*="flaticon-"]:after {
+    font-size: 1.25rem;
+}
+
+/* 20px */
+.ico-25 [class*="flaticon-"]:before,
+.ico-25 [class*="flaticon-"]:after {
+    font-size: 1.5625rem;
+}
+
+/* 25px */
+.ico-30 [class*="flaticon-"]:before,
+.ico-30 [class*="flaticon-"]:after {
+    font-size: 1.875rem;
+}
+
+/* 30px */
+.ico-35 [class*="flaticon-"]:before,
+.ico-35 [class*="flaticon-"]:after {
+    font-size: 2.1875rem;
+}
+
+/* 35px */
+.ico-40 [class*="flaticon-"]:before,
+.ico-40 [class*="flaticon-"]:after {
+    font-size: 2.5rem;
+}
+
+/* 40px */
+.ico-45 [class*="flaticon-"]:before,
+.ico-45 [class*="flaticon-"]:after {
+    font-size: 2.8125rem;
+}
+
+/* 45px */
+.ico-50 [class*="flaticon-"]:before,
+.ico-50 [class*="flaticon-"]:after {
+    font-size: 3.125rem;
+}
+
+/* 50px */
+.ico-55 [class*="flaticon-"]:before,
+.ico-55 [class*="flaticon-"]:after {
+    font-size: 3.4375rem;
+}
+
+/* 55px */
+.ico-60 [class*="flaticon-"]:before,
+.ico-60 [class*="flaticon-"]:after {
+    font-size: 3.75rem;
+}
+
+/* 60px */
+.ico-65 [class*="flaticon-"]:before,
+.ico-65 [class*="flaticon-"]:after {
+    font-size: 4.0625rem;
+}
+
+/* 65px */
+.ico-70 [class*="flaticon-"]:before,
+.ico-70 [class*="flaticon-"]:after {
+    font-size: 4.375rem;
+}
+
+/* 70px */
+.ico-75 [class*="flaticon-"]:before,
+.ico-75 [class*="flaticon-"]:after {
+    font-size: 4.6875rem;
+}
+
+/* 75px */
+.ico-80 [class*="flaticon-"]:before,
+.ico-80 [class*="flaticon-"]:after {
+    font-size: 5rem;
+}
+
+/* 80px */
+.ico-85 [class*="flaticon-"]:before,
+.ico-85 [class*="flaticon-"]:after {
+    font-size: 5.3125rem;
+}
+
+/* 85px */
+.ico-90 [class*="flaticon-"]:before,
+.ico-90 [class*="flaticon-"]:after {
+    font-size: 5.625rem;
+}
+
+/* 90px */
+.ico-95 [class*="flaticon-"]:before,
+.ico-95 [class*="flaticon-"]:after {
+    font-size: 5.9375rem;
+}
+
+/* 95px */
+.ico-100 [class*="flaticon-"]:before,
+.ico-100 [class*="flaticon-"]:after {
+    font-size: 6.25rem;
+}
+
+/* 100px */
+.ico-105 [class*="flaticon-"]:before,
+.ico-105 [class*="flaticon-"]:after {
+    font-size: 6.5625rem;
+}
+
+/* 105px */
+.ico-110 [class*="flaticon-"]:before,
+.ico-110 [class*="flaticon-"]:after {
+    font-size: 6.875rem;
+}
+
+/* 110px */
+.ico-115 [class*="flaticon-"]:before,
+.ico-115 [class*="flaticon-"]:after {
+    font-size: 7.1875rem;
+}
+
+/* 115px */
+.ico-120 [class*="flaticon-"]:before,
+.ico-120 [class*="flaticon-"]:after {
+    font-size: 7.5rem;
+}
+
+/* 120px */
+.ico-125 [class*="flaticon-"]:before,
+.ico-125 [class*="flaticon-"]:after {
+    font-size: 7.8125rem;
+}
+
+/* 125px */
+
+/*------------------------------------------*/
+/*  VECTOR ICON BACKGROUND
+/*------------------------------------------*/
+
+.shape-ico {
+    position: relative;
+    display: inline-block;
+    margin: 0 auto;
+}
+
+.shape-ico span {
+    position: relative;
+    z-index: 2;
+}
+
+.shape-ico svg {
+    position: absolute;
+    z-index: 1;
+}
+
+.ico-50 .shape-ico svg {
+    width: 130px;
+    height: 130px;
+    top: -35px;
+    left: calc(50% - 60px);
+}
+
+.fbox-11 .ico-50 .shape-ico svg {
+    top: -40px;
+    left: calc(50% - 70px);
+}
+
+.ico-55 .shape-ico svg {
+    width: 135px;
+    height: 135px;
+    top: -30px;
+    left: calc(50% - 60px);
+}
+
+.ico-60 .shape-ico svg {
+    width: 140px;
+    height: 140px;
+    top: -30px;
+    left: calc(50% - 65px);
+}
+
+.shape-ico.color--blue-300 path,
+.shape-ico.color--blue-400 path,
+.shape-ico.color--blue-500 path {
+    fill: #f4f9fc;
+}
+
+.shape-ico.color--green-300 path,
+.shape-ico.color--green-400 path,
+.shape-ico.color--green-500 path {
+    fill: #e9f8f2;
+}
+
+.shape-ico.color--pink-300 path,
+.shape-ico.color--pink-400 path,
+.shape-ico.color--pink-500 path {
+    fill: #feecf2;
+}
+
+.shape-ico.color--purple-300 path,
+.shape-ico.color--purple-400 path,
+.shape-ico.color--purple-500 path {
+    fill: #f1edff;
+}
+
+.shape-ico.color--red-300 path,
+.shape-ico.color--red-400 path,
+.shape-ico.color--red-500 path {
+    fill: #fce7e4;
+}
+
+.shape-ico.color--violet-300 path,
+.shape-ico.color--violet-400 path,
+.shape-ico.color--violet-500 path {
+    fill: #f7e4f1;
+}
+
+/*------------------------------------------*/
+/*  VECTOR ROUNDED ICONS
+/*------------------------------------------*/
+
+.ico-rounded,
+.ico-rounded-md,
+.ico-rounded-lg {
+    display: inline-block;
+    text-align: center;
+    -webkit-border-radius: 100%;
+    -moz-border-radius: 100%;
+    -o-border-radius: 100%;
+    border-radius: 100%;
+}
+
+.ico-rounded {
+    width: 80px;
+    height: 80px;
+}
+
+.ico-rounded-md {
+    width: 90px;
+    height: 90px;
+}
+
+.ico-rounded-lg {
+    width: 100px;
+    height: 100px;
+}
+
+.ico-rounded [class*="flaticon-"]:before,
+.ico-rounded [class*="flaticon-"]:after {
+    font-size: 2.15rem;
+    line-height: 80px !important;
+}
+
+.ico-rounded-md [class*="flaticon-"]:before,
+.ico-rounded-md [class*="flaticon-"]:after {
+    font-size: 2.4rem;
+    line-height: 90px !important;
+}
+
+.ico-rounded-lg [class*="flaticon-"]:before,
+.ico-rounded-lg [class*="flaticon-"]:after {
+    font-size: 2.65rem;
+    line-height: 100px !important;
+}
+
+/*------------------------------------------*/
+/*  VECTOR SQUARE ICONS
+/*------------------------------------------*/
+
+.ico-square {
+    display: inline-block;
+    text-align: center;
+    width: 80px;
+    height: 80px;
+    -webkit-border-radius: 12px;
+    -moz-border-radius: 12px;
+    -o-border-radius: 12px;
+    border-radius: 12px;
+}
+
+.ico-square [class*="flaticon-"]:before,
+.ico-square [class*="flaticon-"]:after {
+    font-size: 2.4rem;
+    line-height: 80px !important;
+}
+
+/*------------------------------------------*/
+/*   PNG ICONS SETTINGS
+/*------------------------------------------*/
+
+.ico-145 img {
+    width: 145px;
+    height: 145px;
+}
+
+.ico-140 img {
+    width: 140px;
+    height: 140px;
+}
+
+.ico-135 img {
+    width: 135px;
+    height: 135px;
+}
+
+.ico-130 img {
+    width: 130px;
+    height: 130px;
+}
+
+.ico-125 img {
+    width: 125px;
+    height: 125px;
+}
+
+.ico-120 img {
+    width: 120px;
+    height: 120px;
+}
+
+.ico-115 img {
+    width: 115px;
+    height: 115px;
+}
+
+.ico-110 img {
+    width: 110px;
+    height: 110px;
+}
+
+.ico-105 img {
+    width: 105px;
+    height: 105px;
+}
+
+.ico-100 img {
+    width: 100px;
+    height: 100px;
+}
+
+.ico-95 img {
+    width: 95px;
+    height: 95px;
+}
+
+.ico-90 img {
+    width: 90px;
+    height: 90px;
+}
+
+.ico-85 img {
+    width: 85px;
+    height: 85px;
+}
+
+.ico-80 img {
+    width: 80px;
+    height: 80px;
+}
+
+.ico-75 img {
+    width: 75px;
+    height: 75px;
+}
+
+.ico-70 img {
+    width: 70px;
+    height: 70px;
+}
+
+.ico-65 img {
+    width: 65px;
+    height: 65px;
+}
+
+.ico-60 img {
+    width: 60px;
+    height: 60px;
+}
+
+.ico-55 img {
+    width: 55px;
+    height: 55px;
+}
+
+.ico-50 img {
+    width: 50px;
+    height: 50px;
+}
+
+.ico-45 img {
+    width: 45px;
+    height: 45px;
+}
+
+.ico-40 img {
+    width: 40px;
+    height: 40px;
+}
+
+.ico-35 img {
+    width: 35px;
+    height: 35px;
+}
+
+.ico-30 img {
+    width: 30px;
+    height: 30px;
+}
+
+.ico-25 img {
+    width: 25px;
+    height: 25px;
+}
+
+.ico-20 img {
+    width: 20px;
+    height: 20px;
+}
+
+/*------------------------------------------*/
+/*   SECTION ID
+/*------------------------------------------*/
+
+.section-id {
+    display: block;
+    font-size: 0.85rem;
+    line-height: 1;
+    font-weight: 700;
+    letter-spacing: 0.5px;
+    text-transform: uppercase;
+    margin-bottom: 35px;
+}
+
+.section-id.rounded-id {
+    display: inline-block;
+    padding: 10px 24px;
+    font-size: 0.85rem;
+    text-transform: uppercase;
+    -webkit-border-radius: 100px;
+    -moz-border-radius: 100px;
+    border-radius: 100px;
+    margin-bottom: 40px;
+}
+
+.section-id.border-id {
+    border-width: 2px;
+    border-style: solid;
+}
+
+.section-id.border-id.border--grey {
+    border-color: #757575;
+}
+
+.section-id.border-id.border--blue {
+    border-color: #1680fb;
+}
+
+.font--jakarta .section-id {
+    font-family: 'Plus Jakarta Sans', sans-serif;
+}
+
+.font--inter .section-id {
+    font-family: 'Inter', sans-serif;
+}
+
+/*------------------------------------------*/
+/*  SECTION TITLE
+/*------------------------------------------*/
+
+.section-title {
+    text-align: center;
+}
+
+.section-title h2 {
+    margin-bottom: 0;
+}
+
+.section-title h2.w-700 {
+    letter-spacing: -0.5px;
+}
+
+.section-title p.p-md,
+.section-title p.p-lg,
+.section-title p.p-xl,
+.section-title p.s-20,
+.section-title p.s-21 {
+    margin-top: 18px;
+    margin-bottom: 0;
+}
+
+.section-title p.p-md,
+.section-title p.p-lg {
+    padding: 0 3%;
+}
+
+.section-title a.contact-link {
+    font-weight: 500;
+    text-decoration: underline;
+}
+
+.section-title .btns-group .btn {
+    margin-top: 0;
+}
+
+.section-title .advantages,
+.section-title .btns-txt,
+.section-title .btns-group-txt {
+    margin-top: 20px;
+}
+
+/*------------------------------------------*/
+/*  TEXT COLORS
+/*------------------------------------------*/
+
+.color--white,
+.color--white h1,
+.color--white h2,
+.color--white h3,
+.color--white h4,
+.color--white h5,
+.color--white h6,
+.color--white p,
+.color--white a,
+.color--white li,
+.color--white i,
+.color--white span {
+    color: #fff;
+}
+
+.color--snow,
+.color--snow h1,
+.color--snow h2,
+.color--snow h3,
+.color--snow h4,
+.color--snow h5,
+.color--snow h6,
+.color--snow p,
+.color--snow a,
+.color--snow li,
+.color--snow i,
+.color--snow span,
+.color--white .color--snow {
+    color: #c2c3cb;
+}
+
+.color--black,
+.color--black h1,
+.color--black h2,
+.color--black h3,
+.color--black h4,
+.color--black h5,
+.color--black h6,
+.color--black p,
+.color--black a,
+.color--black li,
+.color--black i,
+.color--black span {
+    color: #353f4f;
+}
+
+.color--coal,
+.color--coal h1,
+.color--coal h2,
+.color--coal h3,
+.color--coal h4,
+.color--coal h5,
+.color--coal h6,
+.color--coal p,
+.color--coal a,
+.color--coal li,
+.color--coal i,
+.color--coal span {
+    color: #52595d;
+}
+
+.color--grey,
+.color--grey h1,
+.color--grey h2,
+.color--grey h3,
+.color--grey h4,
+.color--grey h5,
+.color--grey h6,
+.color--grey p,
+.color--grey a,
+.color--grey li,
+.color--grey i,
+.color--grey span,
+.color--white .color--grey {
+    color: #757575;
+}
+
+.color--blue-500,
+.color--blue-500 h1,
+.color--blue-500 h2,
+.color--blue-500 h3,
+.color--blue-500 h4,
+.color--blue-500 h5,
+.color--blue-500 h6,
+.color--blue-500 p,
+.color--blue-500 a,
+.color--blue-500 li,
+.color--blue-500 i,
+.color--blue-500 span,
+.color--white .color--blue-500 {
+    color: #185abd !important;
+}
+
+.color--blue-400,
+.color--blue-400 h1,
+.color--blue-400 h2,
+.color--blue-400 h3,
+.color--blue-400 h4,
+.color--blue-400 h5,
+.color--blue-400 h6,
+.color--blue-400 p,
+.color--blue-400 a,
+.color--blue-400 li,
+.color--blue-400 i,
+.color--blue-400 span,
+.color--white .color--blue-400 {
+    color: #1680fb !important;
+}
+
+.color--blue-300,
+.color--blue-300 h1,
+.color--blue-300 h2,
+.color--blue-300 h3,
+.color--blue-300 h4,
+.color--blue-300 h5,
+.color--blue-300 h6,
+.color--blue-300 p,
+.color--blue-300 a,
+.color--blue-300 li,
+.color--blue-300 i,
+.color--blue-300 span,
+.color--white .color--blue-300 {
+    color: #3eb1ff !important;
+}
+
+.color--green-500,
+.color--green-500 h1,
+.color--green-500 h2,
+.color--green-500 h3,
+.color--green-500 h4,
+.color--green-500 h5,
+.color--green-500 h6,
+.color--green-500 p,
+.color--green-500 a,
+.color--green-500 li,
+.color--green-500 i,
+.color--green-500 span,
+.color--white .color--green-500 {
+    color: #00a14e !important;
+}
+
+.color--green-400,
+.color--green-400 h1,
+.color--green-400 h2,
+.color--green-400 h3,
+.color--green-400 h4,
+.color--green-400 h5,
+.color--green-400 h6,
+.color--green-400 p,
+.color--green-400 a,
+.color--green-400 li,
+.color--green-400 i,
+.color--green-400 span,
+.color--white .color--green-400 {
+    color: #0fbc49 !important;
+}
+
+.color--green-300,
+.color--green-300 h1,
+.color--green-300 h2,
+.color--green-300 h3,
+.color--green-300 h4,
+.color--green-300 h5,
+.color--green-300 h6,
+.color--green-300 p,
+.color--green-300 a,
+.color--green-300 li,
+.color--green-300 i,
+.color--green-300 span,
+.color--white .color--green-300 {
+    color: #6fd792 !important;
+}
+
+.color--pink-500,
+.color--pink-500 h1,
+.color--pink-500 h2,
+.color--pink-500 h3,
+.color--pink-500 h4,
+.color--pink-500 h5,
+.color--pink-500 h6,
+.color--pink-500 p,
+.color--pink-500 a,
+.color--pink-500 li,
+.color--pink-500 i,
+.color--pink-500 span,
+.color--white .color--pink-500 {
+    color: #ff149c !important;
+}
+
+.color--pink-400,
+.color--pink-400 h1,
+.color--pink-400 h2,
+.color--pink-400 h3,
+.color--pink-400 h4,
+.color--pink-400 h5,
+.color--pink-400 h6,
+.color--pink-400 p,
+.color--pink-400 a,
+.color--pink-400 li,
+.color--pink-400 i,
+.color--pink-400 span,
+.color--white .color--pink-400 {
+    color: #f74780 !important;
+}
+
+.color--pink-300,
+.color--pink-300 h1,
+.color--pink-300 h2,
+.color--pink-300 h3,
+.color--pink-300 h4,
+.color--pink-300 h5,
+.color--pink-300 h6,
+.color--pink-300 p,
+.color--pink-300 a,
+.color--pink-300 li,
+.color--pink-300 i,
+.color--pink-300 span,
+.color--white .color--pink-300 {
+    color: #fcb5cc !important;
+}
+
+.color--purple-500,
+.color--purple-500 h1,
+.color--purple-500 h2,
+.color--purple-500 h3,
+.color--purple-500 h4,
+.color--purple-500 h5,
+.color--purple-500 h6,
+.color--purple-500 p,
+.color--purple-500 a,
+.color--purple-500 li,
+.color--purple-500 i,
+.color--purple-500 span,
+.color--white .color--purple-500 {
+    color: #663ae9 !important;
+}
+
+.color--purple-400,
+.color--purple-400 h1,
+.color--purple-400 h2,
+.color--purple-400 h3,
+.color--purple-400 h4,
+.color--purple-400 h5,
+.color--purple-400 h6,
+.color--purple-400 p,
+.color--purple-400 a,
+.color--purple-400 li,
+.color--purple-400 i,
+.color--purple-400 span,
+.color--white .color--purple-400 {
+    color: #7b5dd6 !important;
+}
+
+.color--purple-300,
+.color--purple-300 h1,
+.color--purple-300 h2,
+.color--purple-300 h3,
+.color--purple-300 h4,
+.color--purple-300 h5,
+.color--purple-300 h6,
+.color--purple-300 p,
+.color--purple-300 a,
+.color--purple-300 li,
+.color--purple-300 i,
+.color--purple-300 span,
+.color--white .color--purple-300 {
+    color: #bdaeea !important;
+}
+
+.color--red-500,
+.color--red-500 h1,
+.color--red-500 h2,
+.color--red-500 h3,
+.color--red-500 h4,
+.color--red-500 h5,
+.color--red-500 h6,
+.color--red-500 p,
+.color--red-500 a,
+.color--red-500 li,
+.color--red-500 i,
+.color--red-500 span,
+.color--white .color--red-500 {
+    color: #da0f29 !important;
+}
+
+.color--red-400,
+.color--red-400 h1,
+.color--red-400 h2,
+.color--red-400 h3,
+.color--red-400 h4,
+.color--red-400 h5,
+.color--red-400 h6,
+.color--red-400 p,
+.color--red-400 a,
+.color--red-400 li,
+.color--red-400 i,
+.color--red-400 span,
+.color--white .color--red-400 {
+    color: #ff1e1a !important;
+}
+
+.color--red-300,
+.color--red-300 h1,
+.color--red-300 h2,
+.color--red-300 h3,
+.color--red-300 h4,
+.color--red-300 h5,
+.color--red-300 h6,
+.color--red-300 p,
+.color--red-300 a,
+.color--red-300 li,
+.color--red-300 i,
+.color--red-300 span,
+.color--white .color--red-300 {
+    color: #ffa5a3 !important;
+}
+
+.color--violet-500,
+.color--violet-500 h1,
+.color--violet-500 h2,
+.color--violet-500 h3,
+.color--violet-500 h4,
+.color--violet-500 h5,
+.color--violet-500 h6,
+.color--violet-500 p,
+.color--violet-500 a,
+.color--violet-500 li,
+.color--violet-500 i,
+.color--violet-500 span,
+.color--white .color--violet-500 {
+    color: #c73e9b !important;
+}
+
+.color--violet-400,
+.color--violet-400 h1,
+.color--violet-400 h2,
+.color--violet-400 h3,
+.color--violet-400 h4,
+.color--violet-400 h5,
+.color--violet-400 h6,
+.color--violet-400 p,
+.color--violet-400 a,
+.color--violet-400 li,
+.color--violet-400 i,
+.color--violet-400 span,
+.color--white .color--violet-400 {
+    color: #be6cbe !important;
+}
+
+.color--violet-300,
+.color--violet-300 h1,
+.color--violet-300 h2,
+.color--violet-300 h3,
+.color--violet-300 h4,
+.color--violet-300 h5,
+.color--violet-300 h6,
+.color--violet-300 p,
+.color--violet-300 a,
+.color--violet-300 li,
+.color--violet-300 i,
+.color--violet-300 span,
+.color--white .color--violet-300 {
+    color: #e2bde2 !important;
+}
+
+.color--yellow-500,
+.color--yellow-500 h1,
+.color--yellow-500 h2,
+.color--yellow-500 h3,
+.color--yellow-500 h4,
+.color--yellow-500 h5,
+.color--yellow-500 h6,
+.color--yellow-500 p,
+.color--yellow-500 a,
+.color--yellow-500 li,
+.color--yellow-500 i,
+.color--yellow-500 span,
+.color--white .color--yellow-500 {
+    color: #ffba01 !important;
+}
+
+.color--yellow-400,
+.color--yellow-400 h1,
+.color--yellow-400 h2,
+.color--yellow-400 h3,
+.color--yellow-400 h4,
+.color--yellow-400 h5,
+.color--yellow-400 h6,
+.color--yellow-400 p,
+.color--yellow-400 a,
+.color--yellow-400 li,
+.color--yellow-400 i,
+.color--yellow-400 span,
+.color--white .color--yellow-400 {
+    color: #ffbd45 !important;
+}
+
+.color--yellow-300,
+.color--yellow-300 h1,
+.color--yellow-300 h2,
+.color--yellow-300 h3,
+.color--yellow-300 h4,
+.color--yellow-300 h5,
+.color--yellow-300 h6,
+.color--yellow-300 p,
+.color--yellow-300 a,
+.color--yellow-300 li,
+.color--yellow-300 i,
+.color--yellow-300 span,
+.color--white .color--yellow-300 {
+    color: #ffdf35 !important;
+}
+
+
+
+
+/* ==========================================================================
+  03. PRELOAD ANIMATION
+  ========================================================================== */
+
+#loading {
+    height: 100%;
+    width: 100%;
+    position: fixed;
+    z-index: 1;
+    margin-top: 0px;
+    top: 0px;
+    z-index: 99999999;
+}
+
+#loading {
+    background-color: #f5f5f9;
+}
+
+#loading-center {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    height: 100px;
+    width: 100px;
+    margin-top: -50px;
+    margin-left: -50px;
+    -webkit-animation: loading-center-absolute 1s infinite;
+    animation: loading-center-absolute 1s infinite;
+}
+
+.loader {
+    border: 2px solid;
+    border-color: transparent #888;
+    width: 100px;
+    height: 100px;
+    border-radius: 50%;
+    display: inline-block;
+    position: relative;
+    box-sizing: border-box;
+    animation: rotation 1s linear infinite;
+}
+
+.loading--blue .loader {
+    border-color: transparent #1680fb;
+}
+
+.loading--green .loader {
+    border-color: transparent #0fbc49;
+}
+
+.loading--pink .loader {
+    border-color: transparent #f74780;
+}
+
+.loading--purple .loader {
+    border-color: transparent #7b5dd6;
+}
+
+.loading--red .loader {
+    border-color: transparent #ff1e1a;
+}
+
+.loading--violet .loader {
+    border-color: transparent #c73e9b;
+}
+
+.loading--yellow .loader {
+    border-color: transparent #ffba01;
+}
+
+.loader::after {
+    content: '';
+    box-sizing: border-box;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    border: 50px solid;
+    border-color: transparent rgba(30, 30, 30, 0.15);
+    border-radius: 50%;
+    transform: translate(-50%, -50%);
+}
+
+.loading--blue .loader::after {
+    border-color: transparent rgba(22, 128, 251, .15);
+}
+
+.loading--green .loader::after {
+    border-color: transparent rgba(14, 188, 73, .15);
+}
+
+.loading--pink .loader::after {
+    border-color: transparent rgba(247, 71, 128, .15);
+}
+
+.loading--purple .loader::after {
+    border-color: transparent rgba(123, 93, 214, .15);
+}
+
+.loading--red .loader::after {
+    border-color: transparent rgba(255, 30, 26, .15);
+}
+
+.loading--violet .loader::after {
+    border-color: transparent rgba(1900, 108, 190, .15);
+}
+
+.loading--yellow .loader::after {
+    border-color: transparent rgba(255, 186, 1, .15);
+}
+
+@keyframes rotation {
+    0% {
+        transform: rotate(0deg);
+    }
+
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+
+
+
+/* ==========================================================================
+  04. HEADER & NAVIGATION
+  =========================================================================== */
+
+#header {
+    width: 100%;
+    display: block;
+    padding-top: 0px;
+}
+
+.header-wrapper {
+    position: fixed;
+    top: 0;
+    right: 0;
+    left: 0;
+    z-index: 1030;
+}
+
+.headerwp {
+    max-width: 1140px;
+    margin: 0 auto;
+    padding: 0;
+}
+
+.posrlt {
+    position: relative;
+}
+
+/*------------------------------------------*/
+/*  HEADER LOGO
+/*------------------------------------------*/
+
+.desktoplogo img {
+    width: auto;
+    max-width: inherit;
+    max-height: 38px;
+}
+
+.blog-header .desktoplogo img {
+    max-height: 30px;
+}
+
+/*------------------------------------------*/
+/*  NAVIGATION MENU
+/*------------------------------------------*/
+
+.wsmainfull {
+    width: 100%;
+    height: auto;
+    z-index: 1031;
+    -webkit-transition: all 450ms ease-in-out;
+    -moz-transition: all 450ms ease-in-out;
+    -o-transition: all 450ms ease-in-out;
+    -ms-transition: all 450ms ease-in-out;
+    transition: all 450ms ease-in-out;
+}
+
+.tra-menu .wsmainfull {
+    padding: 20px 0;
+    background-color: transparent !important;
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    box-shadow: none;
+}
+
+.white-menu .wsmainfull {
+    padding: 6px 0;
+    background-color: #fff !important;
+    -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+    -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+    box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.dark-menu .wsmainfull {
+    padding: 6px 0;
+    background-color: #1d222f !important;
+    -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+    -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+    box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+#header.hiddden-header {
+    display: none;
+}
+
+.hidden-nav .wsmainfull {
+    margin-top: -140px;
+    -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+    -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+    box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  HEADER LINK
+/*------------------------------------------*/
+
+.wsmenu>.wsmenu-list>li>a {
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    display: block;
+    font-size: 1rem;
+    line-height: 50px;
+    font-weight: 600;
+    letter-spacing: 0;
+    text-decoration: none;
+    margin: 0 7px;
+    padding: 10px 15px;
+}
+
+.navbar-dark .wsmenu>.wsmenu-list>li>a.h-link {
+    color: #353f4f;
+}
+
+.navbar-light .wsmenu>.wsmenu-list>li>a.h-link {
+    color: #fff;
+}
+
+.wsmenu>.wsmenu-list>li>a.h-link.last-link {
+    padding: 10px 0px;
+    margin: 0;
+}
+
+.wsmenu>.wsmenu-list>li>a .wsarrow:after {
+    border-left: 4px solid rgba(0, 0, 0, 0);
+    border-right: 4px solid rgba(0, 0, 0, 0);
+    border-top: 4px solid;
+    content: "";
+    float: right;
+    right: 0;
+    height: 0;
+    margin: 0 0 0 14px;
+    position: absolute;
+    text-align: right;
+    top: 35px;
+    width: 0;
+}
+
+.wsmenu>.wsmenu-list>li.reg-fst-link>a {
+    margin-left: 30px;
+}
+
+/*------------------------------------------*/
+/*  HEADER LINK INFO
+/*------------------------------------------*/
+
+span.sm-info {
+    position: relative;
+    display: inline-block;
+    text-align: center;
+    width: 20px;
+    height: 20px;
+    color: #fff;
+    font-size: 0.65rem;
+    line-height: 19px;
+    font-weight: 700;
+    margin-left: 5px;
+    -webkit-border-radius: 100%;
+    -moz-border-radius: 100%;
+    -o-border-radius: 100%;
+}
+
+.nav-blue-500 .sm-info {
+    background-color: #185abd;
+}
+
+.nav-blue-400 .sm-info {
+    background-color: #1680fb;
+}
+
+.nav-blue-300 .sm-info {
+    background-color: #3eb1ff;
+}
+
+.nav-green-500 .sm-info {
+    background-color: #00a14e;
+}
+
+.nav-green-400 .sm-info {
+    background-color: #0fbc49;
+}
+
+.nav-green-300 .sm-info {
+    background-color: #6fd792;
+}
+
+.nav-pink-500 .sm-info {
+    background-color: #ff149c;
+}
+
+.nav-pink-400 .sm-info {
+    background-color: #f74780;
+}
+
+.nav-pink-300 .sm-info {
+    background-color: #fcb5cc;
+}
+
+.nav-purple-500 .sm-info {
+    background-color: #663ae9;
+}
+
+.nav-purple-400 .sm-info {
+    background-color: #7b5dd6;
+}
+
+.nav-purple-300 .sm-info {
+    background-color: #bdaeea;
+}
+
+.nav-red-500 .sm-info {
+    background-color: #da0f29;
+}
+
+.nav-red-400 .sm-info {
+    background-color: #ff1e1a;
+}
+
+.nav-red-300 .sm-info {
+    background-color: #ffa5a3;
+}
+
+.nav-violet-500 .sm-info {
+    background-color: #c73e9b;
+}
+
+.nav-violet-400 .sm-info {
+    background-color: #be6cbe;
+}
+
+.nav-violet-300 .sm-info {
+    background-color: #e2bde2;
+}
+
+.nav-yellow-500 .sm-info {
+    background-color: #ffba01;
+}
+
+.nav-yellow-400 .sm-info {
+    background-color: #ffbd45;
+}
+
+.nav-yellow-300 .sm-info {
+    background-color: #ffdf35;
+}
+
+/*------------------------------------------*/
+/*  HEADER BUTTONS
+/*------------------------------------------*/
+
+.wsmenu>.wsmenu-list>li a.btn {
+    font-size: 1rem;
+    line-height: 30px;
+    font-weight: 600;
+    text-transform: none;
+    letter-spacing: 0;
+    margin-top: 14px;
+    padding: 4px 28px;
+}
+
+.wsmenu>.wsmenu-list>li a.btn.reg-btn {
+    padding: 4px 22px;
+}
+
+.wsmenu>.wsmenu-list>li a.btn.fst-btn-link {
+    margin-left: 12px;
+}
+
+.wsmenu>.wsmenu-list>li a.store.header-store {
+    line-height: 1;
+    margin-top: 13px;
+    margin-left: 10px;
+    margin-bottom: 0;
+    padding: 0;
+}
+
+.store.header-store img {
+    max-height: 44px;
+}
+
+/*------------------------------------------*/
+/*  HEADER SOCIAL LINKS  
+/*------------------------------------------*/
+
+.header-socials {
+    margin: 0;
+    display: inline-block;
+    text-align: center;
+}
+
+.header-socials span {
+    float: left;
+    width: auto !important;
+    display: inline-block !important;
+    vertical-align: top;
+    clear: none !important;
+    margin: 0;
+}
+
+.header-socials a {
+    display: block;
+    margin-left: 18px;
+}
+
+.navbar-light .header-socials a {
+    color: #ddd;
+}
+
+.navbar-light .header-socials a:hover {
+    color: #ccc !important;
+}
+
+.header-socials.ico-20 [class*="flaticon-"]:before,
+.header-socials.ico-20 [class*="flaticon-"]:after {
+    line-height: 70px !important;
+}
+
+/*------------------------------------------*/
+/*  HEADER SUBMENU
+/*------------------------------------------*/
+
+.wsmenu>.wsmenu-list>li>ul.sub-menu {
+    width: auto;
+    min-width: 200px;
+    top: 62px;
+    padding: 12px 10px;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    -o-border-radius: 6px;
+    -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+    -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+    box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a {
+    background-color: rgba(244, 244, 249, 0);
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    color: #353f4f;
+    font-size: 1rem;
+    font-weight: 600;
+    padding: 11px 14px;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    -o-border-radius: 6px;
+    transition: all 0.3s ease-in-out;
+}
+
+.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover {
+    background-color: rgba(244, 244, 249, 1);
+    padding: 11px 14px;
+}
+
+/*------------------------------------------*/
+/*  HALFMENU
+/*------------------------------------------*/
+
+.wsmenu>.wsmenu-list>li>.wsmegamenu {
+    top: 62px;
+}
+
+.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu {
+    width: 38%;
+    padding: 12px 0;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    -o-border-radius: 6px;
+    -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+    -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+    box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu.icons-menu {
+    right: 2%;
+}
+
+.wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li {
+    border-bottom: none;
+}
+
+.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a,
+.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a {
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    background-color: rgba(244, 244, 249, 0);
+    color: #353f4f;
+    font-size: 1rem;
+    font-weight: 600;
+    padding: 11px 14px;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    -o-border-radius: 6px;
+    transition: all 0.3s ease-in-out;
+}
+
+.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    background-color: rgba(244, 244, 249, 1);
+    padding: 11px 14px;
+}
+
+/*------------------------------------------*/
+/*  MEGAMENU
+/*------------------------------------------*/
+
+.wsmenu>.wsmenu-list>li>.wsmegamenu {
+    padding: 12px 0;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    -o-border-radius: 6px;
+    -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+    -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+    box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 {
+    width: 76% !important;
+    left: 23%;
+    padding: 20px 10px;
+}
+
+.wsmegamenu.w-75 .col-lg-3 {
+    padding: 0 6px;
+}
+
+/*------------------------------------------*/
+/*  SUBMENU TITLE
+/*------------------------------------------*/
+
+.wsmenu>.wsmenu-list>li>.wsmegamenu .title,
+.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu .title {
+    color: #929394;
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    font-size: 0.875rem;
+    line-height: 1;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0;
+    margin: 10px 0 15px 13px;
+}
+
+/*------------------------------------------*/
+/*  DARK HEADER SUBMENU / MEGAMENU
+/*------------------------------------------*/
+
+.dark-menu .wsmenu>.wsmenu-list>li>ul.sub-menu,
+.dark-menu .wsmenu>.wsmenu-list>li>.wsmegamenu,
+.dark-menu .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu,
+.black-scroll .scroll .wsmenu>.wsmenu-list>li>ul.sub-menu,
+.black-scroll .scroll .wsmenu>.wsmenu-list>li>.wsmegamenu,
+.black-scroll .scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu {
+    background-color: #2c3142 !important;
+    border: solid 1px #2c3142 !important;
+    -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+    -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+    box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.dark-menu .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a,
+.dark-menu .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a,
+.dark-menu .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a,
+.black-scroll .scroll .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a,
+.black-scroll .scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a,
+.black-scroll .scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a {
+    color: #ddd;
+    background-color: rgba(255, 255, 255, 0) !important;
+}
+
+.dark-menu .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover,
+.dark-menu .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.dark-menu .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
+.black-scroll .scroll .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover,
+.black-scroll .scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.black-scroll .scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    background-color: rgba(255, 255, 255, .05) !important;
+}
+
+.dark-menu .title,
+.black-scroll .scroll .title,
+.dark-menu .icons-menu-txt span,
+.black-scroll .scroll .icons-menu-txt span {
+    color: #fff !important;
+}
+
+/*------------------------------------------*/
+/*  ICONS MENU
+/*------------------------------------------*/
+
+.wsmenu>.wsmenu-list>li>ul.sub-menu.icons-menu {
+    max-width: 275px;
+    min-width: 275px;
+    padding: 12px;
+}
+
+.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu.icons-menu {
+    width: 52%;
+    padding: 12px 6px;
+}
+
+.wsmegamenu.halfmenu.icons-menu .col-lg-6 {
+    padding: 0 6px;
+}
+
+.wsmenu>.wsmenu-list>li>.wsmegamenu.icons-menu.w-75 {
+    width: 82% !important;
+    left: 17%;
+    padding: 12px 6px;
+}
+
+.wsmegamenu.icons-menu.w-75 .col-lg-4 {
+    padding: 0 6px;
+}
+
+.icons-menu .icons-menu-item {
+    display: flex !important;
+    position: relative !important;
+    flex-flow: row wrap !important;
+    align-items: stretch !important;
+    justify-content: flex-start !important;
+}
+
+.icons-menu-ico {
+    position: relative;
+    margin-right: 14px;
+}
+
+.wsmegamenu.ico-30 .icons-menu-ico span {
+    position: relative;
+    top: 6px !important;
+}
+
+.icons-menu-txt {
+    overflow: hidden;
+    flex: 1;
+    max-width: 100%;
+}
+
+.icons-menu-txt h6 {
+    color: inherit;
+    font-size: 1rem;
+    line-height: 32px;
+    font-weight: 500;
+    margin-bottom: 0;
+}
+
+.icons-menu-txt span {
+    display: block;
+    color: #898989;
+    font-size: 0.925rem;
+    font-weight: 400;
+    margin-bottom: 0;
+}
+
+.sub-menu.ico-30 .icons-menu-txt h6 {
+    line-height: 30px;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR HOVER
+/*------------------------------------------*/
+
+.navbar-light .wsmenu-list>li>a.h-link:hover {
+    color: #eee !important;
+}
+
+.navbar-dark .wsmenu-list>li>a.h-link:hover {
+    color: #1d222f !important;
+}
+
+.wsmenu>.wsmenu-list.nav-blue-500>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-blue-500>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-blue-500>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #185abd !important;
+}
+
+.wsmenu>.wsmenu-list.nav-blue-400>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-blue-400>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-blue-400>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #1680fb !important;
+}
+
+.wsmenu>.wsmenu-list.nav-blue-300>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-blue-300>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-blue-300>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #3eb1ff !important;
+}
+
+.wsmenu>.wsmenu-list.nav-green-500>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-green-500>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-green-500>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #00a14e !important;
+}
+
+.wsmenu>.wsmenu-list.nav-green-400>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-green-400>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-green-400>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #0fbc49 !important;
+}
+
+.wsmenu>.wsmenu-list.nav-green-300>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-green-300>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-green-300>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #6fd792 !important;
+}
+
+.wsmenu>.wsmenu-list.nav-pink-500>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-pink-500>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-pink-500>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #ff149c !important;
+}
+
+.wsmenu>.wsmenu-list.nav-pink-400>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-pink-400>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-pink-400>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #f74780 !important;
+}
+
+.wsmenu>.wsmenu-list.nav-pink-300>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-pink-300>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-pink-300>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #fcb5cc !important;
+}
+
+.wsmenu>.wsmenu-list.nav-purple-500>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-purple-500>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-purple-500>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #663ae9 !important;
+}
+
+.wsmenu>.wsmenu-list.nav-purple-400>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-purple-400>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-purple-400>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #7b5dd6 !important;
+}
+
+.wsmenu>.wsmenu-list.nav-purple-300>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-purple-300>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-purple-300>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #bdaeea !important;
+}
+
+.wsmenu>.wsmenu-list.nav-red-500>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-red-500>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-red-500>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #da0f29 !important;
+}
+
+.wsmenu>.wsmenu-list.nav-red-400>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-red-400>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-red-400>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #ff1e1a !important;
+}
+
+.wsmenu>.wsmenu-list.nav-red-300>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-red-300>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-red-300>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #ffa5a3 !important;
+}
+
+.wsmenu>.wsmenu-list.nav-violet-500>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-violet-500>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-violet-500>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #c73e9b !important;
+}
+
+.wsmenu>.wsmenu-list.nav-violet-400>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-violet-400>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-violet-400>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #be6cbe !important;
+}
+
+.wsmenu>.wsmenu-list.nav-violet-300>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-violet-300>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-violet-300>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #e2bde2 !important;
+}
+
+/*------------------------------------------*/
+/*  HIDDEN NAVBAR SCROLL
+/*------------------------------------------*/
+
+.hidden-nav .wsmainfull.scroll {
+    margin-top: 0;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR WHITE SCROLL
+/*------------------------------------------*/
+
+.tra-menu.white-scroll .wsmainfull.scroll,
+.white-menu.white-scroll .wsmainfull.scroll {
+    padding: 0;
+    background-color: rgba(255, 255, 255, .7) !important;
+    backdrop-filter: blur(20px);
+    -webkit-backdrop-filter: blur(20px);
+    -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+    -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+    box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.tra-menu.navbar-dark.white-scroll .scroll .wsmenu>.wsmenu-list>li>a.h-link,
+.tra-menu.navbar-light.white-scroll .scroll .wsmenu>.wsmenu-list>li>a.h-link {
+    color: #353f4f;
+}
+
+.navbar-light.white-scroll .scroll .wsmenu-list>li>a.h-link:hover {
+    color: #1d222f !important;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR BLACK SCROLL
+/*------------------------------------------*/
+
+.tra-menu.black-scroll .wsmainfull.scroll,
+.dark-menu.black-scroll .wsmainfull.scroll {
+    padding: 0;
+    background-color: #1d222f !important;
+    -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+    -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+    box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.tra-menu.navbar-dark.black-scroll .scroll .wsmenu>.wsmenu-list>li>a.h-link {
+    color: #fff;
+}
+
+.tra-menu.navbar-dark.black-scroll .scroll .wsmenu>.wsmenu-list>li>a.h-link:hover {
+    color: #ccc !important;
+}
+
+/*------------------------------------------*/
+/*  WHITE SCROLL BUTTONS
+/*------------------------------------------*/
+
+.white-scroll .scroll .btn--tra-white {
+    color: #353f4f !important;
+    border-color: #353f4f !important;
+}
+
+/*------------------------------------------*/
+/*  BLACK SCROLL BUTTONS
+/*------------------------------------------*/
+
+.black-scroll .scroll .btn--tra-black {
+    color: #fff !important;
+    border-color: #fff !important;
+}
+
+/*------------------------------------------*/
+/*  LOGO IMAGE
+/*------------------------------------------*/
+
+.logo-white,
+.logo-black {
+    display: block;
+}
+
+.navbar-light .logo-black,
+.navbar-dark .logo-white,
+.tra-menu.navbar-light .scroll .logo-white,
+.tra-menu.navbar-dark.black-scroll .scroll .logo-black {
+    display: none;
+}
+
+.tra-menu.navbar-light .scroll .logo-black,
+.tra-menu.navbar-dark.black-scroll .scroll .logo-white {
+    display: block;
+}
+
+
+
+
+/* ==========================================================================
+  05. HERO
+  ========================================================================== */
+
+.hero-section,
+.hero-section .container {
+    position: relative;
+    z-index: 3;
+}
+
+.hero-section.bg--img {
+    width: 100%;
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: cover;
+}
+
+.hero-section.blur--purple:after {
+    position: absolute;
+    content: '';
+    z-index: -1;
+    width: 100%;
+    height: 100%;
+    top: -30%;
+    left: 0;
+    background-image: url(../images/blur-purple.png);
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: cover;
+    background-attachment: scroll;
+    opacity: 0.2;
+}
+
+/*------------------------------------------*/
+/*  HERO LOGO
+/*------------------------------------------*/
+
+.hero-logo {
+    margin-bottom: 40px;
+}
+
+.hero-square-logo {
+    margin-bottom: 20px;
+}
+
+#hero-22 .hero-logo {
+    margin-bottom: 30px;
+}
+
+.hero-logo img {
+    width: auto;
+    max-width: inherit;
+    max-height: 36px;
+}
+
+.hero-square-logo img {
+    width: auto;
+    max-width: inherit;
+    max-height: 90px;
+}
+
+/*------------------------------------------*/
+/*  HERO APP LOGO
+/*------------------------------------------*/
+
+.hero-app-logo {
+    margin-bottom: 35px;
+}
+
+#hero-25 .hero-app-logo {
+    margin-bottom: 25px;
+}
+
+.hero-app-logo img {
+    width: auto;
+    max-width: inherit;
+    max-height: 100px;
+}
+
+#hero-25 .hero-app-logo img {
+    max-height: 110px;
+}
+
+/*------------------------------------------*/
+/*  HERO DIGITS
+/*------------------------------------------*/
+
+#hd-1-1,
+#hd-1-2 {
+    display: inline-block;
+    float: left;
+    padding-right: 20px;
+}
+
+#hd-1-1 {
+    width: 45%;
+}
+
+#hd-1-2 {
+    width: 55%;
+}
+
+.hero-digits-block {
+    display: flex;
+    position: relative;
+    flex-flow: row wrap;
+    align-items: stretch !important;
+    justify-content: flex-start;
+}
+
+.hero-digits .block-txt {
+    overflow: hidden;
+    flex: 1;
+    max-width: 100%;
+    padding-left: 12px;
+}
+
+.hero-digits h2.statistic-number {
+    line-height: 1;
+    margin-bottom: 0;
+}
+
+.hero-digits h2.statistic-number span {
+    font-size: 1.85rem;
+}
+
+.hero-digits .block-txt p.p-sm {
+    line-height: 1.35;
+    margin-top: 5px;
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  HERO TYPOGRAPHY
+/*------------------------------------------*/
+
+.hero-section h2 {
+    margin-bottom: 28px;
+}
+
+.hero-section h2.s-48,
+.hero-section h2.s-50 {
+    margin-bottom: 40px;
+}
+
+.hero-section h2.s-62 {
+    margin-bottom: 24px;
+}
+
+.hero-section p.p-sm {
+    padding: 0 !important;
+}
+
+.hero-section p.p-md {
+    margin-bottom: 30px;
+}
+
+.hero-section p.p-lg,
+.hero-section p.p-xl {
+    margin-bottom: 32px;
+}
+
+.hero-section p.s-20,
+.hero-section p.s-22,
+.hero-section p.s-24 {
+    margin-bottom: 36px;
+}
+
+.hero-section p.p-lg span,
+.hero-section p.p-xl span {
+    font-weight: 600;
+    letter-spacing: -0.35px;
+}
+
+/*------------------------------------------*/
+/*  HERO-1
+/*------------------------------------------*/
+
+#hero-1 {
+    background-image: url(../images/hero-1.jpg);
+    padding-top: 130px;
+    padding-bottom: 100px;
+}
+
+.hero-1-txt p {
+    padding-right: 2%;
+}
+
+/*------------------------------------------*/
+/*  HERO-2
+/*------------------------------------------*/
+
+#hero-2 {
+    background-image: url(../images/hero-2.jpg);
+    padding-top: 150px;
+    padding-bottom: 100px;
+}
+
+.hero-2-txt p {
+    padding-right: 3%;
+}
+
+.hero-2-img {
+    text-align: center;
+    padding-right: 25px;
+}
+
+/*------------------------------------------*/
+/*  HERO-3
+/*------------------------------------------*/
+
+#hero-3 {
+    position: relative;
+    padding-top: 160px;
+    background-image: url(../images/hero-3.jpg);
+}
+
+#hero-3:after {
+    position: absolute;
+    content: '';
+    z-index: -1;
+    width: 100%;
+    height: 5%;
+    bottom: 0;
+    left: 0;
+    background-color: #fff;
+}
+
+.hero-3-txt {
+    margin-top: -70px;
+}
+
+.hero-3-txt p.p-lg {
+    padding-right: 2%;
+}
+
+.hero-3-img {
+    position: relative;
+    text-align: center;
+    margin: 0 -90% 0 -60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-4
+/*------------------------------------------*/
+
+#hero-4 {
+    overflow: hidden;
+    background-image: url(../images/hero-4.jpg);
+    padding-top: 180px;
+}
+
+#hero-4:after {
+    position: absolute;
+    content: '';
+    z-index: -1;
+    width: 100%;
+    height: 10%;
+    bottom: 0;
+    left: 0;
+    background-color: #fff;
+}
+
+.hero-4-txt h2 {
+    padding: 0 3%;
+}
+
+.hero-4-txt p {
+    padding: 0 5%;
+}
+
+.hero-4-txt p.btns-group-txt {
+    margin-top: 25px;
+}
+
+.hero-4-img {
+    margin-top: 60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-5
+/*------------------------------------------*/
+
+#hero-5 .wave-shape-bottom path {
+    fill: #fff;
+}
+
+#hero-5 {
+    background-image: url(../images/hero-5.jpg);
+    padding-top: 140px;
+    padding-bottom: 50px;
+}
+
+.hero-5-txt h2 {
+    line-height: 1.3;
+    margin-bottom: 25px;
+}
+
+.hero-5-txt p.p-lg {
+    padding-right: 10%;
+    margin-bottom: 30px;
+}
+
+.hero-5-img {
+    margin: 0 0 -50px;
+}
+
+/*------------------------------------------*/
+/*  HERO-6
+/*------------------------------------------*/
+
+#hero-6 {
+    padding-top: 130px;
+}
+
+.hero-6-wrapper {
+    overflow: hidden;
+    background-image: linear-gradient(90deg, #f6f4fd, #f4f5fd);
+    padding: 75px 80px;
+}
+
+.hero-6-img {
+    position: relative;
+    text-align: center;
+}
+
+/*------------------------------------------*/
+/*  HERO-7
+/*------------------------------------------*/
+
+#hero-7 {
+    padding-top: 140px;
+    padding-bottom: 100px;
+}
+
+#hero-7 .quick-form {
+    margin-right: 4%;
+}
+
+.hero-7-img {
+    padding-left: 30px;
+}
+
+/*------------------------------------------*/
+/*  HERO-8
+/*------------------------------------------*/
+
+#hero-8 .wave-shape-bottom path {
+    fill: #fff;
+}
+
+#hero-8 {
+    position: relative;
+    background-image: url(../images/hero-8.jpg);
+    padding-top: 170px;
+    padding-bottom: 30px;
+}
+
+.hero-8-txt {
+    margin-top: -70px;
+}
+
+.hero-8-txt p {
+    padding-right: 10%;
+}
+
+.hero-8-txt .hero-digits {
+    padding-right: 15%;
+}
+
+#hero-8-form {
+    position: relative;
+    z-index: 999;
+    background-color: #fff;
+    border: 1px solid #f8f8f8;
+    padding: 45px 35px;
+    -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+    -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+    box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+}
+
+#hero-8-form h4 {
+    line-height: 1.4;
+    margin-bottom: 20px;
+}
+
+#hero-8-form p {
+    color: #757575;
+    margin-bottom: 25px;
+}
+
+#hero-8-form p.p-sm {
+    text-align: center;
+    padding: 0 5% !important;
+    margin-top: 5px;
+    margin-bottom: 0;
+}
+
+#hero-8-form p a {
+    color: #1e90ff;
+    text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  HERO-9
+/*------------------------------------------*/
+
+#hero-9 {
+    padding-top: 180px;
+}
+
+.hero-9-txt h2 {
+    line-height: 1;
+}
+
+.hero-9-txt h2 img {
+    position: relative;
+    width: auto;
+    max-width: inherit;
+    max-height: 100px;
+    margin: 0 3px;
+    top: -8px;
+}
+
+.hero-9-txt p {
+    padding: 0 5%;
+    margin-top: 40px;
+}
+
+#hero-9 .quick-form {
+    margin-left: 7%;
+    margin-right: 7%;
+}
+
+.hero-9-img {
+    margin-top: 60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-10
+/*------------------------------------------*/
+
+#hero-10 {
+    position: relative;
+    background-image: url(../images/hero-10.jpg);
+    padding-top: 170px;
+    padding-bottom: 100px;
+}
+
+.hero-10-txt h4 {
+    line-height: 1.45;
+    font-weight: 300;
+    padding-right: 5%;
+    margin-bottom: 35px;
+}
+
+.hero-10-img {
+    position: relative;
+    text-align: center;
+    margin: 0 -95% 0 15px;
+}
+
+/*------------------------------------------*/
+/*  HERO-11
+/*------------------------------------------*/
+
+#hero-11 {
+    overflow: hidden;
+    background-image: url(../images/hero-11.jpg);
+    padding-top: 50px;
+}
+
+.hero-11-txt {
+    margin-top: 40px;
+}
+
+.hero-11-txt p {
+    padding-right: 5%;
+}
+
+.hero-11-img {
+    position: relative;
+    margin: -60px -12% -100px -15px;
+}
+
+/*------------------------------------------*/
+/*  HERO-12
+/*------------------------------------------*/
+
+#hero-12 {
+    overflow: hidden;
+    background-image: url(../images/hero-12.jpg);
+    padding-top: 180px;
+}
+
+.hero-12-txt h2 {
+    padding: 0 3%;
+}
+
+.hero-12-txt p {
+    padding: 0 5%;
+}
+
+.hero-12-txt p.btns-group-txt {
+    margin-top: 25px;
+}
+
+.hero-12-img {
+    margin-top: 60px;
+    margin-bottom: -100px;
+}
+
+.hero-12-img .video-btn {
+    top: calc(50% - 30px);
+}
+
+/*------------------------------------------*/
+/*  HERO-13
+/*------------------------------------------*/
+
+#hero-13 {
+    background-image: linear-gradient(180deg, #f1edff, #f1edff);
+    padding-top: 130px;
+    padding-bottom: 80px;
+}
+
+#hero-13:after {
+    position: absolute;
+    content: '';
+    z-index: -1;
+    width: 43%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    background-color: #fff;
+    -moz-box-shadow: 0 0 55px 35px #fff;
+    -webkit-box-shadow: 0 0 35px 35px #fff;
+    box-shadow: 0 0 35px 35px #fff;
+}
+
+.hero-13-txt .section-id {
+    font-weight: 600;
+    letter-spacing: 1.5px;
+}
+
+.hero-13-txt p {
+    padding-right: 5%;
+}
+
+.hero-13-img {
+    text-align: center;
+}
+
+/*------------------------------------------*/
+/*  HERO-14
+/*------------------------------------------*/
+
+#hero-14 .wave-shape-bottom path {
+    fill: #fff;
+}
+
+#hero-14 {
+    background-image: url(../images/hero-14.jpg);
+    padding-top: 170px;
+}
+
+.hero-14-txt p.s-21 {
+    font-size: 1.3125rem;
+    margin-bottom: 40px;
+}
+
+#hero-14 .quick-form {
+    margin-left: 6%;
+    margin-right: 6%;
+}
+
+.hero-14-txt .btn-txt {
+    margin-top: 40px;
+}
+
+.hero-14-img {
+    margin-top: 70px;
+}
+
+/*------------------------------------------*/
+/*  HERO-15
+/*------------------------------------------*/
+
+#hero-15 {
+    position: relative;
+    z-index: 3;
+    background-image: url(../images/hero-15.jpg);
+    padding-top: 130px;
+}
+
+.hero-15-txt {
+    margin-top: -20px;
+}
+
+.hero-15-txt h2 {
+    padding-right: 5%;
+}
+
+.hero-15-txt p {
+    padding-right: 2%;
+}
+
+/*------------------------------------------*/
+/*  HERO-16
+/*------------------------------------------*/
+
+#hero-16 .wave-shape-bottom path {
+    fill: #fff;
+}
+
+#hero-16 {
+    background-image: url(../images/hero-16.jpg);
+    padding-top: 170px;
+    margin-bottom: 80px;
+}
+
+.hero-16-img {
+    margin-top: 60px;
+    margin-bottom: -80px;
+}
+
+/*------------------------------------------*/
+/*  HERO-17
+/*------------------------------------------*/
+
+#hero-17 {
+    text-align: center;
+    padding-top: 170px;
+    background-image: url(../images/hero-17.jpg);
+    background-position: top center;
+}
+
+#hero-17 #brands-1 {
+    padding: 80px 6% 0;
+}
+
+#hero-17 #brands-1 .brands-carousel-5 .brand-logo {
+    padding: 0 20px;
+}
+
+#hero-17 .quick-form {
+    margin-left: 8%;
+    margin-right: 8%;
+}
+
+/*------------------------------------------*/
+/*  HERO-18
+/*------------------------------------------*/
+
+#hero-18 {
+    padding-top: 140px;
+    padding-bottom: 80px;
+}
+
+#hero-18:after {
+    position: absolute;
+    content: '';
+    z-index: -1;
+    width: 74%;
+    height: 100%;
+    top: 0;
+    left: 26%;
+    background-image: url(../images/hero-18.jpg);
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: cover;
+    border-radius: 0 0 0 60px;
+}
+
+.hero-18-txt p {
+    padding-right: 3%;
+}
+
+#hero-18 .quick-form {
+    margin-right: 4%;
+}
+
+.hero-18-img {
+    text-align: center;
+    padding-right: 15px;
+}
+
+/*------------------------------------------*/
+/*  HERO-19
+/*------------------------------------------*/
+
+#hero-19 {
+    padding-top: 170px;
+}
+
+.hero-19-txt p {
+    padding: 0 10%;
+}
+
+/*------------------------------------------*/
+/*  HERO-20
+/*------------------------------------------*/
+
+#hero-20 {
+    background-image: url(../images/hero-20.jpg);
+    padding-top: 100px;
+    padding-bottom: 100px;
+}
+
+#hero-20:after {
+    position: absolute;
+    content: '';
+    z-index: -1;
+    width: 51%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    background-image: linear-gradient(180deg, #f4f4f9, #fbfbfd);
+}
+
+.hero-20-txt {
+    padding: 0 8% 0 15px;
+}
+
+.hero-section .hero-20-txt h2.s-48 {
+    margin-bottom: 28px;
+}
+
+/*------------------------------------------*/
+/*  HERO-21
+/*------------------------------------------*/
+
+#hero-21 {
+    padding-top: 170px;
+}
+
+.hero-21-txt {
+    margin-bottom: 60px;
+}
+
+.hero-21-txt h2 {
+    margin-bottom: 35px;
+}
+
+.hero-21-wrapper {
+    overflow: hidden;
+}
+
+#hero-21 .hero-overlay {
+    background-image: url(../images/hero-21.jpg);
+    padding: 90px 70px 0;
+}
+
+.hero-21-img {
+    position: relative;
+    margin-bottom: -25%;
+}
+
+.hero-21-img .video-btn {
+    top: calc(50% - 80px);
+}
+
+/*------------------------------------------*/
+/*  HERO-22
+/*------------------------------------------*/
+
+#hero-22 .wave-shape-bottom path {
+    fill: #fff;
+}
+
+#hero-22 {
+    position: relative;
+    background-image: url(../images/hero-22.jpg);
+    padding-top: 160px;
+}
+
+#hero-22-form {
+    position: relative;
+    z-index: 999;
+    background-color: #fff;
+    border: 1px solid #f8f8f8;
+    padding: 45px 35px 35px;
+    -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+    -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+    box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+}
+
+#hero-22-form h4 {
+    line-height: 1.4;
+    margin-bottom: 20px;
+}
+
+#hero-22-form p {
+    color: #757575;
+    margin-bottom: 25px;
+}
+
+#hero-22-form p.p-sm {
+    text-align: center;
+    padding: 0 5% !important;
+    margin-top: 5px;
+    margin-bottom: 0;
+}
+
+#hero-22-form p a {
+    color: #1e90ff;
+    text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  HERO-23
+/*------------------------------------------*/
+
+#hero-23 .wave-shape-bottom path {
+    fill: #fff;
+}
+
+#hero-23 {
+    position: relative;
+    background-image: url(../images/hero-23.jpg);
+    padding-top: 100px;
+    margin-bottom: 25px;
+}
+
+.hero-23-txt p {
+    padding: 0 5%;
+}
+
+.hero-23-img {
+    margin-top: 40px;
+    margin-bottom: -25px;
+}
+
+/*------------------------------------------*/
+/*  HERO-24
+/*------------------------------------------*/
+
+#hero-24 {
+    background-image: url(../images/hero-24.jpg);
+    padding-top: 200px;
+    padding-bottom: 150px;
+}
+
+#hero-24 .quick-form {
+    margin-left: 7%;
+    margin-right: 7%;
+}
+
+/*------------------------------------------*/
+/*  HERO-25
+/*------------------------------------------*/
+
+#hero-25 {
+    background-image: url(../images/hero-25.jpg);
+    padding-top: 120px;
+    padding-bottom: 100px;
+}
+
+.hero-25-txt h2 {
+    margin-bottom: 22px;
+}
+
+.hero-25-txt p.p-lg {
+    padding-right: 10%;
+    margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  HERO-26
+/*------------------------------------------*/
+
+#hero-26 .wave-shape-bottom path {
+    fill: #fff;
+}
+
+#hero-26 {
+    position: relative;
+    background-image: url(../images/hero-26.jpg);
+    padding-top: 160px;
+    z-index: 3;
+}
+
+.hero-26-txt {
+    margin-top: -80px;
+}
+
+.hero-26-txt h2 {
+    padding-right: 2%;
+}
+
+#hero-26 .quick-form {
+    margin-right: 4%;
+}
+
+.hero-26-img {
+    position: relative;
+    text-align: center;
+    margin: 0 -90% 0 -60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-27
+/*------------------------------------------*/
+
+#hero-27 .hero-overlay {
+    background-image: url(../images/hero-27.png);
+    background-position: top center;
+    padding-top: 170px;
+}
+
+.hero-27-txt h2 {
+    margin-bottom: 26px !important;
+}
+
+.hero-27-txt p.s-20 {
+    padding: 0 6%;
+    margin-bottom: 30px !important;
+}
+
+.hero-27-txt p.s-21 {
+    padding: 0 5%;
+}
+
+/*------------------------------------------*/
+/*  HERO QUICK FORM
+/*------------------------------------------*/
+
+.hero-section .quick-form .input-group {
+    border: none;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Input
+/*------------------------------------------*/
+
+.hero-section .quick-form .form-control {
+    height: 64px;
+    background-color: #fff;
+    border: 2px solid transparent;
+    color: #666;
+    font-size: 1.125rem;
+    font-weight: 400;
+    padding: 0 20px;
+    -webkit-transition: all 450ms ease-in-out;
+    -moz-transition: all 450ms ease-in-out;
+    -o-transition: all 450ms ease-in-out;
+    -ms-transition: all 450ms ease-in-out;
+    transition: all 450ms ease-in-out;
+}
+
+.hero-section .quick-form.form-shadow .form-control {
+    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
+    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
+    box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
+}
+
+.hero-section .quick-form.form-stroke .form-control {
+    border-color: #353f4f;
+}
+
+.hero-section .quick-form.form-half .form-control {
+    height: 58px;
+    font-size: 1.0625rem;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Placeholder
+/*------------------------------------------*/
+
+.hero-section .quick-form .form-control::-moz-placeholder {
+    color: #999;
+}
+
+.hero-section .quick-form .form-control:-ms-input-placeholder {
+    color: #999;
+}
+
+.hero-section .quick-form .form-control::-webkit-input-placeholder {
+    color: #999;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Focus
+/*------------------------------------------*/
+
+.hero-section .quick-form .form-control:focus {
+    background-color: #fff;
+    border-color: #1680fb;
+    outline: 0;
+    box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Button
+/*------------------------------------------*/
+
+.hero-section .quick-form .btn {
+    height: 64px;
+    font-size: 1.0625rem;
+    padding: 12px 45px;
+    margin-left: 15px;
+}
+
+.hero-section .quick-form.form-half .btn {
+    height: 58px;
+    font-size: 1rem;
+    padding: 13px 40px;
+    margin-left: 14px;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Message
+/*------------------------------------------*/
+
+.hero-section .quick-form-msg {
+    width: 100% !important;
+    display: block;
+    margin: 20px 0 15px 5px;
+}
+
+.hero-section .text-center .quick-form-msg {
+    margin: 20px 0 -15px 0;
+}
+
+.hero-section .quick-form-msg .loading {
+    color: #3eb1ff;
+    font-size: 1.05rem;
+    line-height: 1;
+    font-weight: 500;
+}
+
+.hero-section .text-center .quick-form-msg .loading {
+    font-size: 1.125rem;
+}
+
+/*------------------------------------------*/
+/*  HERO REQUEST FORM
+/*------------------------------------------*/
+
+/*------------------------------------------*/
+/*  Hero Request Form Input
+/*------------------------------------------*/
+
+.request-form .form-control {
+    height: 58px;
+    background-color: #f5f6f8;
+    border: 1px solid transparent;
+    color: #666;
+    font-size: 1rem;
+    font-weight: 400;
+    margin-bottom: 22px;
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  Hero Request Form Placeholder
+/*------------------------------------------*/
+
+.hero-form-wrapper .form-control::-moz-placeholder {
+    color: #999;
+}
+
+.hero-form-wrapper .form-control:-ms-input-placeholder {
+    color: #999;
+}
+
+.hero-form-wrapper .form-control::-webkit-input-placeholder {
+    color: #999;
+}
+
+.request-form .form-control:focus {
+    background-color: #fff;
+    border-color: #1680fb;
+    outline: 0;
+    box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Hero Request Form Button
+/*------------------------------------------*/
+
+#hero-8-form .btn,
+#hero-22-form .btn {
+    width: 100%;
+    height: 58px;
+    padding: 16px;
+}
+
+/*------------------------------------------*/
+/*  Hero Request Form Message
+/*------------------------------------------*/
+
+.request-form-msg {
+    width: 100% !important;
+    display: block;
+    text-align: center;
+    margin-top: 15px;
+}
+
+.request-form-msg .loading {
+    color: #00b2e4;
+    font-size: 1.0625rem;
+    line-height: 1;
+    font-weight: 500;
+}
+
+.request-form .error {
+    color: #e74c3c;
+    font-size: 0.85rem;
+    line-height: 1;
+    font-weight: 400;
+    margin-bottom: 10px;
+    padding-left: 10px;
+}
+
+
+
+
+/* ==========================================================================
+  06. ABOUT
+  ========================================================================== */
+
+.a2-txt {
+    padding: 20px 30px 35px;
+}
+
+.a2-txt-quote {
+    position: relative;
+    margin-bottom: -45px;
+}
+
+.a2-txt-quote.ico-40 [class*="flaticon-"]:before,
+.a2-txt-quote.ico-40 [class*="flaticon-"]:after {
+    font-size: 4.25rem;
+}
+
+/*------------------------------------------*/
+/*  ABOUT TYPOGRAPHY
+/*------------------------------------------*/
+
+#about-1 .txt-block p {
+    margin-bottom: 0;
+}
+
+#about-4 .txt-block p {
+    margin-top: 25px;
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  ABOUT 2 AUTHOR
+/*------------------------------------------*/
+
+.a2-txt-author {
+    line-height: 1.45;
+    font-weight: 500;
+    margin-top: 18px;
+    margin-bottom: 0;
+}
+
+.a2-txt-author span {
+    display: block;
+    font-weight: 300;
+}
+
+/*------------------------------------------*/
+/*  ABOUT 2 IMAGES
+/*------------------------------------------*/
+
+.about-3-images {
+    padding: 0 5%;
+}
+
+.about-2-img {
+    overflow: hidden;
+}
+
+.about-3-img {
+    overflow: hidden;
+    height: 460px;
+}
+
+.a-2-1 {
+    margin-left: 13%;
+    margin-bottom: 30px;
+}
+
+.a-2-2 {
+    margin-left: -10%;
+}
+
+.a-2-3 {
+    margin-right: -10%;
+    margin-bottom: 30px;
+}
+
+.a-2-4 {
+    margin-right: -10%;
+}
+
+#a4-1 {
+    position: relative;
+    padding-right: 30px;
+    margin-top: -30px;
+}
+
+#a4-2 {
+    position: relative;
+    padding-left: 30px;
+    margin-bottom: -30px;
+}
+
+
+
+
+/* ==========================================================================
+  07. FEATURES
+  ========================================================================== */
+
+#features-12.py-100.shape--bg:after,
+#features-12.pt-100.shape--bg:after,
+#features-13.py-100.shape--bg:after,
+#features-13.pt-100.shape--bg:after {
+    position: absolute;
+    content: '';
+    z-index: -1;
+}
+
+#features-12.py-100.shape--bg:after {
+    width: 48%;
+    height: 64%;
+    top: 18%;
+    left: 52%;
+}
+
+#features-12.pt-100.shape--bg:after {
+    width: 48%;
+    height: 72%;
+    top: 21%;
+    left: 52%;
+}
+
+#features-13.py-100.shape--bg:after {
+    width: 48%;
+    height: 64%;
+    top: 18%;
+}
+
+#features-13.pt-100.shape--bg:after {
+    width: 48%;
+    height: 72%;
+    top: 21%;
+}
+
+.rows-2 .fb-1,
+.rows-2 .fb-2,
+.rows-2 .fb-3 {
+    margin-bottom: 50px;
+}
+
+.rows-2 .fbox-7.fb-1,
+.rows-2 .fbox-7.fb-2,
+.rows-2 .fbox-7.fb-3,
+.rows-2 .fbox-9.fb-1,
+.rows-2 .fbox-9.fb-2,
+.rows-2 .fbox-9.fb-3,
+.rows-3 .fb-1,
+.rows-3 .fb-2,
+.rows-3 .fb-3,
+.rows-3 .fb-4 {
+    margin-bottom: 40px;
+}
+
+.rows-3 .fb-3.fbox-11-lst,
+.rows-3 .fb-4.fbox-11-lst {
+    margin-bottom: 0;
+}
+
+.fbox-14-wrapper {
+    padding: 80px 70px;
+}
+
+.fbox-14-wrapper .col {
+    padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX
+/*------------------------------------------*/
+
+.row-cols-md-3 .fbox-4 {
+    padding: 50px 35px;
+}
+
+.row-cols-md-2 .fbox-4 {
+    padding: 35px 20px;
+}
+
+.fbox-5 {
+    padding: 60px;
+}
+
+.fbox-7 {
+    border: 2px solid #eee;
+    padding: 55px 40px 50px;
+}
+
+.row-cols-md-2 .fbox-7 {
+    padding: 35px 20px 30px;
+}
+
+.fbox-8 {
+    padding: 55px 40px;
+}
+
+.fbox-8.bg--white-100 {
+    padding: 60px 40px;
+}
+
+.fbox-9 {
+    border: 2px solid #eee;
+    padding: 40px 40px 35px;
+}
+
+.fbox-14 {
+    border: 2px solid #eee;
+    padding: 40px 30px 35px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX IMAGE
+/*------------------------------------------*/
+
+.fbox-img img {
+    width: auto;
+    max-width: inherit;
+}
+
+.fbox-img.h-135 img {
+    max-height: 135px;
+}
+
+.fbox-img.h-140 img {
+    max-height: 140px;
+}
+
+.fbox-img.h-145 img {
+    max-height: 145px;
+}
+
+.fbox-img.h-150 img {
+    max-height: 150px;
+}
+
+.fbox-img.h-155 img {
+    max-height: 155px;
+}
+
+.fbox-img.h-160 img {
+    max-height: 160px;
+}
+
+.fbox-img.h-165 img {
+    max-height: 165px;
+}
+
+.fbox-img.h-170 img {
+    max-height: 170px;
+}
+
+.fbox-img.h-175 img {
+    max-height: 175px;
+}
+
+.fbox-img.h-180 img {
+    max-height: 180px;
+}
+
+/*------------------------------------------*/
+/*  FBOX-1 IMAGE
+/*------------------------------------------*/
+
+.fbox-1 .fbox-img {
+    margin-bottom: 35px;
+}
+
+.row-cols-md-2 .fbox-1 .fbox-img {
+    margin-bottom: 28px;
+}
+
+/*------------------------------------------*/
+/*  FBOX-2 IMAGE
+/*------------------------------------------*/
+
+.fbox-2 .fbox-img {
+    -webkit-border-radius: 12px 12px 0 0;
+    -moz-border-radius: 12px 12px 0 0;
+    -o-border-radius: 12px 12px 0 0;
+    border-radius: 12px 12px 0 0;
+}
+
+.fbox-2 .fbox-img.h-135,
+.fbox-2 .fbox-img.h-140,
+.fbox-2 .fbox-img.h-145,
+.fbox-2 .fbox-img.h-150,
+.fbox-2 .fbox-img.h-155 {
+    padding-top: 35px;
+    margin-bottom: 60px;
+}
+
+.fbox-2 .fbox-img.h-160 {
+    padding-top: 35px;
+    margin: 0 20px 60px;
+}
+
+.fbox-2 .fbox-img.h-165 {
+    padding-top: 38px;
+    margin: 0 15px 60px;
+}
+
+.fbox-2 .fbox-img.h-170 {
+    padding-top: 40px;
+    margin: 0 10px 60px;
+}
+
+.fbox-2 .fbox-img.h-175 {
+    padding-top: 42px;
+    margin: 0 8px 60px;
+}
+
+.fbox-2 .fbox-img.h-180 {
+    padding-top: 44px;
+    margin: 0 5px 60px;
+}
+
+.fbox-2 .fbox-img img {
+    margin-bottom: -25px;
+}
+
+/*------------------------------------------*/
+/*  FBOX-3 IMAGE
+/*------------------------------------------*/
+
+.fbox-3 .fbox-img {
+    overflow: hidden;
+}
+
+.fbox-3 .fbox-img.h-135 {
+    padding-top: 30px;
+    margin: 0 0 35px;
+}
+
+.fbox-3 .fbox-img.h-160 {
+    padding-top: 32px;
+    margin: 0 18px 35px;
+}
+
+.fbox-3 .fbox-img.h-170 {
+    padding-top: 40px;
+    margin: 0 10px 35px;
+}
+
+.fbox-3 .fbox-img.h-175,
+.fbox-3 .fbox-img.h-180 {
+    padding-top: 40px;
+    margin: 0 5px 35px;
+}
+
+.row-cols-md-2 .fbox-3 .fbox-img {
+    margin-bottom: 28px;
+}
+
+/*------------------------------------------*/
+/*  FBOX-4 IMAGE
+/*------------------------------------------*/
+
+.fbox-4 .fbox-img {
+    margin-bottom: 35px;
+}
+
+.row-cols-md-2 .fbox-4 .fbox-img {
+    margin-bottom: 28px;
+}
+
+/*------------------------------------------*/
+/*  FBOX-5 IMAGE
+/*------------------------------------------*/
+
+.fbox-5.fb-1 .fbox-5-img,
+.fbox-5.fb-5 .fbox-5-img,
+.fbox-5.fb-6 .fbox-5-img {
+    margin: 40px 5% 0;
+}
+
+.fbox-5.fb-2 .fbox-5-img,
+.fbox-5.fb-3 .fbox-5-img,
+.fbox-5.fb-4 .fbox-5-img {
+    margin: 0 5% 40px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX VECTOR ICON
+/*------------------------------------------*/
+
+.fbox-ico,
+.fbox-ico.ico-rounded {
+    margin-bottom: 20px;
+}
+
+.fbox-ico.ico-rounded-md,
+.fbox-ico.ico-rounded-lg {
+    margin-bottom: 25px;
+}
+
+.fbox-11 {
+    display: flex;
+    position: relative;
+    flex-flow: row wrap;
+    align-items: stretch !important;
+    justify-content: flex-start;
+}
+
+.fbox-ico-wrap {
+    position: relative;
+    margin-right: 25px;
+}
+
+.rows-2 .fbox-ico-wrap {
+    margin-right: 20px;
+}
+
+.fbox-11 .fbox-ico {
+    margin-top: 4px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX
+/*------------------------------------------*/
+
+.fbox-11 .fbox-txt {
+    overflow: hidden;
+    flex: 1;
+    max-width: 100%;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX TITLE
+/*------------------------------------------*/
+
+.fbox-wrapper .row-cols-lg-3 .fbox-title {
+    margin-bottom: 10px;
+}
+
+.fbox-title span {
+    float: left;
+    line-height: 1 !important;
+    margin-right: 15px;
+}
+
+.fbox-title h6 {
+    line-height: 2.1875rem !important;
+    margin-bottom: 0;
+}
+
+.fbox-title.ico-30 h6 {
+    line-height: 1.875rem !important;
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX TYPOGRAPHY
+/*------------------------------------------*/
+
+.fbox-wrapper .row-cols-md-3 h6 {
+    margin-bottom: 15px;
+}
+
+.rows-2 .fbox-11 h6,
+.fbox-wrapper .row-cols-md-2 h6 {
+    margin-bottom: 10px;
+}
+
+.fbox-wrapper p {
+    margin-bottom: 0;
+}
+
+.fbox-5 h5 {
+    margin-bottom: 15px;
+}
+
+.fbox-14 h5 {
+    margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE-12
+/*------------------------------------------*/
+
+.fbox-12-wrapper {
+    padding-left: 45px;
+}
+
+.fbox-13-wrapper {
+    padding-right: 45px;
+}
+
+.fbox-12,
+.fbox-13 {
+    padding: 32px 35px;
+}
+
+.fbox-12 h5,
+.fbox-13 h5 {
+    margin-top: 20px;
+    margin-bottom: 10px;
+}
+
+.fbox-12 p,
+.fbox-13 p,
+.fbox-14 p {
+    margin-bottom: 0;
+}
+
+
+
+
+/* ==========================================================================
+  08. CONTENT
+  ========================================================================== */
+
+.ct-06 {
+    margin-bottom: 80px;
+}
+
+.ct-07 {
+    margin-top: 80px;
+}
+
+.ct-10 .section-overlay {
+    margin-bottom: 100px;
+}
+
+.ct-11,
+.ct-12 {
+    padding: 60px 0;
+}
+
+.ct-11:after {
+    position: absolute;
+    content: '';
+    z-index: -1;
+    width: 50%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    background-color: #fff;
+}
+
+.ct-12:after {
+    position: absolute;
+    content: '';
+    z-index: -1;
+    width: 50%;
+    height: 100%;
+    top: 0;
+    left: 50%;
+    background-color: #fff;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX WRAPPER
+/*------------------------------------------*/
+
+.bc-1-wrapper .section-overlay,
+.bc-4-wrapper .section-overlay,
+.bc-6-wrapper .section-overlay {
+    padding: 80px 70px;
+}
+
+.bc-2-wrapper .section-overlay,
+.bc-3-wrapper .section-overlay,
+.bc-5-wrapper .section-overlay {
+    padding: 80px 70px 0;
+}
+
+.bc-6 {
+    padding: 40px 35px;
+}
+
+.cbox-6-wrapper {
+    padding: 60px 40px;
+}
+
+.content-section .cbox-6-wrapper {
+    padding: 80px 70px;
+}
+
+.bc-5-wrapper .section-title p {
+    padding: 0;
+}
+
+/*------------------------------------------*/
+/*  TEXT BLOCK
+/*------------------------------------------*/
+
+.txt-box {
+    margin-bottom: 20px;
+}
+
+.txt-box:last-child {
+    margin-bottom: 0;
+}
+
+.bc-3-txt,
+.ct-06 .txt-block,
+.bc-2-wrapper .txt-block {
+    margin-top: -40px;
+}
+
+.bc-2-txt,
+.ct-07 .txt-block {
+    margin-top: 40px;
+}
+
+.bc-1-wrapper .txt-block.pr-25.left-column,
+.bc-2-wrapper .txt-block.pr-25.left-column {
+    padding-right: 25px;
+}
+
+.bc-1-wrapper .txt-block.pl-25.right-column,
+.bc-2-wrapper .txt-block.pl-25.right-column {
+    padding-left: 25px;
+}
+
+.ct-11 .txt-block {
+    padding-right: 50px;
+}
+
+.ct-12 .txt-block {
+    padding-left: 70px;
+}
+
+.ct-13 .txt-block h5 {
+    padding-right: 6%;
+}
+
+/*------------------------------------------*/
+/*  TEXT BLOCK TYPOGRAPHY
+/*------------------------------------------*/
+
+.bc-2-txt h2,
+.bc-3-txt h2,
+.bc-4-txt h2,
+.txt-block h3,
+.txt-block h2 {
+    margin-bottom: 26px;
+}
+
+.txt-block h5 {
+    margin-bottom: 20px;
+}
+
+h5.h5-title {
+    margin-top: 20px;
+    margin-bottom: 20px;
+}
+
+.txt-block .btn,
+.txt-block .btns-group .btn.btn--transparent {
+    margin-top: 25px;
+}
+
+.txt-block .btn.btn--transparent {
+    margin-top: 0;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX
+/*------------------------------------------*/
+
+.cbox-1,
+.cbox-2,
+.cbox-3 {
+    display: flex;
+    position: relative;
+    flex-flow: row wrap;
+    align-items: stretch !important;
+    justify-content: flex-start;
+}
+
+.cbox-5 {
+    position: relative;
+}
+
+.cbox-5-content {
+    background-color: #fff;
+    border: 1px solid #f5f6f6;
+    padding: 40px;
+    margin: 0 12%;
+    z-index: 1;
+    -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+    -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+    box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+}
+
+.cbox-5-content .divider {
+    margin-top: 25px;
+    margin-bottom: 25px;
+}
+
+#cb-6-1,
+#cb-6-2 {
+    margin-bottom: 35px;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX TITLE
+/*------------------------------------------*/
+
+.box-title h6,
+.box-title h5 {
+    display: inline-block;
+    line-height: 2.35rem !important;
+    margin-bottom: 15px;
+}
+
+.box-title span {
+    position: relative;
+    top: 12px;
+    margin-right: 10px;
+}
+
+.box-title span[class*="flaticon-"]:before,
+.box-title span[class*="flaticon-"]:after {
+    font-size: 2.35rem;
+}
+
+.txt-block .cbox-5-title h2 {
+    font-size: 3.5rem;
+    letter-spacing: -1px;
+    line-height: 1;
+    margin-bottom: 10px;
+}
+
+.cbox-5-title .statistic-number sup {
+    font-size: 3rem;
+    top: -5px;
+    right: 6px;
+}
+
+.cbox-5-title .ico-15 [class*="flaticon-"]:before,
+.cbox-5-title .ico-15 [class*="flaticon-"]:after {
+    font-size: 0.875rem;
+    line-height: 1 !important;
+}
+
+.cbox-5-title p.p-lg {
+    margin-bottom: 10px;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX ICON
+/*------------------------------------------*/
+
+.cbox-1 .ico-wrap {
+    margin-left: 8px;
+}
+
+.cbox-1.ico-10 span {
+    position: relative;
+    top: 0;
+    right: 7px;
+}
+
+.cbox-1.ico-15 span {
+    position: relative;
+    top: 1px;
+    right: 8px;
+}
+
+.cbox-1.ico-10 [class*="flaticon-"]:before,
+.cbox-1.ico-10 [class*="flaticon-"]:after {
+    font-size: 0.6rem;
+}
+
+.cbox-1.ico-15 [class*="flaticon-"]:before,
+.cbox-1.ico-15 [class*="flaticon-"]:after {
+    font-size: 0.75rem;
+}
+
+/*------------------------------------------*/
+/*  CBOX #2
+/*------------------------------------------*/
+
+.cbox-2 .ico-wrap {
+    position: relative;
+    margin-right: 1.625rem;
+}
+
+.cbox-2-ico {
+    position: relative;
+    width: 2.625rem;
+    height: 2.625rem;
+    text-align: center;
+    border-radius: 100%;
+    font-size: 1.1875rem;
+    font-weight: 500;
+    line-height: 2.375rem;
+    border: 2px solid transparent;
+    -webkit-transition: all 450ms ease-in-out;
+    -moz-transition: all 450ms ease-in-out;
+    -o-transition: all 450ms ease-in-out;
+    -ms-transition: all 450ms ease-in-out;
+    transition: all 450ms ease-in-out;
+}
+
+.ct-03 .cbox-2-ico {
+    position: relative;
+    width: 2.35rem;
+    height: 2.35rem;
+    font-size: 1.15rem;
+    line-height: 2.15rem;
+}
+
+.cbox-2-line {
+    position: absolute;
+    bottom: 20px;
+    left: 50%;
+    width: 2px;
+    background-color: #e4e4e4;
+    height: calc(100% - 90px);
+    -webkit-transform: translateX(-50%);
+    -ms-transform: translateX(-50%);
+    transform: translateX(-50%);
+}
+
+.cbox-2:hover .cbox-2-ico {
+    background-color: transparent;
+    -webkit-transform: scale(1.1);
+    -moz-transform: scale(1.1);
+    -ms-transform: scale(1.1);
+    transform: scale(1.1);
+}
+
+.cbox-2:hover .cbox-2-ico.bg--blue-500 {
+    color: #185abd;
+    border-color: #185abd;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--blue-400 {
+    color: #1680fb;
+    border-color: #1680fb;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--blue-300 {
+    color: #3eb1ff;
+    border-color: #3eb1ff;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--green-500 {
+    color: #00a14e;
+    border-color: #00a14e;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--green-400 {
+    color: #0fbc49;
+    border-color: #0fbc49;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--green-300 {
+    color: #6fd792;
+    border-color: #6fd792;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--pink-500 {
+    color: #ff149c;
+    border-color: #ff149c;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--pink-400 {
+    color: #f74780;
+    border-color: #f74780;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--pink-300 {
+    color: #fcb5cc;
+    border-color: #fcb5cc;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--purple-500 {
+    color: #663ae9;
+    border-color: #663ae9;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--purple-400 {
+    color: #7b5dd6;
+    border-color: #7b5dd6;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--purple-300 {
+    color: #bdaeea;
+    border-color: #bdaeea;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--red-500 {
+    color: #da0f29;
+    border-color: #da0f29;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--red-400 {
+    color: #ff1e1a;
+    border-color: #ff1e1a;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--red-300 {
+    color: #ffa5a3;
+    border-color: #ffa5a3;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--violet-500 {
+    color: #c73e9b;
+    border-color: #c73e9b;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--violet-400 {
+    color: #be6cbe;
+    border-color: #be6cbe;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--violet-300 {
+    color: #e2bde2;
+    border-color: #e2bde2;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--yellow-500 {
+    color: #ffba01;
+    border-color: #ffba01;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--yellow-400 {
+    color: #ffbd45;
+    border-color: #ffbd45;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--yellow-300 {
+    color: #ffdf35;
+    border-color: #ffdf35;
+}
+
+/*------------------------------------------*/
+/*  CBOX #3
+/*------------------------------------------*/
+
+.cbox-3 .ico-wrap {
+    position: relative;
+    text-align: center;
+    margin-top: 0;
+    margin-right: 1.15rem;
+}
+
+.cbox-3 .cbox-3-ico {
+    position: relative;
+    top: 3px;
+}
+
+.cbox-3-ico span[class*="flaticon-"]:before,
+.cbox-3-ico span[class*="flaticon-"]:after {
+    font-size: 2.85rem;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX TEXT
+/*------------------------------------------*/
+
+.cbox-1-txt,
+.cbox-2-txt,
+.cbox-3-txt {
+    overflow: hidden;
+    flex: 1;
+    max-width: 100%;
+}
+
+.cbox-2-txt,
+.cbox-3-txt {
+    margin-bottom: 35px;
+}
+
+.ct-03 .cbox-2-txt {
+    margin-bottom: 30px;
+}
+
+.cbox-4-txt {
+    margin-bottom: 25px;
+}
+
+.cbox-2:last-child .cbox-2-txt,
+.cbox-3:last-child .cbox-3-txt,
+.cbox-4:last-child .cbox-4-txt {
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX FEATURE
+/*------------------------------------------*/
+
+.cbox-5-fea {
+    padding: 20px 25px;
+    margin-top: 25px;
+    -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+    -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+    box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+}
+
+.txt-block .cbox-5-fea h4 {
+    line-height: 1;
+    margin-bottom: 3px;
+}
+
+.cbox-5-fea p {
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX TYPOGRAPHY
+/*------------------------------------------*/
+
+.cbox-2-txt h5,
+.cbox-3-txt h5 {
+    margin-bottom: 15px;
+}
+
+.ct-03 .cbox-2-txt h5 {
+    margin-bottom: 10px;
+}
+
+.cbox-6 h6 {
+    margin-bottom: 15px;
+}
+
+.cbox-1-txt p {
+    margin-bottom: 8px;
+}
+
+.cbox-1-last .cbox-1-txt p {
+    margin-bottom: 1rem;
+}
+
+.cbox-6 p,
+.cbox-2-txt p,
+.cbox-3-txt p,
+.cbox-4-txt p {
+    margin-bottom: 0;
+}
+
+.bc-6-txt {
+    padding: 0 10px;
+}
+
+.bc-6-txt h5 {
+    margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  ACCORDION  
+/*------------------------------------------*/
+
+.txt-block .accordion-1 .accordion-item {
+    background-color: transparent;
+    padding: 25px 30px;
+    border: none;
+}
+
+.txt-block .accordion-2 .accordion-item {
+    background-color: transparent;
+    padding: 15px 0 25px;
+    border: none;
+    border-top: 1px solid #ccc;
+    border-radius: 0 0;
+}
+
+.txt-block .accordion-2 .accordion-item:last-child {
+    border-bottom: 1px solid #ccc;
+}
+
+.txt-block .accordion-item.r-02:first-of-type {
+    border-top-left-radius: 2px;
+    border-top-right-radius: 2px;
+}
+
+.txt-block .accordion-item.r-04:first-of-type {
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+}
+
+.txt-block .accordion-item.r-06:first-of-type {
+    border-top-left-radius: 6px;
+    border-top-right-radius: 6px;
+}
+
+.txt-block .accordion-item.r-08:first-of-type {
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+}
+
+.txt-block .accordion-item.r-10:first-of-type {
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+}
+
+.txt-block .accordion-item.r-12:first-of-type {
+    border-top-left-radius: 12px;
+    border-top-right-radius: 12px;
+}
+
+.txt-block .accordion-item.r-14:first-of-type {
+    border-top-left-radius: 14px;
+    border-top-right-radius: 14px;
+}
+
+.txt-block .accordion-item.r-16:first-of-type {
+    border-top-left-radius: 16px;
+    border-top-right-radius: 16px;
+}
+
+.txt-block .accordion-item.r-02:last-of-type {
+    border-bottom-right-radius: 2px;
+    border-bottom-left-radius: 2px;
+}
+
+.txt-block .accordion-item.r-04:last-of-type {
+    border-bottom-right-radius: 4px;
+    border-bottom-left-radius: 4px;
+}
+
+.txt-block .accordion-item.r-06:last-of-type {
+    border-bottom-right-radius: 6px;
+    border-bottom-left-radius: 6px;
+}
+
+.txt-block .accordion-item.r-08:last-of-type {
+    border-bottom-right-radius: 8px;
+    border-bottom-left-radius: 8px;
+}
+
+.txt-block .accordion-item.r-10:last-of-type {
+    border-bottom-right-radius: 10px;
+    border-bottom-left-radius: 10px;
+}
+
+.txt-block .accordion-item.r-12:last-of-type {
+    border-bottom-right-radius: 12px;
+    border-bottom-left-radius: 12px;
+}
+
+.txt-block .accordion-item.r-14:last-of-type {
+    border-bottom-right-radius: 14px;
+    border-bottom-left-radius: 14px;
+}
+
+.txt-block .accordion-item.r-16:last-of-type {
+    border-bottom-right-radius: 16px;
+    border-bottom-left-radius: 16px;
+}
+
+.txt-block .accordion-thumb {
+    margin: 0;
+    padding: 0;
+    cursor: pointer;
+    position: relative;
+}
+
+.txt-block .accordion-1 .accordion-item .accordion-thumb:before,
+.txt-block .accordion-2 .accordion-item .accordion-thumb:after,
+.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before,
+.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
+    color: #6c757d;
+    font-family: Flaticon;
+    position: absolute;
+    color: #353f4f;
+    font-weight: 400;
+}
+
+.txt-block .accordion-1 .accordion-item .accordion-thumb:before {
+    content: "\f11a";
+    font-size: 0.95rem;
+    top: 1px;
+    left: 0;
+}
+
+.txt-block .accordion-2 .accordion-item .accordion-thumb:after,
+.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
+    content: "\f110";
+    font-size: 0.95rem;
+    top: 12px;
+    right: 0;
+}
+
+.txt-block .accordion-1 .accordion-item.is-active {
+    background-color: #f4f4f9;
+    padding: 35px 30px 19px 30px;
+    margin-bottom: 15px;
+    margin-top: 15px;
+}
+
+.txt-block .accordion-2 .accordion-item.is-active {
+    background-color: transparent;
+    margin-bottom: 0;
+    margin-top: 0;
+}
+
+.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before {
+    content: "\f11b";
+}
+
+.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
+    content: "\f111";
+}
+
+.txt-block .accordion-1 .accordion-panel {
+    color: #6c757d;
+    margin: 0;
+    padding: 0 0 0 25px;
+    display: none;
+}
+
+.txt-block .accordion-2 .accordion-panel {
+    color: #6c757d;
+    margin: 15px 0 0 0;
+    display: none;
+}
+
+.txt-block .accordion-1 .accordion-thumb h5 {
+    color: #353f4f;
+    line-height: 1;
+    padding-left: 28px;
+    margin-bottom: 0;
+}
+
+.txt-block .accordion-2 .accordion-thumb h5 {
+    color: #353f4f;
+    display: inline-block;
+    line-height: 1;
+    padding-left: 10px;
+    margin-bottom: 0;
+}
+
+.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 {
+    margin-bottom: 20px;
+}
+
+.accordion-2 .accordion-thumb span[class*="flaticon-"]:before,
+.accordion-2 .accordion-thumb span[class*="flaticon-"]:after {
+    color: #6c757d;
+    position: relative;
+    font-size: 2.1875rem;
+    top: 10px;
+}
+
+.txt-block .accordion-2 .accordion-panel .simple-list li {
+    margin-bottom: 1rem;
+}
+
+.txt-block .accordion-2 .accordion-panel p,
+.txt-block .accordion-2 .accordion-panel .simple-list li:last-child {
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TABS
+/*------------------------------------------*/
+
+#tabs-1 .tabs-nav {
+    text-align: center;
+}
+
+.tabs-1 {
+    display: inline-block;
+    margin: 0 auto 60px;
+}
+
+#tabs-1 .tab-content {
+    display: none;
+}
+
+#tabs-1 .tab-content.current {
+    display: inherit;
+}
+
+.tabs-1 li {
+    display: inline-block;
+    margin: 0 20px;
+    color: #aaa;
+    font-size: 1.05rem;
+    line-height: 1;
+    font-weight: 500;
+    padding: 0 2px 10px;
+    background-color: transparent;
+    border-bottom: 3px solid transparent;
+    cursor: pointer;
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  TAB LINK HOVER / CURRENT
+/*------------------------------------------*/
+
+.tabs-1 li:hover {
+    color: #888;
+    border-color: #ccc;
+}
+
+.tabs-1 li.current,
+.tabs-1 li.current:hover {
+    color: #2b3648;
+    border-color: #2b3648;
+}
+
+.tabs-1.tabs--blue-500,
+.tabs-1.tabs--blue-500 li.current:hover {
+    color: #185abd;
+    border-color: #185abd;
+}
+
+.tabs-1.tabs--blue-400,
+.tabs-1.tabs--blue-500 li.current:hover {
+    color: #1680fb;
+    border-color: #1680fb;
+}
+
+.tabs-1.tabs--blue-300,
+.tabs-1.tabs--blue-500 li.current:hover {
+    color: #3eb1ff;
+    border-color: #3eb1ff;
+}
+
+.tabs-1.tabs--green-500,
+.tabs-1.tabs--green-500 li.current:hover {
+    color: #00a14e;
+    border-color: #00a14e;
+}
+
+.tabs-1.tabs--green-400,
+.tabs-1.tabs--green-400 li.current:hover {
+    color: #0fbc49;
+    border-color: #0fbc49;
+}
+
+.tabs-1.tabs--green-300,
+.tabs-1.tabs--green-300 li.current:hover {
+    color: #6fd792;
+    border-color: #6fd792;
+}
+
+.tabs-1.tabs--pink-500,
+.tabs-1.tabs--pink-500 li.current:hover {
+    color: #ff149c;
+    border-color: #ff149c;
+}
+
+.tabs-1.tabs--pink-400,
+.tabs-1.tabs--pink-400 li.current:hover {
+    color: #f74780;
+    border-color: #f74780;
+}
+
+.tabs-1.tabs--pink-300,
+.tabs-1.tabs--pink-300 li.current:hover {
+    color: #fcb5cc;
+    border-color: #fcb5cc;
+}
+
+.tabs-1.tabs--purple-500,
+.tabs-1.tabs--purple-500 li.current:hover {
+    color: #663ae9;
+    border-color: #663ae9;
+}
+
+.tabs-1.tabs--purple-400,
+.tabs-1.tabs--purple-400 li.current:hover {
+    color: #7b5dd6;
+    border-color: #7b5dd6;
+}
+
+.tabs-1.tabs--purple-300,
+.tabs-1.tabs--purple-300 li.current:hover {
+    color: #bdaeea;
+    border-color: #bdaeea;
+}
+
+.tabs-1.tabs--red-500,
+.tabs-1.tabs--red-500 li.current:hover {
+    color: #da0f29;
+    border-color: #da0f29;
+}
+
+.tabs-1.tabs--red-400,
+.tabs-1.tabs--red-400 li.current:hover {
+    color: #ff1e1a;
+    border-color: #ff1e1a;
+}
+
+.tabs-1.tabs--red-300,
+.tabs-1.tabs--red-300 li.current:hover {
+    color: #ffa5a3;
+    border-color: #ffa5a3;
+}
+
+.tabs-1.tabs--violet-500,
+.tabs-1.tabs--violet-500 li.current:hover {
+    color: #c73e9b;
+    border-color: #c73e9b;
+}
+
+.tabs-1.tabs--violet-400,
+.tabs-1.tabs--violet-400 li.current:hover {
+    color: #be6cbe;
+    border-color: #be6cbe;
+}
+
+.tabs-1.tabs--violet-300,
+.tabs-1.tabs--violet-300 li.current:hover {
+    color: #e2bde2;
+    border-color: #e2bde2;
+}
+
+.tabs-1.tabs--yellow-500,
+.tabs-1.tabs--yellow-500 li.current:hover {
+    color: #ffba01;
+    border-color: #ffba01;
+}
+
+.tabs-1.tabs--yellow-400,
+.tabs-1.tabs--yellow-400 li.current:hover {
+    color: #ffbd45;
+    border-color: #ffbd45;
+}
+
+.tabs-1.tabs--yellow-300,
+.tabs-1.tabs--yellow-300 li.current:hover {
+    color: #ffdf35;
+    border-color: #ffdf35;
+}
+
+/*------------------------------------------*/
+/*  ADVANTAGES LIST
+/*------------------------------------------*/
+
+.advantages {
+    margin-top: 15px;
+}
+
+.text-center .advantages {
+    margin-top: 20px;
+}
+
+.advantages li {
+    width: auto !important;
+    display: inline-block !important;
+    vertical-align: top;
+    clear: none !important;
+}
+
+.advantages-links-divider {
+    position: relative;
+    top: 0.5px;
+    transform: rotate(-90deg);
+}
+
+.advantages li p {
+    display: inline-block;
+    float: left;
+    margin-bottom: 0;
+}
+
+.advantages.ico-15 li p span {
+    position: relative;
+    top: 2px;
+    right: -1px;
+}
+
+.advantages.ico-15 [class*="flaticon-"]:before,
+.advantages.ico-15 [class*="flaticon-"]:after {
+    font-size: 0.75rem;
+}
+
+.advantages li p a {
+    font-weight: 400;
+    text-decoration: underline;
+}
+
+.advantages li p a:hover {
+    text-decoration: underline;
+}
+
+.white--color .advantages li p a:hover {
+    color: #fff !important;
+}
+
+/*------------------------------------------*/
+/*  COMPATABILITY
+/*------------------------------------------*/
+
+.compatibility {
+    display: inline-block;
+    padding: 3px 20px;
+    margin-top: 15px;
+    margin-bottom: 0;
+}
+
+.compatibility span {
+    position: relative;
+    top: -1.5px;
+    right: 2px;
+}
+
+.compatibility.ico-10 [class*="flaticon-"]:before,
+.compatibility.ico-10 [class*="flaticon-"]:after {
+    font-size: 0.5rem;
+}
+
+/*------------------------------------------*/
+/*  TOOLS LIST / PAYMENT METHODS
+/*------------------------------------------*/
+
+.tools-list,
+.payment-methods {
+    margin-top: 25px;
+}
+
+.tools-list p,
+.payment-methods p {
+    font-weight: 400;
+    margin-bottom: 12px;
+}
+
+.tools-list.ico-35 [class*="flaticon-"]:before,
+.tools-list.ico-35 [class*="flaticon-"]:after {
+    line-height: 2.1875rem !important;
+    margin-right: 6px;
+}
+
+/*------------------------------------------*/
+/*  Payment Icons
+/*------------------------------------------*/
+
+.payment-icons li {
+    display: inline-block !important;
+    vertical-align: top;
+    clear: none !important;
+    margin: 0;
+    padding-right: 5px;
+}
+
+.payment-icons li:last-child {
+    padding-right: 0;
+}
+
+.payment-icons img {
+    width: auto;
+    max-width: inherit;
+    max-height: 32px;
+}
+
+/*------------------------------------------*/
+/*  QUOTE
+/*------------------------------------------*/
+
+.quote p {
+    color: #666;
+    border-left: 3px solid #0195ff;
+    font-style: italic;
+    padding-left: 20px;
+    margin-bottom: 12px;
+}
+
+/*------------------------------------------*/
+/*  Quote Avatar 
+/*------------------------------------------*/
+
+.quote-avatar {
+    display: inline-block;
+    margin: 0 auto;
+}
+
+.quote-avatar img {
+    width: 70px;
+    height: 70px;
+    -webkit-border-radius: 100%;
+    -moz-border-radius: 100%;
+    -o-border-radius: 100%;
+    border-radius: 100%;
+}
+
+/*------------------------------------------*/
+/*  Quote Author 
+/*------------------------------------------*/
+
+.quote-author {
+    position: relative;
+    display: inline-block;
+    padding: 0 0 0 15px;
+    text-align: left;
+    top: 16px;
+}
+
+.quote-author h6 {
+    margin-bottom: 0;
+}
+
+.quote-author span {
+    font-size: 1rem;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX SHAPES
+/*------------------------------------------*/
+
+.cbox-5-shape-1 {
+    position: absolute;
+    right: 30px;
+    top: -35px;
+    z-index: -1;
+}
+
+.cbox-5-shape-2 {
+    position: absolute;
+    left: 30px;
+    bottom: -25px;
+    z-index: -1;
+}
+
+.cbox-5-shape-1 img,
+.cbox-5-shape-2 img {
+    height: 100%;
+    width: 100%;
+    object-fit: cover;
+}
+
+/*------------------------------------------*/
+/*  IMG BLOCK IMAGE
+/*------------------------------------------*/
+
+.grey-img {
+    filter: grayscale(100%);
+}
+
+.img-block {
+    text-align: center;
+}
+
+.img-block.img-block-bkg {
+    overflow: hidden;
+}
+
+.img-block.img-block-bkg img {
+    padding: 60px 45px;
+}
+
+.ct-10 .img-block,
+.img-block-hidden,
+.bc-5-img.bc-5-dashboard.img-block-hidden {
+    margin-bottom: -100px;
+}
+
+.ct-05 .img-block-hidden {
+    margin-bottom: -30px;
+}
+
+.bc-5-img.bc-5-tablet.img-block-hidden {
+    margin-bottom: -200px;
+}
+
+.img-block-hidden .video-btn,
+.bc-5-img.bc-5-dashboard.img-block-hidden .video-btn {
+    top: calc(50% - 30px);
+}
+
+.bc-5-img.bc-5-tablet.img-block-hidden .video-btn {
+    top: calc(50% - 70px);
+}
+
+.ct-01 .img-block,
+.ct-04 .img-block {
+    margin-left: 30px;
+}
+
+.ct-02 .img-block {
+    margin-right: 30px;
+}
+
+.ct-03 .img-block.right-column {
+    margin-left: 20px;
+}
+
+.ct-03 .img-block.left-column {
+    margin-right: 20px;
+}
+
+.ct-04 .img-block img {
+    max-width: none;
+    display: inline-block;
+}
+
+.ct-06 .img-block {
+    margin-bottom: -80px;
+}
+
+.ct-07 .img-block {
+    margin-top: -80px;
+}
+
+.img-block-txt,
+.img-block-btn {
+    margin-top: 60px;
+}
+
+.bc-1-wrapper .img-block.left-column,
+.bc-2-wrapper .img-block.left-column {
+    padding-right: 10px;
+}
+
+.bc-1-wrapper .img-block.right-column,
+.bc-2-wrapper .img-block.right-column {
+    padding-left: 10px;
+}
+
+.bc-2-img {
+    margin-left: 15px;
+}
+
+.bc-3-img {
+    margin: 0 -65% -25px 15px;
+}
+
+.bc-4-img {
+    margin-left: 15px;
+    margin-right: -65%;
+}
+
+.bc-6-img {
+    padding: 50px 30px 0;
+    margin-bottom: 35px;
+}
+
+.ct-11 .img-block {
+    position: relative;
+    text-align: center;
+    padding-left: 70px;
+    z-index: 2;
+}
+
+.ct-12 .img-block {
+    position: relative;
+    text-align: center;
+    padding-right: 70px;
+    z-index: 2;
+}
+
+.ct-11 .img-block .tra-bkg,
+.ct-12 .img-block .tra-bkg {
+    opacity: 0;
+    -moz-opacity: 0;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: -1;
+}
+
+
+
+
+/* ==========================================================================
+  09. STATISTIC
+  =========================================================================== */
+
+.sb-rounded .statistic-block {
+    padding: 35px 25px;
+}
+
+/*------------------------------------------*/
+/*  STATISTIC BLOCK
+/*------------------------------------------*/
+
+#sb-2-1,
+#sb-2-2 {
+    width: 48%;
+    display: inline-block;
+    float: left;
+}
+
+#sb-2-3,
+#sb-2-4 {
+    display: inline-block;
+    float: left;
+    padding-right: 15px;
+}
+
+#sb-2-3 {
+    width: 45%;
+}
+
+#sb-2-4 {
+    width: 55%;
+}
+
+#sb-2-3 .statistic-block,
+#sb-2-4 .statistic-block {
+    display: flex;
+    position: relative;
+    flex-flow: row wrap;
+    align-items: stretch !important;
+    justify-content: flex-start;
+}
+
+#sb-2-3 .statistic-block-txt,
+#sb-2-4 .statistic-block-txt {
+    overflow: hidden;
+    flex: 1;
+    max-width: 100%;
+    padding-left: 15px;
+}
+
+/*------------------------------------------*/
+/*  STATISTIC BLOCK TYPOGRAPHY
+/*------------------------------------------*/
+
+.statistic-1-wrapper .statistic-block-digit {
+    width: 35%;
+    display: inline-block !important;
+    float: left;
+}
+
+.statistic-1-wrapper .statistic-block-txt {
+    width: 65%;
+    display: inline-block !important;
+    padding-left: 20px;
+}
+
+#statistic-5 .statistic-digit {
+    padding-bottom: 20px;
+    margin: 0 100px 20px 0;
+    border-bottom: 1px solid #999;
+}
+
+#statistic-5 .color--white .statistic-digit {
+    border-bottom: 1px solid rgba(255, 255, 255, .8);
+}
+
+/*------------------------------------------*/
+/*  STATISTIC BLOCK TYPOGRAPHY
+/*------------------------------------------*/
+
+.statistic-ico {
+    margin-bottom: 10px;
+}
+
+h2.statistic-number {
+    line-height: 1;
+    font-weight: 700;
+    letter-spacing: -1px;
+    margin-bottom: 0;
+}
+
+#sb-2-1 h2.statistic-number,
+#sb-2-2 h2.statistic-number {
+    margin-bottom: 15px;
+}
+
+#sb-2-3 h2.statistic-number span,
+#sb-2-4 h2.statistic-number span {
+    font-size: 2rem;
+}
+
+#statistic-5 .statistic-digit h2 {
+    letter-spacing: -1.5px;
+}
+
+#statistic-5 .statistic-txt h5 {
+    line-height: 1;
+    margin-bottom: 12px;
+}
+
+.statistic-block-txt p.p-md {
+    line-height: 1.35;
+    margin-bottom: 0;
+}
+
+#sb-2-1 .statistic-block p.p-sm,
+#sb-2-2 .statistic-block p.p-sm {
+    line-height: 1.4;
+    margin-bottom: 0;
+}
+
+#sb-2-3 .statistic-block p.p-sm,
+#sb-2-4 .statistic-block p.p-sm {
+    margin-top: 3px;
+    line-height: 1.5;
+    margin-bottom: 0;
+}
+
+.statistic-3-wrapper p {
+    line-height: 1;
+    margin-top: 15px;
+    margin-bottom: 0;
+}
+
+.statistic-3-wrapper p.p-md {
+    line-height: 1;
+    margin-top: 22px;
+    margin-bottom: 0;
+}
+
+.statistic-4-wrapper p {
+    line-height: 1;
+    margin-bottom: 14px;
+}
+
+#statistic-5 .statistic-txt p {
+    padding-right: 3%;
+    margin-bottom: 0;
+}
+
+.txt-block-stat .statistic-block .txt-block-rating {
+    margin-top: -4px;
+    margin-bottom: -3px;
+}
+
+.txt-block-stat .ico-15 [class*="flaticon-"]:before,
+.txt-block-stat .ico-15 [class*="flaticon-"]:after {
+    font-size: 0.8125rem;
+}
+
+
+
+
+/* ==========================================================================
+  10. PROJECTS
+  ========================================================================== */
+
+.projects-wrapper {
+    padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  PROJECT DETAILS
+/*------------------------------------------*/
+
+#pt-1-1,
+#pt-1-2,
+.inner-page-hero #pt-1-3,
+.inner-page-hero #pt-1-4 {
+    margin-bottom: 50px;
+}
+
+.project-details h5 {
+    line-height: 1;
+    margin-bottom: 30px;
+}
+
+.project-preview {
+    position: relative;
+    overflow: hidden;
+}
+
+/*------------------------------------------*/
+/*  Image Link
+/*------------------------------------------*/
+
+.project-link {
+    width: 100%;
+    position: absolute;
+    top: 55%;
+    transform: translateY(-50%);
+    opacity: 0;
+    text-align: center;
+    color: #fff;
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  Image Hover Overlay
+/*------------------------------------------*/
+
+.hover-overlay {
+    width: 100%;
+    height: auto;
+    overflow: hidden;
+    position: relative;
+}
+
+.hover-overlay img {
+    transform: scale(1);
+    -ms-transform: scale(1);
+    -webkit-transform: scale(1);
+    -o-transform: scale(1);
+    -moz-transform: scale(1);
+    overflow: hidden;
+    -webkit-transition: transform 400ms;
+    -moz-transition: transform 400ms;
+    -o-transition: transform 400ms;
+    transition: transform 400ms;
+}
+
+/*------------------------------------------*/
+/*    Overlay Background 
+/*------------------------------------------*/
+
+.item-overlay {
+    opacity: 0;
+    -moz-opacity: 0;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(20, 20, 20, .25);
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  Image Hover Effect 
+/*------------------------------------------*/
+
+.project-preview:hover img {
+    transform: scale(1.05);
+    -ms-transform: scale(1.05);
+    -webkit-transform: scale(1.05);
+    -o-transform: scale(1.05);
+    -moz-transform: scale(1.05);
+}
+
+.project-preview:hover .project-link {
+    top: 50%;
+    opacity: 1;
+    -moz-opacity: 1;
+}
+
+.project-preview:hover .item-overlay {
+    opacity: 1;
+    -moz-opacity: 1;
+}
+
+/*------------------------------------------*/
+/*  MORE PROJECTS BUTTON
+/*------------------------------------------*/
+
+.more-projects {
+    text-align: center;
+    margin-top: 70px;
+}
+
+
+
+
+/* ==========================================================================
+  11. PROJECT DETAILS
+  ========================================================================== */
+
+.single-project .project-title {
+    margin-bottom: 80px;
+}
+
+.project-title h2 {
+    padding-right: 5%;
+    padding-bottom: 40px;
+    margin-bottom: 35px;
+    border-bottom: 1px solid #ddd;
+}
+
+.project-data p {
+    margin-bottom: 4px;
+}
+
+.project-data p span {
+    color: #353f4f;
+    font-weight: 500;
+}
+
+/*------------------------------------------*/
+/*  MORE PROJECTS BUTTON
+/*------------------------------------------*/
+
+.project-description .more-projects {
+    margin-top: 65px;
+}
+
+.project-description .more-projects h3 {
+    display: inline-block;
+    text-decoration: underline;
+    margin-bottom: 0;
+}
+
+.project-description .more-projects span {
+    color: #353f4f;
+    position: relative;
+    top: 2px;
+    left: 5px;
+}
+
+
+
+
+/* ==========================================================================
+  12. RATING
+  =========================================================================== */
+
+.rating-section .rating-1-wrapper {
+    padding: 0 16%;
+}
+
+.rating-section .rating-2-wrapper {
+    padding: 0 4%;
+}
+
+.rating-title {
+    text-align: center;
+}
+
+.rating-title h5 {
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  RATING BOX
+/*------------------------------------------*/
+
+.rbox-1,
+.rbox-2 {
+    text-align: center;
+}
+
+/*------------------------------------------*/
+/*  RATING BOX LOGO
+/*------------------------------------------*/
+
+.rbox-1-img {
+    margin-bottom: 20px;
+}
+
+.rbox-1-img img {
+    width: auto;
+    max-width: inherit;
+    max-height: 38px;
+}
+
+.rbox-2-txt img {
+    position: relative;
+    display: inline-block;
+    width: auto;
+    max-width: inherit;
+    max-height: 30px;
+    top: -1px;
+    left: 4px;
+}
+
+/*------------------------------------------*/
+/*  RATING BOX TYPOGRAPHY
+/*------------------------------------------*/
+
+.rbox-2-txt {
+    margin-top: 20px;
+}
+
+.rbox-1 .star-rating {
+    display: inline-block;
+    font-size: 17px;
+    line-height: 15px;
+    font-weight: 500;
+    vertical-align: inherit;
+    border: 1px solid #f5f5f5;
+    padding: 5px 18px;
+    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
+    -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
+    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
+}
+
+.rbox-1 .star-rating span {
+    position: relative;
+    color: #ffb30c;
+    top: 1.5px;
+}
+
+.rbox-1 .star-rating {
+    font-size: 0.86rem;
+    line-height: 1;
+}
+
+p.rbox-2-txt {
+    line-height: 22px;
+    margin-top: 8px;
+    margin-bottom: 0;
+}
+
+p.rbox-2-txt span {
+    font-weight: 500;
+}
+
+
+
+
+/* ==========================================================================
+  13. TESTIMONIALS
+  =========================================================================== */
+
+.reviews-2-wrapper {
+    padding: 0 10px;
+}
+
+.reviews-3-wrapper {
+    padding: 0 20px;
+}
+
+.reviews-4-wrapper,
+.reviews-5-wrapper {
+    padding-left: 40px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL
+/*------------------------------------------*/
+
+.review-1 {
+    padding: 40px 40px 30px;
+    margin: 0 10px 30px;
+}
+
+.review-1.block-border {
+    border-color: #d2d2d2;
+}
+
+.review-2 {
+    padding: 45px 50px 35px;
+}
+
+.review-3 {
+    padding: 45px 50px 40px;
+}
+
+.review-4 {
+    padding: 40px 45px 30px;
+}
+
+.review-5 {
+    padding: 45px 45px 40px;
+}
+
+#rw-2-1,
+#rw-2-2 {
+    margin-bottom: 20px;
+}
+
+.inner-page-hero #rw-2-3,
+.inner-page-hero #rw-2-4 {
+    margin-bottom: 20px;
+}
+
+#rw-3-2 {
+    margin-bottom: 45px;
+}
+
+#rw-3-2,
+#rw-3-3 {
+    margin-left: 15px;
+}
+
+#rw-4-1,
+#rw-5-1 {
+    margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL TEXT
+/*------------------------------------------*/
+
+.review-ico {
+    position: relative;
+    margin-top: -25px;
+    margin-left: -10px;
+    opacity: .1;
+}
+
+.review-txt {
+    position: relative;
+    margin-top: -45px;
+}
+
+.review-txt h6 {
+    margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL DATA
+/*------------------------------------------*/
+
+.review-1 .author-data {
+    margin-top: 22px;
+}
+
+.review-2 .author-data {
+    margin-top: 15px;
+}
+
+.review-3 .author-data {
+    margin-top: 20px;
+}
+
+.review-avatar {
+    margin: 0 auto;
+    float: left;
+}
+
+.review-avatar img,
+.owl-item .review-avatar img {
+    width: 54px;
+    height: 54px;
+    -webkit-border-radius: 100%;
+    -moz-border-radius: 100%;
+    -o-border-radius: 100%;
+    border-radius: 100%;
+}
+
+.review-2 .review-avatar img {
+    width: 64px;
+    height: 64px;
+}
+
+.review-3 .review-avatar img,
+.review-5 .review-avatar img {
+    width: 62px;
+    height: 62px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL AUTHOR
+/*------------------------------------------*/
+
+.review-author {
+    position: relative;
+    display: inline-block;
+    text-align: left;
+    padding: 0 0 0 15px;
+}
+
+.review-1 .review-author {
+    margin-top: 4px;
+}
+
+.review-2 .review-author {
+    margin-top: 10px;
+}
+
+.review-3 .review-author {
+    margin-top: 8px;
+}
+
+.review-5 .review-author {
+    margin-top: 8px;
+}
+
+.review-4 .review-author {
+    padding-left: 0;
+    margin-top: 0;
+}
+
+.review-author h6 {
+    line-height: 1;
+    margin-bottom: 8px;
+}
+
+.review-1 .review-author h6 {
+    font-size: 0.975rem;
+}
+
+.review-author p {
+    line-height: 1;
+    font-weight: 300;
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL CAROUSEL DOTS
+/*------------------------------------------*/
+
+.reviews-section button {
+    background-color: transparent;
+    border: none;
+    padding: 0 2px;
+}
+
+.owl-theme .owl-dots .owl-dot span {
+    margin: 0 7px;
+}
+
+.owl-dots button:focus {
+    outline: none;
+    text-decoration: none;
+}
+
+
+
+
+/* ==========================================================================
+  14. PRESS
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  PRESS LOGO
+/*------------------------------------------*/
+
+.press-logo img {
+    position: relative;
+    width: auto;
+    max-width: inherit;
+    max-height: 82px;
+}
+
+/*------------------------------------------*/
+/*  PRESS TEXT
+/*------------------------------------------*/
+
+.press-txt {
+    position: relative;
+    margin-top: 15px;
+}
+
+.press-txt p {
+    color: #999;
+    font-weight: 400;
+    margin-bottom: 0;
+}
+
+.press-txt span {
+    position: relative;
+    top: 3px;
+    left: -1px;
+    opacity: .6;
+}
+
+.press-txt.ico-20 [class^="flaticon-"]:before,
+.press-txt.ico-20 [class^="flaticon-"]:after {
+    font-size: 1.375rem;
+}
+
+
+
+
+/* ==========================================================================
+  15. BRANDS
+  =========================================================================== */
+
+#brands-3 {
+    position: relative;
+}
+
+#brands-3:after {
+    position: absolute;
+    content: '';
+    width: 100%;
+    height: 80%;
+    top: 0;
+    left: 0;
+    z-index: -1;
+}
+
+/*------------------------------------------*/
+/*  BRANDS SECTION TITLE
+/*------------------------------------------*/
+
+.brands-title {
+    text-align: center;
+    padding: 0 5%;
+}
+
+.brands-title h4,
+.brands-title h3,
+.brands-title h2 {
+    margin-bottom: 8px;
+}
+
+.brands-title p {
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  BRANDS LOGO WRAPPER
+/*------------------------------------------*/
+
+.brands-3-wrapper {
+    padding: 50px 30px;
+    background-color: #fff;
+    border: 1px solid #e9ecef;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+}
+
+/*------------------------------------------*/
+/*  BRANDS LOGO IMAGE
+/*------------------------------------------*/
+
+.brand-logo {
+    overflow: hidden;
+    position: relative;
+    top: 0;
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+#brands-1 .brands-carousel-5 .brand-logo {
+    padding: 0 30px;
+}
+
+#brands-1 .brands-carousel-6 .brand-logo {
+    padding: 0 20px;
+}
+
+#brands-1 .justify-content-center .brand-logo {
+    padding: 0 15px;
+}
+
+#brands-2 .brand-logo {
+    padding: 0;
+}
+
+#brands-3 .brand-logo {
+    padding: 0 25px;
+}
+
+#brands-3 .brands-3-static .brand-logo {
+    padding: 0 15px;
+}
+
+#brands-4 .brand-logo {
+    padding: 0 20px;
+}
+
+.brand-logo:hover {
+    top: -6px;
+}
+
+.brands-section .more-btn {
+    text-align: center;
+    margin-top: 40px;
+}
+
+.hero-section .owl-dots,
+.brands-section .owl-dots {
+    display: none;
+}
+
+
+
+
+/* ==========================================================================
+  16. INTEGRATIONS
+  =========================================================================== */
+
+.integrations-2-wrapper {
+    padding: 80px 70px;
+}
+
+.in_tool_logo {
+    padding: 50px 30px;
+    margin-bottom: 25px;
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+.integrations-1-wrapper .in_tool-logo {
+    position: relative;
+    margin-right: 20px;
+}
+
+.integrations-1-wrapper .in_tool {
+    display: flex;
+    position: relative;
+    flex-flow: row wrap;
+    align-items: stretch !important;
+    justify-content: flex-start;
+    padding: 22px 20px;
+    border: 1px solid #ccc;
+}
+
+.integrations-1-wrapper .in_tool-txt {
+    overflow: hidden;
+    flex: 1;
+    max-width: 100%;
+}
+
+.in_tool h6 {
+    line-height: 1;
+    margin-bottom: 0;
+}
+
+.integrations-1-wrapper .in_tool-txt h6 {
+    margin-top: 5px;
+}
+
+.integrations-1-wrapper .in_tool-txt p {
+    margin-top: 5px;
+    margin-bottom: 0;
+}
+
+.integrations-1-wrapper .in_tool:hover {
+    border-color: transparent;
+    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
+    -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
+    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
+}
+
+
+
+
+/* ==========================================================================
+  17. PRICING
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  Price Table
+/*------------------------------------------*/
+
+.p-table {
+    margin-bottom: 40px;
+}
+
+.pricing-1-table {
+    padding: 50px 38px 45px;
+}
+
+.text-center .pricing-1-table {
+    padding: 60px 35px 50px;
+}
+
+.pricing-2-table {
+    padding: 45px 38px 50px;
+}
+
+.pricing-3-table {
+    padding: 50px 40px;
+}
+
+.pricing-4-table {
+    position: relative;
+    padding: 45px;
+}
+
+#pt-4-1 {
+    margin: 0 10px 40px 50px;
+}
+
+#pt-4-2 {
+    margin: 0 50px 40px 10px;
+}
+
+/*------------------------------------------*/
+/*  TABLE HEADER 
+/*------------------------------------------*/
+
+.pricing-table-header {
+    position: relative;
+}
+
+.pricing-table-header h5 {
+    margin-bottom: 30px;
+}
+
+.pricing-table-header h4 {
+    margin-bottom: 25px;
+}
+
+/*------------------------------------------*/
+/*  PRICING TABLE DISCOUNT
+/*------------------------------------------*/
+
+.pricing-discount {
+    position: absolute;
+    top: -2px;
+    right: -10px;
+    padding: 8px 18px;
+}
+
+.pricing-1-table .pricing-discount {
+    top: -2px;
+    right: -5px;
+    padding: 7px 13px;
+}
+
+.text-center .pricing-1-table .pricing-discount {
+    top: -35px;
+    right: -8px;
+}
+
+.pricing-discount h6 {
+    font-size: 1.1rem;
+    line-height: 1;
+    margin-bottom: 0;
+}
+
+.pricing-1-table .pricing-discount h6 {
+    font-size: 0.915rem;
+}
+
+.price.color--black .white--color {
+    color: #fff;
+}
+
+.comp-table .table thead th {
+    border-color: #ccc;
+}
+
+.comp-table tbody th {
+    border-bottom: 1px solid #ccc !important;
+}
+
+.comp-table .table tr td {
+    border-bottom: 2px solid #ccc;
+}
+
+/*------------------------------------------*/
+/*  PRICE
+/*------------------------------------------*/
+
+.price span {
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    font-size: 3rem;
+    line-height: 1;
+    font-weight: 600;
+    letter-spacing: -2px;
+}
+
+.pricing-2-table.highlight .price span {
+    font-size: 2.4rem;
+    letter-spacing: -1px;
+}
+
+.pricing-3-table .price span {
+    font-size: 4.35rem;
+}
+
+.pricing-4-table .price span {
+    font-size: 3.15rem;
+}
+
+/*------------------------------------------*/
+/*  DOLLAR SIGN
+/*------------------------------------------*/
+
+.price sup {
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    font-size: 2.05rem;
+    font-weight: 600;
+    top: -5px;
+    right: 2px;
+    letter-spacing: -1px;
+}
+
+.pricing-3-table .price sup {
+    font-size: 2.35rem;
+    top: -23px;
+    right: 3px;
+}
+
+.pricing-4-table .price sup {
+    font-size: 2.05rem;
+    top: -10px;
+    right: 2px;
+}
+
+/*------------------------------------------*/
+/*  COINS
+/*------------------------------------------*/
+
+.pricing-3-table .price sup.coins {
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    font-size: 2.35rem;
+    font-weight: 600;
+    top: -29px;
+    left: 3px;
+    letter-spacing: -2px;
+}
+
+/*------------------------------------------*/
+/*  Validity
+/*------------------------------------------*/
+
+.price sup.validity {
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    font-size: 1.4rem;
+    font-weight: 400;
+    top: -2px;
+    left: 0;
+}
+
+.pricing-3-table .price sup.validity {
+    display: block;
+    font-size: 1.1875rem;
+    top: 0;
+    margin-top: 20px;
+    margin-bottom: 30px;
+    letter-spacing: 0;
+    margin-bottom: 40px;
+}
+
+/*------------------------------------------*/
+/*  Text
+/*------------------------------------------*/
+
+.price p {
+    margin-top: 25px;
+    margin-bottom: 25px;
+}
+
+.pricing-2-table .price p {
+    margin-bottom: 15px;
+}
+
+.text-center .price p {
+    padding: 0 2%;
+}
+
+.pricing-section .btn-txt a {
+    text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  PRICING TABLE HORIZONTAL LINE
+/*------------------------------------------*/
+
+.pricing-1-table hr {
+    margin-top: 35px;
+}
+
+.pricing-2-table hr {
+    margin-top: 25px;
+}
+
+/*------------------------------------------*/
+/*  PRICING FEATURES
+/*------------------------------------------*/
+
+.pricing-features li {
+    padding: 11px 8px;
+}
+
+.pricing-4-table .pricing-features li {
+    padding: 10px;
+}
+
+.pricing-features li p {
+    line-height: 1;
+    font-weight: 400;
+    margin-bottom: 0;
+}
+
+.pricing-features li p span {
+    position: relative;
+    top: -2px;
+    right: 5px;
+}
+
+.pricing-features.ico-10 li p span {
+    top: 0;
+    right: 4px;
+}
+
+.pricing-features.ico-5 [class*="flaticon-"]:before,
+.pricing-features.ico-5 [class*="flaticon-"]:after {
+    font-size: 0.5rem;
+}
+
+.pricing-features li.disabled-option p,
+.pricing-features li.disabled-option span {
+    color: #b5b5b5 !important;
+}
+
+/*------------------------------------------*/
+/*  PRICING TABLE BUTTON
+/*------------------------------------------*/
+
+.pt-btn {
+    display: block;
+    width: 100%;
+    margin-top: 25px;
+}
+
+.p-table p.btn-txt {
+    margin: 14px 0 0 0;
+}
+
+/*------------------------------------------*/
+/*  PRICING TOGGLE BUTTON
+/*------------------------------------------*/
+
+.ext-toggle-btn {
+    text-align: center;
+}
+
+.toggle-btn.inn-toggle-btn {
+    position: absolute;
+}
+
+#pricing-4 .ext-toggle-btn {
+    margin: 0 50px 35px 10px;
+}
+
+/*------------------------------------------*/
+/*  TOGGLE BUTTON TYPOGRAPHY
+/*------------------------------------------*/
+
+.toggle-btn-md .toggler-txt {
+    font-size: 1.1rem;
+    font-weight: 400;
+    line-height: 36px;
+}
+
+.toggle-btn-lg .toggler-txt {
+    font-size: 1.15rem;
+    font-weight: 400;
+    line-height: 40px;
+}
+
+.toggle-btn p {
+    margin-top: 10px;
+    letter-spacing: -0.25px;
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TOGGLE BUTTON SWITCHER
+/*------------------------------------------*/
+
+.switch-wrap {
+    position: relative;
+    display: inline-block;
+    min-width: 50px;
+    height: 32px;
+    vertical-align: middle;
+}
+
+.toggle-btn-md .switch-wrap {
+    min-width: 65px;
+    height: 36px;
+    margin: 0 8px;
+}
+
+.toggle-btn-lg .switch-wrap {
+    min-width: 70px;
+    height: 40px;
+    margin: 0 14px;
+}
+
+.switcher {
+    display: block;
+    cursor: pointer;
+    color: #fff;
+    font-size: 0.925rem;
+    font-weight: 500;
+    height: 32px;
+    padding: 0 15px 0 35px;
+    position: relative;
+    border-radius: 32px;
+    -webkit-transition: all 150ms ease-in-out;
+    -moz-transition: all 150ms ease-in-out;
+    -o-transition: all 150ms ease-in-out;
+    -ms-transition: all 150ms ease-in-out;
+    transition: all 150ms ease-in-out;
+}
+
+.toggle-btn-md .switcher {
+    height: 36px;
+    padding: 0 20px 0 40px;
+    border-radius: 36px;
+}
+
+.toggle-btn-lg .switcher {
+    height: 40px;
+    padding: 0 20px 0 40px;
+    border-radius: 40px;
+}
+
+.switcher.bg--tra-white {
+    background-color: #fff;
+    border: 2px solid #ccc;
+}
+
+.switcher.bg--ghost-white {
+    background-color: rgba(128, 143, 174, .45);
+    border: 2px solid rgba(128, 143, 174, .15);
+}
+
+.switcher.bg--grey {
+    background-color: #ccc;
+    border: 2px solid #ccc;
+}
+
+.switcher .show-annual,
+.switcher .show-monthly {
+    line-height: 32px;
+}
+
+.toggle-btn-md .switcher .show-annual,
+.toggle-btn-md .switcher .show-monthly {
+    line-height: 36px;
+}
+
+.toggle-btn-lg .switcher .show-annual,
+.toggle-btn-lg .switcher .show-monthly {
+    line-height: 40px;
+}
+
+.switcher .show-monthly {
+    display: block;
+}
+
+.switcher .show-annual {
+    display: none;
+}
+
+.switcher:before {
+    position: absolute;
+    left: 4px;
+    bottom: 4px;
+    content: " ";
+    background-color: #fff;
+    width: 24px;
+    height: 24px;
+    border-radius: 50%;
+    -webkit-transition: all 450ms ease-in-out;
+    -moz-transition: all 450ms ease-in-out;
+    -o-transition: all 450ms ease-in-out;
+    -ms-transition: all 450ms ease-in-out;
+    transition: all 450ms ease-in-out;
+}
+
+.toggle-btn-md .switcher:before {
+    left: 5px;
+    bottom: 5px;
+    width: 26px;
+    height: 26px;
+}
+
+.toggle-btn-lg .switcher:before {
+    left: 5px;
+    bottom: 5px;
+    width: 30px;
+    height: 30px;
+}
+
+.switcher.bg--grey:before,
+.switcher.bg--tra-white:before,
+.switcher.bg--ghost-white:before {
+    background-color: #ccc;
+    left: 4px;
+    bottom: 3.5px;
+    -webkit-box-shadow: 0 1px 1px 0 #aaa;
+    -moz-box-shadow: 0 1px 1px 0 #aaa;
+    box-shadow: 0 1px 1px 0 #aaa;
+}
+
+.switcher.bg--grey:before,
+.switcher.bg--ghost-white:before {
+    background-color: #fff;
+}
+
+.switch-wrap input {
+    display: none;
+}
+
+.switch-wrap input:checked+.switcher {
+    padding: 0 35px 0 15px;
+}
+
+.toggle-btn-md .switch-wrap input:checked+.switcher,
+.toggle-btn-lg .switch-wrap input:checked+.switcher {
+    padding: 0 40px 0 20px;
+}
+
+.switch-wrap input:checked+.switcher.switcher--blue-500 {
+    background-color: #185abd;
+    border-color: #185abd;
+}
+
+.switch-wrap input:checked+.switcher.switcher--blue-400 {
+    background-color: #1680fb;
+    border-color: #1680fb;
+}
+
+.switch-wrap input:checked+.switcher.switcher--blue-300 {
+    background-color: #3eb1ff;
+    border-color: #3eb1ff;
+}
+
+.switch-wrap input:checked+.switcher.switcher--green-500 {
+    background-color: #00a14e;
+    border-color: #00a14e;
+}
+
+.switch-wrap input:checked+.switcher.switcher--green-400 {
+    background-color: #0fbc49;
+    border-color: #0fbc49;
+}
+
+.switch-wrap input:checked+.switcher.switcher--green-300 {
+    background-color: #6fd792;
+    border-color: #6fd792;
+}
+
+.switch-wrap input:checked+.switcher.switcher--pink-500 {
+    background-color: #ff149c;
+    border-color: #ff149c;
+}
+
+.switch-wrap input:checked+.switcher.switcher--pink-400 {
+    background-color: #f74780;
+    border-color: #f74780;
+}
+
+.switch-wrap input:checked+.switcher.switcher--pink-300 {
+    background-color: #fcb5cc;
+    border-color: #fcb5cc;
+}
+
+.switch-wrap input:checked+.switcher.switcher--purple-500 {
+    background-color: #663ae9;
+    border-color: #663ae9;
+}
+
+.switch-wrap input:checked+.switcher.switcher--purple-400 {
+    background-color: #7b5dd6;
+    border-color: #7b5dd6;
+}
+
+.switch-wrap input:checked+.switcher.switcher--purple-300 {
+    background-color: #bdaeea;
+    border-color: #bdaeea;
+}
+
+.switch-wrap input:checked+.switcher.switcher--red-500 {
+    background-color: #da0f29;
+    border-color: #da0f29;
+}
+
+.switch-wrap input:checked+.switcher.switcher--red-400 {
+    background-color: #ff1e1a;
+    border-color: #ff1e1a;
+}
+
+.switch-wrap input:checked+.switcher.switcher--red-300 {
+    background-color: #ffa5a3;
+    border-color: #ffa5a3;
+}
+
+.switch-wrap input:checked+.switcher.switcher--violet-500 {
+    background-color: #c73e9b;
+    border-color: #c73e9b;
+}
+
+.switch-wrap input:checked+.switcher.switcher--violet-400 {
+    background-color: #be6cbe;
+    border-color: #be6cbe;
+}
+
+.switch-wrap input:checked+.switcher.switcher--violet-300 {
+    background-color: #e2bde2;
+    border-color: #e2bde2;
+}
+
+.switch-wrap input:checked+.switcher.switcher--yellow-500 {
+    background-color: #ffba01;
+    border-color: #ffba01;
+}
+
+.switch-wrap input:checked+.switcher.switcher--yellow-400 {
+    background-color: #ffbd45;
+    border-color: #ffbd45;
+}
+
+.switch-wrap input:checked+.switcher.switcher--yellow-300 {
+    background-color: #ffdf35;
+    border-color: #ffdf35;
+}
+
+.switch-wrap input:checked+.switcher:before {
+    left: auto;
+    right: 4px;
+    -webkit-transition: all 350ms ease-in-out;
+    -moz-transition: all 350ms ease-in-out;
+    -o-transition: all 350ms ease-in-out;
+    -ms-transition: all 350ms ease-in-out;
+    transition: all 350ms ease-in-out;
+}
+
+.switch-wrap input:checked+.switcher.bg--tra-white:before {
+    bottom: 3px;
+    background-color: #fff;
+    -webkit-box-shadow: 0 0;
+    -moz-box-shadow: 0 0;
+    box-shadow: 0 0;
+}
+
+.switch-wrap input:checked+.switcher .show-annual {
+    display: block;
+}
+
+.switch-wrap input:checked+.switcher .show-monthly {
+    display: none;
+}
+
+/*------------------------------------------*/
+/*  PRICING NOTICE TEXT
+/*------------------------------------------*/
+
+.pricing-notice {
+    text-align: center;
+    margin-top: 20px;
+}
+
+.pricing-notice p {
+    padding: 0 8%;
+    margin-bottom: 0;
+}
+
+.pricing-notice p span {
+    font-weight: 500;
+}
+
+/*------------------------------------------*/
+/*  COMPARE PRICING TABLE
+/*------------------------------------------*/
+
+.table>:not(caption)>*>* {
+    padding-top: 12px;
+    padding-bottom: 12px;
+}
+
+.comp-table .pricing-header {
+    max-width: 700px;
+}
+
+.comp-table .table-responsive thead th {
+    font-size: 1.15rem;
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    font-weight: 600;
+}
+
+.comp-table .table-responsive tbody th {
+    font-size: 1rem;
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    font-weight: 600;
+}
+
+.comp-table .table-responsive tbody td {
+    position: relative;
+    font-size: 1rem;
+    line-height: inherit;
+    top: 1px;
+}
+
+.comp-table .table-responsive tbody td span {
+    position: relative;
+    top: 1px;
+}
+
+.table-responsive .ico-15 [class*="flaticon-"]:before,
+.table-responsive .ico-15 [class*="flaticon-"]:after {
+    font-size: 0.75rem;
+}
+
+.table-responsive .ico-20 [class*="flaticon-"]:before,
+.table-responsive .ico-20 [class*="flaticon-"]:after {
+    font-size: 0.95rem;
+}
+
+.comp-table .table-responsive tbody tr {
+    background-color: #fff;
+    -moz-transition: all 350ms ease-in-out;
+    -o-transition: all 350ms ease-in-out;
+    -ms-transition: all 350ms ease-in-out;
+    transition: all 350ms ease-in-out;
+}
+
+.comp-table .table tbody tr.table-last-tr {
+    border-color: transparent;
+}
+
+.comp-table .table-responsive tbody tr:hover {
+    background-color: #f7f7f9;
+}
+
+.comp-table .disabled-option {
+    color: #999;
+}
+
+/*------------------------------------------*/
+/*  PRICING COMPARE PAYMENT
+/*------------------------------------------*/
+
+.comp-table-payment h6 {
+    margin-bottom: 20px;
+}
+
+.comp-table-payment p {
+    margin-bottom: 0;
+}
+
+
+
+
+/* ==========================================================================
+  18. TEAM
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  TEAM MEMBER
+/*------------------------------------------*/
+
+#tm-2-1,
+#tm-2-4,
+#tm-2-7,
+#tm-2-10 {
+    margin-right: 14px;
+}
+
+#tm-2-2,
+#tm-2-5,
+#tm-2-8,
+#tm-2-11 {
+    margin-left: 7px;
+    margin-right: 7px;
+}
+
+#tm-2-3,
+#tm-2-6,
+#tm-2-9,
+#tm-2-12 {
+    margin-left: 14px;
+}
+
+/*------------------------------------------*/
+/*  TEAM MEMBER PHOTO
+/*------------------------------------------*/
+
+.team-member-photo {
+    position: relative;
+    overflow: hidden;
+    text-align: center;
+    margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  PHOTO HOVER ZOOM
+/*------------------------------------------*/
+
+.team-member:hover img {
+    transform: scale(1.05);
+    -ms-transform: scale(1.05);
+    -webkit-transform: scale(1.05);
+    -o-transform: scale(1.05);
+    -moz-transform: scale(1.05);
+}
+
+.team-member:hover .item-overlay {
+    opacity: .45;
+    -moz-opacity: .45;
+}
+
+/*------------------------------------------*/
+/*  TEAM MEMBER TYPOGRAPHY
+/*------------------------------------------*/
+
+.team-member-data {
+    position: relative;
+    margin-left: 5px;
+}
+
+.team-member-data h6.s-20 {
+    margin-bottom: 8px;
+}
+
+.team-member-data p {
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    line-height: 1;
+    font-weight: 400;
+    letter-spacing: 0;
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  Team Member Social Links
+/*------------------------------------------*/
+
+ul.tm-social {
+    position: absolute;
+    top: -1px;
+    right: 8px;
+    -webkit-transition: all 0.3s ease-out;
+    -o-transition: all 0.3s ease-out;
+    transition: all 0.3s ease-out;
+}
+
+#team-1 ul.tm-social {
+    right: 5px;
+}
+
+ul.tm-social li {
+    width: auto !important;
+    display: inline-block !important;
+    vertical-align: top;
+    clear: none !important;
+    padding: 0;
+    margin-left: 10px;
+    opacity: .6;
+    -webkit-transition: all 0.5s ease-out;
+    -o-transition: all 0.5s ease-out;
+    transition: all 0.5s ease-out;
+}
+
+.tm-social.ico-20 [class*="flaticon-"]:before,
+.tm-social.ico-20 [class*="flaticon-"]:after {
+    font-size: 1.15rem;
+}
+
+
+
+
+/* ==========================================================================
+  19. CAREERS
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  ROLE BOX
+/*------------------------------------------*/
+
+.role-box {
+    border: 1px solid #d2d2d2;
+    padding: 25px 35px;
+    margin-bottom: 30px;
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+.role-box.bg--white-200,
+.role-box.bg--white-300 {
+    border: 1px solid transparent;
+}
+
+.role-box:hover {
+    border-color: transparent;
+    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
+    -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
+    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
+}
+
+/*------------------------------------------*/
+/*  ROLE BOX TEXT
+/*------------------------------------------*/
+
+.role-box span {
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    display: block;
+    font-size: 0.8rem;
+    line-height: 1;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    margin-bottom: 14px;
+}
+
+.role-box h6 {
+    margin-bottom: 6px;
+}
+
+.role-box p {
+    margin-bottom: 0;
+}
+
+
+
+
+/* ==========================================================================
+  20. CAREER ROLE
+  =========================================================================== */
+
+#role-page .inner-page-title {
+    text-align: left;
+    margin-bottom: 50px;
+}
+
+#role-page .inner-page-title span {
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    display: block;
+    font-size: 0.9rem;
+    line-height: 1;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    margin-bottom: 35px;
+}
+
+.role-info hr {
+    margin: 50px 0;
+}
+
+#role-page .cbox-6-wrapper {
+    margin: 45px 0;
+}
+
+.role-info h5 {
+    margin-bottom: 25px;
+}
+
+.role-info p a {
+    font-weight: 500;
+    text-decoration: underline;
+}
+
+.txt-block.role-info .btn {
+    display: block;
+    margin-top: 50px;
+}
+
+
+
+
+/* ==========================================================================
+  21. BANNER
+  =========================================================================== */
+
+.banner-overlay {
+    width: 100%;
+    height: 100%;
+}
+
+#banner-11 {
+    margin-top: 50px;
+}
+
+#banner-12 {
+    margin-top: 40px;
+    margin-bottom: 10px;
+}
+
+/*------------------------------------------*/
+/*  BANNER WRAPPER
+/*------------------------------------------*/
+
+.banner-1-wrapper,
+.banner-2-wrapper,
+.banner-3-wrapper {
+    position: relative;
+    overflow: hidden;
+    text-align: center;
+}
+
+.banner-1-wrapper .banner-overlay {
+    padding: 75px 15% 85px;
+}
+
+.banner-2-wrapper .banner-overlay {
+    padding: 80px 15% 90px;
+}
+
+.banner-3-wrapper .banner-overlay {
+    padding: 75px 20% 85px;
+}
+
+.banner-11-wrapper .banner-overlay {
+    padding: 10px 70px 0;
+}
+
+.banner-12-wrapper .banner-overlay {
+    padding-left: 80px;
+}
+
+.banner-13-wrapper {
+    overflow: hidden;
+}
+
+.banner-13-wrapper .banner-overlay {
+    overflow: hidden;
+    padding-left: 80px;
+}
+
+.banner-16-wrapper .banner-overlay {
+    padding: 45px 22%;
+}
+
+.banner-16-wrapper.bg--white-100.block-border {
+    border-color: #ccc;
+}
+
+/*------------------------------------------*/
+/*  BANNER TEXT
+/*------------------------------------------*/
+
+.banner-12-txt {
+    margin-top: -10px;
+    padding-right: 15%;
+}
+
+.banner-13-txt {
+    padding-right: 15%;
+}
+
+/*------------------------------------------*/
+/*  BANNER TYPOGRAPHY
+/*------------------------------------------*/
+
+.banner-section .section-id {
+    font-weight: 600;
+    padding-top: 10px;
+    margin-bottom: 30px;
+}
+
+.banner-1-txt h2 {
+    margin-bottom: 15px;
+}
+
+.banner-2-txt h2 {
+    margin-bottom: 35px;
+}
+
+.banner-4-txt h2 {
+    margin-bottom: 30px;
+}
+
+.banner-7-txt h2 {
+    margin-bottom: 35px;
+}
+
+.banner-10-txt h6 {
+    font-weight: 400;
+    margin-bottom: 12px;
+}
+
+.banner-10-txt h2 {
+    margin-bottom: 25px;
+}
+
+.banner-11-txt h2,
+.banner-12-txt h2,
+.banner-13-txt h2 {
+    margin-bottom: 22px;
+}
+
+.banner-15-txt h2 {
+    margin-bottom: 45px;
+}
+
+.banner-16-txt h4 {
+    margin-bottom: 14px;
+}
+
+.banner-section p.p-lg {
+    font-size: 1.15rem;
+    margin-bottom: 30px;
+}
+
+.banner-section p.p-xl {
+    margin-bottom: 25px;
+}
+
+.sm-title .banner-1-txt p.p-lg,
+.sm-title .banner-1-txt p.p-xl {
+    margin-top: 12px;
+    margin-bottom: 22px !important;
+}
+
+.banner-3-txt p.p-lg,
+.banner-3-txt p.p-xl,
+.banner-5-txt p.p-lg,
+.banner-5-txt p.p-xl {
+    margin-top: 20px;
+}
+
+.banner-5-txt p.s-21,
+.banner-5-txt p.s-22 {
+    margin-top: 20px;
+    margin-bottom: 26px;
+}
+
+.banner-6-txt p.p-lg,
+.banner-6-txt p.p-xl {
+    margin-top: 15px;
+    margin-bottom: 25px !important;
+}
+
+.banner-8-txt p.p-lg,
+.banner-8-txt p.p-xl {
+    margin-top: 10px;
+    margin-bottom: 0 !important;
+}
+
+.banner-9-txt p.p-lg,
+.banner-9-txt p.p-xl {
+    margin-top: 20px;
+    margin-bottom: 25px !important;
+}
+
+.banner-11-txt p {
+    padding-right: 8%;
+}
+
+.banner-14-txt p.p-lg {
+    font-size: 1.25rem;
+    margin-top: 35px;
+    margin-bottom: 40px;
+}
+
+.banner-15-txt p a {
+    text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  BANNER IMAGE
+/*------------------------------------------*/
+
+.banner-11-img {
+    margin-top: -60px;
+    margin-left: -40px;
+}
+
+.banner-12-img {
+    margin: -40px -20px -30px -40px;
+}
+
+.banner-13-img {
+    transform: rotate(-20deg);
+    margin: -60px -120px -70px -40px;
+}
+
+
+
+
+/* ==========================================================================
+  22. CALL TO ACTION / DOWNLOAD
+  =========================================================================== */
+
+.version-release {
+    margin-bottom: 80px;
+}
+
+.release-data {
+    padding-bottom: 30px;
+    border-bottom: 1px dashed #ccc;
+    margin-bottom: 30px;
+}
+
+.release-data h5 {
+    margin-bottom: 40px;
+}
+
+span.version-data {
+    color: #353f4f;
+    font-size: 2rem;
+    line-height: 1;
+    margin-right: 20px;
+    margin-bottom: 0;
+}
+
+span.release-date {
+    color: #999;
+    font-size: 1.175rem;
+    line-height: 1;
+    margin-bottom: 0;
+}
+
+span.release-date span {
+    color: #353f4f;
+    font-weight: 500;
+    margin-left: 20px;
+}
+
+.release-download {
+    position: absolute;
+    right: 5px;
+    bottom: 0;
+}
+
+.release-highlights .simple-list p {
+    margin-bottom: 2px;
+}
+
+
+
+
+/* ==========================================================================
+  23. FAQS
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  FAQS SECTION TITLE 
+/*------------------------------------------*/
+
+#faqs-1 .section-title {
+    margin-bottom: 50px;
+}
+
+#faqs-2 .inner-page-title {
+    margin-bottom: 55px;
+}
+
+#faqs-3 .section-title {
+    margin-bottom: 70px;
+}
+
+.faqs-3-questions .questions-holder {
+    padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  FAQS ACCORDION  
+/*------------------------------------------*/
+
+.faqs-section .accordion-item {
+    background-color: transparent !important;
+    border: none;
+    border-bottom: 1px solid #e5e5e5;
+}
+
+#faqs-2.faqs-section .accordion-item {
+    border-bottom: 1px solid #ddd;
+}
+
+.faqs-section .accordion-item.acc-last-item,
+#faqs-2.faqs-section .accordion-item.acc-last-item {
+    border-bottom: none;
+}
+
+/*------------------------------------------*/
+/*  Question
+/*------------------------------------------*/
+
+.faqs-section .accordion-thumb {
+    margin: 0;
+    padding: 25px 0;
+    cursor: pointer;
+    position: relative;
+}
+
+#faqs-2.faqs-section .accordion-thumb {
+    padding: 25px 0 30px;
+}
+
+.faqs-section .accordion-item .accordion-thumb:after,
+.faqs-section .accordion-item.is-active .accordion-thumb:after {
+    font-family: Flaticon;
+    font-weight: 300;
+    content: "\f11a";
+    position: absolute;
+    font-size: 1rem;
+    top: 22px;
+    right: 3px;
+}
+
+#faqs-2.faqs-section .accordion-item .accordion-thumb:after,
+#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after {
+    font-size: 1rem;
+    top: 26px;
+    right: 2px;
+}
+
+.faqs-section .accordion-item.is-active .accordion-thumb:after {
+    content: "\f11b";
+}
+
+#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb {
+    border-bottom: 1px solid #e5e5e5;
+}
+
+/*------------------------------------------*/
+/*  Answer
+/*------------------------------------------*/
+
+.accordion-panel {
+    margin: 0;
+    padding: 0 0 15px 0;
+    display: none;
+}
+
+#faqs-2 .accordion-panel {
+    padding: 45px 0 15px 0;
+}
+
+.accordion-thumb h5,
+.accordion-thumb h4 {
+    line-height: 1;
+    margin-bottom: 0;
+}
+
+.question h5,
+.accordion-panel-item h5 {
+    margin-bottom: 20px;
+}
+
+.question h5 span,
+.accordion-thumb h5 span,
+.accordion-panel-item h5 span {
+    margin-right: 5px;
+}
+
+.question p a,
+.accordion-panel p a {
+    font-weight: 500;
+    text-decoration: underline;
+}
+
+.question p.color--grey a.color--blue,
+.accordion-panel.color--grey a.color--blue {
+    color: #1680fb !important;
+}
+
+/*------------------------------------------*/
+/*  FAQS TABS 
+/*------------------------------------------*/
+
+.faqs-section .tabs-nav {
+    text-align: center;
+}
+
+.faqs-section .tabs-1 {
+    display: inline-block;
+    margin: 0 auto 60px;
+}
+
+.faqs-section .tab-content {
+    display: none;
+}
+
+.faqs-section .tab-content.current {
+    display: inherit;
+}
+
+.faqs-section .tabs-1 li {
+    display: inline-block;
+    min-width: 230px;
+    background-color: transparent;
+    border: 2px solid #ddd;
+    cursor: pointer;
+    padding: 30px 0;
+    margin: 0 6px;
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+.faqs-section .tabs-1 li span {
+    color: #c3c4c5;
+}
+
+.faqs-section .tabs-1 li p {
+    line-height: 1;
+    font-weight: 400;
+    margin-top: 15px;
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TAB LINK CURRENT
+/*------------------------------------------*/
+
+.faqs-section .tabs-1 li.current,
+.faqs-section .tabs-1 li.current:hover {
+    -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2);
+    -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2);
+    box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2);
+}
+
+.faqs-section .tabs-1 li.current p,
+.faqs-section .tabs-1 li.current span {
+    color: #fff;
+}
+
+.faqs-section .tabs--blue .tabs-1 li.current,
+.faqs-section .tabs--blue .tabs-1 li.current:hover {
+    background-color: #1680fb;
+    border-color: #1680fb !important;
+}
+
+.faqs-section .tabs--purple .tabs-1 li.current,
+.faqs-section .tabs--purple .tabs-1 li.current:hover {
+    background-color: #7b5dd6;
+    border-color: #7b5dd6 !important;
+}
+
+/*------------------------------------------*/
+/*  MORE QUESTIONS LINK
+/*------------------------------------------*/
+
+.more-questions {
+    text-align: center;
+}
+
+#faqs-2 .more-questions {
+    margin: 70px auto 0;
+}
+
+.more-questions-txt {
+    display: inline-block;
+    padding: 22px 46px;
+}
+
+.more-questions-txt p {
+    line-height: 1;
+    margin-bottom: 0;
+}
+
+.more-questions-txt a {
+    font-weight: 500;
+    text-decoration: underline;
+}
+
+
+
+
+/* ==========================================================================
+  24. NEWSLETTER
+  =========================================================================== */
+
+#newsletter-1 .newsletter-overlay {
+    padding-top: 60px;
+    padding-bottom: 60px;
+}
+
+#newsletter-2 .container {
+    padding-left: 0;
+    padding-right: 0;
+}
+
+#newsletter-2 .newsletter-overlay {
+    padding: 60px 50px;
+}
+
+#newsletter-3 {
+    margin-top: 50px;
+    margin-bottom: 50px;
+}
+
+#newsletter-4 .newsletter-overlay,
+#newsletter-5 .newsletter-overlay {
+    padding-top: 80px;
+    padding-bottom: 70px;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER TYPOGRAPHY
+/*------------------------------------------*/
+
+.newsletter-txt h2 {
+    margin-bottom: 35px;
+}
+
+#newsletter-4 .newsletter-txt h2 {
+    margin-bottom: 40px;
+}
+
+.newsletter-txt h4,
+.newsletter-txt h3,
+#newsletter-5 .newsletter-txt h2 {
+    margin-bottom: 0;
+}
+
+.newsletter-txt p.p-sm {
+    margin-bottom: 0;
+}
+
+#newsletter-4 .newsletter-txt p {
+    padding: 0 10%;
+}
+
+#newsletter-5 .newsletter-txt p {
+    margin-top: 20px;
+    margin-bottom: 0;
+}
+
+.newsletter-txt a {
+    font-weight: 500;
+    text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER FORM
+/*------------------------------------------*/
+
+#newsletter-1 .newsletter-form {
+    padding-left: 15%;
+    margin-top: 30px;
+}
+
+#newsletter-2 .newsletter-form {
+    margin-top: 25px;
+    padding-left: 12%;
+}
+
+#newsletter-4 .newsletter-form {
+    padding: 0 5%;
+}
+
+#newsletter-5 .newsletter-form {
+    margin-top: 35px;
+    padding: 0 10%;
+}
+
+/*------------------------------------------*/
+/*   Newsletter Form Input
+/*------------------------------------------*/
+
+.newsletter-section .form-control {
+    height: 56px;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    font-size: 1rem;
+    color: #353f4f;
+    font-weight: 400;
+    padding: 0 15px;
+    margin-right: 12px;
+    box-shadow: none;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    -o-border-radius: 6px;
+    border-radius: 6px;
+}
+
+#newsletter-1.newsletter-section .form-control {
+    height: 54px;
+    font-size: 0.975rem;
+}
+
+#newsletter-5.newsletter-section .form-control {
+    height: 62px;
+    font-size: 1.0625rem;
+}
+
+.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
+    border-top-right-radius: 6px;
+    border-bottom-right-radius: 6px;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Input Focus
+/*------------------------------------------*/
+
+.newsletter-section .form-control:focus {
+    background-color: #fff;
+    outline: 0;
+    box-shadow: none;
+    border-color: #1680fb;
+}
+
+.newsletter-section .purple-focus .form-control:focus {
+    border-color: #8863ee;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Input Placeholder
+/*------------------------------------------*/
+
+.newsletter-section .form-control::-moz-placeholder {
+    color: #aaa;
+}
+
+.newsletter-section .form-control:-ms-input-placeholder {
+    color: #aaa;
+}
+
+.newsletter-section .form-control::-webkit-input-placeholder {
+    color: #aaa;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Button
+/*------------------------------------------*/
+
+.newsletter-section .btn {
+    display: block;
+    width: 100% !important;
+    height: 56px;
+}
+
+#newsletter-1 .btn {
+    height: 54px;
+    font-size: 0.925rem;
+    padding: 0.7rem 1.3rem;
+}
+
+#newsletter-5.newsletter-section .btn {
+    height: 62px;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Notification
+/*------------------------------------------*/
+
+.newsletter-section .form-notification {
+    color: #3eb1ff;
+    font-size: 0.9rem;
+    font-weight: 400;
+    line-height: 1;
+    margin-top: 15px;
+    margin-left: 5px;
+}
+
+.newsletter-section .text-center .form-notification {
+    margin-left: 0;
+}
+
+.bg--color.newsletter-section .form-notification {
+    color: #fff;
+}
+
+.newsletter-section .form-notification.valid,
+.newsletter-section .form-notification.error {
+    color: #fc2f4b;
+}
+
+.newsletter-section .newsletter-form.valid {
+    color: #0fbc49;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER IMAGE
+/*------------------------------------------*/
+
+#newsletter-3 .newsletter-img {
+    margin-top: -50px;
+    margin-bottom: -50px;
+}
+
+#newsletter-3 .col-lg-6 .newsletter-img {
+    padding-left: 40px;
+}
+
+
+
+/* ==========================================================================
+  25. BLOG
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  BLOG POST TAG
+/*------------------------------------------*/
+
+.post-tag {
+    display: block;
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    font-size: 0.75rem;
+    font-weight: 600;
+    letter-spacing: 0;
+    text-transform: uppercase;
+    margin-bottom: 20px;
+}
+
+#single-post .post-tag {
+    font-size: 0.85rem;
+}
+
+/*------------------------------------------*/
+/*  BLOG POST META
+/*------------------------------------------*/
+
+.post-meta-list li {
+    width: auto !important;
+    display: inline-block !important;
+    vertical-align: top;
+    clear: none !important;
+}
+
+.post-meta-list p {
+    color: #353f4f;
+    line-height: 1;
+    margin-bottom: 0;
+}
+
+.bg--black-400 .post-meta-list p {
+    color: #f8f9f9;
+}
+
+.meta-list-divider {
+    position: relative;
+    top: 0px;
+    transform: rotate(-90deg);
+    padding: 0 1px;
+}
+
+/*------------------------------------------*/
+/*  BLOG POST TYPOGRAPHY
+/*------------------------------------------*/
+
+.blog-post-txt h6 {
+    margin-bottom: 15px;
+}
+
+.blog-post-txt p {
+    margin-bottom: 0;
+}
+
+.blog-post-txt a {
+    color: #353f4f;
+}
+
+.blog-post-txt a:hover {
+    text-decoration: underline;
+}
+
+.bg--black-400 .blog-post-txt a {
+    color: #f8f9f9;
+}
+
+.bg--black-400 .blog-post-txt a:hover {
+    color: #fff !important;
+}
+
+
+
+
+/* ==========================================================================
+  26. BLOG LISTING
+  =========================================================================== */
+
+.wide-post {
+    margin-bottom: 100px;
+}
+
+.wide-post .blog-post-img {
+    padding-right: 15px;
+}
+
+.wide-post .blog-post-txt {
+    padding-left: 15px;
+}
+
+.square-post {
+    margin-top: 60px;
+    margin-bottom: 40px;
+}
+
+.square-post-wrapper {
+    overflow: hidden;
+}
+
+.square-post .blog-post-txt {
+    padding: 0 30px 0 60px;
+}
+
+/*------------------------------------------*/
+/*  BLOG POSTS CATEGORY
+/*------------------------------------------*/
+
+.posts-category {
+    margin-top: 40px;
+    margin-bottom: 60px;
+}
+
+.posts-category h4 {
+    line-height: 1;
+    margin-bottom: 0;
+}
+
+.posts-category span {
+    position: relative;
+    top: 1px;
+}
+
+
+
+
+/* ==========================================================================
+  27. SINGLE BLOG POST
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  Single Post Title
+/*------------------------------------------*/
+
+.single-post-title h3,
+.single-post-title h2 {
+    padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  Single Post Text
+/*------------------------------------------*/
+
+.single-post-txt h5,
+.single-post-txt h4 {
+    margin-top: 30px;
+    margin-bottom: 30px;
+}
+
+.single-post-txt h5 span {
+    display: block;
+}
+
+/*------------------------------------------*/
+/*  Single Post Code
+/*------------------------------------------*/
+
+.txt-code {
+    background-color: #f8f9fa;
+    padding: 20px 18px;
+    margin: 30px 0;
+}
+
+.txt-code p {
+    color: #383a42;
+    font-size: 1rem;
+    line-height: 1.75;
+    margin-bottom: 0;
+}
+
+.single-post-txt p a {
+    font-weight: 500;
+    text-decoration: underline;
+}
+
+.txt-code span.code-property,
+.txt-code p code.code-language-js {
+    color: #151515;
+}
+
+.txt-code span.code-variable,
+.txt-code span.code-attribute {
+    color: #986801;
+}
+
+.txt-code span.code-string {
+    color: #50a14f;
+}
+
+/*------------------------------------------*/
+/*  Single Post Blockquote
+/*------------------------------------------*/
+
+.single-post-txt figure {
+    margin-bottom: 40px;
+}
+
+.single-post-txt .blockquote p {
+    font-size: 1.5rem;
+    line-height: 1.45;
+    margin-bottom: 40px;
+}
+
+.single-post-txt .blockquote-footer {
+    font-size: 1.125rem;
+}
+
+/*------------------------------------------*/
+/*  Single Post Image
+/*------------------------------------------*/
+
+.post-inner-img {
+    text-align: center;
+    margin-top: 50px;
+    margin-bottom: 50px;
+}
+
+/*------------------------------------------*/
+/*  POST SHARE LINKS
+/*------------------------------------------*/
+
+.post-share-list {
+    margin-top: 50px;
+    padding-bottom: 50px;
+}
+
+/*------------------------------------------*/
+/*  POST SHARE ICONS
+/*-----------------------------------------*/
+
+.share-social-icons {
+    display: inline-block;
+    padding-left: 0;
+}
+
+.share-social-icons li {
+    width: auto !important;
+    display: inline-block !important;
+    vertical-align: top;
+    clear: none !important;
+    padding: 0;
+}
+
+.share-social-icons a.share-ico span {
+    opacity: .75;
+    margin-right: 25px;
+    -webkit-transition: all 450ms ease-in-out;
+    -moz-transition: all 450ms ease-in-out;
+    -o-transition: all 450ms ease-in-out;
+    -ms-transition: all 450ms ease-in-out;
+    transition: all 450ms ease-in-out;
+}
+
+.share-social-icons a.share-ico:hover span {
+    opacity: 1;
+}
+
+/*------------------------------------------*/
+/*  POST AUTHOR
+/*------------------------------------------*/
+
+.post-author {
+    display: flex;
+    position: relative;
+    flex-flow: row wrap;
+    align-items: stretch !important;
+    justify-content: flex-start;
+}
+
+.post-author-avatar {
+    position: relative;
+    text-align: center;
+    margin-right: 35px;
+}
+
+.post-author-avatar img {
+    width: 100px;
+    height: 100px;
+    -webkit-border-radius: 100%;
+    -moz-border-radius: 100%;
+    -o-border-radius: 100%;
+    border-radius: 100%;
+}
+
+.post-author-txt {
+    overflow: hidden;
+    flex: 1;
+    max-width: 100%;
+}
+
+.post-author-txt h5 {
+    margin-bottom: 20px;
+}
+
+.post-author-txt p {
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  Follow Button
+/*------------------------------------------*/
+
+.author-follow-btn {
+    display: inline-block;
+    position: absolute;
+    padding: 6px 15px;
+    line-height: 1;
+    top: 80px;
+    right: 10px;
+    border: 2px solid #ddd;
+}
+
+.author-follow-btn a {
+    color: #666;
+    font-size: 0.935rem;
+    font-weight: 400;
+}
+
+/*------------------------------------------*/
+/*  POST COMMENTS
+/*------------------------------------------*/
+
+.post-comments {
+    padding-top: 100px;
+}
+
+.post-comments hr {
+    margin-top: 24px;
+    margin-bottom: 40px;
+}
+
+.post-comments h5 {
+    margin-bottom: 60px;
+}
+
+.post-comments img {
+    width: 68px;
+    height: 68px;
+    -webkit-border-radius: 100%;
+    -moz-border-radius: 100%;
+    -o-border-radius: 100%;
+    border-radius: 100%;
+}
+
+.comment-body {
+    margin-left: 25px;
+}
+
+.comment-meta {
+    margin-bottom: 10px;
+}
+
+.comment-meta h6 {
+    line-height: 1;
+    margin-bottom: 0;
+}
+
+.comment-date {
+    font-size: 16px;
+    font-weight: 400;
+    margin-bottom: 5px;
+}
+
+/*------------------------------------------*/
+/*  Comment Reply 
+/*------------------------------------------*/
+
+.btn-reply {
+    margin-left: 3px;
+}
+
+.btn-reply a {
+    font-size: 17px;
+    font-weight: 400;
+}
+
+.btn-reply span {
+    position: relative;
+    top: 3px;
+    margin-right: 4px;
+    left: 3px;
+}
+
+.btn-reply.ico-20 [class*="flaticon-"]:before,
+.btn-reply.ico-20 [class*="flaticon-"]:after {
+    font-size: 0.975rem;
+}
+
+.btn-reply a:hover {
+    color: #222;
+}
+
+/*------------------------------------------*/
+/*  SINGLE POST COMMENT FORM
+/*------------------------------------------*/
+
+.post-comments #leave-comment h5 {
+    padding-bottom: 0;
+    margin-top: 80px;
+    margin-bottom: 10px;
+    border: none;
+}
+
+.comment-form {
+    position: relative;
+    margin-top: 60px;
+}
+
+.comment-form p {
+    position: relative;
+    color: #353f4f;
+    line-height: 1;
+    font-weight: 500;
+    margin-bottom: 15px;
+    padding-left: 8px;
+    display: block;
+}
+
+.comment-form p span {
+    position: relative;
+    color: #ff3366;
+    top: -3px;
+}
+
+.comment-form .form-control {
+    height: 62px;
+    background-color: #f5f6f8;
+    border: 1px solid transparent;
+    box-shadow: 0 0 0 0;
+    color: #353f4f;
+    font-size: 1rem;
+    line-height: 1;
+    font-weight: 400;
+    padding: 0 20px;
+    margin-bottom: 30px;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    border-radius: 6px;
+    -webkit-transition: all 300ms ease-in-out;
+    -moz-transition: all 300ms ease-in-out;
+    -o-transition: all 300ms ease-in-out;
+    -ms-transition: all 300ms ease-in-out;
+    transition: all 300ms ease-in-out;
+}
+
+.comment-form textarea {
+    min-height: 220px;
+}
+
+.comment-form textarea.form-control {
+    padding: 25px 20px;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Input Focus
+/*------------------------------------------*/
+
+.comment-form .form-control:focus {
+    outline: 0px none;
+    box-shadow: none;
+    background-color: #fcfdfd;
+    border-color: #1680fb;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Button
+/*------------------------------------------*/
+
+.comment-form .btn {
+    margin-top: 15px;
+}
+
+.comment-form .btn:focus {
+    outline: 0px none;
+    box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Message
+/*------------------------------------------*/
+
+.comment-form-msg {
+    width: 100% !important;
+    display: block;
+    margin-top: 15px;
+    padding-left: 0;
+}
+
+.comment-form .loading {
+    color: #00b2e4;
+    font-size: 1.0625rem;
+    line-height: 1;
+    font-weight: 500;
+}
+
+.comment-form .error {
+    color: #e74c3c;
+    font-size: 0.85rem;
+    line-height: 1;
+    font-weight: 400;
+    margin-bottom: 10px;
+    padding-left: 10px;
+}
+
+
+
+
+/* ==========================================================================
+  28. CONTACTS
+  =========================================================================== */
+
+#contacts-1 .contact-form p {
+    color: #353f4f;
+    line-height: 1;
+    font-weight: 500;
+    margin-bottom: 10px;
+    padding-left: 8px;
+}
+
+#contacts-1 .contact-form .col-md-12 span {
+    display: block;
+    font-size: 0.95rem;
+    line-height: 1;
+    font-weight: 300;
+    margin-bottom: 20px;
+    padding-left: 8px;
+}
+
+#contacts-1 .contact-form .contact-form-notice p {
+    font-size: 0.835rem;
+    font-weight: 300;
+    line-height: 1.5555;
+    padding-left: 0;
+    margin-top: 40px;
+}
+
+.contact-form-notice p a {
+    color: #353f4f;
+    font-weight: 500;
+    text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  CONTACT FORM INPUT
+/*------------------------------------------*/
+
+.contact-form .form-control,
+.contact-form .form-select {
+    height: 62px;
+    background-color: #f5f6f8;
+    border: 1px solid transparent;
+    box-shadow: 0 0 0 0;
+    color: #3a4a56;
+    font-size: 1rem;
+    font-weight: 400;
+    padding: 0 15px;
+    margin-bottom: 30px;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    border-radius: 6px;
+}
+
+.bg--snow .contact-form .form-control,
+.bg--snow .contact-form .form-select {
+    background-color: #fff;
+    border: 1px solid #ccc;
+}
+
+.contact-form .form-select {
+    display: inline-block;
+    width: 100%;
+    color: #998da0;
+    box-shadow: none;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    border-radius: 6px;
+}
+
+/*------------------------------------------*/
+/*  Contact Form Textarea
+/*------------------------------------------*/
+
+.contact-form textarea {
+    min-height: 220px;
+}
+
+.contact-form textarea.form-control {
+    padding: 20px 15px;
+}
+
+/*------------------------------------------*/
+/*  Contact Form Placeholder
+/*------------------------------------------*/
+
+.contact-form .form-control::-moz-placeholder {
+    color: #999;
+}
+
+.contact-form .form-control:-ms-input-placeholder {
+    color: #999;
+}
+
+.contact-form .form-control::-webkit-input-placeholder {
+    color: #999;
+}
+
+/*------------------------------------------*/
+/*  Contact Form Input Focus
+/*------------------------------------------*/
+
+.contact-form .form-control:focus,
+.contact-form .form-select:focus {
+    outline: 0px none;
+    box-shadow: none;
+    background-color: #fcfdfd;
+    border-color: #1680fb;
+}
+
+/*------------------------------------------*/
+/*  Contact Form Message
+/*------------------------------------------*/
+
+.contact-form-msg {
+    width: 100% !important;
+    display: block;
+    margin-top: 20px;
+    padding-left: 0;
+}
+
+.contact-form .loading {
+    color: #00b2e4;
+    font-size: 1.0625rem;
+    line-height: 1;
+    font-weight: 500;
+    padding-left: 15px;
+}
+
+.contact-form .error {
+    color: #e74c3c;
+    font-size: 0.85rem;
+    line-height: 1;
+    font-weight: 400;
+    margin-bottom: 10px;
+    padding-left: 10px;
+}
+
+
+
+
+/* ==========================================================================
+  29. FOOTER
+  =========================================================================== */
+
+.footer {
+    padding-bottom: 50px;
+}
+
+.footer-info,
+.footer-links {
+    margin-bottom: 40px;
+}
+
+#footer-10 .footer-info {
+    margin-bottom: 40px;
+    padding-bottom: 55px;
+    border-bottom: 1px solid #dbdddf;
+}
+
+#footer-10 .footer-links {
+    margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  FOOTER LOGO
+/*------------------------------------------*/
+
+img.footer-logo,
+img.footer-logo-dark {
+    width: auto;
+    max-width: inherit;
+    max-height: 40px;
+}
+
+#footer-10 img.footer-logo {
+    max-height: 46px;
+}
+
+#footer-1 .footer-logo,
+#footer-5 .footer-logo,
+#footer-6 .footer-logo,
+#footer-7 .footer-logo {
+    margin-bottom: 25px;
+}
+
+/*------------------------------------------*/
+/*  FOOTER TYPOGRAPHY
+/*------------------------------------------*/
+
+.footer h6 {
+    line-height: 1;
+    margin-bottom: 25px;
+}
+
+#footer-9.footer h6 {
+    line-height: 1.5;
+}
+
+.bg--black.footer h6 {
+    color: #fff;
+}
+
+/*------------------------------------------*/
+/*  FOOTER INFO
+/*------------------------------------------*/
+
+.footer-info-copyright p {
+    margin-bottom: 0;
+}
+
+.footer-info-copyright p span {
+    position: relative;
+    top: 2px;
+    padding: 0 2px;
+}
+
+.footer-info-copyright.ico-15 [class*="flaticon-"]:before,
+.footer-info-copyright.ico-15 [class*="flaticon-"]:after {
+    font-size: 0.85rem;
+}
+
+/*------------------------------------------*/
+/*  FOOTER MAIL LINK
+/*------------------------------------------*/
+
+.footer .footer-mail-link {
+    margin-left: 3px;
+    margin-bottom: 0;
+}
+
+#footer-1 .footer-info .footer-mail-link {
+    margin-top: 10px;
+}
+
+#footer-2 .footer-links .footer-mail-link,
+#footer-3 .footer-links .footer-mail-link {
+    margin-left: 0;
+    margin-bottom: 20px;
+}
+
+.footer-mail-link a {
+    font-weight: 400;
+}
+
+.footer-mail-link span {
+    position: relative;
+    top: 4px;
+    right: 3px;
+}
+
+.footer-mail-link.ico-20 [class*="flaticon-"]:before,
+.footer-mail-link.ico-20 [class*="flaticon-"]:after {
+    font-size: 1.125rem;
+}
+
+.bg--black.footer .footer-mail-link a {
+    color: #a0a7b1;
+}
+
+.bg--black.footer .footer-mail-link a:hover {
+    color: #fff !important;
+}
+
+/*------------------------------------------*/
+/*  FOOTER LINKS
+/*------------------------------------------*/
+
+#footer-2 .footer-links {
+    padding-left: 10%;
+}
+
+.foo-links li {
+    width: auto !important;
+    display: block !important;
+    vertical-align: top;
+    clear: none !important;
+    margin: 0;
+    padding: 0;
+}
+
+.foo-links.ico-10 li span {
+    position: relative;
+    top: 1.5px;
+    right: 3px;
+}
+
+#footer-8 .foo-links li {
+    display: inline-block !important;
+    padding-left: 20px;
+}
+
+#footer-8 .foo-links li.first-li {
+    padding-left: 0;
+}
+
+#footer-10 .foo-links li {
+    display: inline-block !important;
+    padding: 0 10px;
+}
+
+.footer .foo-links li p {
+    font-weight: 400;
+    margin-bottom: 10px;
+}
+
+.footer .foo-links li:last-child p {
+    margin-bottom: 0;
+}
+
+.foo-links li a span.ext-link {
+    display: inline-block;
+    position: relative;
+    left: 3px;
+    top: 1.5px;
+    transform: rotate(-60deg);
+}
+
+.foo-links.ico-15 [class*="flaticon-"]:before,
+.foo-links.ico-15 [class*="flaticon-"]:after {
+    font-size: 0.75rem;
+}
+
+.bg--black.footer .foo-links li p a {
+    color: #a0a7b1;
+}
+
+.bg--black.footer .foo-links li p a:hover {
+    color: #fff !important;
+}
+
+/*------------------------------------------*/
+/*  FOOTER SOCIAL
+/*------------------------------------------*/
+
+.footer-socials {
+    margin: 0;
+    display: inline-block;
+}
+
+.footer-socials li {
+    float: left;
+    width: auto !important;
+    display: inline-block !important;
+    vertical-align: top;
+    clear: none !important;
+    margin: 0;
+}
+
+.footer-socials a {
+    display: block;
+    margin-right: 15px;
+}
+
+.footer-socials.ico-20 a,
+.footer-socials.ico-25 a {
+    margin-right: 16px;
+}
+
+.footer-socials.ico-25 [class*="flaticon-"]:before,
+.footer-socials.ico-25 [class*="flaticon-"]:after {
+    font-size: 1.325rem;
+}
+
+.bg--black.footer .footer-socials li a {
+    color: #a0a7b1;
+}
+
+.bg--black.footer .footer-socials li a:hover {
+    color: #fff !important;
+}
+
+/*------------------------------------------*/
+/*  FOOTER STORE BAGES
+/*------------------------------------------*/
+
+.footer .store {
+    float: none;
+    margin-right: 0;
+    margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  FOOTER NEWSLETTER FORM
+/*------------------------------------------*/
+
+.footer-form {
+    margin-bottom: 20px;
+}
+
+#footer-7 .footer-form {
+    padding-left: 8%;
+}
+
+.footer-form .newsletter-form .input-group {
+    background-color: #f4f4f4;
+    border: 1px solid transparent;
+    padding: 9px 2px;
+}
+
+.footer-form .form-control {
+    height: 32px;
+    background-color: transparent;
+    border: none;
+    color: #666;
+    font-size: 1rem;
+    font-weight: 400;
+    padding: 0 10px;
+    box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Input Focus
+/*------------------------------------------*/
+
+.footer-form .form-control:focus {
+    border: none;
+    border-right: none;
+    outline: 0;
+    box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Footer Form Placeholder
+/*------------------------------------------*/
+
+.footer-form .form-control::-moz-placeholder {
+    color: #6c757d;
+}
+
+.footer-form .form-control:-ms-input-placeholder {
+    color: #6c757d;
+}
+
+.footer-form .form-control::-webkit-input-placeholder {
+    color: #6c757d;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Button
+/*------------------------------------------*/
+
+.footer-form .btn {
+    height: 32px;
+    padding: 0 10px;
+}
+
+.footer-form .ico-15 [class*="flaticon-"]:before,
+.footer-form .ico-15 [class*="flaticon-"]:after {
+    line-height: 28px !important;
+}
+
+/*------------------------------------------*/
+/*  Footer Form Notification
+/*------------------------------------------*/
+
+.footer-form .form-notification {
+    color: #1680fb;
+    font-size: 0.85rem;
+    line-height: 1.25;
+    font-weight: 400;
+    margin-top: 12px;
+    margin-left: 5px;
+}
+
+.footer-form .form-notification.valid,
+.footer-form .form-notification.error {
+    color: #fc2f4b;
+}
+
+.footer-form .newsletter-form.valid {
+    color: #0fbc49;
+}
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER
+/*------------------------------------------*/
+
+.footer hr {
+    margin-top: 30px;
+    margin-bottom: 50px;
+}
+
+#footer-8 .bottom-footer,
+#footer-9 .bottom-footer {
+    margin-top: 20px;
+}
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER COPYRIGHT
+/*------------------------------------------*/
+
+.footer-copyright p {
+    margin-bottom: 0;
+}
+
+.bg--black.footer .footer-copyright p {
+    color: #a0a7b1;
+}
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER SECONDARY LINK
+/*------------------------------------------*/
+
+.bottom-secondary-link p {
+    margin-bottom: 0;
+}
+
+.bottom-secondary-link p span {
+    position: relative;
+    top: 1px;
+    padding: 0 2px;
+}
+
+.bottom-secondary-link.ico-15 [class*="flaticon-"]:before,
+.bottom-secondary-link.ico-15 [class*="flaticon-"]:after {
+    font-size: 0.75rem;
+}
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER LINKS
+/*------------------------------------------*/
+
+.bottom-footer-list li,
+.bottom-footer-socials li,
+.bottom-footer-payment li {
+    width: auto !important;
+    display: inline-block !important;
+    vertical-align: top;
+    clear: none !important;
+}
+
+.bottom-footer-socials li {
+    padding-left: 14px;
+}
+
+#footer-4 .bottom-footer-list li,
+#footer-9 .bottom-footer-list li {
+    padding-left: 15px;
+}
+
+#footer-4 .bottom-footer-list li.first-li,
+#footer-9 .bottom-footer-list li.first-li {
+    padding-left: 0;
+}
+
+#footer-10 .bottom-footer-socials li {
+    padding: 0 15px;
+}
+
+.footer-list-divider {
+    position: relative;
+    top: -0.5px;
+    transform: rotate(-90deg);
+    margin-left: 4px;
+}
+
+.bottom-footer-list.ico-15 [class*="flaticon-"]:before,
+.bottom-footer-list.ico-15 [class*="flaticon-"]:after {
+    font-size: 0.8rem;
+}
+
+.bottom-footer-list li p {
+    display: inline-block;
+    float: left;
+    margin-bottom: 0;
+}
+
+.bottom-footer-socials li span {
+    position: relative;
+    top: 4px;
+    opacity: .8;
+}
+
+.bottom-footer-payment li span {
+    line-height: 1 !important;
+    position: relative;
+    top: 4px;
+    opacity: .8;
+}
+
+#footer-4 .bottom-footer-list li span,
+#footer-9 .bottom-footer-list li span {
+    margin-top: 1px;
+    margin-right: 2px;
+}
+
+.bottom-footer-socials.ico-20 [class*="flaticon-"]:before,
+.bottom-footer-socials.ico-20 [class*="flaticon-"]:after {
+    font-size: 1.115rem;
+}
+
+.bottom-footer-socials.ico-25 [class*="flaticon-"]:before,
+.bottom-footer-socials.ico-25 [class*="flaticon-"]:after {
+    font-size: 1.25rem;
+}
+
+.bg--black.footer .bottom-footer-list li p a {
+    color: #a0a7b1;
+}
+
+.bg--black.footer .bottom-footer-list li p a:hover {
+    color: #fff !important;
+}
+
+
+
+
+/* ==========================================================================
+  30. INNER PAGE WRAPPER
+  =========================================================================== */
+
+.inner-page-hero {
+    padding-top: 180px;
+}
+
+.page-hero-section-overlay {
+    position: relative;
+    width: 100%;
+    padding-top: 150px;
+}
+
+.page-hero-section-overlay .txt-block {
+    margin-top: -40px;
+}
+
+.page-hero-section .wave-shape-bottom path {
+    fill: #fff;
+}
+
+/*------------------------------------------*/
+/*  INNER PAGE TITLE
+/*------------------------------------------*/
+
+.inner-page-title {
+    text-align: center;
+    margin-bottom: 80px;
+}
+
+.inner-page-title h2 {
+    margin-bottom: 0;
+}
+
+.inner-page-title p {
+    font-size: 1.1875rem;
+    line-height: 1;
+    margin-top: 20px;
+    margin-bottom: 0;
+}
+
+.page-hero-section h2 {
+    line-height: 1.15;
+    margin-bottom: 30px;
+}
+
+
+
+
+/* ==========================================================================
+  31. PAGE PAGINATION
+  =========================================================================== */
+
+.page-link {
+    color: #6c757d;
+    font-size: 1.1rem;
+    font-weight: 500;
+    padding: 2px 14px;
+    margin: 0 8px;
+    background-color: transparent;
+    border: 2px solid transparent;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    -o-border-radius: 4px;
+    border-radius: 4px;
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+.pagination.ico-20 [class*="flaticon-"]:before,
+.pagination.ico-20 [class*="flaticon-"]:after {
+    font-size: 0.9rem;
+}
+
+.page-item:first-child .page-link {
+    border-top-left-radius: 3px;
+    border-bottom-left-radius: 3px;
+}
+
+.page-item:last-child .page-link {
+    border-top-right-radius: 3px;
+    border-bottom-right-radius: 3px;
+}
+
+.blue-pagination .page-item.active .page-link {
+    color: #fff !important;
+    background-color: #1680fb;
+    border: 2px solid #1680fb;
+}
+
+.green-pagination .page-item.active .page-link {
+    color: #fff !important;
+    background-color: #0fbc49;
+    border: 2px solid #0fbc49;
+}
+
+.pink-pagination .page-item.active .page-link {
+    color: #fff !important;
+    background-color: #f74780;
+    border: 2px solid #f74780;
+}
+
+.purple-pagination .page-item.active .page-link {
+    color: #fff !important;
+    background-color: #7b5dd6;
+    border: 2px solid #7b5dd6;
+}
+
+.red-pagination .page-item.active .page-link {
+    color: #fff !important;
+    background-color: #ff1e1a;
+    border: 2px solid #ff1e1a;
+}
+
+.violet-pagination .page-item.active .page-link {
+    color: #fff !important;
+    background-color: #be6cbe;
+    border: 2px solid #be6cbe;
+}
+
+.yellow-pagination .page-item.active .page-link {
+    color: #353f4f !important;
+    background-color: #ffba01;
+    border: 2px solid #ffba01;
+}
+
+.page-item.disabled .page-link {
+    color: #6c757d;
+    background-color: transparent;
+    border: 2px solid transparent;
+}
+
+.page-link:hover {
+    color: #6c757d;
+    background-color: transparent;
+    border: 2px solid #ccc;
+}
+
+.page-link:focus {
+    color: #6c757d;
+    background-color: transparent;
+    border: 2px solid transparent;
+    box-shadow: 0 0;
+}
+
+
+
+
+/* ==========================================================================
+  32. TERMS, PRIVACY, COOKIES PAGES
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  TERMS PAGE TYPOGRAPHY
+/*------------------------------------------*/
+
+.txt-block.legal-info h5 {
+    margin-top: 30px;
+    margin-bottom: 30px;
+}
+
+.txt-block.legal-info h4 {
+    margin-top: 80px;
+    margin-bottom: 30px;
+}
+
+.txt-block.legal-info h4 span,
+.txt-block.legal-info h5 span {
+    margin-right: 4px;
+}
+
+.legal-info p span {
+    color: #353f4f;
+    font-weight: 500;
+}
+
+.legal-info a {
+    font-weight: 500;
+    text-decoration: underline;
+}
+
+
+
+
+/* ==========================================================================
+  33. SIGN-IN / SIGN-UP PAGE
+  =========================================================================== */
+
+#login,
+#signup {
+    background: url(../images/login.jpg);
+    background-position: bottom left;
+    min-height: 100vh;
+    padding-top: 80px;
+    padding-bottom: 80px;
+}
+
+#reset-password {
+    background: url(../images/reset-password.jpg);
+    background-position: center center;
+    min-height: 100vh;
+    padding-top: 80px;
+    padding-bottom: 100px;
+}
+
+.register-page-wrapper {
+    overflow: hidden;
+    position: relative;
+    z-index: 1;
+    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12);
+    -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12);
+    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12);
+}
+
+#login .register-page-wrapper {
+    background: url(../images/login-wrapper.jpg);
+    background-position: left top;
+}
+
+#signup .register-page-wrapper {
+    background: url(../images/login-wrapper.jpg);
+    background-position: right center;
+}
+
+#login .register-page-wrapper:after,
+#signup .register-page-wrapper:after {
+    position: absolute;
+    content: '';
+    z-index: -1;
+    width: 50%;
+    height: 100%;
+    top: 0;
+    background-color: #fff;
+}
+
+#login .register-page-wrapper:after {
+    left: 50%;
+}
+
+#signup .register-page-wrapper:after {
+    left: 0;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE LOGO
+/*------------------------------------------*/
+
+.register-page-txt img {
+    width: auto;
+    max-width: inherit;
+    max-height: 32px;
+    margin-bottom: 55px;
+}
+
+.login-page-logo {
+    text-align: center;
+    margin-bottom: 45px;
+}
+
+.login-page-logo img {
+    width: auto;
+    max-width: inherit;
+    max-height: 45px;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE TITLE
+/*------------------------------------------*/
+
+.register-form-title {
+    text-align: center;
+    margin-bottom: 40px;
+}
+
+.register-form-title h3 {
+    line-height: 1;
+    margin-bottom: 10px;
+}
+
+.register-form-title p {
+    margin-bottom: 0;
+}
+
+.register-form-title a {
+    font-weight: 500;
+    text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE TEXT
+/*------------------------------------------*/
+
+#login .register-page-txt,
+#signup .register-page-txt {
+    padding: 70px 60px;
+}
+
+.register-page-txt h2 {
+    line-height: 1.15;
+    font-weight: 700;
+    margin-bottom: 6px;
+}
+
+#login .register-page-copyright {
+    position: absolute;
+    left: 60px;
+    bottom: 45px;
+}
+
+#signup .register-page-copyright {
+    position: absolute;
+    right: 60px;
+    bottom: 45px;
+}
+
+.register-page-copyright p {
+    font-size: 0.85rem;
+    line-height: 1;
+    margin-bottom: 0;
+}
+
+.reset-form-title {
+    margin-bottom: 30px;
+}
+
+.reset-form-title h5 {
+    line-height: 1;
+    margin-bottom: 0;
+}
+
+.reset-form-title p.p-sm {
+    font-size: 0.9rem;
+    margin-top: 25px;
+    margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM
+/*------------------------------------------*/
+
+.register-page-form {
+    padding: 60px;
+}
+
+.login-1 .register-page-form,
+.signup-1 .register-page-form {
+    padding: 20px 30px;
+}
+
+.reset-page-wrapper {
+    margin: 0 10px;
+}
+
+.reset-page-wrapper form {
+    background: #fff;
+    border: 1px solid #fafafa;
+    padding: 50px 30px 25px;
+    -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+    -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+    box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE TYPOGRAPHY
+/*------------------------------------------*/
+
+.register-page-form p.input-header {
+    position: relative;
+    color: #353f4f;
+    font-size: 0.85rem;
+    line-height: 1;
+    font-weight: 500;
+    margin-bottom: 12px;
+    padding-left: 5px;
+}
+
+.reset-password-link p {
+    position: relative;
+    font-size: 0.9rem;
+    line-height: 1;
+    margin-top: -8px;
+    margin-bottom: 10px;
+}
+
+.form-data span {
+    display: block;
+    font-size: 0.85rem;
+    margin-bottom: 0;
+}
+
+.form-data span a {
+    color: #353f4f;
+    font-weight: 500;
+    text-decoration: underline;
+}
+
+.register-page-form p.create-account {
+    font-size: 0.925rem;
+    line-height: 1;
+    margin-top: 30px;
+    margin-bottom: 0;
+}
+
+.register-page-form p.create-account a {
+    font-weight: 500;
+    text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE SEPARATOR LINE
+/*------------------------------------------*/
+
+.separator-line {
+    display: flex;
+    width: 100%;
+    -webkit-box-pack: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    align-items: center;
+    text-align: center;
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    font-size: 0.9rem;
+    font-weight: 500;
+    margin: 25px 0px 30px;
+}
+
+.separator-line::before,
+.separator-line::after {
+    content: "";
+    border-top: 2px solid rgba(0, 0, 0, .1);
+    margin: 0 15px 0 0;
+    flex: 1 0 20px;
+}
+
+.separator-line::after {
+    margin: 0 0 0 15px;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM INPUT
+/*------------------------------------------*/
+
+.reset-page-wrapper .form-control,
+.register-page-form .form-control {
+    height: 60px;
+    background-color: #f5f6f8;
+    border: 1px solid transparent;
+    color: #353f4f;
+    font-size: 0.95rem;
+    line-height: 1;
+    font-weight: 400;
+    margin-bottom: 25px;
+    padding: 5px 20px;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    border-radius: 6px;
+    -webkit-transition: all 300ms ease-in-out;
+    -moz-transition: all 300ms ease-in-out;
+    -o-transition: all 300ms ease-in-out;
+    -ms-transition: all 300ms ease-in-out;
+    transition: all 300ms ease-in-out;
+}
+
+.login-1 .form-control,
+.signup-1 .form-control {
+    background-color: #fff;
+    border: 1px solid #ccc;
+}
+
+.reset-page-wrapper .form-control {
+    text-align: center;
+}
+
+.register-page-form .form-control::-moz-placeholder {
+    color: #999;
+}
+
+.register-page-form .form-control:-ms-input-placeholder {
+    color: #999;
+}
+
+.register-page-form .form-control::-webkit-input-placeholder {
+    color: #999;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM FOCUS
+/*------------------------------------------*/
+
+.reset-page-wrapper .form-control:focus,
+.register-page-form .form-control:focus {
+    outline: 0px none;
+    box-shadow: none;
+    background-color: #fcfdfd;
+    border-color: #1680fb;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM BUTTON
+/*------------------------------------------*/
+
+#signup .register-page-form .btn.submit,
+#login .register-page-form .btn.submit {
+    width: 100%;
+    height: 60px;
+    margin-top: 20px;
+}
+
+.reset-page-wrapper .btn.submit {
+    width: 100%;
+    margin-bottom: 20px;
+}
+
+.register-page-form .btn-google {
+    width: 100%;
+    color: #333;
+    font-size: 0.95rem;
+    background-color: #fff;
+    border: 1px solid #ccc;
+}
+
+.btn-google img {
+    position: relative;
+    width: 22px;
+    height: 22px;
+    top: -2px;
+    right: 5px;
+}
+
+.register-page-form .btn-google:hover {
+    border: 1px solid #333;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM MESSAGE
+/*------------------------------------------*/
+
+.reset-form-msg {
+    text-align: center;
+    width: 100% !important;
+    display: block;
+}
+
+.reset-password-form .loading {
+    color: #00b2e4;
+    font-size: 1.0625rem;
+    line-height: 1;
+    font-weight: 500;
+    padding-left: 15px;
+}
+
+.reset-password-form .error {
+    position: relative;
+    color: #e74c3c;
+    font-size: 0.85rem;
+    line-height: 1;
+    font-weight: 400;
+    top: -10px;
+    margin-bottom: 12px;
+    padding-left: 10px;
+}
+
+/*------------------------------------------*/
+/*  FORM HIDE PASSWORD
+/*------------------------------------------*/
+
+.wrap-input {
+    position: relative;
+}
+
+.btn-show-pass {
+    color: #999999;
+    align-items: center;
+    position: absolute;
+    height: 100%;
+    top: 20px;
+    right: 20px;
+    cursor: pointer;
+    -webkit-transition: all 0.4s;
+    -o-transition: all 0.4s;
+    -moz-transition: all 0.4s;
+    transition: all 0.4s;
+}
+
+.btn-show-pass.ico-20 [class^="flaticon-"]:before,
+.btn-show-pass.ico-20 [class^="flaticon-"]:after {
+    font-size: 1.125rem;
+}
+
+.btn-show-pass:hover {
+    color: #0195ff;
+}
+
+.btn-show-pass.active {
+    color: #6a7dfe;
+}
+
+
+
+
+/* ==========================================================================
+  34. PAGE 404
+  =========================================================================== */
+
+.page-404-txt {
+    padding-top: 180px;
+    padding-bottom: 100px;
+}
+
+.page-404-txt h2 {
+    margin-bottom: 20px;
+}
+
+.page-404-txt h6 {
+    line-height: 1.6;
+    font-weight: 400;
+    padding: 0 5%;
+    margin-bottom: 30px;
+}
+
+.page-404-img {
+    padding: 0 5%;
+    margin-bottom: 60px;
+}
+
+
+
+
+/* ==========================================================================
+  35. MODAL
+  ========================================================================== */
+
+.modal-body {
+    padding: 0 !important;
+}
+
+#modal-1 .modal-dialog {
+    max-width: 700px;
+}
+
+#modal-2 .modal-dialog {
+    width: 440px;
+}
+
+#modal-3 .modal-dialog.modal-xl {
+    width: 750px;
+}
+
+#modal-2.modal .modal-content,
+#modal-3.modal .modal-content {
+    overflow: hidden;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    -o-border-radius: 10px;
+    border-radius: 10px;
+}
+
+#modal-3.modal .bg-img {
+    background: url(../images/modal-request.jpg);
+    background-position: left center;
+}
+
+#modal-2 .modal-body-content {
+    padding: 35px 40px 15px;
+}
+
+#modal-3 .modal-body-content {
+    padding: 60px 35px 50px;
+}
+
+/*------------------------------------------*/
+/*  MODAL WINDOW CLOSE BUTTON
+/*------------------------------------------*/
+
+.modal .btn-close {
+    position: absolute;
+    z-index: 1;
+    right: 15px !important;
+    top: 15px !important;
+    height: 1.5rem;
+    width: 1.5rem;
+    background: rgba(255, 255, 255, 1) !important;
+    border-radius: 50%;
+    padding: 0;
+    opacity: .9;
+    z-index: 9999;
+}
+
+#modal-3.modal .btn-close {
+    background: rgba(14, 14, 14, .3) !important;
+}
+
+.btn-close span {
+    position: relative;
+    line-height: 24px !important;
+    top: -2px;
+}
+
+.modal .btn-close.ico-10 [class^="flaticon-"]:before,
+.modal .btn-close.ico-10 [class^="flaticon-"]:after {
+    font-size: 0.6rem;
+}
+
+button.btn-close:focus {
+    outline: none !important;
+    text-decoration: none !important;
+}
+
+/*------------------------------------------*/
+/*  MODAL WINDOW NEWSLETTER FORM
+/*------------------------------------------*/
+
+.modal-body .newsletter-form {
+    margin-top: 25px;
+}
+
+.modal .newsletter-form .form-control {
+    text-align: center;
+    height: 56px;
+    background-color: #f5f6f8;
+    border: 1px solid transparent;
+    font-size: 1rem;
+    color: #353f4f;
+    font-weight: 400;
+    padding: 0 15px;
+    margin: 0 0 15px 0;
+    box-shadow: none;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    -o-border-radius: 6px;
+    border-radius: 6px;
+}
+
+/*------------------------------------------*/
+/*  Form Input Focus
+/*------------------------------------------*/
+
+.modal .newsletter-form .form-control:focus {
+    outline: 0;
+    box-shadow: none;
+    border-color: #1e90ff;
+}
+
+.modal .newsletter-form.purple-focus .form-control:focus {
+    border-color: #8863ee;
+}
+
+/*------------------------------------------*/
+/*  Form Input Placeholder
+/*------------------------------------------*/
+
+.modal .newsletter-form .form-control::-moz-placeholder {
+    color: #aaa;
+}
+
+.modal .newsletter-form .form-control:-ms-input-placeholder {
+    color: #aaa;
+}
+
+.modal .newsletter-form .form-control::-webkit-input-placeholder {
+    color: #aaa;
+}
+
+/*------------------------------------------*/
+/*  Form Button
+/*------------------------------------------*/
+
+.modal .input-group-btn {
+    display: block;
+    width: 100% !important;
+}
+
+.modal .newsletter-form .btn {
+    display: block;
+    width: 100% !important;
+    height: 56px;
+    margin: 0;
+}
+
+/*------------------------------------------*/
+/*  Form Notification
+/*------------------------------------------*/
+
+.modal .form-notification {
+    text-align: center;
+    color: #1680fb;
+    font-size: 0.85rem;
+    font-weight: 400;
+    line-height: 1;
+    margin-top: 12px;
+}
+
+.modal .form-notification.valid,
+.modal .form-notification.error {
+    color: #fc2f4b;
+}
+
+.modal .newsletter-form.valid {
+    color: #0fbc49;
+}
+
+/*------------------------------------------*/
+/*  MODAL WINDOW REQUEST FORM
+/*------------------------------------------*/
+
+#modal-3 .request-form {
+    margin: 0;
+}
+
+#modal-3 .request-form .col-md-12 {
+    padding: 0;
+}
+
+#modal-3 .request-form-title p {
+    margin-top: 18px;
+    margin-bottom: 25px;
+}
+
+#modal-3 .request-form .form-control {
+    text-align: left;
+    margin: 0 0 25px 0;
+}
+
+#modal-3 .request-form .btn {
+    display: block;
+    width: 100% !important;
+    height: 56px;
+    margin: 0;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Message
+/*------------------------------------------*/
+
+#modal-3 .request-form-msg {
+    width: 100% !important;
+    display: block;
+    margin-top: 15px;
+    padding-left: 0;
+}
+
+#modal-3 .request-form .loading {
+    color: #1680fb;
+    font-size: 1.0625rem;
+    line-height: 1;
+    font-weight: 400;
+}
+
+#modal-3 .request-form .error {
+    color: #e74c3c;
+    font-size: 0.85rem;
+    line-height: 1;
+    font-weight: 400;
+    margin-bottom: 10px;
+    padding-left: 10px;
+}
+
+
+
+
+/* ==========================================================================
+  31. DARK MODE
+  ========================================================================== */
+
+body.theme--dark,
+.theme--dark .bg--white-100 {
+    background-color: #232734 !important;
+}
+
+body.theme--dark {
+    color: #b1b7cd;
+}
+
+.dark-theme-img {
+    display: none;
+    position: absolute;
+}
+
+.theme--dark .dark-theme-img {
+    display: inline-block;
+    position: relative;
+}
+
+.theme--dark .owl-carousel .owl-item img.light-theme-img {
+    display: none;
+    position: absolute;
+}
+
+.theme--dark .owl-carousel .owl-item img.dark-theme-img {
+    display: block;
+}
+
+.theme--dark .light-theme-img {
+    display: none;
+}
+
+.theme--dark .block-shadow {
+    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13);
+    -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13);
+    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13);
+}
+
+.theme--dark .block-border {
+    border: 1px solid #e7e7e7;
+}
+
+.theme--dark .block-border.block-shadow {
+    border: 1px solid #f5f6f6;
+}
+
+.theme--dark .x-border {
+    border-top: 1px solid #1d212c;
+    border-bottom: 1px solid #1d212c;
+}
+
+.theme--dark .top-border {
+    border-top: 1px solid #1d212c;
+}
+
+.theme--dark .bottom-border {
+    border-bottom: 1px solid #1d212c;
+}
+
+.theme--dark .bg--white-300,
+.theme--dark .bg--white-400,
+.theme--dark .bg--purple-100,
+.theme--dark .shape--purple-100:after,
+.theme--dark .shape--white-500:after,
+.theme--dark .shape--white-400:after,
+.theme--dark .shape--white-300:after,
+.theme--dark .shape--white-200:after {
+    background-color: #1d212c;
+}
+
+.theme--dark .bg--02,
+.theme--dark .bg--04,
+.theme--dark .gr--smoke,
+.theme--dark .gr--ghost,
+.theme--dark .shape--whitesmoke:after {
+    background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .55) 100%);
+}
+
+.theme--dark .gr--whitesmoke,
+.theme--dark .shape--gr-whitesmoke:after {
+    background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .05) 100%);
+}
+
+/*------------------------------------------*/
+/*  SECTION DIVIDER
+/*------------------------------------------*/
+
+.theme--dark hr.divider,
+.theme--dark .footer hr {
+    background-image: linear-gradient(90deg, rgba(122, 125, 147, 0) 0, #7a7d93 38%, #7a7d93 64%, rgba(122, 125, 147, 0) 99%);
+}
+
+.theme--dark hr.divider.divider-light {
+    background-color: #fff;
+    background-image: linear-gradient(90deg, rgba(206, 211, 246, 0) 0, #dedede 38%, #dedede 64%, rgba(206, 211, 246, 0) 99%);
+    opacity: 1;
+}
+
+/*------------------------------------------*/
+/*  TYPOGRAPHY
+/*------------------------------------------*/
+
+.theme--dark h1,
+.theme--dark h2,
+.theme--dark h3,
+.theme--dark h4,
+.theme--dark h5,
+.theme--dark h6 {
+    color: #fff;
+}
+
+.theme--dark a {
+    color: #b1b7cd;
+}
+
+.theme--dark a:hover,
+.theme--dark a.tra-link:hover span {
+    color: #f7f8f9 !important;
+}
+
+/*------------------------------------------*/
+/*  BUTTONS
+/*------------------------------------------*/
+
+.theme--dark .btn--tra-black,
+.theme--dark .hover--tra-black:hover {
+    color: #b1b7cd !important;
+    background-color: transparent !important;
+    border-color: #b1b7cd !important;
+}
+
+.theme--dark .navbar-dark .hover--tra-black:hover {
+    color: #353f4f !important;
+    background-color: transparent !important;
+    border-color: #353f4f !important;
+}
+
+.theme--dark .white-scroll .hover--tra-black:hover {
+    color: #fff !important;
+    border-color: #fff !important;
+    background-color: transparent !important;
+}
+
+.theme--dark .navbar-dark .scroll .hover--tra-black:hover {
+    color: #fff !important;
+    background-color: transparent !important;
+    border-color: #fff !important;
+}
+
+.theme--dark .btn--white,
+.theme--dark .hover--white:hover {
+    color: #353f4f !important;
+    background-color: #fff !important;
+    border-color: #fff !important;
+}
+
+.theme--dark .btn--tra-white,
+.theme--dark .hover--tra-white:hover {
+    color: #f1f1f1 !important;
+    background-color: transparent !important;
+    border-color: #f1f1f1 !important;
+}
+
+.theme--dark .white-scroll .scroll .hover--tra-white:hover {
+    color: #fff !important;
+    background-color: transparent !important;
+    border-color: #fff !important;
+}
+
+.theme--dark .btn--tra-grey,
+.theme--dark .hover--tra-grey:hover,
+.theme--dark .white-scroll .scroll .hover--tra-grey:hover,
+.theme--dark .black-scroll .scroll .hover--tra-grey:hover {
+    color: #b1b7cd !important;
+    background-color: transparent !important;
+    border-color: #b1b7cd !important;
+}
+
+.theme--dark .btn--blue-500,
+.theme--dark .hover--blue-500:hover,
+.theme--dark .white-scroll .scroll .hover--blue-500:hover,
+.theme--dark .black-scroll .scroll .hover--blue-500:hover {
+    color: #fff !important;
+    border-color: #185abd !important;
+    background-color: #185abd !important;
+}
+
+.theme--dark .btn--blue-400,
+.theme--dark .hover--blue-400:hover,
+.theme--dark .white-scroll .scroll .hover--blue-400:hover,
+.theme--dark .black-scroll .scroll .hover--blue-400:hover {
+    color: #fff !important;
+    border-color: #1680fb !important;
+    background-color: #1680fb !important;
+}
+
+.theme--dark .btn--blue-300,
+.theme--dark .hover--blue-300:hover,
+.theme--dark .white-scroll .scroll .hover--blue-300:hover,
+.theme--dark .black-scroll .scroll .hover--blue-300:hover {
+    color: #fff !important;
+    border-color: #3eb1ff !important;
+    background-color: #3eb1ff !important;
+}
+
+.theme--dark .btn--pink-500,
+.theme--dark .hover--pink-500:hover,
+.theme--dark .white-scroll .scroll .hover--pink-500:hover,
+.theme--dark .black-scroll .scroll .hover--pink-500:hover {
+    color: #fff !important;
+    border-color: #ff149c !important;
+    background-color: #ff149c !important;
+}
+
+.theme--dark .btn--pink-400,
+.theme--dark .hover--pink-400:hover,
+.white-scroll .scroll .hover--pink-400:hover,
+.black-scroll .scroll .hover--pink-400:hover {
+    color: #fff !important;
+    border-color: #f74780 !important;
+    background-color: #f74780 !important;
+}
+
+.theme--dark .btn--pink-300,
+.theme--dark .hover--pink-300:hover,
+.theme--dark .white-scroll .scroll .hover--pink-300:hover,
+.theme--dark .black-scroll .scroll .hover--pink-300:hover {
+    color: #fff !important;
+    border-color: #fcb5cc !important;
+    background-color: #fcb5cc !important;
+}
+
+.theme--dark .btn--purple-500,
+.theme--dark .hover--purple-500:hover,
+.theme--dark .white-scroll .scroll .hover--purple-500:hover,
+.theme--dark .black-scroll .scroll .hover--purple-500:hover {
+    color: #fff !important;
+    border-color: #663ae9 !important;
+    background-color: #663ae9 !important;
+}
+
+.theme--dark .btn--purple-400,
+.theme--dark .hover--purple-400:hover,
+.theme--dark .white-scroll .scroll .hover--purple-400:hover,
+.theme--dark .black-scroll .scroll .hover--purple-400:hover {
+    color: #fff !important;
+    border-color: #7b5dd6 !important;
+    background-color: #7b5dd6 !important;
+}
+
+.theme--dark .btn--purple-300,
+.theme--dark .hover--purple-300:hover,
+.theme--dark .white-scroll .scroll .hover--purple-300:hover,
+.theme--dark .black-scroll .scroll .hover--purple-300:hover {
+    color: #fff !important;
+    border-color: #bdaeea !important;
+    background-color: #bdaeea !important;
+}
+
+.theme--dark .btn--violet-500,
+.theme--dark .hover--violet-500:hover,
+.theme--dark .white-scroll .scroll .hover--violet-500:hover,
+.theme--dark .black-scroll .scroll .hover--violet-500:hover {
+    color: #fff !important;
+    border-color: #c73e9b !important;
+    background-color: #c73e9b !important;
+}
+
+.theme--dark .btn--violet-400,
+.theme--dark .hover--violet-400:hover,
+.theme--dark .white-scroll .scroll .hover--violet-400:hover,
+.theme--dark .black-scroll .scroll .hover--violet-400:hover {
+    color: #fff !important;
+    border-color: #be6cbe !important;
+    background-color: #be6cbe !important;
+}
+
+.theme--dark .btn--violet-300,
+.theme--dark .hover--violet-300:hover,
+.theme--dark .white-scroll .scroll .hover--violet-300:hover,
+.theme--dark .black-scroll .scroll .hover--violet-300:hover {
+    color: #fff !important;
+    border-color: #e2bde2 !important;
+    background-color: #e2bde2 !important;
+}
+
+.theme--dark .section-id {
+    color: #eee;
+}
+
+.theme--dark .color--black,
+.theme--dark .color--black h2,
+.theme--dark .color--black h3,
+.theme--dark .color--black h4,
+.theme--dark .color--black h5,
+.theme--dark .color--black h6,
+.theme--dark .color--black p,
+.theme--dark .color--black a,
+.theme--dark .color--black li,
+.theme--dark .color--black i,
+.theme--dark .color--black span,
+.theme--dar .color--white .color--black {
+    color: #fff;
+}
+
+.theme--dark .color--grey,
+.theme--dark .color--grey h2,
+.theme--dark .color--grey h3,
+.theme--dark .color--grey h4,
+.theme--dark .color--grey h5,
+.theme--dark .color--grey h6,
+.theme--dark .color--grey p,
+.theme--dark .color--grey a,
+.theme--dark .color--grey li,
+.theme--dark .color--grey i,
+.theme--dark .color--grey span,
+.theme--dark .color--white .color--grey {
+    color: #b1b7cd;
+}
+
+/*------------------------------------------*/
+/*   NAVIGATION MENU
+/*------------------------------------------*/
+
+.theme--dark .dark-menu .wsmainfull,
+.theme--dark .white-menu .wsmainfull {
+    background-color: #1d222f !important;
+    -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+    -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+    box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+/*------------------------------------------*/
+/*  HEADER LINK
+/*------------------------------------------*/
+
+.theme--dark .navbar-light .wsmenu>.wsmenu-list>li>a,
+.theme--dark .navbar-dark.inner-page-header .wsmenu>.wsmenu-list>li>a,
+.theme--dark .navbar-dark.light-hero-header .wsmenu>.wsmenu-list>li>a {
+    color: #fff;
+}
+
+.theme--dark .navbar-light .wsmenu-list>li>a.h-link:hover,
+.theme--dark .navbar-light .wsmenu>.wsmenu-list>li>a:hover,
+.theme--dark .navbar-dark.inner-page-header .wsmenu>.wsmenu-list>li>a:hover,
+.theme--dark .navbar-dark.light-hero-header .wsmenu>.wsmenu-list>li>a:hover {
+    color: #eee !important;
+}
+
+.theme--dark .navbar-light .wsmenu>.wsmenu-list>li>a.btn:hover {
+    color: #fff !important;
+}
+
+/*------------------------------------------*/
+/*  HEADER SUBMENU / MEGAMENU
+/*------------------------------------------*/
+
+.theme--dark .wsmenu>.wsmenu-list>li>ul.sub-menu,
+.theme--dark .wsmenu>.wsmenu-list>li>.wsmegamenu,
+.theme--dark .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu {
+    background-color: #2c3142 !important;
+    border: solid 1px #2c3142 !important;
+    -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+    -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+    box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.theme--dark .wsmenu>.wsmenu-list>li>ul.sub-menu:before,
+.theme--dark .wsmenu>.wsmenu-list>li.mg_link:hover>a:after,
+.theme--dark .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu:before {
+    background-color: #2c3142;
+    border-left: solid 1px #2c3142;
+    border-top: solid 1px #2c3142;
+}
+
+.theme--dark .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a,
+.theme--dark .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a,
+.theme--dark .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a {
+    color: #b1b7cd;
+    background-color: transparent !important;
+}
+
+.theme--dark .scroll .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a,
+.theme--dark .scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a,
+.theme--dark .scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a {
+    color: #b1b7cd;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR SCROLL
+/*------------------------------------------*/
+
+.theme--dark .tra-menu .wsmainfull.scroll,
+.theme--dark .white-menu .wsmainfull.scroll,
+.theme--dark .dark-menu.dark-scroll .wsmainfull.scroll {
+    background-color: #1d222f !important;
+    padding: 0;
+    -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+    -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+    box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.theme--dark .tra-menu.navbar-dark .scroll .wsmenu>.wsmenu-list>li>a,
+.theme--dark .tra-menu.navbar-light .scroll .wsmenu>.wsmenu-list>li>a,
+.theme--dark .tra-menu.navbar-dark.white-scroll .scroll .wsmenu>.wsmenu-list>li>a.h-link,
+.theme--dark .tra-menu.navbar-light.white-scroll .scroll .wsmenu>.wsmenu-list>li>a.h-link {
+    color: #b1b7cd;
+}
+
+.theme--dark .navbar-light.white-scroll .scroll .wsmenu-list>li>a.h-link:hover {
+    color: #fff !important;
+}
+
+.theme--dark .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover,
+.theme--dark .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.theme--dark .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    background-color: rgba(0, 0, 0, .12) !important;
+}
+
+.theme--dark .navbar-light .scroll .btn.btn--tra-white {
+    color: #fff !important;
+    border-color: #fff !important;
+    background-color: transparent !important;
+}
+
+/*------------------------------------------*/
+/*  Logo Image
+/*------------------------------------------*/
+
+.theme--dark .navbar-dark .logo-black,
+.theme--dark .navbar-dark .scroll .logo-black {
+    display: none;
+}
+
+.theme--dark .navbar-dark .logo-white,
+.theme--dark .navbar-dark .scroll .logo-white {
+    display: block;
+}
+
+.theme--dark .navbar-dark .logo-black {
+    display: block;
+}
+
+.theme--dark .navbar-dark .logo-white {
+    display: none;
+}
+
+.theme--dark .navbar-dark .scroll .logo-white {
+    display: block;
+}
+
+/*------------------------------------------*/
+/*  HERO SECTION
+/*------------------------------------------*/
+
+.theme--dark .hero-section .color--black,
+.theme--dark .hero-section .color--black h2,
+.theme--dark .hero-section .color--black h3,
+.theme--dark .hero-section .color--black h4,
+.theme--dark .hero-section .color--black h5,
+.theme--dark .hero-section .color--black h6,
+.theme--dark .hero-section .color--black p,
+.theme--dark .hero-section .color--black a,
+.theme--dark .hero-section .color--black li,
+.theme--dark .hero-section .color--black i,
+.theme--dark .hero-section .color--black span,
+.theme--dark .hero-section .color--white .color--black {
+    color: #353f4f;
+}
+
+.theme--dark .hero-section p {
+    color: #6c757d;
+}
+
+.theme--dark .hero-section .color--white p {
+    color: #fff;
+}
+
+.theme--dark .hero-section.gr--whitesmoke p {
+    color: #b1b7cd;
+}
+
+.theme--dark .hero-section .section-id.color--grey {
+    color: #6c757d;
+}
+
+.theme--dark .hero-5-txt p,
+.theme--dark .hero-6-txt p,
+.theme--dark .hero-10-txt p,
+.theme--dark .hero-15-txt p,
+.theme--dark .hero-16-txt p,
+.theme--dark .hero-17-txt p,
+.theme--dark .hero-18-txt p,
+.theme--dark .hero-19-txt p,
+.theme--dark .hero-20-txt p,
+.theme--dark .hero-21-txt p,
+.theme--dark .hero-23-txt p,
+.theme--dark .hero-25-txt p {
+    color: #b1b7cd;
+}
+
+.theme--dark .hero-section .quick-form .form-control {
+    color: #fff;
+    background-color: #363f54;
+}
+
+.theme--dark #hero-14.hero-section .quick-form .form-control,
+.theme--dark #hero-24.hero-section .quick-form .form-control,
+.theme--dark #hero-26.hero-section .quick-form .form-control {
+    color: #666;
+    background-color: #fff;
+}
+
+.theme--dark .hero-section .quick-form .form-control::-moz-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .hero-section .quick-form .form-control:-ms-input-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .hero-section .quick-form .form-control::-webkit-input-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark #hero-14.hero-section .quick-form .form-control::-moz-placeholder {
+    color: #999;
+}
+
+.theme--dark #hero-14.hero-section .quick-form .form-control:-ms-input-placeholder {
+    color: #999;
+}
+
+.theme--dark #hero-14.hero-section .quick-form .form-control::-webkit-input-placeholder {
+    color: #999;
+}
+
+.theme--dark #hero-24.hero-section .quick-form .form-control::-moz-placeholder {
+    color: #999;
+}
+
+.theme--dark #hero-24.hero-section .quick-form .form-control:-ms-input-placeholder {
+    color: #999;
+}
+
+.theme--dark #hero-24.hero-section .quick-form .form-control::-webkit-input-placeholder {
+    color: #999;
+}
+
+.theme--dark #hero-26.hero-section .quick-form .form-control::-moz-placeholder {
+    color: #999;
+}
+
+.theme--dark #hero-26.hero-section .quick-form .form-control:-ms-input-placeholder {
+    color: #999;
+}
+
+.theme--dark #hero-26.hero-section .quick-form .form-control::-webkit-input-placeholder {
+    color: #999;
+}
+
+.theme--dark .hero-section .quick-form .form-control:focus {
+    background-color: #505c77;
+    border-color: transparent;
+}
+
+.theme--dark #hero-14.hero-section .quick-form .form-control:focus,
+.theme--dark #hero-24.hero-section .quick-form .form-control:focus,
+.theme--dark #hero-26.hero-section .quick-form .form-control:focus {
+    background-color: #fff;
+    border-color: transparent;
+}
+
+.theme--dark .hero-section .request-form .form-control {
+    color: #fff;
+    background-color: #363f54;
+}
+
+.theme--dark .hero-section .request-form .form-control::-moz-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .hero-section .request-form .form-control:-ms-input-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .hero-section .request-form .form-control::-webkit-input-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .hero-section .request-form .form-control:focus {
+    background-color: #505c77;
+    border-color: transparent;
+}
+
+.theme--dark #hero-3:after,
+.theme--dark #hero-4:after {
+    background-color: #232734;
+}
+
+.theme--dark .hero-4-txt h2 {
+    color: #353f4f;
+}
+
+.theme--dark .hero-4-txt .btn.btn--tra-black {
+    color: #353f4f !important;
+    background-color: transparent !important;
+    border-color: #353f4f !important;
+}
+
+.theme--dark #hero-5 {
+    background-image: url(../images/hero-5-dark.jpg);
+}
+
+.theme--dark .hero-6-wrapper {
+    background-image: linear-gradient(90deg, #1d212c, #1d212c);
+}
+
+.theme--dark #hero-8-form {
+    background-color: #1d222f;
+    border: 1px solid #1d222f;
+}
+
+.theme--dark #hero-8-form p {
+    color: #b1b7cd;
+}
+
+.theme--dark #hero-5 .wave-shape-bottom svg path,
+.theme--dark #hero-8 .wave-shape-bottom svg path,
+.theme--dark #hero-14 .wave-shape-bottom svg path,
+.theme--dark #hero-16 .wave-shape-bottom svg path,
+.theme--dark #hero-22 .wave-shape-bottom svg path,
+.theme--dark #hero-23 .wave-shape-bottom svg path,
+.theme--dark #hero-26 .wave-shape-bottom svg path {
+    fill: #232734;
+}
+
+.theme--dark #hero-10 {
+    background-image: url(../images/hero-10-dark.jpg);
+}
+
+.theme--dark #hero-15 {
+    background-image: url(../images/hero-15-dark.jpg);
+}
+
+.theme--dark #hero-16 {
+    background-image: url(../images/hero-16-dark.jpg);
+}
+
+.theme--dark #hero-17 {
+    background-image: url(../images/hero-17-dark.jpg);
+}
+
+.theme--dark #hero-18:after {
+    background-image: url(../images/hero-18-dark.jpg);
+}
+
+.theme--dark #hero-20:after {
+    background-image: linear-gradient(180deg, #1d212c, #232734);
+}
+
+.theme--dark #hero-21 .hero-overlay {
+    background-image: url(../images/hero-21-dark.jpg);
+}
+
+.theme--dark #hero-23 {
+    background-image: url(../images/hero-23-dark.jpg);
+}
+
+.theme--dark .hero-23-txt p span.color--black {
+    color: #fff;
+}
+
+.theme--dark #hero-25 {
+    background-image: url(../images/hero-25-dark.jpg);
+}
+
+.theme--dark #hero-27 .hero-overlay {
+    background-image: url(../images/hero-27-dark.png);
+}
+
+/*------------------------------------------*/
+/*  FEATURES
+/*------------------------------------------*/
+
+.theme--dark .features-section path {
+    opacity: .05;
+}
+
+.theme--dark .fbox-7 {
+    border: 2px solid #363f54;
+}
+
+/*------------------------------------------*/
+/*  CONTENT
+/*------------------------------------------*/
+
+.theme--dark .cbox-2-line {
+    background-color: #363f54;
+}
+
+/*------------------------------------------*/
+/*  STATISTIC
+/*------------------------------------------*/
+
+.theme--dark #statistic-5 .statistic-digit {
+    border-bottom: 1px solid #505c77;
+}
+
+/*------------------------------------------*/
+/*  REVIEWS
+/*------------------------------------------*/
+
+.theme--dark #reviews-2 .review-2.bg--white-100 {
+    background-color: #1d212c !important;
+}
+
+.theme--dark .owl-theme .owl-dots .owl-dot span {
+    background: #1d212c;
+}
+
+.theme--dark .owl-theme .owl-dots .owl-dot.active span {
+    background: #b1b7cd;
+}
+
+.theme--dark .review-3.block-border {
+    border-color: #363f54;
+}
+
+/*------------------------------------------*/
+/*  PROJECT DETAILS
+/*------------------------------------------*/
+
+.theme--dark .project-title h2 {
+    border-bottom: 1px solid #363f54;
+}
+
+.theme--dark .project-data p span {
+    color: #fff;
+}
+
+.theme--dark .project-description .more-projects span {
+    color: #fff;
+}
+
+/*------------------------------------------*/
+/*  RATING
+/*------------------------------------------*/
+
+.theme--dark .rbox-1 .star-rating {
+    background-color: #1d212c !important;
+    border: 1px solid #1d212c;
+    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13);
+    -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13);
+    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13);
+}
+
+/*------------------------------------------*/
+/*  PRICING
+/*------------------------------------------*/
+
+.theme--dark .pricing-discount h6 {
+    color: #353f4f;
+}
+
+.theme--dark .table>:not(caption)>*>* {
+    color: #b1b7cd;
+    background-color: #232734;
+}
+
+.theme--dark .comp-table .table thead th {
+    color: #fff;
+    border-color: #363f54;
+}
+
+.theme--dark .comp-table tbody th {
+    border-bottom: 1px solid #363f54 !important;
+}
+
+.theme--dark .comp-table .table tr td {
+    border-bottom: 2px solid #363f54;
+}
+
+/*------------------------------------------*/
+/*  INTEGRATIONS
+/*------------------------------------------*/
+
+.theme--dark .integrations-1-wrapper .in_tool {
+    background-color: #1d212c;
+    border: 1px solid #1d212c;
+}
+
+/*------------------------------------------*/
+/*  PRICING
+/*------------------------------------------*/
+
+.theme--dark .switcher.bg--grey {
+    background-color: #363f54;
+    border: 2px solid #363f54;
+}
+
+/*------------------------------------------*/
+/*  BANNER
+/*------------------------------------------*/
+
+.theme--dark .banner-16-wrapper.bg--white-100.block-border {
+    border-color: #363f54;
+}
+
+/*------------------------------------------*/
+/*  DOWNLOAD
+/*------------------------------------------*/
+
+.theme--dark .release-data {
+    border-bottom: 1px dashed #656565;
+}
+
+.theme--dark span.version-data,
+.theme--dark span.release-date span {
+    color: #f1f1f1;
+}
+
+.theme--dark span.release-date {
+    color: #ccc;
+}
+
+/*------------------------------------------*/
+/*  FAQs
+/*------------------------------------------*/
+
+.theme--dark .faqs-section .accordion-item,
+.theme--dark #faqs-2.faqs-section .accordion-item,
+.theme--dark #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb {
+    border-bottom: 1px solid #363f54;
+}
+
+.theme--dark .faqs-section .tabs-1 li {
+    border: 2px solid #363f54;
+}
+
+.theme--dark .faqs-section .tabs-1 li span,
+.theme--dark .faqs-section .tabs-1 li {
+    color: #b1b7cd;
+}
+
+.theme--dark .faqs-section .accordion-item .accordion-thumb:after,
+.theme--dark .faqs-section .accordion-item.is-active .accordion-thumb:after {
+    color: #b1b7cd;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER
+/*------------------------------------------*/
+
+.theme--dark .newsletter-section .form-control {
+    color: #f1f1f1;
+    background-color: #363f54;
+    border: 1px solid #363f54;
+}
+
+.theme--dark .newsletter-section .form-control:focus {
+    background-color: #505c77;
+    border-color: transparent;
+}
+
+.theme--dark .newsletter-section .form-control::-moz-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .newsletter-section .form-control:-ms-input-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .newsletter-section .form-control::-webkit-input-placeholder {
+    color: #b1b7cd;
+}
+
+/*------------------------------------------*/
+/*  BLOG
+/*------------------------------------------*/
+
+.theme--dark .post-meta-list p,
+.theme--dark .blog-post-txt a {
+    color: #fff;
+}
+
+.theme--dark .blog-post-txt a:hover {
+    color: #ddd !important;
+}
+
+/*------------------------------------------*/
+/*  SINGLE POST
+/*------------------------------------------*/
+
+.theme--dark .txt-code {
+    background-color: #1d212c;
+}
+
+.theme--dark .txt-code kbd {
+    background-color: #363f54;
+}
+
+.theme--dark .txt-code p {
+    color: #b1b7cd;
+}
+
+.theme--dark .comment-form p,
+.theme--dark .blockquote-footer,
+.theme--dark .txt-code span.code-property,
+.theme--dark .txt-code p code.code-language-js {
+    color: #fff;
+}
+
+.theme--dark .comment-form .form-control {
+    color: #f1f1f1;
+    background-color: #363f54;
+}
+
+.theme--dark .comment-form .form-control:focus {
+    background-color: #505c77;
+    border-color: transparent;
+}
+
+.theme--dark .comment-form .form-control::-moz-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .comment-form .form-control:-ms-input-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .comment-form .form-control::-webkit-input-placeholder {
+    color: #b1b7cd;
+}
+
+/*------------------------------------------*/
+/*  CONTACTS
+/*------------------------------------------*/
+
+.theme--dark .contact-form-notice p a,
+.theme--dark #contacts-1 .contact-form p {
+    color: #fff;
+}
+
+.theme--dark .contact-form .form-control,
+.theme--dark .contact-form .form-select {
+    color: #f1f1f1;
+    background-color: #363f54;
+}
+
+.theme--dark .contact-form .form-control::-moz-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .contact-form .form-control:-ms-input-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .contact-form .form-control::-webkit-input-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .contact-form .form-control:focus,
+.theme--dark .contact-form .form-select:focus {
+    background-color: #505c77;
+    border-color: transparent;
+}
+
+/*------------------------------------------*/
+/*  FOOTER
+/*------------------------------------------*/
+
+.footer-logo-dark {
+    display: none;
+}
+
+.theme--dark .footer-logo {
+    display: none;
+}
+
+.theme--dark .footer-logo-dark {
+    display: block;
+}
+
+.theme--dark #footer-10 .footer-logo-dark {
+    display: inline-block;
+}
+
+.theme--dark #footer-10 .footer-info {
+    border-bottom: 1px solid #363f54;
+}
+
+.theme--dark .footer-form .newsletter-form .btn.dark-color span {
+    color: #2f353e !important;
+}
+
+.theme--dark .footer-form .newsletter-form .input-group {
+    background-color: #282d3c;
+    border: 1px solid #505c77;
+}
+
+.theme--dark .footer-form .form-control {
+    color: #fff;
+}
+
+.theme--dark .footer-form .form-control::-moz-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .footer-form .form-control:-ms-input-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .footer-form .form-control::-webkit-input-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .legal-info p span {
+    color: #fff;
+}
+
+/*------------------------------------------*/
+/*  INNER PAGE
+/*------------------------------------------*/
+
+.theme--dark .page-hero-section .wave-shape-bottom path {
+    fill: #232734;
+}
+
+/*------------------------------------------*/
+/*  MODAL
+/*------------------------------------------*/
+
+.theme--dark #modal-2 .modal-body-content h5,
+.theme--dark #modal-3 .modal-body-content h3 {
+    color: #353f4f;
+}
+
+/*------------------------------------------*/
+/*  PAGE 404
+/*------------------------------------------*/
+
+.theme--dark #page-404.bg--white-300,
+.theme--dark #footer-11.bg--white-300 {
+    background-color: #f7f8f9;
+}
+
+.theme--dark #page-404 .color--dark {
+    color: #353f4f;
+}
+
+.theme--dark #page-404 h6.color--grey,
+.theme--dark #footer-11.bg--white-300,
+.theme--dark #footer-11.bg--white-300 .bottom-footer-list p a {
+    color: #6c757d;
+}
+
+/*------------------------------------------*/
+/*  LOGIN
+/*------------------------------------------*/
+
+.theme--dark #login,
+.theme--dark #signup {
+    background: url(../images/login_dark.jpg);
+}
+
+/* .theme--dark #reset-password {
+  background: url(../images/reset-password-dark.jpg);
+} */
+
+.theme--dark #login .register-page-wrapper:after,
+.theme--dark #signup .register-page-wrapper:after {
+    background-color: #1d212c;
+}
+
+.theme--dark .form-data span a,
+.theme--dark .register-page-form p.input-header {
+    color: #fff;
+}
+
+.theme--dark .separator-line::before,
+.theme--dark .separator-line::after {
+    border-top: 2px solid rgba(255, 255, 255, .15);
+}
+
+.theme--dark .reset-page-wrapper .form-control,
+.theme--dark .register-page-form .form-control {
+    color: #f1f1f1;
+    background-color: #363f54;
+    border: 1px solid #363f54;
+}
+
+.theme--dark .reset-page-wrapper form {
+    background: #1d212c;
+    border: 1px solid #1d212c;
+}
+
+.theme--dark .register-page-form .form-control::-moz-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .register-page-form .form-control:-ms-input-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .register-page-form .form-control::-webkit-input-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .reset-password-form .form-control::-moz-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .reset-password-form .form-control:-ms-input-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .reset-password-form .form-control::-webkit-input-placeholder {
+    color: #b1b7cd;
+}
+
+.theme--dark .register-page-form .btn-google {
+    color: #b1b7cd;
+    background-color: #363f54;
+    border: 1px solid #363f54;
+}
+
+
+
+
+/* ==========================================================================
+   STYLE CHANGER 
+  ========================================================================== */
+
+#stlChanger {
+    position: fixed;
+    z-index: 9999;
+    font-size: 15px;
+    overflow: hidden;
+    right: -230px;
+    top: 100px;
+    cursor: pointer;
+    -webkit-border-radius: 0;
+    -moz-border-radius: 0;
+    border-radius: 0;
+    -webkit-transition: all 400ms ease-in-out;
+    -moz-transition: all 400ms ease-in-out;
+    -o-transition: all 400ms ease-in-out;
+    -ms-transition: all 400ms ease-in-out;
+    transition: all 400ms ease-in-out;
+}
+
+#stlChanger.open {
+    right: 0px;
+}
+
+#stlChanger .bgChanger {
+    min-width: 280px;
+    min-height: 280px;
+}
+
+#stlChanger .blockChanger {
+    width: 230px;
+}
+
+#stlChanger .chBody {
+    background: #2b2e37;
+    width: 230px;
+    position: relative;
+    overflow: hidden;
+    border: 1px solid #2b2e37;
+    border-radius: 4px 0px 0px 4px;
+    height: 425px;
+    overflow: scroll;
+    overflow-x: hidden;
+    direction: rtl;
+    margin-left: 50px;
+}
+
+#stlChanger .chBody.chBody-sm {
+    height: 360px;
+}
+
+#stlChanger .chBut {
+    background: #ef2853;
+    width: 50px;
+    height: 50px;
+    position: absolute;
+    top: 30px;
+    left: 0;
+    z-index: 1000000;
+    text-align: center;
+    border: 1px solid #ef2853;
+    border-left: none;
+    padding: 0 0 0 2px;
+    border-radius: 4px 0px 0px 4px;
+    -webkit-transition: all 300ms ease-in-out;
+    -moz-transition: all 300ms ease-in-out;
+    -o-transition: all 300ms ease-in-out;
+    -ms-transition: all 300ms ease-in-out;
+    transition: all 300ms ease-in-out;
+    box-shadow: 0 0 2px rgba(50, 50, 50, 0.4);
+}
+
+#stlChanger .chBut.icon-xs [class*="flaticon-"]:before,
+#stlChanger .chBut.icon-xs [class*="flaticon-"]:after {
+    color: #fff;
+    font-size: 2.15rem;
+    line-height: 48px !important;
+}
+
+#stlChanger p {
+    font-size: 18px;
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    font-weight: 600;
+    letter-spacing: 0;
+    margin-bottom: 20px;
+}
+
+#stlChanger .stBgs a {
+    text-decoration: none;
+    width: 50px;
+    height: 50px;
+    float: left;
+    padding: 0;
+    margin: 0 5px 8px;
+    cursor: pointer;
+    opacity: 1;
+    -webkit-border-radius: 8px;
+    -moz-border-radius: 8px;
+    border-radius: 8px;
+}
+
+#stlChanger .stBgs a img {
+    width: 50px;
+    height: 50px;
+    -webkit-border-radius: 8px;
+    -moz-border-radius: 8px;
+    border-radius: 8px;
+}
+
+.stBlock1 {
+    margin: 0 20px 25px 20px;
+}
+
+.stBlock .btn {
+    width: 100%;
+    padding: 0.65rem 1.2rem;
+    line-height: 1;
+    margin-top: 15px;
+}
+
+.switch {
+    width: 100%;
+    color: #fff;
+    padding: 0.4rem 1.4rem;
+    border: 2px solid #fff;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+}
+
+
+
+
+/* ==========================================================================
+  34. COLOR SCHEME
+  ========================================================================== */
+
+.bg--theme,
+.shape--blue-400:after {
+    background-color: #f74780;
+}
+
+.btn--theme {
+    color: #fff !important;
+    border-color: #f74780 !important;
+    background-color: #f74780 !important;
+}
+
+.hover--theme:hover,
+.white-scroll .scroll .hover--theme:hover,
+.black-scroll .scroll .hover--theme:hover {
+    color: #fff !important;
+    border-color: #e73971 !important;
+    background-color: #e73971 !important;
+}
+
+.theme--dark .white-scroll .scroll .hover--theme:hover {
+    color: #fff !important;
+    border-color: #e73971 !important;
+    background-color: #e73971 !important;
+}
+
+.theme--dark .white-scroll .hover--theme:hover {
+    color: #fff !important;
+    border-color: #e73971 !important;
+    background-color: #e73971 !important;
+}
+
+.color--theme,
+.color--theme h1,
+.color--theme h2,
+.color--theme h3,
+.color--theme h4,
+.color--theme h5,
+.color--theme h6,
+.color--theme p,
+.color--theme a,
+.color--theme li,
+.color--theme i,
+.color--theme span,
+.color--white .color--theme {
+    color: #f74780 !important;
+}
+
+.loading--theme .loader {
+    border-color: transparent #f74780;
+}
+
+.loading--theme .loader::after {
+    border-color: transparent rgba(247, 71, 128, .15);
+}
+
+.nav-theme .sm-info {
+    background-color: #f74780;
+}
+
+.wsmenu>.wsmenu-list.nav-theme>li>ul.sub-menu>li>a:hover,
+.wsmenu>.wsmenu-list.nav-theme>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
+.wsmenu>.wsmenu-list.nav-theme>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
+    color: #f74780 !important;
+}
+
+.hero-section .quick-form .form-control:focus {
+    border-color: #f74780;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--theme {
+    color: #f74780;
+    border-color: #f74780;
+}
+
+.tabs-1.tabs--theme,
+.tabs-1.tabs--theme li.current:hover {
+    color: #f74780;
+    border-color: #f74780;
+}
+
+.faqs-section .tabs--theme .tabs-1 li.current,
+.faqs-section .tabs--theme .tabs-1 li.current:hover {
+    background-color: #f74780;
+    border-color: #f74780 !important;
+}
+
+.switch-wrap input:checked+.switcher.switcher--theme {
+    background-color: #f74780;
+    border-color: #f74780;
+}
+
+.shape-ico.color--theme path,
+.shape-ico.color--theme path,
+.shape-ico.color--theme path {
+    fill: #feecf2;
+}
+
+.newsletter-section .form-control:focus {
+    background-color: #fff;
+    border-color: #353f4f;
+}
+
+.theme-pagination .page-item.active .page-link {
+    color: #fff !important;
+    background-color: #f74780;
+    border: 2px solid #f74780;
+}
+
+
+
+
+/* ==========================================================================
+  34. XXXXX
+  ========================================================================== */
+
+.t-title {
+    text-align: center;
+    color: #fff;
+    background-color: #1d222f;
+    padding: 10px 5px;
+    margin: 0 0 40px;
+}
+
+.t-title.btn-s-title {
+    margin: 0;
+}
+
+.t-title h6 {
+    color: #fff;
+    margin-bottom: 0;
+}
+
+
+
+html {
+    scroll-behavior: smooth !important;
+}
\ No newline at end of file
diff --git a/public/css/purple-theme.css b/public/css/purple-theme.css
new file mode 100644
index 0000000..059c253
--- /dev/null
+++ b/public/css/purple-theme.css
@@ -0,0 +1,11159 @@
+
+
+
+
+/*
+  Template Name: Martex - Software, App, SaaS & Startup Landing Pages Pack
+  Theme URL: https://themeforest.net/user/jthemes
+  Description: Martex - Software, App, SaaS & Startup Landing Pages Pack
+  Author: JThemes Studio
+  Author URL: https://themeforest.net/user/jthemes
+  Version: 1.0.0
+  Website: www.jthemes.com
+  Tags: Responsive, HTML5, JThemes, Landing, Software, Mobile App, SaaS, Startup, Creative, Digital Produc
+*/
+
+
+
+
+/* ==========================================================================
+  01. GENERAL & BASIC STYLES
+  =========================================================================== */
+
+html {
+  -webkit-font-smoothing: antialiased;
+  font-size: 16px;
+} 
+
+body {
+  font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  color: #6c757d;
+  line-height: 1.6666;
+  font-weight: 400;
+}
+
+/*------------------------------------------*/
+/*  PAGE CONTENT
+/*------------------------------------------*/
+
+#page,
+.hidd { 
+  overflow: hidden; 
+}
+
+.rel,
+section,
+.container { 
+  position: relative!important; 
+  z-index: 3; 
+}
+
+.section-overlay {
+  width: 100%;
+  height: 100%;
+}
+
+/*------------------------------------------*/
+/*  BLOCK SHADOW
+/*------------------------------------------*/
+
+.block-shadow { 
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+}
+
+/*------------------------------------------*/
+/*  BORDER SETTINGS
+/*------------------------------------------*/
+
+.block-border {
+  border: 1px solid #e7e7e7;
+}
+
+.block-border.block-shadow { 
+  border: 1px solid #f5f6f6;
+}
+
+.x-border {
+  border-top: 1px solid #e7e7e7;
+  border-bottom: 1px solid #e7e7e7;
+}
+
+.top-border {
+  border-top: 1px solid #e7e7e7;
+}
+
+.bottom-border {
+  border-bottom: 1px solid #e7e7e7;
+}
+
+/*------------------------------------------*/
+/*  BORDER RADIUS SETTING
+/*------------------------------------------*/ 
+
+.r-0 { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
+.r-02 { -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
+.r-04 { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
+.r-06 { -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
+.r-08 { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; }
+.r-10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
+.r-12 { -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; }
+.r-14 { -webkit-border-radius: 14px; -moz-border-radius: 14px; -o-border-radius: 14px; border-radius: 14px; }
+.r-16 { -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; }
+.r-18 { -webkit-border-radius: 18px; -moz-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; }
+.r-20 { -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
+.r-22 { -webkit-border-radius: 22px; -moz-border-radius: 22px; -o-border-radius: 22px; border-radius: 22px; }
+.r-24 { -webkit-border-radius: 24px; -moz-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; }
+.r-26 { -webkit-border-radius: 26px; -moz-border-radius: 26px; -o-border-radius: 26px; border-radius: 26px; }
+.r-28 { -webkit-border-radius: 28px; -moz-border-radius: 28px; -o-border-radius: 28px; border-radius: 28px; }
+.r-30 { -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; }
+.r-32 { -webkit-border-radius: 32px; -moz-border-radius: 32px; -o-border-radius: 32px; border-radius: 32px; }
+.r-34 { -webkit-border-radius: 34px; -moz-border-radius: 34px; -o-border-radius: 34px; border-radius: 34px; }
+.r-36 { -webkit-border-radius: 36px; -moz-border-radius: 36px; -o-border-radius: 36px; border-radius: 36px; }
+.r-100 { -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; }
+
+/*------------------------------------------*/
+/*  OPACITY SETTINGS
+/*------------------------------------------*/
+
+.o-0 { opacity: 0!important; }
+.o-10 { opacity: .1!important; }
+.o-15 { opacity: .15!important; }
+.o-20 { opacity: .2!important; }
+.o-25 { opacity: .25!important; }
+.o-30 { opacity: .3!important; }
+.o-35 { opacity: .35!important; }
+.o-40 { opacity: .4!important; }
+.o-45 { opacity: .45!important; }
+.o-50 { opacity: .5!important; }
+.o-55 { opacity: .55!important; }
+.o-60 { opacity: .60!important; }
+.o-65 { opacity: .65!important; }
+.o-70 { opacity: .7!important; }
+.o-75 { opacity: .75!important; }
+.o-80 { opacity: .8!important; }
+.o-85 { opacity: .85!important; }
+.o-90 { opacity: .9!important; }
+.o-95 { opacity: .95!important; }
+.o-100 { opacity: 1!important; }
+
+/*------------------------------------------*/
+/*  SPACING & INDENTS
+/*------------------------------------------*/
+
+.py-5 { padding-top: 5px; padding-bottom: 5px; }
+.py-10 { padding-top: 10px; padding-bottom: 10px; }
+.py-15 { padding-top: 15px; padding-bottom: 15px; }
+.py-20 { padding-top: 20px; padding-bottom: 20px; }
+.py-30 { padding-top: 30px; padding-bottom: 30px; }
+.py-40 { padding-top: 40px; padding-bottom: 40px; }
+.py-50 { padding-top: 50px; padding-bottom: 50px; }
+.py-60 { padding-top: 60px; padding-bottom: 60px; }
+.py-70 { padding-top: 70px; padding-bottom: 70px; }
+.py-80 { padding-top: 80px; padding-bottom: 80px; }
+.py-90 { padding-top: 90px; padding-bottom: 90px; }
+.py-100 { padding-top: 100px; padding-bottom: 100px; }
+
+.pt-30 { padding-top: 30px; }
+.pt-40 { padding-top: 40px; }
+.pt-50 { padding-top: 50px; }
+.pt-60 { padding-top: 60px; }
+.pt-70 { padding-top: 70px; }
+.pt-80 { padding-top: 80px; }
+.pt-90 { padding-top: 90px; }
+.pt-100 { padding-top: 100px; }
+
+.pb-30 { padding-bottom: 30px; }
+.pb-40 { padding-bottom: 40px; }
+.pb-50 { padding-bottom: 50px; }
+.pb-60 { padding-bottom: 60px; }
+.pb-70 { padding-bottom: 70px; }
+.pb-80 { padding-bottom: 80px; }
+.pb-90 { padding-bottom: 90px; }
+.pb-100 { padding-bottom: 100px; }
+
+.mt-10 { margin-top: 10px; }
+.mt-15 { margin-top: 15px; }
+.mt-20 { margin-top: 20px; }
+.mt-25 { margin-top: 25px; }
+.mt-30 { margin-top: 30px; }
+.mt-35 { margin-top: 35px; }
+.mt-40 { margin-top: 40px; }
+.mt-45 { margin-top: 45px; }
+.mt-50 { margin-top: 50px; }
+.mt-55 { margin-top: 55px; }
+.mt-60 { margin-top: 60px; }
+.mt-65 { margin-top: 65px; }
+.mt-70 { margin-top: 70px; }
+.mt-75 { margin-top: 75px; }
+.mt-80 { margin-top: 80px; }
+.mt-85 { margin-top: 85px; }
+.mt-90 { margin-top: 90px; }
+.mt-95 { margin-top: 95px; }
+.mt-100 { margin-top: 100px; }
+
+.mb-10 { margin-bottom: 10px; }
+.mb-15 { margin-bottom: 15px; }
+.mb-20 { margin-bottom: 20px; }
+.mb-25 { margin-bottom: 25px; }
+.mb-30 { margin-bottom: 30px; }
+.mb-35 { margin-bottom: 35px; }
+.mb-40 { margin-bottom: 40px; }
+.mb-45 { margin-bottom: 45px; }
+.mb-50 { margin-bottom: 50px; }
+.mb-55 { margin-bottom: 55px; }
+.mb-60 { margin-bottom: 60px; }
+.mb-65 { margin-bottom: 65px; }
+.mb-70 { margin-bottom: 70px; }
+.mb-75 { margin-bottom: 75px; }
+.mb-80 { margin-bottom: 80px; }
+.mb-85 { margin-bottom: 85px; }
+.mb-90 { margin-bottom: 90px; }
+.mb-95 { margin-bottom: 95px; }
+.mb-100 { margin-bottom: 100px; }
+
+.ml-5 { margin-left: 5px; }
+.ml-10 { margin-left: 10px; }
+.ml-15 { margin-left: 15px; }
+.ml-20 { margin-left: 20px; }
+.ml-25 { margin-left: 25px; }
+.ml-30 { margin-left: 30px; }
+
+.mr-5 { margin-right: 5px; }
+.mr-10 { margin-right: 10px; }
+.mr-15 { margin-right: 15px; }
+.mr-20 { margin-right: 20px; }
+.mr-25 { margin-right: 25px; }
+.mr-30 { margin-right: 30px; }
+
+/*------------------------------------------*/
+/*  BACKGROUND SETTINGS
+/*------------------------------------------*/
+
+.bg--fixed,
+.bg--scroll {
+  width: 100%;
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+}
+
+.bg--fixed {
+  background-attachment: scroll!important;
+}
+
+.bg--scroll {
+  background-attachment: fixed!important;
+}
+
+/*------------------------------------------*/
+/*  BACKGROUND COLORS
+/*------------------------------------------*/
+
+.bg--white-500 { background-color: #f2f4f8; }
+.bg--white-400 { background-color: #f4f4f9; }
+.bg--white-300 { background-color: #f7f8f9; }
+.bg--white-200 { background-color: #fbfbfd; }
+.bg--white-100 { background-color: #fff; }
+
+.bg--black-500 { background-color: #22223b; }
+.bg--black-400 { background-color: #2e3648; }
+.bg--black-300 { background-color: #394455; }
+.bg--black-200 { background-color: #e1e3e5; }
+.bg--black-100 { background-color: #ecf1f4; }
+
+.bg--blue-500 { background-color: #185abd; }
+.bg--blue-400 { background-color: #1680fb; }
+.bg--blue-300 { background-color: #3eb1ff; }
+.bg--blue-200 { background-color: #ddedff; }
+.bg--blue-100 { background-color: #f4f9fc; }
+
+.bg--green-500 { background-color: #00a14e; }
+.bg--green-400 { background-color: #0fbc49; }
+.bg--green-300 { background-color: #6fd792; }
+.bg--green-200 { background-color: #cff2db; }
+.bg--green-100 { background-color: #e9f8f2; }
+
+.bg--pink-500 { background-color: #ff149c; }
+.bg--pink-400 { background-color: #f74780; }
+.bg--pink-300 { background-color: #fcb5cc; }
+.bg--pink-200 { background-color: #fee4ec; }
+.bg--pink-100 { background-color: #feecf2; }
+
+.bg--purple-5000 { background-color: #663ae9; }
+.bg--purple-500 { background-color: #7827e6; }
+.bg--purple-400 { background-color: #7b5dd6; }
+.bg--purple-300 { background-color: #bdaeea; }
+.bg--purple-200 { background-color: #e5deff; }
+.bg--purple-100 { background-color: #f1edff; }
+
+.bg--red-500 { background-color: #da0f29; }
+.bg--red-400 { background-color: #ff1e1a; }
+.bg--red-300 { background-color: #ffa5a3; }
+.bg--red-200 { background-color: #ffd2d1; }
+.bg--red-100 { background-color: #fce7e4; }
+
+.bg--violet-500 { background-color: #c73e9b; }
+.bg--violet-400 { background-color: #be6cbe; }
+.bg--violet-300 { background-color: #e2bde2; }
+.bg--violet-200 { background-color: #f1cde5; }
+.bg--violet-100 { background-color: #f7e4f1; }
+
+.bg--yellow-500 { background-color: #ffba01; }
+.bg--yellow-400 { background-color: #ffbd45; }
+.bg--yellow-300 { background-color: #ffdf35; }
+.bg--yellow-200 { background-color: #fef5cd; }
+.bg--yellow-100 { background-color: #fef9e5; }
+
+.bg--tra-black { background-color: rgba(0, 0, 0, .04); }
+.bg--tra-white { background-color: rgba(255, 255, 255, .15); }
+.bg--primary-blue { background-color: #2160fd; }
+.bg--light-grey { background-color: #f0f3ff; }
+.bg--snow { background-color: #fdfdfd; }
+
+/*------------------------------------------*/
+/*  GRADIENT COLOR BACKGROUND
+/*------------------------------------------*/
+
+.gr--ghost { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); }
+.gr--snow { background-image: linear-gradient(to left, #f3edf7, #f9f6fa); }
+.gr--cotton { background-image: linear-gradient(180deg, rgba(223, 225, 250, .8) 50%, rgba(223, 225, 250, .05) 100%); }
+.gr--ghostwhite { background-image: linear-gradient(to left, #e9e9f5, #f4f4f9); }
+.gr--smoke { background: linear-gradient(180deg, #f8f9fe 0%, #f4f4f9 100%); }
+.gr--whitesmoke { background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%); }
+.gr--perl { background-image: linear-gradient(180deg, rgba(236, 234, 253, .8) 50%, rgba(236, 234, 253, .05) 100%); }
+
+/*------------------------------------------*/
+/*  BACKGROUND SHAPE
+/*------------------------------------------*/
+
+.shape--01:after,
+.shape--02:after,
+.shape--03:after,
+.shape--04:after,
+.shape--05:after,
+.shape--06:after,
+.shape--07:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+}
+
+.shape--02.r-24:after {
+  -webkit-border-radius: 24px;
+  -moz-border-radius: 24px;
+  -o-border-radius: 24px;
+  border-radius: 24px;
+}
+
+.shape--01:after {
+  width: 150%;
+  height: 80%;
+  top: 13%;
+  left: -25%;
+}
+
+.shape--02:after {
+  width: 86%;
+  height: 80%;
+  top: 13%;
+  left: 7%;
+}
+
+.shape--03:after {
+  width: 78%;
+  height: 120%;
+  top: -60px;
+  left: 11%;
+  -webkit-border-radius: 24px;
+  -moz-border-radius: 24px;
+  -o-border-radius: 24px;
+  border-radius: 24px;
+}
+
+.shape--04:after {
+  width: 100%;
+  height: 80%;
+  top: 10%;
+  left: 0;
+}
+
+.shape--05:after {
+  width: 150%;
+  height: 90%;
+  top: 0;
+  left: -25%;
+}
+
+.shape--06:after {
+  width: 150%;
+  height: 75%;
+  top: 0;
+  left: -25%;
+}
+
+.shape--07:after {
+  width: 200%;
+  height: 50%;
+  top: 37%;
+  left: -50%;
+}
+
+.shape--whitesmoke:after { background-color: rgba(123, 104, 238, .05); }
+
+.shape--white-500:after { background-color: #f2f4f8; }
+.shape--white-400:after { background-color: #f4f4f9; }
+.shape--white-300:after { background-color: #f7f8f9; }
+.shape--white-200:after { background-color: #fbfbfd; }
+
+.shape--black-500:after { background-color: #22223b; }
+.shape--black-400:after { background-color: #2e3648; }
+.shape--black-300:after { background-color: #394455; }
+.shape--black-200:after { background-color: #e1e3e5; }
+.shape--black-100:after { background-color: #ecf1f4; }
+
+.shape--blue-500:after { background-color: #185abd; }
+.shape--blue-400:after { background-color: #1680fb; }
+.shape--blue-300:after { background-color: #3eb1ff; }
+.shape--blue-200:after { background-color: #ddedff; }
+.shape--blue-100:after { background-color: #f4f9fc; }
+
+.shape--green-500:after { background-color: #00a14e; }
+.shape--green-400:after { background-color: #0fbc49; }
+.shape--green-300:after { background-color: #6fd792; }
+.shape--green-200:after { background-color: #cff2db; }
+.shape--green-100:after { background-color: #e9f8f2; }
+
+.shape--pink-500:after { background-color: #ff149c; }
+.shape--pink-400:after { background-color: #f74780; }
+.shape--pink-300:after { background-color: #fcb5cc; }
+.shape--pink-200:after { background-color: #fee4ec; }
+.shape--pink-100:after { background-color: #feecf2; }
+
+.shape--purple-500:after { background-color: #663ae9; }
+.shape--purple-400:after { background-color: #7b5dd6; }
+.shape--purple-300:after { background-color: #bdaeea; }
+.shape--purple-200:after { background-color: #e5deff; }
+.shape--purple-100:after { background-color: #f1edff; }
+
+.shape--red-500:after { background-color: #da0f29; }
+.shape--red-400:after { background-color: #ff1e1a; }
+.shape--red-300:after { background-color: #ffa5a3; }
+.shape--red-200:after { background-color: #ffd2d1; }
+.shape--red-100:after { background-color: #fce7e4; }
+
+.shape--violet-500:after { background-color: #c73e9b; }
+.shape--violet-400:after { background-color: #be6cbe; }
+.shape--violet-300:after { background-color: #e2bde2; }
+.shape--violet-200:after { background-color: #f1cde5; }
+.shape--violet-100:after { background-color: #f7e4f1; }
+
+.shape--gr-ghost:after { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); }
+.shape--gr-whitesmoke:after {background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%);}
+
+/*------------------------------------------*/
+/*  BACKGROUND PATTERN
+/*------------------------------------------*/
+
+.pattern-01, 
+.pattern-02, 
+.pattern-03, 
+.pattern-04, 
+.pattern-05 {
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+}
+
+.pattern-01 { background-image: url(../images/pattern-01.png); }
+.pattern-02 { background-image: url(../images/pattern-02.png); }
+.pattern-03 { background-image: url(../images/pattern-03.png); }
+.pattern-04 { background-image: url(../images/pattern-04.png); }
+/* .pattern-05 { background-image: url(../images/pattern-05.png); } */
+
+/*------------------------------------------*/
+/*  BACKGROUND IMAGE
+/*------------------------------------------*/
+
+.bg--01, .bg--02, .bg--03, .bg--04, 
+.bg--05, .bg--06, .bg--07, .bg--08 {
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+}
+
+.bg--01 { background-image: url(../images/bg-01.jpg); }
+.bg--02 { background-image: url(../images/bg-02.jpg); }
+.bg--03 { background-image: url(../images/bg-03.jpg); }
+.bg--04 { background-image: url(../images/bg-04.jpg); }
+.bg--05 { background-image: url(../images/bg-05.jpg); }
+.bg--06 { background-image: url(../images/bg-06.jpg); }
+.bg--07 { background-image: url(../images/bg-07.jpg); }
+.bg--08 { background-image: url(../images/bg-08.jpg); }
+
+/*------------------------------------------*/
+/*  SECTION DIVIDER
+/*------------------------------------------*/
+
+hr.divider {
+  width: 100%;
+  height: 1px;
+  background-color: transparent;
+  background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #bbb 38%, #bbb 64%, rgba(206,211,246,0) 99%);
+  opacity: .4;
+  border: none;
+  margin: 0;
+}
+
+/*------------------------------------------*/
+/*  WAVE SHAPE BOTTOM
+/*------------------------------------------*/
+
+.wave-shape-bottom {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+}
+
+
+
+
+/* ==========================================================================
+  02. TYPOGRAPHY
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  HEADERS
+/*------------------------------------------*/
+
+h1, h2, h3, h4, h5, h6 {  
+  color: #353f4f;
+  font-weight: 600;
+  letter-spacing: 0;
+  margin-bottom: 0;
+}
+
+.font--jakarta h1,
+.font--jakarta h2,
+.font--jakarta h3,
+.font--jakarta h4,
+.font--jakarta h5,
+.font--jakarta h6 {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  line-height: 1.35;
+}
+
+.font--jakarta h1,
+.font--jakarta h2 {
+  line-height: 1.25;
+}
+
+.font--inter h1,
+.font--inter h2,
+.font--inter h3,
+.font--inter h4,
+.font--inter h5,
+.font--inter h6 {
+  font-family: 'Inter', sans-serif;
+  letter-spacing: -0.5px;
+}
+
+/*------------------------------------------*/
+/*  PARAGRAPHS
+/*------------------------------------------*/
+
+p.p-sm { font-size: 0.9375rem; }   /* 15px */
+p { font-size: 1rem; }             /* 16px */
+p.p-md { font-size: 1.0625rem; }   /* 17px */
+p.p-lg { font-size: 1.125rem; }    /* 18px */
+p.p-xl { font-size: 1.2rem; }      /* 19.2px */
+
+/*------------------------------------------*/
+/*  FONT SIZE
+/*------------------------------------------*/
+
+.s-15 { font-size: 0.9375rem; }  /* 15px */
+.s-16 { font-size: 1rem; }       /* 16px */
+.s-17 { font-size: 1.0625rem; }  /* 17px */
+.s-18 { font-size: 1.125rem; }   /* 18px */
+.s-19 { font-size: 1.1875rem; }  /* 19px */
+.s-20 { font-size: 1.25rem; }    /* 20px */
+.s-21 { font-size: 1.3125rem; }  /* 21px */
+.s-22 { font-size: 1.375rem; }   /* 22px */
+.s-23 { font-size: 1.4375rem; }  /* 23px */
+.s-24 { font-size: 1.5rem; }     /* 24px */
+.s-26 { font-size: 1.625rem; }   /* 26px */
+.s-28 { font-size: 1.75rem; }    /* 28px */
+.s-30 { font-size: 1.875rem; }   /* 30px */
+.s-32 { font-size: 2rem; }       /* 32px */
+.s-34 { font-size: 2.125rem; }   /* 34px */
+.s-36 { font-size: 2.25rem; }    /* 36px */
+.s-38 { font-size: 2.375rem; }   /* 38px */
+.s-40 { font-size: 2.5rem; }     /* 40px */
+.s-42 { font-size: 2.625rem; }   /* 42px */
+.s-43 { font-size: 2.6875rem; }  /* 43px */
+.s-44 { font-size: 2.75rem; }    /* 44px */
+.s-45 { font-size: 2.8125rem; }  /* 45px */
+.s-46 { font-size: 2.875rem; }   /* 46px */
+.s-47 { font-size: 2.9375rem; }  /* 47px */
+.s-48 { font-size: 3rem; }       /* 48px */
+.s-50 { font-size: 3.125rem; }   /* 50px */
+.s-52 { font-size: 3.25rem; }    /* 52px */
+.s-54 { font-size: 3.375rem; }   /* 54px */
+.s-56 { font-size: 3.5rem; }     /* 56px */
+.s-58 { font-size: 3.625rem; }   /* 58px */
+.s-60 { font-size: 3.75rem; }    /* 60px */
+.s-62 { font-size: 3.875rem; }   /* 62px */
+.s-64 { font-size: 4rem; }       /* 64px */
+.s-66 { font-size: 4.125rem; }   /* 66px */
+.s-68 { font-size: 4.25rem; }    /* 68px */
+.s-70 { font-size: 4.375rem; }   /* 70px */
+.s-72 { font-size: 4.5rem; }     /* 72px */
+.s-74 { font-size: 4.625rem; }   /* 74px */
+.s-76 { font-size: 4.75rem; }    /* 76px */
+.s-78 { font-size: 4.875rem; }   /* 78px */
+.s-80 { font-size: 5rem; }       /* 80px */
+
+/*------------------------------------------*/
+/*  FONT WEIGHT
+/*------------------------------------------*/
+
+.txt-upcase { 
+  text-transform: uppercase 
+}
+
+.w-200 { font-weight: 200; }
+.w-300 { font-weight: 300; }
+.w-400 { font-weight: 400; }
+.w-500 { font-weight: 500; }
+.w-600 { font-weight: 600; }
+.w-700 { font-weight: 700; }
+.w-800 { font-weight: 800; }
+.w-900 { font-weight: 900; }  
+
+/*------------------------------------------*/
+/*  LINK SETTINGS
+/*------------------------------------------*/
+
+a {
+  color: #6c757d;
+  text-decoration: none;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+a:hover {
+  color: #353f4f!important;
+  text-decoration: none;
+}
+
+a:focus {
+  outline: none;
+  text-decoration: none;
+}
+
+a.tra-link {
+  font-size: 1rem;
+  line-height: 1;
+  font-weight: 500;
+}
+
+a.tra-link span {
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.tra-link.ico-20 [class*="flaticon-"]:before, 
+.tra-link.ico-20 [class*="flaticon-"]:after { 
+  position: relative;
+  font-size: 0.75rem; 
+  line-height: 0.7rem!important;
+  top: 2px;
+  left: 2px;
+}
+
+a.tra-link:hover span {
+  color: #353f4f!important;
+}
+
+/*------------------------------------------*/
+/*  LISTS
+/*------------------------------------------*/
+
+ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+} 
+
+/*------------------------------------------*/
+/*  TEXT LIST
+/*------------------------------------------*/
+
+ul.simple-list {
+  list-style: disc;
+  margin-left: 15px;
+}
+
+ul.simple-list.long-list p {
+  margin-bottom: 8px;
+}
+
+/*------------------------------------------*/
+/*  DIGIT LIST
+/*------------------------------------------*/
+
+ol.digit-list {
+  padding: 0;
+  margin-left: 15px;
+}
+
+ol.digit-list p {
+  margin-bottom: 8px;
+}
+
+/*------------------------------------------*/
+/*  BUTTON SETTINGS
+/*------------------------------------------*/
+
+.btn {
+  background-color: transparent;
+  font-size: 1rem;
+  line-height: 1;
+  font-weight: 500;
+  padding: 0.9rem 1.8rem;
+  border: 2px solid transparent;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.btn.btn-sm {
+  font-size: 0.975rem;
+  padding: 0.7rem 1.5rem;
+}
+
+.btn.ico-30.ico-left,
+.btn.ico-30.ico-right {
+  padding: 0.37rem 0;
+}
+
+/*------------------------------------------*/
+/*  Buttons Group
+/*------------------------------------------*/
+
+.text-center .btns-group {
+  display: inline-block;
+}
+
+.btns-group .btn:first-child {
+  margin-right: 15px;
+}
+
+.btns-group .btn.ico-30.ico-left {
+  padding: 0.37rem 0.5rem;
+}
+
+.btns-group .btn.ico-30.ico-right {
+  padding: 0.37rem 0;
+}
+
+/*------------------------------------------*/
+/*  Button Icon
+/*------------------------------------------*/
+
+.btn.ico-20 [class*="flaticon-"]:before, 
+.btn.ico-20 [class*="flaticon-"]:after { 
+  position: relative;
+  font-size: 1rem; 
+  line-height: 0.7rem!important;
+  top: 4px;
+}
+
+.btn.ico-left span {
+  margin-right: 5px;
+}
+
+.btn.ico-right span {
+  margin-left: 5px;
+}
+
+.btn.ico-30.ico-left span {
+  position: relative;
+  top: 0;
+  right: 4px;
+}
+
+.btn.ico-30.ico-right span {
+  position: relative;
+  top: 0;
+  left: 4px;
+}
+
+.btn.ico-30.ico-left span.ico-30-txt,
+.btn.ico-30.ico-right span.ico-30-txt {
+  position: relative;
+  top: -10px;
+  right: 0;
+}
+
+.btn.ico-30.ico-right span.ico-30-txt {
+  left: 0;
+}
+
+/*------------------------------------------*/
+/*  Button Text
+/*------------------------------------------*/
+
+p.btn-txt {
+  margin: 20px 0 0 0;
+}
+
+.btn-rating p.btn-txt {
+  margin: 0;
+}
+
+.star-rating span.rating-txt {
+  font-size: 0.9375rem;
+}
+
+p.btns-group-txt {
+  margin: 14px 0 0 0;
+}
+
+.btn-rating {
+  margin-top: 18px;
+}
+
+.text-center p.btns-group-txt {
+  margin-top: 20px;
+}
+
+p.btn-txt.ico-15,
+p.btns-group-txt.ico-15 {
+  padding-left: 5px;
+}
+
+.text-center p.btn-txt.ico-15,
+.text-center p.btns-group-txt.ico-15 {
+  padding-left: 0;
+}
+
+p.btn-txt span,
+p.btns-group-txt span {
+  position: relative;
+  top: 0.5px;
+  right: 2px;
+}
+
+p.btns-group-txt span.txt-data {
+  display: block;
+  top: 0;
+  right: 0;
+}
+
+p.btns-group-txt span.txt-data a {
+  margin-left: 4px;
+  text-decoration: underline;
+}
+
+p.btns-group-txt span.txt-data a:hover {
+  text-decoration: none;
+}
+
+.hero-section .color--white p.btns-group-txt span.txt-data a:hover {
+  color: #fff!important;
+}
+
+.btn-txt.ico-15 [class*="flaticon-"]:before, 
+.btn-txt.ico-15 [class*="flaticon-"]:after,
+.btns-group-txt.ico-15 [class*="flaticon-"]:before, 
+.btns-group-txt.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+.star-rating.ico-15 [class*="flaticon-"]:before, 
+.star-rating.ico-15 [class*="flaticon-"]:after { position: relative; font-size: 1rem; top: 3px; }
+
+/*------------------------------------------*/
+/*  TRANSPARENT BUTTON
+/*------------------------------------------*/
+
+.btn--tra {
+  color: #fff!important;
+  border-color: transparent!important;
+  background-color: rgba(255, 255, 255, .2)!important;
+}
+
+/*------------------------------------------*/
+/*  WHITE BUTTON
+/*------------------------------------------*/
+
+.btn--transparent {
+  color: #353f4f;
+  background-color: transparent;
+  border-color: transparent;
+}
+
+.btn--transparent:hover {
+  background-color: transparent!important;
+  border-color: transparent!important;
+} 
+
+.btn--white,
+.hover--white:hover {
+  color: #353f4f!important;
+  background-color: #fff!important;
+  border-color: #fff!important;
+}
+
+.btn--tra-white,
+.hover--tra-white:hover {
+  color: #fff!important;
+  background-color: transparent!important;
+  border-color: #fff!important;
+}
+
+.white-scroll .scroll .hover--tra-white:hover {
+  color: #353f4f!important;
+  background-color: transparent!important;
+  border-color: #353f4f!important;
+}
+
+/*------------------------------------------*/
+/*  BLACK BUTTON
+/*------------------------------------------*/
+
+.btn--black,
+.hover--black:hover {
+  color: #fff!important;
+  background-color: #353f4f!important;
+  border-color: #353f4f!important;
+}
+
+.btn--tra-black,
+.hover--tra-black:hover {
+  color: #353f4f!important;
+  background-color:transparent!important;
+  border-color: #353f4f!important;
+}
+
+/*------------------------------------------*/
+/*  GREY BUTTON
+/*------------------------------------------*/
+
+.btn--tra-grey, 
+.hover--tra-grey:hover,
+.white-scroll .scroll .hover--tra-grey:hover,
+.black-scroll .scroll .hover--tra-grey:hover  {
+  color: #353f4f!important;
+  background-color: transparent!important;
+  border-color: #ccc!important;
+}
+
+/*------------------------------------------*/
+/*  BLUE BUTTON
+/*------------------------------------------*/
+
+.btn--blue-500, .hover--blue-500:hover,
+.white-scroll .scroll .hover--blue-500:hover,
+.black-scroll .scroll .hover--blue-500:hover {
+  color: #fff!important;
+  border-color: #185abd!important;
+  background-color: #185abd!important;
+}
+
+.btn--blue-400, .hover--blue-400:hover,
+.white-scroll .scroll .hover--blue-400:hover,
+.black-scroll .scroll .hover--blue-400:hover {
+  color: #fff!important;
+  border-color: #1680fb!important;
+  background-color: #1680fb!important;
+}
+
+.btn--blue-300, .hover--blue-300:hover,
+.white-scroll .scroll .hover--blue-300:hover,
+.black-scroll .scroll .hover--blue-300:hover {
+  color: #fff!important;
+  border-color: #3eb1ff!important;
+  background-color: #3eb1ff!important;
+}
+
+.btn--blue-200, .hover--blue-200:hover,
+.white-scroll .scroll .hover--blue-200:hover,
+.black-scroll .scroll .hover--blue-200:hover {
+  color: #1680fb!important;
+  border-color: #e3ebfe!important;
+  background-color: #e3ebfe!important;
+}
+
+.btn--blue-100, .hover--blue-100:hover,
+.white-scroll .scroll .hover--blue-100:hover,
+.black-scroll .scroll .hover--blue-100:hover {
+  color: #1680fb!important;
+  border-color: #1680fb!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  GREEN BUTTON
+/*------------------------------------------*/
+
+.btn--green-500, .hover--green-500:hover,
+.white-scroll .scroll .hover--green-500:hover,
+.black-scroll .scroll .hover--green-500:hover {
+  color: #fff!important;
+  border-color: #00a14e!important;
+  background-color: #00a14e!important;
+}
+
+.btn--green-400, .hover--green-400:hover,
+.white-scroll .scroll .hover--green-400:hover,
+.black-scroll .scroll .hover--green-400:hover {
+  color: #fff!important;
+  border-color: #0fbc49!important;
+  background-color: #0fbc49!important;
+}
+
+.btn--green-300, .hover--green-300:hover,
+.white-scroll .scroll .hover--green-300:hover,
+.black-scroll .scroll .hover--green-300:hover {
+  color: #fff!important;
+  border-color: #6fd792!important;
+  background-color: #6fd792!important;
+}
+
+.btn--green-200, .hover--green-200:hover,
+.white-scroll .scroll .hover--green-200:hover,
+.black-scroll .scroll .hover--green-200:hover {
+  color: #0fbc49!important;
+  border-color: #cff2db!important;
+  background-color: #cff2db!important;
+}
+
+.btn--green-100, .hover--green-100:hover,
+.white-scroll .scroll .hover--green-100:hover,
+.black-scroll .scroll .hover--green-100:hover {
+  color: #0fbc49!important;
+  border-color: #0fbc49!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  PINK BUTTON
+/*------------------------------------------*/
+
+.btn--pink-500, .hover--pink-500:hover,
+.white-scroll .scroll .hover--pink-500:hover,
+.black-scroll .scroll .hover--pink-500:hover {
+  color: #fff!important;
+  border-color: #ff149c!important;
+  background-color: #ff149c!important;
+}
+
+.btn--pink-400, .hover--pink-400:hover,
+.white-scroll .scroll .hover--pink-400:hover,
+.black-scroll .scroll .hover--pink-400:hover {
+  color: #fff!important;
+  border-color: #f74780!important;
+  background-color: #f74780!important;
+}
+
+.btn--pink-300, .hover--pink-300:hover,
+.white-scroll .scroll .hover--pink-300:hover,
+.black-scroll .scroll .hover--pink-300:hover {
+  color: #fff!important;
+  border-color: #fcb5cc!important;
+  background-color: #fcb5cc!important;
+}
+
+.btn--pink-200, .hover--pink-200:hover,
+.white-scroll .scroll .hover--pink-200:hover,
+.black-scroll .scroll .hover--pink-200:hover {
+  color: #f74780!important;
+  border-color: #fee4ec!important;
+  background-color: #fee4ec!important;
+}
+
+.btn--pink-100, .hover--pink-100:hover,
+.white-scroll .scroll .hover--pink-100:hover,
+.black-scroll .scroll .hover--pink-100:hover {
+  color: #f74780!important;
+  border-color: #f74780!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  PURPLE BUTTON
+/*------------------------------------------*/
+
+.btn--purple-500, .hover--purple-500:hover,
+.white-scroll .scroll .hover--purple-500:hover,
+.black-scroll .scroll .hover--purple-500:hover {
+  color: #fff!important;
+  border-color: #663ae9!important;
+  background-color: #663ae9!important;
+}
+
+.btn--purple-400, .hover--purple-400:hover,
+.white-scroll .scroll .hover--purple-400:hover,
+.black-scroll .scroll .hover--purple-400:hover {
+  color: #fff!important;
+  border-color: #7b5dd6!important;
+  background-color: #7b5dd6!important;
+}
+
+.btn--purple-300, .hover--purple-300:hover,
+.white-scroll .scroll .hover--purple-300:hover,
+.black-scroll .scroll .hover--purple-300:hover {
+  color: #fff!important;
+  border-color: #bdaeea!important;
+  background-color: #bdaeea!important;
+}
+
+.btn--purple-200, .hover--purple-200:hover,
+.white-scroll .scroll .hover--purple-200:hover,
+.black-scroll .scroll .hover--purple-200:hover {
+  color: #7b5dd6!important;
+  border-color: #e5deff!important;
+  background-color: #e5deff!important;
+}
+
+.btn--purple-100, .hover--purple-100:hover,
+.white-scroll .scroll .hover--purple-100:hover,
+.black-scroll .scroll .hover--purple-100:hover {
+  color: #7b5dd6!important;
+  border-color: #7b5dd6!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  RED BUTTON
+/*------------------------------------------*/
+
+.btn--red-500, .hover--red-500:hover,
+.white-scroll .scroll .hover--red-500:hover,
+.black-scroll .scroll .hover--red-500:hover {
+  color: #fff!important;
+  border-color: #da0f29!important;
+  background-color: #da0f29!important;
+}
+
+.btn--red-400, .hover--red-400:hover,
+.white-scroll .scroll .hover--red-400:hover,
+.black-scroll .scroll .hover--red-400:hover {
+  color: #fff!important;
+  border-color: #ff1e1a!important;
+  background-color: #ff1e1a!important;
+}
+
+.btn--red-300, .hover--red-300:hover,
+.white-scroll .scroll .hover--red-300:hover,
+.black-scroll .scroll .hover--red-300:hover {
+  color: #fff!important;
+  border-color: #ffa5a3!important;
+  background-color: #ffa5a3!important;
+}
+
+.btn--red-200, .hover--red-200:hover,
+.white-scroll .scroll .hover--red-200:hover,
+.black-scroll .scroll .hover--red-200:hover {
+  color: #ff1e1a!important;
+  border-color: #ffd2d1!important;
+  background-color: #ffd2d1!important;
+}
+
+.btn--red-100, .hover--red-100:hover,
+.white-scroll .scroll .hover--red-100:hover,
+.black-scroll .scroll .hover--red-100:hover {
+  color: #ff1e1a!important;
+  border-color: #ff1e1a!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  VIOLET BUTTON
+/*------------------------------------------*/
+
+.btn--violet-500, .hover--violet-500:hover,
+.white-scroll .scroll .hover--violet-500:hover,
+.black-scroll .scroll .hover--violet-500:hover {
+  color: #fff!important;
+  border-color: #c73e9b!important;
+  background-color: #c73e9b!important;
+}
+
+.btn--violet-400, .hover--violet-400:hover,
+.white-scroll .scroll .hover--violet-400:hover,
+.black-scroll .scroll .hover--violet-400:hover {
+  color: #fff!important;
+  border-color: #be6cbe!important;
+  background-color: #be6cbe!important;
+}
+
+.btn--violet-300, .hover--violet-300:hover,
+.white-scroll .scroll .hover--violet-300:hover,
+.black-scroll .scroll .hover--violet-300:hover {
+  color: #fff!important;
+  border-color: #e2bde2!important;
+  background-color: #e2bde2!important;
+}
+
+.btn--violet-200, .hover--violet-200:hover,
+.white-scroll .scroll .hover--violet-200:hover,
+.black-scroll .scroll .hover--violet-200:hover {
+  color: #be6cbe!important;
+  border-color: #f1cde5!important;
+  background-color: #f1cde5!important;
+}
+
+.btn--violet-100, .hover--violet-100:hover,
+.white-scroll .scroll .hover--violet-100:hover,
+.black-scroll .scroll .hover--violet-100:hover {
+  color: #be6cbe!important;
+  border-color: #be6cbe!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  YELLOW BUTTON
+/*------------------------------------------*/
+
+.btn--yellow-500, .hover--yellow-500:hover,
+.white-scroll .scroll .hover--yellow-500:hover,
+.black-scroll .scroll .hover--yellow-500:hover {
+  color: #353f4f!important;
+  border-color: #ffba01!important;
+  background-color: #ffba01!important;
+}
+
+.btn--yellow-400, .hover--yellow-400:hover,
+.white-scroll .scroll .hover--yellow-400:hover,
+.black-scroll .scroll .hover--yellow-400:hover {
+  color: #353f4f!important;
+  border-color: #ffbd45!important;
+  background-color: #ffbd45!important;
+}
+
+.btn--yellow-300, .hover--yellow-300:hover,
+.white-scroll .scroll .hover--yellow-300:hover,
+.black-scroll .scroll .hover--yellow-300:hover {
+  color: #353f4f!important;
+  border-color: #ffdf35!important;
+  background-color: #ffdf35!important;
+}
+
+.btn--yellow-200, .hover--yellow-200:hover,
+.white-scroll .scroll .hover--yellow-200:hover,
+.black-scroll .scroll .hover--yellow-200:hover {
+  color: #353f4f!important;
+  border-color: #fef5cd!important;
+  background-color: #fef5cd!important;
+}
+
+.btn--yellow-100, .hover--yellow-100:hover,
+.white-scroll .scroll .hover--yellow-100:hover,
+.black-scroll .scroll .hover--yellow-100:hover {
+  color: #ffba01!important;
+  border-color: #ffba01!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  BUTTON FOCUS
+/*------------------------------------------*/
+
+.btn:focus,
+.btn.btn--black:focus {
+  color: #fff; 
+  -webkit-box-shadow: none;
+  box-shadow: none; 
+}
+
+.btn--transparent:focus {
+  background-color: transparent!important;
+  border-color: transparent!important;
+} 
+
+.btn--grey:focus {
+  color: #666; 
+  -webkit-box-shadow: none;
+  box-shadow: none; 
+}
+
+.btn--tra-black:focus, 
+.btn--transparent:focus,
+.btn.btn--tra-grey:focus {
+  color: #353f4f; 
+  -webkit-box-shadow: none;
+  box-shadow: none; 
+}
+
+/*------------------------------------------*/
+/*  DOWNLOAD LINKS
+/*------------------------------------------*/
+
+.download-links li {
+  width: auto!important;
+  display: inline-block!important;
+  vertical-align: top;
+  clear: none !important;
+}
+
+.download-links-divider {
+  position: relative;
+  top: 1.5px;
+  transform: rotate(-90deg);
+}
+
+.download-links li p {
+  display: inline-block;
+  float: left;
+  margin-bottom: 0;
+}
+
+.download-links li p a {
+  font-weight: 500;
+}
+
+.download-links li p a:hover {
+  text-decoration: underline;
+}
+
+.color--white .download-links li p a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  OS DOWNLOAD BUTTON
+/*------------------------------------------*/ 
+
+.os-btn {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+  text-align: left;
+  width: 330px;
+  min-width: 330px;
+  background-color: #fff;
+  border: 1px solid #d3d3d3;
+  padding: 17px 18px 15px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.os-btn:hover {
+  background-color: #f5f6f7;
+  border: 1px solid #f5f6f7;
+  -webkit-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05);
+  -moz-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05);
+  box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05);
+}
+
+.os-btn-ico {
+  position: relative;
+  margin-right: 20px;
+}
+
+.os-btn-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.os-btn-txt p {
+  color: #353f4f;
+  font-size: 1.05rem;
+  line-height: 1;
+  font-weight: 500;
+  letter-spacing: -0.5px;
+  margin-top: 6px;
+  margin-bottom: 5px;
+}
+
+.os-btn-txt span {
+  display: block;
+  font-size: 0.9rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  STORE BADGE ICONS
+/*------------------------------------------*/
+
+.stores-badge {
+  display: inline-block;
+}
+
+.store {
+  display: inline-block;
+  text-align: center;
+  margin-right: 10px;
+}
+
+.store:last-child {
+  margin-right: 0;
+} 
+
+.store img {
+  width: auto;
+  max-width: inherit;
+}
+
+.badge-img-xs .store img { max-height: 2.5rem; }
+.badge-img-sm .store img { max-height: 2.625rem; }
+.badge-img-md .store img { max-height: 2.875rem; }
+.badge-img-lg .store img { max-height: 3rem; }
+
+/*------------------------------------------*/
+/*  WATCH VIDEO LINK
+/*------------------------------------------*/
+
+.watch-video {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+  margin-top: 25px;
+}
+
+/*------------------------------------------*/
+/*  Link Icon
+/*------------------------------------------*/
+
+.watch-video-link {
+  position: relative;
+  text-align: center;
+  float: left;
+  width: 2.85rem;
+  height: 2.85rem; 
+  color: #fff;
+  border: none;
+  margin-right: 12px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  border-radius: 100%; 
+}
+
+.watch-video-link:before {
+  content: '';
+  position: absolute;
+  left: -3px;
+  right: -3px;
+  top: -3px;
+  bottom: -3px;
+  background: rgba(255, 255, 255, 0.2);
+  opacity: 0;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+.watch-video-link:hover:before {
+  opacity: .75;
+  left: -8px;
+  right: -8px;
+  top: -8px;
+  bottom: -8px;
+}
+
+.watch-video-link span[class^="flaticon-"]:before, 
+.watch-video-link span[class^="flaticon-"]:after {
+  font-size: 2rem; 
+  line-height: 2.85rem!important;   
+  margin-left: 5px;
+}
+
+/*------------------------------------------*/
+/*  Link Text
+/*------------------------------------------*/
+
+.watch-video-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+  text-align: left!important;
+}
+
+p.video-txt-lg {
+  font-size: 1rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 5px;
+}
+
+p.video-txt-sm {
+  font-size: 0.925rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  VIDEO POPUP ICON
+/*------------------------------------------*/
+
+.video-preview {
+  position: relative; 
+  text-align: center;
+}
+
+.video-btn {
+  position: absolute!important;
+  top: 50%;
+  left: 50%;
+  display: inline-block;
+  text-align: center;
+  color: #fff;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  border-radius: 100%; 
+}
+
+.video-btn-xl {
+  width: 6.25rem;
+  height: 6.25rem;
+  margin-top: -3.125rem;
+  margin-left: -3.125rem;
+}
+
+.video-btn-lg {
+  width: 5.625rem;
+  height: 5.625rem;
+  margin-top: -2.8125rem;
+  margin-left: -2.8125rem;
+}
+
+.video-btn-md {
+  width: 5rem;
+  height: 5rem;
+  margin-top: -2.5rem;
+  margin-left: -2.5rem;
+}
+
+.video-btn-sm {
+  width: 4.375rem;
+  height: 4.375rem;
+  margin-top: -2.1875rem;
+  margin-left: -2.1875rem;
+}
+
+.video-block-wrapper {
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+.video-btn.video-btn-xl [class^="flaticon-"]:before, 
+.video-btn.video-btn-xl [class^="flaticon-"]:after {
+  font-size: 5rem;
+  line-height: 6.25rem!important;   
+  margin-left: 10px;
+}
+
+.video-btn.video-btn-lg [class^="flaticon-"]:before, 
+.video-btn.video-btn-lg [class^="flaticon-"]:after {
+  font-size: 4.5rem;
+  line-height: 5.625rem!important;   
+  margin-left: 8px;
+}
+
+.video-btn.video-btn-md [class^="flaticon-"]:before, 
+.video-btn.video-btn-md [class^="flaticon-"]:after {
+  font-size: 4.35rem;
+  line-height: 5rem!important;   
+  margin-left: 8px;
+}
+
+.video-btn.video-btn-sm [class^="flaticon-"]:before, 
+.video-btn.video-btn-sm [class^="flaticon-"]:after {
+  font-size: 3.5rem;
+  line-height: 4.375rem!important;   
+  margin-left: 5px;
+}
+
+.video-btn:hover .video-block-wrapper {
+  -moz-transform: scale(0.95);
+  -ms-transform: scale(0.95);
+  -webkit-transform: scale(0.95);
+  -o-transform: scale(0.95);
+  transform: scale(0.95);
+}
+
+.video-btn:before {
+  content: '';
+  position: absolute;
+  left: -5px;
+  right: -5px;
+  top: -5px;
+  bottom: -5px;
+  background: rgba(255, 255, 255, 0.2);
+  opacity: 0;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+.video-btn.video-btn-xl:hover:before {
+  opacity: .75;
+  left: -1.5rem;
+  right: -1.5rem;
+  top: -1.5rem;
+  bottom: -1.5rem;
+}
+
+.video-btn.video-btn-lg:hover:before {
+  opacity: .75;
+  left: -1.25rem;
+  right: -1.25rem;
+  top: -1.25rem;
+  bottom: -1.25rem;
+}
+
+.video-btn.video-btn-md:hover:before {
+  opacity: .75;
+  left: -1rem;
+  right: -1rem;
+  top: -1rem;
+  bottom: -1rem;
+}
+
+.video-btn.video-btn-sm:hover:before {
+  opacity: .75;
+  left: -0.75rem;
+  right: -0.75rem;
+  top: -0.75rem;
+  bottom: -0.75rem;
+}
+
+/*------------------------------------------*/
+/*  VECTOR ICONS
+/*------------------------------------------*/
+
+.ico-10 [class*="flaticon-"]:before, .ico-10 [class*="flaticon-"]:after { font-size: 0.75rem; }     /* 15px */
+.ico-15 [class*="flaticon-"]:before, .ico-15 [class*="flaticon-"]:after { font-size: 0.9375rem; }   /* 15px */
+.ico-20 [class*="flaticon-"]:before, .ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; }     /* 20px */
+.ico-25 [class*="flaticon-"]:before, .ico-25 [class*="flaticon-"]:after { font-size: 1.5625rem; }   /* 25px */
+.ico-30 [class*="flaticon-"]:before, .ico-30 [class*="flaticon-"]:after { font-size: 1.875rem; }    /* 30px */
+.ico-35 [class*="flaticon-"]:before, .ico-35 [class*="flaticon-"]:after { font-size: 2.1875rem; }   /* 35px */
+.ico-40 [class*="flaticon-"]:before, .ico-40 [class*="flaticon-"]:after { font-size: 2.5rem; }      /* 40px */
+.ico-45 [class*="flaticon-"]:before, .ico-45 [class*="flaticon-"]:after { font-size: 2.8125rem; }   /* 45px */
+.ico-50 [class*="flaticon-"]:before, .ico-50 [class*="flaticon-"]:after { font-size: 3.125rem; }    /* 50px */
+.ico-55 [class*="flaticon-"]:before, .ico-55 [class*="flaticon-"]:after { font-size: 3.4375rem; }   /* 55px */
+.ico-60 [class*="flaticon-"]:before, .ico-60 [class*="flaticon-"]:after { font-size: 3.75rem; }     /* 60px */
+.ico-65 [class*="flaticon-"]:before, .ico-65 [class*="flaticon-"]:after { font-size: 4.0625rem; }   /* 65px */
+.ico-70 [class*="flaticon-"]:before, .ico-70 [class*="flaticon-"]:after { font-size: 4.375rem; }    /* 70px */
+.ico-75 [class*="flaticon-"]:before, .ico-75 [class*="flaticon-"]:after { font-size: 4.6875rem; }   /* 75px */
+.ico-80 [class*="flaticon-"]:before, .ico-80 [class*="flaticon-"]:after { font-size: 5rem; }        /* 80px */
+.ico-85 [class*="flaticon-"]:before, .ico-85 [class*="flaticon-"]:after { font-size: 5.3125rem; }   /* 85px */
+.ico-90 [class*="flaticon-"]:before, .ico-90 [class*="flaticon-"]:after { font-size: 5.625rem; }    /* 90px */
+.ico-95 [class*="flaticon-"]:before, .ico-95 [class*="flaticon-"]:after { font-size: 5.9375rem; }   /* 95px */
+.ico-100 [class*="flaticon-"]:before, .ico-100 [class*="flaticon-"]:after { font-size: 6.25rem; }   /* 100px */
+.ico-105 [class*="flaticon-"]:before, .ico-105 [class*="flaticon-"]:after { font-size: 6.5625rem; } /* 105px */
+.ico-110 [class*="flaticon-"]:before, .ico-110 [class*="flaticon-"]:after { font-size: 6.875rem; }  /* 110px */
+.ico-115 [class*="flaticon-"]:before, .ico-115 [class*="flaticon-"]:after { font-size: 7.1875rem; } /* 115px */
+.ico-120 [class*="flaticon-"]:before, .ico-120 [class*="flaticon-"]:after { font-size: 7.5rem; }    /* 120px */
+.ico-125 [class*="flaticon-"]:before, .ico-125 [class*="flaticon-"]:after { font-size: 7.8125rem; } /* 125px */
+
+/*------------------------------------------*/
+/*  VECTOR ICON BACKGROUND
+/*------------------------------------------*/ 
+
+.shape-ico {
+  position: relative;
+  display: inline-block;
+  margin: 0 auto;
+}
+
+.shape-ico span {
+  position: relative;
+  z-index:  2;
+}
+
+.shape-ico svg {
+  position: absolute;
+  z-index:  1;
+}
+
+.ico-50 .shape-ico svg {
+  width: 130px;
+  height: 130px;
+  top: -35px;
+  left: calc(50% - 60px);
+}
+
+.fbox-11 .ico-50 .shape-ico svg {
+  top: -40px;
+  left: calc(50% - 70px);
+}
+
+.ico-55 .shape-ico svg {
+  width: 135px;
+  height: 135px;
+  top: -30px;
+  left: calc(50% - 60px);
+}
+
+.ico-60 .shape-ico svg {
+  width: 140px;
+  height: 140px;
+  top: -30px;
+  left: calc(50% - 65px);
+}
+
+.shape-ico.color--blue-300 path,
+.shape-ico.color--blue-400 path,
+.shape-ico.color--blue-500 path {
+  fill: #f4f9fc;
+}
+
+.shape-ico.color--green-300 path,
+.shape-ico.color--green-400 path,
+.shape-ico.color--green-500 path {
+  fill: #e9f8f2;
+}
+
+.shape-ico.color--pink-300 path,
+.shape-ico.color--pink-400 path,
+.shape-ico.color--pink-500 path {
+  fill: #feecf2;
+}
+
+.shape-ico.color--purple-300 path,
+.shape-ico.color--purple-400 path,
+.shape-ico.color--purple-500 path {
+  fill: #f1edff;
+}
+
+.shape-ico.color--red-300 path,
+.shape-ico.color--red-400 path,
+.shape-ico.color--red-500 path {
+  fill: #fce7e4;
+}
+
+.shape-ico.color--violet-300 path,
+.shape-ico.color--violet-400 path,
+.shape-ico.color--violet-500 path {
+  fill: #f7e4f1;
+}
+
+/*------------------------------------------*/
+/*  VECTOR ROUNDED ICONS
+/*------------------------------------------*/ 
+
+.ico-rounded,
+.ico-rounded-md,
+.ico-rounded-lg {
+  display: inline-block;
+  text-align: center;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+}
+
+.ico-rounded { width: 80px; height: 80px; }
+.ico-rounded-md { width: 90px; height: 90px; }
+.ico-rounded-lg { width: 100px; height: 100px; }
+
+.ico-rounded [class*="flaticon-"]:before, 
+.ico-rounded [class*="flaticon-"]:after { font-size:2.15rem; line-height:80px!important; }
+
+.ico-rounded-md [class*="flaticon-"]:before, 
+.ico-rounded-md [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 90px!important; }
+
+.ico-rounded-lg [class*="flaticon-"]:before, 
+.ico-rounded-lg [class*="flaticon-"]:after { font-size: 2.65rem; line-height: 100px!important; }
+
+/*------------------------------------------*/
+/*  VECTOR SQUARE ICONS
+/*------------------------------------------*/ 
+
+.ico-square { 
+  display: inline-block;
+  text-align: center;
+  width: 80px; 
+  height: 80px; 
+  -webkit-border-radius: 12px;
+  -moz-border-radius: 12px;
+  -o-border-radius: 12px;
+  border-radius: 12px;
+}
+
+.ico-square [class*="flaticon-"]:before, 
+.ico-square [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 80px!important; }
+
+/*------------------------------------------*/
+/*   PNG ICONS SETTINGS
+/*------------------------------------------*/ 
+
+.ico-145 img { width: 145px; height: 145px; }
+.ico-140 img { width: 140px; height: 140px; }
+.ico-135 img { width: 135px; height: 135px; }
+.ico-130 img { width: 130px; height: 130px; }
+.ico-125 img { width: 125px; height: 125px; }
+.ico-120 img { width: 120px; height: 120px; }
+.ico-115 img { width: 115px; height: 115px; }
+.ico-110 img { width: 110px; height: 110px; }
+.ico-105 img { width: 105px; height: 105px; }
+.ico-100 img { width: 100px; height: 100px; }
+.ico-95 img { width: 95px; height: 95px; }
+.ico-90 img { width: 90px; height: 90px; }
+.ico-85 img { width: 85px; height: 85px; }
+.ico-80 img { width: 80px; height: 80px; }
+.ico-75 img { width: 75px; height: 75px; }
+.ico-70 img { width: 70px; height: 70px; }
+.ico-65 img { width: 65px; height: 65px; }
+.ico-60 img { width: 60px; height: 60px; }
+.ico-55 img { width: 55px; height: 55px; }
+.ico-50 img { width: 50px; height: 50px; }
+.ico-45 img { width: 45px; height: 45px; }
+.ico-40 img { width: 40px; height: 40px; }
+.ico-35 img { width: 35px; height: 35px; }
+.ico-30 img { width: 30px; height: 30px; }
+.ico-25 img { width: 25px; height: 25px; }
+.ico-20 img { width: 20px; height: 20px; }
+
+/*------------------------------------------*/
+/*   SECTION ID
+/*------------------------------------------*/
+
+.section-id {
+  display: block;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 700;
+  letter-spacing: 0.5px;
+  text-transform: uppercase;
+  margin-bottom: 35px;   
+}
+
+.section-id.rounded-id {
+  display: inline-block;
+  padding: 10px 24px;
+  font-size: 0.85rem;
+  text-transform: uppercase;
+  -webkit-border-radius: 100px;
+  -moz-border-radius: 100px;
+  border-radius: 100px;
+  margin-bottom: 40px; 
+}
+
+.section-id.border-id {
+  border-width: 2px;
+  border-style: solid;
+}
+
+.section-id.border-id.border--grey {
+  border-color: #757575;
+}
+
+.section-id.border-id.border--blue {
+  border-color: #1680fb;
+}
+
+.font--jakarta .section-id  {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+}
+
+.font--inter .section-id  {
+  font-family: 'Inter', sans-serif;
+}
+
+/*------------------------------------------*/
+/*  SECTION TITLE
+/*------------------------------------------*/
+
+.section-title {
+  text-align: center;
+}
+
+.section-title h2 {
+  margin-bottom: 0;
+}
+
+.section-title h2.w-700 {
+  letter-spacing: -0.5px;
+}
+
+.section-title p.p-md,
+.section-title p.p-lg,
+.section-title p.p-xl,
+.section-title p.s-20,
+.section-title p.s-21 {
+  margin-top: 18px;
+  margin-bottom: 0;
+}
+
+.section-title p.p-md,
+.section-title p.p-lg {
+  padding: 0 3%;
+}
+
+.section-title a.contact-link {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.section-title .btns-group .btn {
+  margin-top: 0;
+}
+
+.section-title .advantages,
+.section-title .btns-txt,
+.section-title .btns-group-txt {
+  margin-top: 20px;
+}
+
+/*------------------------------------------*/
+/*  TEXT COLORS
+/*------------------------------------------*/
+
+.color--white,
+.color--white h1,
+.color--white h2, 
+.color--white h3, 
+.color--white h4, 
+.color--white h5, 
+.color--white h6, 
+.color--white p, 
+.color--white a, 
+.color--white li,
+.color--white i, 
+.color--white span { color: #fff; }
+
+.color--snow,
+.color--snow h1, 
+.color--snow h2, 
+.color--snow h3, 
+.color--snow h4, 
+.color--snow h5, 
+.color--snow h6, 
+.color--snow p, 
+.color--snow a, 
+.color--snow li,
+.color--snow i, 
+.color--snow span,
+.color--white .color--snow { color: #c2c3cb; }
+
+.color--black,
+.color--black h1, 
+.color--black h2, 
+.color--black h3, 
+.color--black h4, 
+.color--black h5, 
+.color--black h6, 
+.color--black p, 
+.color--black a, 
+.color--black li,
+.color--black i, 
+.color--black span { color: #353f4f; }
+
+.color--coal,
+.color--coal h1, 
+.color--coal h2, 
+.color--coal h3, 
+.color--coal h4, 
+.color--coal h5, 
+.color--coal h6, 
+.color--coal p, 
+.color--coal a, 
+.color--coal li,
+.color--coal i, 
+.color--coal span { color: #52595d; }
+
+.color--grey,
+.color--grey h1, 
+.color--grey h2, 
+.color--grey h3, 
+.color--grey h4, 
+.color--grey h5, 
+.color--grey h6, 
+.color--grey p, 
+.color--grey a, 
+.color--grey li,
+.color--grey i, 
+.color--grey span,
+.color--white .color--grey { color: #757575; }
+
+.color--blue-500, 
+.color--blue-500 h1, 
+.color--blue-500 h2, 
+.color--blue-500 h3, 
+.color--blue-500 h4, 
+.color--blue-500 h5, 
+.color--blue-500 h6, 
+.color--blue-500 p, 
+.color--blue-500 a, 
+.color--blue-500 li, 
+.color--blue-500 i, 
+.color--blue-500 span,
+.color--white .color--blue-500 { color: #185abd!important; }
+
+.color--blue-400, 
+.color--blue-400 h1, 
+.color--blue-400 h2, 
+.color--blue-400 h3, 
+.color--blue-400 h4, 
+.color--blue-400 h5, 
+.color--blue-400 h6, 
+.color--blue-400 p, 
+.color--blue-400 a, 
+.color--blue-400 li, 
+.color--blue-400 i, 
+.color--blue-400 span,
+.color--white .color--blue-400 { color: #1680fb!important; }
+
+.color--blue-300, 
+.color--blue-300 h1, 
+.color--blue-300 h2, 
+.color--blue-300 h3, 
+.color--blue-300 h4, 
+.color--blue-300 h5, 
+.color--blue-300 h6, 
+.color--blue-300 p, 
+.color--blue-300 a, 
+.color--blue-300 li, 
+.color--blue-300 i, 
+.color--blue-300 span,
+.color--white .color--blue-300 { color: #3eb1ff!important; }
+
+.color--green-500, 
+.color--green-500 h1, 
+.color--green-500 h2, 
+.color--green-500 h3, 
+.color--green-500 h4, 
+.color--green-500 h5, 
+.color--green-500 h6, 
+.color--green-500 p, 
+.color--green-500 a, 
+.color--green-500 li, 
+.color--green-500 i, 
+.color--green-500 span,
+.color--white .color--green-500 { color: #00a14e!important; }
+
+.color--green-400, 
+.color--green-400 h1, 
+.color--green-400 h2, 
+.color--green-400 h3, 
+.color--green-400 h4, 
+.color--green-400 h5, 
+.color--green-400 h6, 
+.color--green-400 p, 
+.color--green-400 a, 
+.color--green-400 li, 
+.color--green-400 i, 
+.color--green-400 span,
+.color--white .color--green-400 { color: #0fbc49!important; }
+
+.color--green-300, 
+.color--green-300 h1, 
+.color--green-300 h2, 
+.color--green-300 h3, 
+.color--green-300 h4, 
+.color--green-300 h5, 
+.color--green-300 h6, 
+.color--green-300 p, 
+.color--green-300 a, 
+.color--green-300 li, 
+.color--green-300 i, 
+.color--green-300 span,
+.color--white .color--green-300 { color: #6fd792!important; }
+
+.color--pink-500, 
+.color--pink-500 h1, 
+.color--pink-500 h2, 
+.color--pink-500 h3, 
+.color--pink-500 h4, 
+.color--pink-500 h5, 
+.color--pink-500 h6, 
+.color--pink-500 p, 
+.color--pink-500 a, 
+.color--pink-500 li, 
+.color--pink-500 i, 
+.color--pink-500 span,
+.color--white .color--pink-500 { color: #ff149c!important; }
+
+.color--pink-400, 
+.color--pink-400 h1, 
+.color--pink-400 h2, 
+.color--pink-400 h3, 
+.color--pink-400 h4, 
+.color--pink-400 h5, 
+.color--pink-400 h6, 
+.color--pink-400 p, 
+.color--pink-400 a, 
+.color--pink-400 li, 
+.color--pink-400 i, 
+.color--pink-400 span,
+.color--white .color--pink-400 { color: #f74780!important; }
+
+.color--pink-300, 
+.color--pink-300 h1, 
+.color--pink-300 h2, 
+.color--pink-300 h3, 
+.color--pink-300 h4, 
+.color--pink-300 h5, 
+.color--pink-300 h6, 
+.color--pink-300 p, 
+.color--pink-300 a, 
+.color--pink-300 li, 
+.color--pink-300 i, 
+.color--pink-300 span,
+.color--white .color--pink-300 { color: #fcb5cc!important; }
+
+.color--purple-500, 
+.color--purple-500 h1, 
+.color--purple-500 h2, 
+.color--purple-500 h3, 
+.color--purple-500 h4, 
+.color--purple-500 h5, 
+.color--purple-500 h6, 
+.color--purple-500 p, 
+.color--purple-500 a, 
+.color--purple-500 li, 
+.color--purple-500 i, 
+.color--purple-500 span,
+.color--white .color--purple-500 { color: #663ae9!important; }
+
+.color--purple-400, 
+.color--purple-400 h1, 
+.color--purple-400 h2, 
+.color--purple-400 h3, 
+.color--purple-400 h4, 
+.color--purple-400 h5, 
+.color--purple-400 h6, 
+.color--purple-400 p, 
+.color--purple-400 a, 
+.color--purple-400 li, 
+.color--purple-400 i, 
+.color--purple-400 span,
+.color--white .color--purple-400 { color: #7b5dd6!important; }
+
+.color--purple-300, 
+.color--purple-300 h1, 
+.color--purple-300 h2, 
+.color--purple-300 h3, 
+.color--purple-300 h4, 
+.color--purple-300 h5, 
+.color--purple-300 h6, 
+.color--purple-300 p, 
+.color--purple-300 a, 
+.color--purple-300 li, 
+.color--purple-300 i, 
+.color--purple-300 span,
+.color--white .color--purple-300 { color: #bdaeea!important; }
+
+.color--red-500, 
+.color--red-500 h1, 
+.color--red-500 h2, 
+.color--red-500 h3, 
+.color--red-500 h4, 
+.color--red-500 h5, 
+.color--red-500 h6, 
+.color--red-500 p, 
+.color--red-500 a, 
+.color--red-500 li, 
+.color--red-500 i, 
+.color--red-500 span,
+.color--white .color--red-500 { color: #da0f29!important; }
+
+.color--red-400, 
+.color--red-400 h1, 
+.color--red-400 h2, 
+.color--red-400 h3, 
+.color--red-400 h4, 
+.color--red-400 h5, 
+.color--red-400 h6, 
+.color--red-400 p, 
+.color--red-400 a, 
+.color--red-400 li, 
+.color--red-400 i, 
+.color--red-400 span,
+.color--white .color--red-400 { color: #ff1e1a!important; }
+
+.color--red-300, 
+.color--red-300 h1, 
+.color--red-300 h2, 
+.color--red-300 h3, 
+.color--red-300 h4, 
+.color--red-300 h5, 
+.color--red-300 h6, 
+.color--red-300 p, 
+.color--red-300 a, 
+.color--red-300 li, 
+.color--red-300 i, 
+.color--red-300 span,
+.color--white .color--red-300 { color: #ffa5a3!important; }
+
+.color--violet-500, 
+.color--violet-500 h1, 
+.color--violet-500 h2, 
+.color--violet-500 h3, 
+.color--violet-500 h4, 
+.color--violet-500 h5, 
+.color--violet-500 h6, 
+.color--violet-500 p, 
+.color--violet-500 a, 
+.color--violet-500 li, 
+.color--violet-500 i, 
+.color--violet-500 span,
+.color--white .color--violet-500 { color: #c73e9b!important; }
+
+.color--violet-400, 
+.color--violet-400 h1, 
+.color--violet-400 h2, 
+.color--violet-400 h3, 
+.color--violet-400 h4, 
+.color--violet-400 h5, 
+.color--violet-400 h6, 
+.color--violet-400 p, 
+.color--violet-400 a, 
+.color--violet-400 li, 
+.color--violet-400 i, 
+.color--violet-400 span,
+.color--white .color--violet-400 { color: #be6cbe!important; }
+
+.color--violet-300, 
+.color--violet-300 h1, 
+.color--violet-300 h2, 
+.color--violet-300 h3, 
+.color--violet-300 h4, 
+.color--violet-300 h5, 
+.color--violet-300 h6, 
+.color--violet-300 p, 
+.color--violet-300 a, 
+.color--violet-300 li, 
+.color--violet-300 i, 
+.color--violet-300 span,
+.color--white .color--violet-300 { color: #e2bde2!important; }
+
+.color--yellow-500, 
+.color--yellow-500 h1, 
+.color--yellow-500 h2, 
+.color--yellow-500 h3, 
+.color--yellow-500 h4, 
+.color--yellow-500 h5, 
+.color--yellow-500 h6, 
+.color--yellow-500 p, 
+.color--yellow-500 a, 
+.color--yellow-500 li, 
+.color--yellow-500 i, 
+.color--yellow-500 span,
+.color--white .color--yellow-500 { color: #ffba01!important; }
+
+.color--yellow-400, 
+.color--yellow-400 h1, 
+.color--yellow-400 h2, 
+.color--yellow-400 h3, 
+.color--yellow-400 h4, 
+.color--yellow-400 h5, 
+.color--yellow-400 h6, 
+.color--yellow-400 p, 
+.color--yellow-400 a, 
+.color--yellow-400 li, 
+.color--yellow-400 i, 
+.color--yellow-400 span,
+.color--white .color--yellow-400 { color: #ffbd45!important; }
+
+.color--yellow-300, 
+.color--yellow-300 h1, 
+.color--yellow-300 h2, 
+.color--yellow-300 h3, 
+.color--yellow-300 h4, 
+.color--yellow-300 h5, 
+.color--yellow-300 h6, 
+.color--yellow-300 p, 
+.color--yellow-300 a, 
+.color--yellow-300 li, 
+.color--yellow-300 i, 
+.color--yellow-300 span,
+.color--white .color--yellow-300 { color: #ffdf35!important; }
+
+
+
+
+/* ==========================================================================
+  03. PRELOAD ANIMATION
+  ========================================================================== */
+
+#loading {
+  height: 100%;
+  width: 100%;
+  position: fixed;
+  z-index: 1;
+  margin-top: 0px;
+  top: 0px;
+  z-index: 99999999;
+}
+
+#loading { 
+  background-color: #f5f5f9;
+}
+
+#loading-center {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  height: 100px;
+  width: 100px;
+  margin-top: -50px;
+  margin-left: -50px;
+  -webkit-animation: loading-center-absolute 1s infinite;
+  animation: loading-center-absolute 1s infinite;
+}
+
+.loader {
+  border: 2px solid;
+  border-color: transparent #888;
+  width: 100px;
+  height: 100px;
+  border-radius: 50%;
+  display: inline-block;
+  position: relative;
+  box-sizing: border-box;
+  animation: rotation 1s linear infinite;
+}
+
+.loading--blue .loader { 
+  border-color: transparent #1680fb; 
+}
+
+.loading--green .loader { 
+  border-color: transparent #0fbc49; 
+}
+
+.loading--pink .loader { 
+  border-color: transparent #f74780; 
+}
+
+.loading--purple .loader { 
+  border-color: transparent #7b5dd6; 
+}
+
+.loading--red .loader { 
+  border-color: transparent #ff1e1a; 
+}
+
+.loading--violet .loader { 
+  border-color: transparent #c73e9b; 
+}
+
+.loading--yellow .loader { 
+  border-color: transparent #ffba01; 
+}
+
+.loader::after {
+  content: '';  
+  box-sizing: border-box;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  border: 50px solid;
+  border-color: transparent rgba(30, 30, 30, 0.15);
+  border-radius: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.loading--blue .loader::after {
+  border-color: transparent rgba(22, 128, 251, .15); 
+}
+
+.loading--green .loader::after {
+  border-color: transparent rgba(14, 188, 73, .15); 
+}
+
+.loading--pink .loader::after {
+  border-color: transparent rgba(247, 71, 128, .15); 
+}
+
+.loading--purple .loader::after {
+  border-color: transparent rgba(123, 93, 214, .15); 
+}
+
+.loading--red .loader::after {
+  border-color: transparent rgba(255, 30, 26, .15); 
+}
+
+.loading--violet .loader::after {
+  border-color: transparent rgba(1900, 108, 190, .15); 
+}
+
+.loading--yellow .loader::after {
+  border-color: transparent rgba(255, 186, 1, .15); 
+}
+
+@keyframes rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+} 
+
+
+
+
+/* ==========================================================================
+  04. HEADER & NAVIGATION
+  =========================================================================== */
+
+#header {
+  width: 100%;
+  display: block;
+  padding-top: 0px;
+}
+
+.header-wrapper {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 1030;
+}
+
+.headerwp {
+  max-width: 1140px;
+  margin: 0 auto;
+  padding: 0;
+}
+
+.posrlt {
+  position: relative;
+}
+
+/*------------------------------------------*/
+/*  HEADER LOGO
+/*------------------------------------------*/
+
+.desktoplogo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 38px;
+}
+
+.blog-header .desktoplogo img {
+  max-height: 30px;
+}
+
+/*------------------------------------------*/
+/*  NAVIGATION MENU
+/*------------------------------------------*/
+
+.wsmainfull {
+  width: 100%;
+  height: auto;
+  z-index: 1031;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out; 
+}
+
+.tra-menu .wsmainfull {
+  padding: 20px 0;
+  background-color: transparent!important;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+
+.white-menu .wsmainfull {
+  padding: 6px 0;
+  background-color: #fff!important;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.dark-menu .wsmainfull {
+  padding: 6px 0;
+  background-color: #1d222f!important;
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+#header.hiddden-header {
+  display: none;
+}
+
+.hidden-nav .wsmainfull {
+  margin-top: -140px;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  HEADER LINK
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > a {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  display: block;
+  font-size: 1rem;
+  line-height: 50px;
+  font-weight: 600;
+  letter-spacing: 0;
+  text-decoration: none;  
+  margin: 0 7px;
+  padding: 10px 15px;
+}
+
+.navbar-dark .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #353f4f;
+}
+
+.navbar-light .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #fff;
+}
+
+.wsmenu > .wsmenu-list > li > a.h-link.last-link {
+  padding: 10px 0px;
+  margin: 0;
+}
+
+.wsmenu > .wsmenu-list > li > a .wsarrow:after {
+  border-left: 4px solid rgba(0, 0, 0, 0);
+  border-right: 4px solid rgba(0, 0, 0, 0);
+  border-top: 4px solid;
+  content: "";
+  float: right;
+  right: 0;
+  height: 0;
+  margin: 0 0 0 14px;
+  position: absolute;
+  text-align: right;
+  top: 35px;
+  width: 0;
+}
+
+.wsmenu > .wsmenu-list > li.reg-fst-link > a {
+  margin-left: 30px;
+}
+
+/*------------------------------------------*/
+/*  HEADER LINK INFO
+/*------------------------------------------*/
+
+span.sm-info {
+  position: relative;
+  display: inline-block;
+  text-align: center;
+  width: 20px;
+  height: 20px;
+  color: #fff;
+  font-size: 0.65rem;
+  line-height: 19px;
+  font-weight: 700;
+  margin-left: 5px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+}
+
+.nav-blue-500 .sm-info { background-color: #185abd; }
+.nav-blue-400 .sm-info { background-color: #1680fb; }
+.nav-blue-300 .sm-info { background-color: #3eb1ff; }
+
+.nav-green-500 .sm-info { background-color: #00a14e; }
+.nav-green-400 .sm-info { background-color: #0fbc49; }
+.nav-green-300 .sm-info { background-color: #6fd792; }
+
+.nav-pink-500 .sm-info { background-color: #ff149c; }
+.nav-pink-400 .sm-info { background-color: #f74780; }
+.nav-pink-300 .sm-info { background-color: #fcb5cc; }
+
+.nav-purple-500 .sm-info { background-color: #663ae9; }
+.nav-purple-400 .sm-info { background-color: #7b5dd6; }
+.nav-purple-300 .sm-info { background-color: #bdaeea; }
+
+.nav-red-500 .sm-info { background-color: #da0f29; }
+.nav-red-400 .sm-info { background-color: #ff1e1a; }
+.nav-red-300 .sm-info { background-color: #ffa5a3; }
+
+.nav-violet-500 .sm-info { background-color: #c73e9b; }
+.nav-violet-400 .sm-info { background-color: #be6cbe; }
+.nav-violet-300 .sm-info { background-color: #e2bde2; }
+
+.nav-yellow-500 .sm-info { background-color: #ffba01; }
+.nav-yellow-400 .sm-info { background-color: #ffbd45; }
+.nav-yellow-300 .sm-info { background-color: #ffdf35; }
+
+/*------------------------------------------*/
+/*  HEADER BUTTONS
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li a.btn {
+  font-size: 1rem;
+  line-height: 30px;
+  font-weight: 600;
+  text-transform: none;
+  letter-spacing: 0;
+  margin-top: 14px;
+  padding: 4px 28px;
+}
+
+.wsmenu > .wsmenu-list > li a.btn.reg-btn {
+  padding: 4px 22px;
+}
+
+.wsmenu > .wsmenu-list > li a.btn.fst-btn-link {
+  margin-left: 12px;
+}
+
+.wsmenu > .wsmenu-list > li a.store.header-store {
+  line-height: 1;
+  margin-top: 13px;
+  margin-left: 10px;
+  margin-bottom: 0;
+  padding: 0;
+}
+
+.store.header-store img {
+  max-height: 44px;
+}
+
+/*------------------------------------------*/
+/*  HEADER SOCIAL LINKS  
+/*------------------------------------------*/
+
+.header-socials {
+  margin: 0;
+  display: inline-block; 
+  text-align: center;
+}
+
+.header-socials span {
+  float: left;
+  width: auto !important;
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  margin: 0;
+}
+
+.header-socials a {
+  display: block; 
+  margin-left: 18px;
+}
+
+.navbar-light .header-socials a {
+  color: #ddd;
+}
+
+.navbar-light .header-socials a:hover {
+  color: #ccc!important;
+}
+
+.header-socials.ico-20 [class*="flaticon-"]:before, 
+.header-socials.ico-20 [class*="flaticon-"]:after { line-height: 70px!important; } 
+
+/*------------------------------------------*/
+/*  HEADER SUBMENU
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu {
+  width: auto;
+  min-width: 200px;
+  top: 62px;
+  padding: 12px 10px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
+  background-color: rgba(244, 244, 249, 0);
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  color: #353f4f;
+  font-size: 1rem;
+  font-weight: 600;
+  padding: 11px 14px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  transition: all 0.3s ease-in-out;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover {
+  background-color: rgba(244, 244, 249, 1);
+  padding: 11px 14px;
+}
+
+/*------------------------------------------*/
+/*  HALFMENU
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu {
+  top: 62px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
+  width: 38%;
+  padding: 12px 0;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { 
+  right: 2%; 
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li {
+  border-bottom: none;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  background-color: rgba(244, 244, 249, 0);
+  color: #353f4f;
+  font-size: 1rem;
+  font-weight: 600;
+  padding: 11px 14px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  transition: all 0.3s ease-in-out;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  background-color: rgba(244, 244, 249, 1);
+  padding: 11px 14px;
+}
+
+/*------------------------------------------*/
+/*  MEGAMENU
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu {
+  padding: 12px 0;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 {
+  width: 76%!important;
+  left: 23%;
+  padding: 20px 10px;
+}
+
+.wsmegamenu.w-75 .col-lg-3 {
+  padding: 0 6px;
+}
+
+/*------------------------------------------*/
+/*  SUBMENU TITLE
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .title,
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .title {
+  color: #929394;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 0.875rem;
+  line-height: 1;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0;
+  margin: 10px 0 15px 13px;
+}
+
+/*------------------------------------------*/
+/*  DARK HEADER SUBMENU / MEGAMENU
+/*------------------------------------------*/
+
+.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
+  background-color: #2c3142!important; 
+  border: solid 1px #2c3142!important; 
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+  color: #ddd;
+  background-color: rgba(255, 255, 255, 0)!important;
+}
+
+.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  background-color: rgba(255, 255, 255, .05)!important;
+}
+
+.dark-menu .title, .black-scroll .scroll .title,
+.dark-menu .icons-menu-txt span, .black-scroll .scroll .icons-menu-txt span {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  ICONS MENU
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu {
+  max-width: 275px;
+  min-width: 275px;
+  padding: 12px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu {
+  width: 52%;
+  padding: 12px 6px;
+}
+
+.wsmegamenu.halfmenu.icons-menu .col-lg-6 {
+  padding: 0 6px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 {
+  width: 82%!important;
+  left: 17%;
+  padding: 12px 6px;
+}
+
+.wsmegamenu.icons-menu.w-75 .col-lg-4 {
+  padding: 0 6px;
+}
+
+.icons-menu .icons-menu-item {
+  display: flex!important;
+  position: relative!important;
+  flex-flow: row wrap!important;
+  align-items: stretch!important;
+  justify-content: flex-start!important;
+}
+
+.icons-menu-ico {
+  position: relative;
+  margin-right: 14px;
+}
+
+.wsmegamenu.ico-30 .icons-menu-ico span {
+  position: relative;
+  top: 6px!important;
+}
+
+.icons-menu-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.icons-menu-txt h6 {
+  color: inherit;
+  font-size: 1rem;
+  line-height: 32px;
+  font-weight: 500;
+  margin-bottom: 0;
+}
+
+.icons-menu-txt span {
+  display: block;
+  color: #898989;
+  font-size: 0.925rem;
+  font-weight: 400;
+  margin-bottom: 0;
+}
+
+.sub-menu.ico-30 .icons-menu-txt h6 {
+  line-height: 30px;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR HOVER
+/*------------------------------------------*/
+
+.navbar-light .wsmenu-list > li > a.h-link:hover {
+  color: #eee!important;
+}
+
+.navbar-dark .wsmenu-list > li > a.h-link:hover {
+  color: #1d222f!important;
+}
+
+.wsmenu > .wsmenu-list.nav-blue-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #185abd!important;
+}
+
+.wsmenu > .wsmenu-list.nav-blue-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #1680fb!important;
+}
+
+.wsmenu > .wsmenu-list.nav-blue-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #3eb1ff!important;
+}
+
+.wsmenu > .wsmenu-list.nav-green-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #00a14e!important;
+}
+
+.wsmenu > .wsmenu-list.nav-green-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #0fbc49!important;
+}
+
+.wsmenu > .wsmenu-list.nav-green-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #6fd792!important;
+}
+
+.wsmenu > .wsmenu-list.nav-pink-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #ff149c!important;
+}
+
+.wsmenu > .wsmenu-list.nav-pink-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #f74780!important;
+}
+
+.wsmenu > .wsmenu-list.nav-pink-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #fcb5cc!important;
+}
+
+.wsmenu > .wsmenu-list.nav-purple-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #663ae9!important;
+}
+
+.wsmenu > .wsmenu-list.nav-purple-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #7b5dd6!important;
+}
+
+.wsmenu > .wsmenu-list.nav-purple-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #bdaeea!important;
+}
+
+.wsmenu > .wsmenu-list.nav-red-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #da0f29!important;
+}
+
+.wsmenu > .wsmenu-list.nav-red-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #ff1e1a!important;
+}
+
+.wsmenu > .wsmenu-list.nav-red-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #ffa5a3!important;
+}
+
+.wsmenu > .wsmenu-list.nav-violet-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #c73e9b!important;
+}
+
+.wsmenu > .wsmenu-list.nav-violet-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #be6cbe!important;
+}
+
+.wsmenu > .wsmenu-list.nav-violet-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #e2bde2!important;
+}
+
+/*------------------------------------------*/
+/*  HIDDEN NAVBAR SCROLL
+/*------------------------------------------*/
+
+.hidden-nav .wsmainfull.scroll {
+  margin-top: 0;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR WHITE SCROLL
+/*------------------------------------------*/
+
+.tra-menu.white-scroll .wsmainfull.scroll,
+.white-menu.white-scroll .wsmainfull.scroll {
+  padding: 0;
+  background-color: rgba(255, 255, 255, .7)!important;
+  backdrop-filter: blur(20px);
+  -webkit-backdrop-filter: blur(20px);
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, 
+.tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #353f4f;
+}
+
+.navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover {
+  color: #1d222f!important;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR BLACK SCROLL
+/*------------------------------------------*/
+
+.tra-menu.black-scroll .wsmainfull.scroll,
+.dark-menu.black-scroll .wsmainfull.scroll {
+  padding: 0;
+  background-color: #1d222f!important;
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #fff;
+}
+
+.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link:hover {
+  color: #ccc!important;
+}
+
+/*------------------------------------------*/
+/*  WHITE SCROLL BUTTONS
+/*------------------------------------------*/
+
+.white-scroll .scroll .btn--tra-white {
+  color: #353f4f!important;
+  border-color: #353f4f!important;
+}
+
+/*------------------------------------------*/
+/*  BLACK SCROLL BUTTONS
+/*------------------------------------------*/
+
+.black-scroll .scroll .btn--tra-black {
+  color: #fff!important;
+  border-color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  LOGO IMAGE
+/*------------------------------------------*/
+
+.logo-white, 
+.logo-black {
+  display: block;
+}
+
+.navbar-light .logo-black,
+.navbar-dark .logo-white,
+.tra-menu.navbar-light .scroll .logo-white,
+.tra-menu.navbar-dark.black-scroll .scroll .logo-black {
+  display: none;
+}
+
+.tra-menu.navbar-light .scroll .logo-black,
+.tra-menu.navbar-dark.black-scroll .scroll .logo-white {
+  display: block;
+}
+
+
+
+
+/* ==========================================================================
+  05. HERO
+  ========================================================================== */
+
+.hero-section,
+.hero-section .container {
+  position: relative;
+  z-index: 3;
+}
+
+.hero-section.bg--img {
+  width: 100%;
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+}
+
+.hero-section.blur--purple:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 100%;
+  height: 100%;
+  top: -30%;
+  left: 0;
+  background-image: url(../images/blur-purple.png);
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+  background-attachment: scroll;
+  opacity: 0.2;
+}
+
+/*------------------------------------------*/
+/*  HERO LOGO
+/*------------------------------------------*/
+
+.hero-logo {
+  margin-bottom: 40px;
+}
+
+.hero-square-logo {
+  margin-bottom: 20px;
+}
+
+#hero-22 .hero-logo {
+  margin-bottom: 30px;
+}
+
+.hero-logo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 36px;
+}
+
+.hero-square-logo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 90px;
+}
+
+/*------------------------------------------*/
+/*  HERO APP LOGO
+/*------------------------------------------*/
+
+.hero-app-logo {
+  margin-bottom: 35px;
+}
+
+#hero-25 .hero-app-logo {
+  margin-bottom: 25px;
+}
+
+.hero-app-logo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 100px;
+}
+
+#hero-25 .hero-app-logo img {
+  max-height: 110px;
+}
+
+/*------------------------------------------*/
+/*  HERO DIGITS
+/*------------------------------------------*/
+
+#hd-1-1, #hd-1-2 {
+  display: inline-block;
+  float: left;
+  padding-right: 20px;
+} 
+
+#hd-1-1 { width: 45%; }
+#hd-1-2 { width: 55%; }
+
+.hero-digits-block {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+.hero-digits .block-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+  padding-left: 12px;
+}
+
+.hero-digits h2.statistic-number {
+  line-height: 1;
+  margin-bottom: 0;
+} 
+
+.hero-digits h2.statistic-number span {
+  font-size: 1.85rem;
+}
+
+.hero-digits .block-txt p.p-sm {
+  line-height: 1.35;
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  HERO TYPOGRAPHY
+/*------------------------------------------*/
+
+.hero-section h2 {
+  margin-bottom: 28px;
+}
+
+.hero-section h2.s-48,
+.hero-section h2.s-50 {
+  margin-bottom: 40px;
+}
+
+.hero-section h2.s-62 {
+  margin-bottom: 24px;
+}
+
+.hero-section p.p-sm { 
+  padding: 0!important; 
+}
+
+.hero-section p.p-md {
+  margin-bottom: 30px;
+}
+
+.hero-section p.p-lg,
+.hero-section p.p-xl {
+  margin-bottom: 32px;
+}
+
+.hero-section p.s-20,
+.hero-section p.s-22,
+.hero-section p.s-24 {
+  margin-bottom: 36px;
+}
+
+.hero-section p.p-lg span,
+.hero-section p.p-xl span {
+  font-weight: 600;
+  letter-spacing: -0.35px;
+}
+
+/*------------------------------------------*/
+/*  HERO-1
+/*------------------------------------------*/
+
+#hero-1 {
+  background-image: url(../images/hero-1.jpg);
+  padding-top: 130px;
+  padding-bottom: 100px;
+}
+
+.hero-1-txt p {
+  padding-right: 2%;
+}
+
+/*------------------------------------------*/
+/*  HERO-2
+/*------------------------------------------*/
+
+#hero-2 {
+  background-image: url(../images/hero-2.jpg);
+  padding-top: 150px;
+  padding-bottom: 100px;
+}
+
+.hero-2-txt p {
+  padding-right: 3%;
+}
+
+.hero-2-img {
+  text-align: center;
+  padding-right: 25px;
+}
+
+/*------------------------------------------*/
+/*  HERO-3
+/*------------------------------------------*/
+
+#hero-3 {
+  position: relative;
+  padding-top: 160px;
+  background-image: url(../images/hero-3.jpg);
+}
+
+#hero-3:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 100%;
+  height: 5%;
+  bottom: 0;
+  left: 0;
+  background-color: #fff;
+}
+
+.hero-3-txt {
+  margin-top: -70px;
+}
+
+.hero-3-txt p.p-lg {
+  padding-right: 2%;
+}
+
+.hero-3-img {
+  position: relative;
+  text-align: center;
+  margin: 0 -90% 0 -60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-4
+/*------------------------------------------*/
+
+#hero-4 {
+  overflow: hidden; 
+  background-image: url(../images/hero-4.jpg);
+  padding-top: 180px;
+}
+
+#hero-4:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 100%;
+  height: 10%;
+  bottom: 0;
+  left: 0;
+  background-color: #fff;
+}
+
+.hero-4-txt h2 {
+  padding: 0 3%;
+}
+
+.hero-4-txt p { 
+  padding: 0 5%; 
+}
+
+.hero-4-txt p.btns-group-txt {
+  margin-top: 25px;
+}
+
+.hero-4-img {
+  margin-top: 60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-5
+/*------------------------------------------*/
+
+#hero-5 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-5 {
+  background-image: url(../images/hero-5.jpg);
+  padding-top: 140px;
+  padding-bottom: 50px;
+}
+
+.hero-5-txt h2 {
+  line-height: 1.3;
+  margin-bottom: 25px;
+}
+
+.hero-5-txt p.p-lg {
+  padding-right: 10%;
+  margin-bottom: 30px;
+}
+
+.hero-5-img {
+  margin: 0 0 -50px;
+}
+
+/*------------------------------------------*/
+/*  HERO-6
+/*------------------------------------------*/
+
+#hero-6 {
+  padding-top: 130px;
+}
+
+.hero-6-wrapper {
+  overflow: hidden;
+  background-image: linear-gradient(90deg, #f6f4fd, #f4f5fd);
+  padding: 75px 80px;
+}
+
+.hero-6-img {
+  position: relative;
+  text-align: center;
+}
+
+/*------------------------------------------*/
+/*  HERO-7
+/*------------------------------------------*/
+
+#hero-7 {
+  padding-top: 140px;
+  padding-bottom: 100px;
+}
+
+#hero-7 .quick-form {
+  margin-right: 4%;
+}
+
+.hero-7-img {
+  padding-left: 30px;
+}
+
+/*------------------------------------------*/
+/*  HERO-8
+/*------------------------------------------*/
+
+#hero-8 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-8 {
+  position: relative;
+  background-image: url(../images/hero-8.jpg);
+  padding-top: 170px;
+  padding-bottom: 30px;
+}
+
+.hero-8-txt {
+  margin-top: -70px;
+}
+
+.hero-8-txt p {
+  padding-right: 10%;
+}
+
+.hero-8-txt .hero-digits {
+  padding-right: 15%;
+}
+
+#hero-8-form {
+  position: relative;
+  z-index: 999;
+  background-color: #fff;
+  border: 1px solid #f8f8f8;
+  padding: 45px 35px;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+  box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+}
+
+#hero-8-form h4 {
+  line-height: 1.4;
+  margin-bottom: 20px;
+}
+
+#hero-8-form p {
+  color: #757575;
+  margin-bottom: 25px;
+}
+
+#hero-8-form p.p-sm {
+  text-align: center;
+  padding: 0 5%!important;
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+#hero-8-form p a {
+  color: #1e90ff;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  HERO-9
+/*------------------------------------------*/
+
+#hero-9 {
+  padding-top: 180px;
+}
+
+.hero-9-txt h2 {
+  line-height: 1;
+}
+
+.hero-9-txt h2 img {
+  position: relative;
+  width: auto;
+  max-width: inherit;
+  max-height: 100px;
+  margin: 0 3px;
+  top: -8px;
+}
+
+.hero-9-txt p {
+  padding: 0 5%;
+  margin-top: 40px;
+}
+
+#hero-9 .quick-form {
+  margin-left: 7%;
+  margin-right: 7%;
+}
+
+.hero-9-img {
+  margin-top: 60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-10
+/*------------------------------------------*/
+
+#hero-10 {
+  position: relative;
+  background-image: url(../images/hero-10.jpg);
+  padding-top: 170px;
+  padding-bottom: 100px;
+}
+
+.hero-10-txt h4 {
+  line-height: 1.45;
+  font-weight: 300;
+  padding-right: 5%;
+  margin-bottom: 35px;
+}
+
+.hero-10-img {
+  position: relative;
+  text-align: center;
+  margin: 0 -95% 0 15px;
+}
+
+/*------------------------------------------*/
+/*  HERO-11
+/*------------------------------------------*/
+
+#hero-11 {
+  overflow: hidden;
+  background-image: url(../images/hero-11.jpg);
+  padding-top: 50px;
+}
+
+.hero-11-txt {
+  margin-top: 40px;
+}
+
+.hero-11-txt p {
+  padding-right: 5%;
+}
+
+.hero-11-img {
+  position: relative;
+  margin: -60px -12% -100px -15px;
+}
+
+/*------------------------------------------*/
+/*  HERO-12
+/*------------------------------------------*/
+
+#hero-12 {
+  overflow: hidden; 
+  background-image: url(../images/hero-12.jpg);
+  padding-top: 180px;
+}
+
+.hero-12-txt h2 {
+  padding: 0 3%;
+}
+
+.hero-12-txt p { 
+  padding: 0 5%; 
+}
+
+.hero-12-txt p.btns-group-txt {
+  margin-top: 25px;
+}
+
+.hero-12-img {
+  margin-top: 60px;
+  margin-bottom: -100px;
+}
+
+.hero-12-img .video-btn {
+  top: calc(50% - 30px);
+}
+
+/*------------------------------------------*/
+/*  HERO-13
+/*------------------------------------------*/
+
+#hero-13 {
+  background-image: linear-gradient(180deg, #f1edff, #f1edff);
+  padding-top: 130px;
+  padding-bottom: 80px;
+}
+
+#hero-13:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 43%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #fff;
+  -moz-box-shadow: 0 0 55px 35px #fff;
+  -webkit-box-shadow: 0 0 35px 35px #fff;
+  box-shadow: 0 0 35px 35px #fff;
+}
+
+.hero-13-txt .section-id {
+  font-weight: 600;
+  letter-spacing: 1.5px;
+}
+
+.hero-13-txt p {
+  padding-right: 5%;
+}
+
+.hero-13-img {
+  text-align: center;
+}
+
+/*------------------------------------------*/
+/*  HERO-14
+/*------------------------------------------*/
+
+#hero-14 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-14 {
+  background-image: url(../images/hero-14.jpg);
+  padding-top: 170px;
+} 
+
+.hero-14-txt p.s-21 {
+  font-size: 1.3125rem;
+  margin-bottom: 40px;
+}
+
+#hero-14 .quick-form {
+  margin-left: 6%;
+  margin-right: 6%;
+}
+
+.hero-14-txt .btn-txt {
+  margin-top: 40px;
+}
+
+.hero-14-img {
+  margin-top: 70px;
+}
+
+/*------------------------------------------*/
+/*  HERO-15
+/*------------------------------------------*/
+
+#hero-15 {
+  position: relative;
+  z-index: 3;
+  background-image: url(../images/hero-15.jpg);
+  padding-top: 130px;
+}
+
+.hero-15-txt {
+  margin-top: -20px;
+}
+
+.hero-15-txt h2 {
+  padding-right: 5%;
+}
+
+.hero-15-txt p {
+  padding-right: 2%;
+}
+
+/*------------------------------------------*/
+/*  HERO-16
+/*------------------------------------------*/
+
+#hero-16 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-16 {
+  background-image: url(../images/hero-16.jpg);
+  padding-top: 170px;
+  margin-bottom: 80px;
+} 
+
+.hero-16-img {
+  margin-top: 60px;
+  margin-bottom: -80px;
+}
+
+/*------------------------------------------*/
+/*  HERO-17
+/*------------------------------------------*/
+
+#hero-17 {
+  text-align: center;
+  padding-top: 170px;
+  background-image: url(../images/hero-17.jpg);
+  background-position: top center;
+}
+
+#hero-17 #brands-1 {
+  padding: 80px 6% 0;
+}
+
+#hero-17 #brands-1 .brands-carousel-5 .brand-logo {
+  padding: 0 20px;
+} 
+
+#hero-17 .quick-form {
+  margin-left: 8%;
+  margin-right: 8%;
+}
+
+/*------------------------------------------*/
+/*  HERO-18
+/*------------------------------------------*/
+
+#hero-18 {
+  padding-top: 140px;
+  padding-bottom: 80px;
+}
+
+#hero-18:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 74%;
+  height: 100%;
+  top: 0;
+  left: 26%;
+  background-image: url(../images/hero-18.jpg);
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+  border-radius: 0 0 0 60px;
+}
+
+.hero-18-txt p {
+  padding-right: 3%;
+}
+
+#hero-18 .quick-form {
+  margin-right: 4%;
+}
+
+.hero-18-img {
+  text-align: center;
+  padding-right: 15px;
+}
+
+/*------------------------------------------*/
+/*  HERO-19
+/*------------------------------------------*/
+
+#hero-19 {
+  padding-top: 170px;
+}
+
+.hero-19-txt p {
+  padding: 0 10%;
+}
+
+/*------------------------------------------*/
+/*  HERO-20
+/*------------------------------------------*/
+
+#hero-20 {
+  background-image: url(../images/hero-20.jpg);
+  padding-top: 100px;
+  padding-bottom: 100px;
+}
+
+#hero-20:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 51%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-image: linear-gradient(180deg, #f4f4f9, #fbfbfd);
+}
+
+.hero-20-txt {
+  padding: 0 8% 0 15px;
+}
+
+.hero-section .hero-20-txt h2.s-48 {
+  margin-bottom: 28px;
+}
+
+/*------------------------------------------*/
+/*  HERO-21
+/*------------------------------------------*/
+
+#hero-21 {
+  padding-top: 170px;
+}
+
+.hero-21-txt {
+  margin-bottom: 60px;
+}
+
+.hero-21-txt h2 {
+  margin-bottom: 35px;
+}
+
+.hero-21-wrapper {
+  overflow: hidden;
+}
+
+#hero-21 .hero-overlay {
+  background-image: url(../images/hero-21.jpg);
+  padding: 90px 70px 0;
+}
+
+.hero-21-img {
+  position: relative;
+  margin-bottom: -25%;
+}
+
+.hero-21-img .video-btn {
+  top: calc(50% - 80px);
+}
+
+/*------------------------------------------*/
+/*  HERO-22
+/*------------------------------------------*/
+
+#hero-22 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-22 {
+  position: relative;
+  background-image: url(../images/hero-22.jpg);
+  padding-top: 160px;
+}
+
+#hero-22-form {
+  position: relative;
+  z-index: 999;
+  background-color: #fff;
+  border: 1px solid #f8f8f8;
+  padding: 45px 35px 35px;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+  box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+}
+
+#hero-22-form h4 {
+  line-height: 1.4;
+  margin-bottom: 20px;
+}
+
+#hero-22-form p {
+  color: #757575;
+  margin-bottom: 25px;
+}
+
+#hero-22-form p.p-sm {
+  text-align: center;
+  padding: 0 5%!important;
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+#hero-22-form p a {
+  color: #1e90ff;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  HERO-23
+/*------------------------------------------*/
+
+#hero-23 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-23 {
+  position: relative;
+  background-image: url(../images/hero-23.jpg);
+  padding-top: 100px;
+  margin-bottom: 25px;
+}
+
+.hero-23-txt p {
+  padding: 0 5%;
+}
+
+.hero-23-img {
+  margin-top: 40px;
+  margin-bottom: -25px;
+}
+
+/*------------------------------------------*/
+/*  HERO-24
+/*------------------------------------------*/
+
+#hero-24 {
+  background-image: url(../images/hero-24.jpg);
+  padding-top: 200px;
+  padding-bottom: 150px;
+}
+
+#hero-24 .quick-form {
+  margin-left: 7%;
+  margin-right: 7%;
+}
+
+/*------------------------------------------*/
+/*  HERO-25
+/*------------------------------------------*/
+
+#hero-25 {
+  background-image: url(../images/hero-25.jpg);
+  padding-top: 120px;
+  padding-bottom: 100px;
+}
+
+.hero-25-txt h2 {
+  margin-bottom: 22px;
+}
+
+.hero-25-txt p.p-lg {
+  padding-right: 10%;
+  margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  HERO-26
+/*------------------------------------------*/
+
+#hero-26 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-26 {
+  position: relative;
+  background-image: url(../images/hero-26.jpg);
+  padding-top: 160px;
+  z-index: 3;
+}
+
+.hero-26-txt {
+  margin-top: -80px;
+}
+
+.hero-26-txt h2 {
+  padding-right: 2%;
+}
+
+#hero-26 .quick-form {
+  margin-right: 4%;
+}
+
+.hero-26-img {
+  position: relative;
+  text-align: center;
+  margin: 0 -90% 0 -60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-27
+/*------------------------------------------*/
+
+#hero-27 .hero-overlay {
+  background-image: url(../images/hero-27.png);
+  background-position: top center;
+  padding-top: 170px;
+}
+
+.hero-27-txt h2 { 
+  margin-bottom: 26px!important;
+}
+
+.hero-27-txt p.s-20 { 
+  padding: 0 6%;
+  margin-bottom: 30px!important;
+}
+
+.hero-27-txt p.s-21 { 
+  padding: 0 5%;
+}
+
+/*------------------------------------------*/
+/*  HERO QUICK FORM
+/*------------------------------------------*/
+
+.hero-section .quick-form .input-group {
+  border: none;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Input
+/*------------------------------------------*/
+
+.hero-section .quick-form .form-control {
+  height: 64px;
+  background-color: #fff;
+  border: 2px solid transparent;
+  color: #666;
+  font-size: 1.125rem;
+  font-weight: 400;
+  padding: 0 20px;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out;  
+}
+
+.hero-section .quick-form.form-shadow .form-control {
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
+  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
+}
+
+.hero-section .quick-form.form-stroke .form-control {
+  border-color: #353f4f;
+}
+
+.hero-section .quick-form.form-half .form-control {
+  height: 58px;
+ font-size: 1.0625rem;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Placeholder
+/*------------------------------------------*/
+
+.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } 
+.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } 
+.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } 
+
+/*------------------------------------------*/
+/*  Hero Quick Form Focus
+/*------------------------------------------*/
+
+.hero-section .quick-form .form-control:focus {
+  background-color: #fff;
+  border-color: #1680fb;
+  outline: 0;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Button
+/*------------------------------------------*/
+
+.hero-section .quick-form .btn {
+  height: 64px;
+  font-size: 1.0625rem;
+  padding: 12px 45px;
+  margin-left: 15px;
+}
+
+.hero-section .quick-form.form-half .btn {
+  height: 58px;
+  font-size: 1rem;
+  padding: 13px 40px;
+  margin-left: 14px;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Message
+/*------------------------------------------*/
+
+.hero-section .quick-form-msg {
+  width: 100%!important;
+  display: block;
+  margin: 20px 0 15px 5px;
+}
+
+.hero-section .text-center .quick-form-msg {
+  margin: 20px 0 -15px 0;
+}
+
+.hero-section .quick-form-msg .loading {
+  color: #3eb1ff;
+  font-size: 1.05rem;
+  line-height: 1;
+  font-weight: 500;
+}
+
+.hero-section .text-center .quick-form-msg .loading {
+  font-size: 1.125rem;
+}
+
+/*------------------------------------------*/
+/*  HERO REQUEST FORM
+/*------------------------------------------*/
+
+/*------------------------------------------*/
+/*  Hero Request Form Input
+/*------------------------------------------*/
+
+.request-form .form-control {
+  height: 58px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  color: #666;
+  font-size: 1rem;
+  font-weight: 400;
+  margin-bottom: 22px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  Hero Request Form Placeholder
+/*------------------------------------------*/
+
+.hero-form-wrapper .form-control::-moz-placeholder { color: #999; } 
+.hero-form-wrapper .form-control:-ms-input-placeholder { color: #999; }
+.hero-form-wrapper .form-control::-webkit-input-placeholder { color: #999; }
+
+.request-form .form-control:focus {
+  background-color: #fff;
+  border-color: #1680fb;
+  outline: 0;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Hero Request Form Button
+/*------------------------------------------*/
+
+#hero-8-form .btn,
+#hero-22-form .btn {
+  width: 100%;
+  height: 58px;
+  padding: 16px;
+}
+
+/*------------------------------------------*/
+/*  Hero Request Form Message
+/*------------------------------------------*/
+
+.request-form-msg {
+  width: 100%!important;
+  display: block;
+  text-align: center;
+  margin-top: 15px;
+}
+
+.request-form-msg .loading {
+  color: #00b2e4;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 500;
+}
+
+.request-form .error {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 10px;
+}
+
+
+
+
+/* ==========================================================================
+  06. ABOUT
+  ========================================================================== */
+
+.a2-txt {
+  padding: 20px 30px 35px;
+}
+
+.a2-txt-quote { 
+  position: relative;
+  margin-bottom: -45px; 
+ }
+
+.a2-txt-quote.ico-40 [class*="flaticon-"]:before, 
+.a2-txt-quote.ico-40 [class*="flaticon-"]:after { font-size: 4.25rem; }
+
+/*------------------------------------------*/
+/*  ABOUT TYPOGRAPHY
+/*------------------------------------------*/ 
+
+#about-1 .txt-block p {
+  margin-bottom: 0;
+}
+
+#about-4 .txt-block p {
+  margin-top: 25px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  ABOUT 2 AUTHOR
+/*------------------------------------------*/ 
+
+.a2-txt-author {
+  line-height: 1.45;
+  font-weight: 500;
+  margin-top: 18px;
+  margin-bottom: 0;
+}
+
+.a2-txt-author span {
+  display: block;
+  font-weight: 300;
+}
+
+/*------------------------------------------*/
+/*  ABOUT 2 IMAGES
+/*------------------------------------------*/ 
+
+.about-3-images {
+  padding: 0 5%;
+}
+
+.about-2-img {
+  overflow: hidden;
+}
+
+.about-3-img {
+  overflow: hidden;
+  height: 460px;
+}
+
+.a-2-1 {
+  margin-left: 13%;
+  margin-bottom: 30px;
+}
+
+.a-2-2 {
+  margin-left: -10%;
+}
+
+.a-2-3 {
+  margin-right: -10%;
+  margin-bottom: 30px;
+}
+
+.a-2-4 {
+  margin-right: -10%;
+}
+
+#a4-1 {
+  position: relative;
+  padding-right: 30px;
+  margin-top: -30px;
+}
+
+#a4-2 {
+  position: relative;
+  padding-left: 30px;
+  margin-bottom: -30px;
+}
+
+
+
+
+/* ==========================================================================
+  07. FEATURES
+  ========================================================================== */
+
+#features-12.py-100.shape--bg:after,
+#features-12.pt-100.shape--bg:after,
+#features-13.py-100.shape--bg:after,
+#features-13.pt-100.shape--bg:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+}
+
+#features-12.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; left: 52%; }
+#features-12.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; left: 52%; }
+#features-13.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; }
+#features-13.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; }
+
+.rows-2 .fb-1, 
+.rows-2 .fb-2, 
+.rows-2 .fb-3 {
+ margin-bottom: 50px; 
+}
+
+.rows-2 .fbox-7.fb-1, 
+.rows-2 .fbox-7.fb-2, 
+.rows-2 .fbox-7.fb-3, 
+.rows-2 .fbox-9.fb-1, 
+.rows-2 .fbox-9.fb-2, 
+.rows-2 .fbox-9.fb-3,
+.rows-3 .fb-1, .rows-3 .fb-2, 
+.rows-3 .fb-3, .rows-3 .fb-4 { margin-bottom: 40px; }
+
+.rows-3 .fb-3.fbox-11-lst, 
+.rows-3 .fb-4.fbox-11-lst { margin-bottom: 0; }
+
+.fbox-14-wrapper {
+  padding: 80px 70px;
+}
+
+.fbox-14-wrapper .col {
+  padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX
+/*------------------------------------------*/ 
+
+.row-cols-md-3 .fbox-4 { padding: 50px 35px; }
+.row-cols-md-2 .fbox-4 { padding: 35px 20px; } 
+
+.fbox-5 { padding: 60px; }   
+
+.fbox-7 {
+  border: 2px solid #eee;
+  padding: 55px 40px 50px;
+}
+
+.row-cols-md-2 .fbox-7 {
+  padding: 35px 20px 30px;
+}
+
+.fbox-8 { padding: 55px 40px; }
+.fbox-8.bg--white-100 { padding: 60px 40px; }
+
+.fbox-9 {
+  border: 2px solid #eee;
+  padding: 40px 40px 35px;
+} 
+
+.fbox-14 {
+  border: 2px solid #eee;
+  padding: 40px 30px 35px;
+} 
+
+/*------------------------------------------*/
+/*  FEATURE BOX IMAGE
+/*------------------------------------------*/ 
+
+.fbox-img img {
+  width: auto;
+  max-width: inherit;
+}
+
+.fbox-img.h-135 img { max-height: 135px; }
+.fbox-img.h-140 img { max-height: 140px; }
+.fbox-img.h-145 img { max-height: 145px; }
+.fbox-img.h-150 img { max-height: 150px; }
+.fbox-img.h-155 img { max-height: 155px; }
+.fbox-img.h-160 img { max-height: 160px; }
+.fbox-img.h-165 img { max-height: 165px; }
+.fbox-img.h-170 img { max-height: 170px; }
+.fbox-img.h-175 img { max-height: 175px; }
+.fbox-img.h-180 img { max-height: 180px; }
+
+/*------------------------------------------*/
+/*  FBOX-1 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-1 .fbox-img { 
+  margin-bottom: 35px; 
+}
+
+.row-cols-md-2 .fbox-1 .fbox-img { 
+  margin-bottom: 28px; 
+}
+
+/*------------------------------------------*/
+/*  FBOX-2 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-2 .fbox-img {
+  -webkit-border-radius: 12px 12px 0 0;
+  -moz-border-radius: 12px 12px 0 0;
+  -o-border-radius: 12px 12px 0 0;
+  border-radius: 12px 12px 0 0;
+} 
+
+.fbox-2 .fbox-img.h-135, .fbox-2 .fbox-img.h-140, .fbox-2 .fbox-img.h-145, 
+.fbox-2 .fbox-img.h-150, .fbox-2 .fbox-img.h-155 { padding-top: 35px; margin-bottom: 60px; } 
+
+.fbox-2 .fbox-img.h-160 { padding-top: 35px; margin: 0 20px 60px; }
+.fbox-2 .fbox-img.h-165 { padding-top: 38px; margin: 0 15px 60px; } 
+.fbox-2 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 60px; } 
+.fbox-2 .fbox-img.h-175 { padding-top: 42px; margin: 0 8px 60px; }
+.fbox-2 .fbox-img.h-180 { padding-top: 44px; margin: 0 5px 60px; }  
+
+.fbox-2 .fbox-img img { 
+  margin-bottom: -25px; 
+} 
+
+/*------------------------------------------*/
+/*  FBOX-3 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-3 .fbox-img {
+  overflow: hidden;
+} 
+
+.fbox-3 .fbox-img.h-135 { padding-top: 30px; margin: 0 0 35px; }
+.fbox-3 .fbox-img.h-160 { padding-top: 32px; margin: 0 18px 35px; }
+.fbox-3 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 35px; }
+.fbox-3 .fbox-img.h-175, .fbox-3 .fbox-img.h-180 { padding-top: 40px; margin: 0 5px 35px; }
+
+.row-cols-md-2 .fbox-3 .fbox-img { 
+  margin-bottom: 28px; 
+}
+
+/*------------------------------------------*/
+/*  FBOX-4 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-4 .fbox-img { 
+  margin-bottom: 35px; 
+}
+
+.row-cols-md-2 .fbox-4 .fbox-img { 
+  margin-bottom: 28px; 
+}
+
+/*------------------------------------------*/
+/*  FBOX-5 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-5.fb-1 .fbox-5-img,
+.fbox-5.fb-5 .fbox-5-img,
+.fbox-5.fb-6 .fbox-5-img {
+  margin: 40px 5% 0;
+}
+
+.fbox-5.fb-2 .fbox-5-img,
+.fbox-5.fb-3 .fbox-5-img,
+.fbox-5.fb-4 .fbox-5-img {
+   margin: 0 5% 40px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX VECTOR ICON
+/*------------------------------------------*/ 
+
+.fbox-ico,
+.fbox-ico.ico-rounded {
+  margin-bottom: 20px;
+}
+
+.fbox-ico.ico-rounded-md,
+.fbox-ico.ico-rounded-lg {
+  margin-bottom: 25px;
+}
+
+.fbox-11 {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+.fbox-ico-wrap {
+  position: relative;
+  margin-right: 25px;
+}
+
+.rows-2 .fbox-ico-wrap {
+  margin-right: 20px;
+}
+
+.fbox-11 .fbox-ico {
+  margin-top: 4px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX
+/*------------------------------------------*/ 
+
+.fbox-11 .fbox-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX TITLE
+/*------------------------------------------*/ 
+
+.fbox-wrapper .row-cols-lg-3 .fbox-title {
+  margin-bottom: 10px;
+}
+
+.fbox-title span {
+  float: left;
+  line-height: 1!important;
+  margin-right: 15px; 
+}
+
+.fbox-title h6 {  
+  line-height: 2.1875rem!important;
+  margin-bottom: 0;
+}
+
+.fbox-title.ico-30 h6 {  
+  line-height: 1.875rem!important;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX TYPOGRAPHY
+/*------------------------------------------*/ 
+
+.fbox-wrapper .row-cols-md-3 h6 {
+  margin-bottom: 15px;
+}
+
+.rows-2 .fbox-11 h6,
+.fbox-wrapper .row-cols-md-2 h6 {
+  margin-bottom: 10px;
+}
+
+.fbox-wrapper p {
+  margin-bottom: 0;
+}
+
+.fbox-5 h5 {
+  margin-bottom: 15px;
+}
+
+.fbox-14 h5 {
+  margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE-12
+/*------------------------------------------*/ 
+
+.fbox-12-wrapper { 
+  padding-left: 45px;
+}
+
+.fbox-13-wrapper { 
+  padding-right: 45px;
+}
+
+.fbox-12,
+.fbox-13 {
+  padding: 32px 35px;
+} 
+
+.fbox-12 h5,
+.fbox-13 h5 {
+  margin-top: 20px;
+  margin-bottom: 10px;
+}
+
+.fbox-12 p,
+.fbox-13 p,
+.fbox-14 p {
+  margin-bottom: 0;
+} 
+
+
+
+
+/* ==========================================================================
+  08. CONTENT
+  ========================================================================== */
+
+.ct-06 {
+  margin-bottom: 80px;
+}
+
+.ct-07 {
+  margin-top: 80px;
+}
+
+.ct-10 .section-overlay {
+  margin-bottom: 100px;
+}
+
+.ct-11, 
+.ct-12 {
+  padding: 60px 0;
+}
+
+.ct-11:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 50%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #fff;
+}
+
+.ct-12:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 50%;
+  height: 100%;
+  top: 0;
+  left: 50%;
+  background-color: #fff;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX WRAPPER
+/*------------------------------------------*/
+
+.bc-1-wrapper .section-overlay,
+.bc-4-wrapper .section-overlay,
+.bc-6-wrapper .section-overlay {
+  padding: 80px 70px;
+}
+
+.bc-2-wrapper .section-overlay,
+.bc-3-wrapper .section-overlay,
+.bc-5-wrapper .section-overlay {
+  padding: 80px 70px 0;
+}
+
+.bc-6 {
+  padding: 40px 35px;
+}
+
+.cbox-6-wrapper {
+  padding: 60px 40px;
+}
+
+.content-section .cbox-6-wrapper {
+  padding: 80px 70px;
+}
+
+.bc-5-wrapper .section-title p {
+  padding: 0;
+}
+
+/*------------------------------------------*/
+/*  TEXT BLOCK
+/*------------------------------------------*/ 
+
+.txt-box { 
+  margin-bottom: 20px;
+}
+
+.txt-box:last-child { 
+  margin-bottom: 0; 
+}
+
+.bc-3-txt,
+.ct-06 .txt-block,
+.bc-2-wrapper .txt-block {
+  margin-top: -40px;
+}
+
+.bc-2-txt,
+.ct-07 .txt-block {
+  margin-top: 40px;
+}
+
+.bc-1-wrapper .txt-block.pr-25.left-column,
+.bc-2-wrapper .txt-block.pr-25.left-column {
+  padding-right: 25px;
+}
+
+.bc-1-wrapper .txt-block.pl-25.right-column,
+.bc-2-wrapper .txt-block.pl-25.right-column {
+  padding-left: 25px;
+}
+
+.ct-11 .txt-block {
+  padding-right: 50px;
+}
+
+.ct-12 .txt-block {
+  padding-left: 70px;
+}
+
+.ct-13 .txt-block h5 {
+  padding-right: 6%;
+}
+
+/*------------------------------------------*/
+/*  TEXT BLOCK TYPOGRAPHY
+/*------------------------------------------*/ 
+
+.bc-2-txt h2,
+.bc-3-txt h2,
+.bc-4-txt h2,
+.txt-block h3,
+.txt-block h2 {
+  margin-bottom: 26px;
+}
+
+.txt-block h5 {
+  margin-bottom: 20px;
+}
+
+h5.h5-title {
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+
+.txt-block .btn,
+.txt-block .btns-group .btn.btn--transparent {
+  margin-top: 25px;
+}
+
+.txt-block .btn.btn--transparent {
+  margin-top: 0;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX
+/*------------------------------------------*/
+
+.cbox-1,
+.cbox-2,
+.cbox-3 {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+.cbox-5 {
+  position: relative;
+}
+
+.cbox-5-content {
+  background-color: #fff;
+  border: 1px solid #f5f6f6;
+  padding: 40px;
+  margin: 0 12%;
+  z-index: 1;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+}
+
+.cbox-5-content .divider {
+  margin-top: 25px;
+  margin-bottom: 25px;
+}
+
+#cb-6-1, #cb-6-2 {
+  margin-bottom: 35px;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX TITLE
+/*------------------------------------------*/ 
+
+.box-title h6,
+.box-title h5 {  
+  display: inline-block;
+  line-height: 2.35rem!important;
+  margin-bottom: 15px;
+}
+
+.box-title span {   
+  position: relative;
+  top: 12px;
+  margin-right: 10px;
+}
+
+.box-title span[class*="flaticon-"]:before,
+.box-title span[class*="flaticon-"]:after {   
+  font-size: 2.35rem;
+}
+
+.txt-block .cbox-5-title h2 {
+  font-size: 3.5rem;
+  letter-spacing: -1px;
+  line-height: 1;
+  margin-bottom: 10px;
+}
+
+.cbox-5-title .statistic-number sup {
+  font-size: 3rem;
+  top: -5px;
+  right: 6px;
+}
+
+.cbox-5-title .ico-15 [class*="flaticon-"]:before, 
+.cbox-5-title .ico-15 [class*="flaticon-"]:after {
+  font-size: 0.875rem;
+  line-height: 1!important; 
+}
+
+.cbox-5-title p.p-lg {
+  margin-bottom: 10px;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX ICON
+/*------------------------------------------*/
+
+.cbox-1 .ico-wrap { 
+  margin-left: 8px; 
+}
+
+.cbox-1.ico-10 span {
+  position: relative;
+  top: 0;
+  right: 7px;
+}
+
+.cbox-1.ico-15 span {
+  position: relative;
+  top: 1px;
+  right: 8px;
+}
+
+.cbox-1.ico-10 [class*="flaticon-"]:before,
+.cbox-1.ico-10 [class*="flaticon-"]:after {  
+  font-size: 0.6rem;
+}
+
+.cbox-1.ico-15 [class*="flaticon-"]:before,
+.cbox-1.ico-15 [class*="flaticon-"]:after {   
+  font-size: 0.75rem;
+}
+
+/*------------------------------------------*/
+/*  CBOX #2
+/*------------------------------------------*/
+
+.cbox-2 .ico-wrap {
+  position: relative;
+  margin-right: 1.625rem;
+}
+
+.cbox-2-ico {
+  position: relative;
+  width: 2.625rem;
+  height: 2.625rem;
+  text-align: center;
+  border-radius: 100%;
+  font-size: 1.1875rem;
+  font-weight: 500;
+  line-height: 2.375rem;
+  border: 2px solid transparent;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out; 
+}
+
+.ct-03 .cbox-2-ico {
+  position: relative;
+  width: 2.35rem;
+  height: 2.35rem;
+  font-size: 1.15rem;
+  line-height: 2.15rem;
+}
+
+.cbox-2-line {
+  position: absolute;
+  bottom: 20px;
+  left: 50%;
+  width: 2px;
+  background-color: #e4e4e4;
+  height: calc(100% - 90px);
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+}
+
+.cbox-2:hover .cbox-2-ico {
+  background-color: transparent;
+  -webkit-transform: scale(1.1);
+  -moz-transform: scale(1.1);
+  -ms-transform: scale(1.1);
+  transform: scale(1.1);
+}
+
+.cbox-2:hover .cbox-2-ico.bg--blue-500 { color: #185abd; border-color: #185abd; }
+.cbox-2:hover .cbox-2-ico.bg--blue-400 { color: #1680fb; border-color: #1680fb; }
+.cbox-2:hover .cbox-2-ico.bg--blue-300 { color: #3eb1ff; border-color: #3eb1ff; }
+
+.cbox-2:hover .cbox-2-ico.bg--green-500 { color: #00a14e; border-color: #00a14e; }
+.cbox-2:hover .cbox-2-ico.bg--green-400 { color: #0fbc49; border-color: #0fbc49; }
+.cbox-2:hover .cbox-2-ico.bg--green-300 { color: #6fd792; border-color: #6fd792; }
+
+.cbox-2:hover .cbox-2-ico.bg--pink-500 { color: #ff149c; border-color: #ff149c; }
+.cbox-2:hover .cbox-2-ico.bg--pink-400 { color: #f74780; border-color: #f74780; }
+.cbox-2:hover .cbox-2-ico.bg--pink-300 { color: #fcb5cc; border-color: #fcb5cc; }
+
+.cbox-2:hover .cbox-2-ico.bg--purple-500 { color: #663ae9; border-color: #663ae9; }
+.cbox-2:hover .cbox-2-ico.bg--purple-400 { color: #7b5dd6; border-color: #7b5dd6; }
+.cbox-2:hover .cbox-2-ico.bg--purple-300 { color: #bdaeea; border-color: #bdaeea; }
+
+.cbox-2:hover .cbox-2-ico.bg--red-500 { color: #da0f29; border-color: #da0f29; }
+.cbox-2:hover .cbox-2-ico.bg--red-400 { color: #ff1e1a; border-color: #ff1e1a; }
+.cbox-2:hover .cbox-2-ico.bg--red-300 { color: #ffa5a3; border-color: #ffa5a3; }
+
+.cbox-2:hover .cbox-2-ico.bg--violet-500 { color: #c73e9b; border-color: #c73e9b; }
+.cbox-2:hover .cbox-2-ico.bg--violet-400 { color: #be6cbe; border-color: #be6cbe; }
+.cbox-2:hover .cbox-2-ico.bg--violet-300 { color: #e2bde2; border-color: #e2bde2; }
+
+.cbox-2:hover .cbox-2-ico.bg--yellow-500 { color: #ffba01; border-color: #ffba01; }
+.cbox-2:hover .cbox-2-ico.bg--yellow-400 { color: #ffbd45; border-color: #ffbd45; }
+.cbox-2:hover .cbox-2-ico.bg--yellow-300 { color: #ffdf35; border-color: #ffdf35; }
+
+/*------------------------------------------*/
+/*  CBOX #3
+/*------------------------------------------*/
+
+.cbox-3 .ico-wrap {
+  position: relative;
+  text-align: center;
+  margin-top: 0;
+  margin-right: 1.15rem;
+}
+
+.cbox-3 .cbox-3-ico {
+  position: relative;
+  top: 3px;
+}
+
+.cbox-3-ico span[class*="flaticon-"]:before,
+.cbox-3-ico span[class*="flaticon-"]:after {  
+  font-size: 2.85rem;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX TEXT
+/*------------------------------------------*/
+
+.cbox-1-txt,
+.cbox-2-txt,
+.cbox-3-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.cbox-2-txt,
+.cbox-3-txt {
+  margin-bottom: 35px;
+}
+
+.ct-03 .cbox-2-txt {
+  margin-bottom: 30px;
+}
+
+.cbox-4-txt {
+  margin-bottom: 25px;
+}
+
+.cbox-2:last-child .cbox-2-txt,
+.cbox-3:last-child .cbox-3-txt,
+.cbox-4:last-child .cbox-4-txt {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX FEATURE
+/*------------------------------------------*/  
+
+.cbox-5-fea {
+  padding: 20px 25px;
+  margin-top: 25px;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+}
+
+.txt-block .cbox-5-fea h4 {
+  line-height: 1;
+  margin-bottom: 3px;
+}
+
+.cbox-5-fea p {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX TYPOGRAPHY
+/*------------------------------------------*/
+
+.cbox-2-txt h5,
+.cbox-3-txt h5 {
+  margin-bottom: 15px;
+}
+
+.ct-03 .cbox-2-txt h5 {
+  margin-bottom: 10px;
+}
+
+.cbox-6 h6 {
+  margin-bottom: 15px;
+}
+
+.cbox-1-txt p { 
+  margin-bottom: 8px;
+}
+
+.cbox-1-last .cbox-1-txt p { 
+  margin-bottom: 1rem;
+}
+
+.cbox-6 p,
+.cbox-2-txt p,
+.cbox-3-txt p,
+.cbox-4-txt p {
+  margin-bottom: 0;
+}
+
+.bc-6-txt {
+  padding: 0 10px;
+}
+
+.bc-6-txt h5 {
+  margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  ACCORDION  
+/*------------------------------------------*/
+
+.txt-block .accordion-1 .accordion-item {
+  background-color: transparent;
+  padding: 25px 30px;
+  border: none;
+}
+
+.txt-block .accordion-2 .accordion-item {
+  background-color: transparent;
+  padding: 15px 0 25px;
+  border: none;
+  border-top: 1px solid #ccc;
+  border-radius: 0 0;
+}
+
+.txt-block .accordion-2 .accordion-item:last-child {
+  border-bottom: 1px solid #ccc;
+}
+
+.txt-block .accordion-item.r-02:first-of-type { border-top-left-radius: 2px; border-top-right-radius: 2px; }
+.txt-block .accordion-item.r-04:first-of-type { border-top-left-radius: 4px; border-top-right-radius: 4px; }
+.txt-block .accordion-item.r-06:first-of-type { border-top-left-radius: 6px; border-top-right-radius: 6px; }
+.txt-block .accordion-item.r-08:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+.txt-block .accordion-item.r-10:first-of-type { border-top-left-radius: 10px; border-top-right-radius: 10px; }
+.txt-block .accordion-item.r-12:first-of-type { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+.txt-block .accordion-item.r-14:first-of-type { border-top-left-radius: 14px; border-top-right-radius: 14px; }
+.txt-block .accordion-item.r-16:first-of-type { border-top-left-radius: 16px; border-top-right-radius: 16px; }
+
+.txt-block .accordion-item.r-02:last-of-type { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }
+.txt-block .accordion-item.r-04:last-of-type { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
+.txt-block .accordion-item.r-06:last-of-type { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
+.txt-block .accordion-item.r-08:last-of-type { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }
+.txt-block .accordion-item.r-10:last-of-type { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
+.txt-block .accordion-item.r-12:last-of-type { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; }
+.txt-block .accordion-item.r-14:last-of-type { border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; }
+.txt-block .accordion-item.r-16:last-of-type { border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; }
+
+.txt-block .accordion-thumb {
+  margin: 0;
+  padding: 0;
+  cursor: pointer;
+  position: relative;
+}
+
+.txt-block .accordion-1 .accordion-item .accordion-thumb:before,
+.txt-block .accordion-2 .accordion-item .accordion-thumb:after,
+.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before,
+.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
+  color: #6c757d;
+  font-family: Flaticon;
+  position: absolute;
+  color: #353f4f;
+  font-weight: 400; 
+}
+
+.txt-block .accordion-1 .accordion-item .accordion-thumb:before {
+  content: "\f11a";
+  font-size: 0.95rem;
+  top: 1px;
+  left: 0;
+}
+
+.txt-block .accordion-2 .accordion-item .accordion-thumb:after,
+.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
+  content: "\f110";
+  font-size: 0.95rem;
+  top: 12px;
+  right: 0;
+}
+
+.txt-block .accordion-1 .accordion-item.is-active {
+  background-color: #f4f4f9;
+  padding: 35px 30px 19px 30px;
+  margin-bottom: 15px;
+  margin-top: 15px;
+}
+
+.txt-block .accordion-2 .accordion-item.is-active {
+  background-color: transparent;
+  margin-bottom: 0;
+  margin-top: 0;
+}
+
+.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before {
+  content: "\f11b";
+}
+
+.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
+  content: "\f111";
+}
+
+.txt-block .accordion-1 .accordion-panel {
+  color: #6c757d;
+  margin: 0;
+  padding: 0 0 0 25px;
+  display: none;
+}
+
+.txt-block .accordion-2 .accordion-panel {
+  color: #6c757d;
+  margin: 15px 0 0 0;
+  display: none;
+}
+
+.txt-block .accordion-1 .accordion-thumb h5 {
+  color: #353f4f;
+  line-height: 1;
+  padding-left: 28px;
+  margin-bottom: 0;
+}
+
+.txt-block .accordion-2 .accordion-thumb h5 {
+  color: #353f4f;
+  display: inline-block;
+  line-height: 1;
+  padding-left: 10px;
+  margin-bottom: 0;
+}
+
+.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 {
+  margin-bottom: 20px;
+}
+
+.accordion-2 .accordion-thumb span[class*="flaticon-"]:before,
+.accordion-2 .accordion-thumb span[class*="flaticon-"]:after {  
+  color: #6c757d;
+  position: relative;
+  font-size: 2.1875rem;
+  top: 10px;
+}
+
+.txt-block .accordion-2 .accordion-panel .simple-list li {
+  margin-bottom: 1rem;
+}
+
+.txt-block .accordion-2 .accordion-panel p,
+.txt-block .accordion-2 .accordion-panel .simple-list li:last-child {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TABS
+/*------------------------------------------*/
+
+#tabs-1 .tabs-nav { 
+  text-align: center;
+}
+
+.tabs-1 { 
+  display: inline-block;
+  margin: 0 auto 60px;
+}
+
+#tabs-1 .tab-content {
+  display: none;
+}
+
+#tabs-1 .tab-content.current {
+  display: inherit;
+}
+
+.tabs-1 li {
+  display: inline-block; 
+  margin: 0 20px;
+  color: #aaa;
+  font-size: 1.05rem;
+  line-height: 1;
+  font-weight: 500;
+  padding: 0 2px 10px;
+  background-color: transparent;
+  border-bottom: 3px solid transparent;
+  cursor: pointer;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+/*------------------------------------------*/
+/*  TAB LINK HOVER / CURRENT
+/*------------------------------------------*/
+
+.tabs-1 li:hover {
+  color: #888;
+  border-color: #ccc;
+}
+
+.tabs-1 li.current,
+.tabs-1 li.current:hover {
+  color: #2b3648;
+  border-color: #2b3648;
+}
+
+.tabs-1.tabs--blue-500, .tabs-1.tabs--blue-500 li.current:hover { color: #185abd; border-color: #185abd; }
+.tabs-1.tabs--blue-400, .tabs-1.tabs--blue-500 li.current:hover { color: #1680fb; border-color: #1680fb; }
+.tabs-1.tabs--blue-300, .tabs-1.tabs--blue-500 li.current:hover { color: #3eb1ff; border-color: #3eb1ff; }
+
+.tabs-1.tabs--green-500, .tabs-1.tabs--green-500 li.current:hover { color: #00a14e; border-color: #00a14e; }
+.tabs-1.tabs--green-400, .tabs-1.tabs--green-400 li.current:hover { color: #0fbc49; border-color: #0fbc49; }
+.tabs-1.tabs--green-300, .tabs-1.tabs--green-300 li.current:hover { color: #6fd792; border-color: #6fd792; }
+
+.tabs-1.tabs--pink-500, .tabs-1.tabs--pink-500 li.current:hover { color: #ff149c; border-color: #ff149c; }
+.tabs-1.tabs--pink-400, .tabs-1.tabs--pink-400 li.current:hover { color: #f74780; border-color: #f74780; }
+.tabs-1.tabs--pink-300, .tabs-1.tabs--pink-300 li.current:hover { color: #fcb5cc; border-color: #fcb5cc; }
+
+.tabs-1.tabs--purple-500, .tabs-1.tabs--purple-500 li.current:hover { color: #663ae9; border-color: #663ae9; }
+.tabs-1.tabs--purple-400, .tabs-1.tabs--purple-400 li.current:hover { color: #7b5dd6; border-color: #7b5dd6; }
+.tabs-1.tabs--purple-300, .tabs-1.tabs--purple-300 li.current:hover { color: #bdaeea; border-color: #bdaeea; }
+
+.tabs-1.tabs--red-500, .tabs-1.tabs--red-500 li.current:hover { color: #da0f29; border-color: #da0f29; }
+.tabs-1.tabs--red-400, .tabs-1.tabs--red-400 li.current:hover { color: #ff1e1a; border-color: #ff1e1a; }
+.tabs-1.tabs--red-300, .tabs-1.tabs--red-300 li.current:hover { color: #ffa5a3; border-color: #ffa5a3; }
+
+.tabs-1.tabs--violet-500, .tabs-1.tabs--violet-500 li.current:hover { color: #c73e9b; border-color: #c73e9b; }
+.tabs-1.tabs--violet-400, .tabs-1.tabs--violet-400 li.current:hover { color: #be6cbe; border-color: #be6cbe; }
+.tabs-1.tabs--violet-300, .tabs-1.tabs--violet-300 li.current:hover { color: #e2bde2; border-color: #e2bde2; }
+
+.tabs-1.tabs--yellow-500, .tabs-1.tabs--yellow-500 li.current:hover { color: #ffba01; border-color: #ffba01; }
+.tabs-1.tabs--yellow-400, .tabs-1.tabs--yellow-400 li.current:hover { color: #ffbd45; border-color: #ffbd45; }
+.tabs-1.tabs--yellow-300, .tabs-1.tabs--yellow-300 li.current:hover { color: #ffdf35; border-color: #ffdf35; }
+
+/*------------------------------------------*/
+/*  ADVANTAGES LIST
+/*------------------------------------------*/
+
+.advantages {
+  margin-top: 15px;
+}
+
+.text-center .advantages {
+  margin-top: 20px;
+}
+
+.advantages li {
+  width: auto!important;
+  display: inline-block!important;
+  vertical-align: top;
+  clear: none !important;
+}
+
+.advantages-links-divider {
+  position: relative;
+  top: 0.5px;
+  transform: rotate(-90deg);
+}
+
+.advantages li p {
+  display: inline-block;
+  float: left;
+  margin-bottom: 0;
+}
+
+.advantages.ico-15 li p span {
+  position: relative;
+  top: 2px;
+  right: -1px;
+}
+
+.advantages.ico-15 [class*="flaticon-"]:before, 
+.advantages.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+.advantages li p a {
+  font-weight: 400;
+  text-decoration: underline;
+}
+
+.advantages li p a:hover {
+  text-decoration: underline;
+}
+
+.white--color .advantages li p a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  COMPATABILITY
+/*------------------------------------------*/
+
+.compatibility {
+  display: inline-block;
+  padding: 3px 20px;
+  margin-top: 15px;
+  margin-bottom: 0;
+}
+
+.compatibility span {
+  position: relative;
+  top: -1.5px;
+  right: 2px;
+}
+
+.compatibility.ico-10 [class*="flaticon-"]:before, 
+.compatibility.ico-10 [class*="flaticon-"]:after { font-size: 0.5rem; }
+
+/*------------------------------------------*/
+/*  TOOLS LIST / PAYMENT METHODS
+/*------------------------------------------*/
+
+.tools-list,
+.payment-methods {
+  margin-top: 25px;
+}
+
+.tools-list p,
+.payment-methods p {
+  font-weight: 400;
+  margin-bottom: 12px;
+}
+
+.tools-list.ico-35 [class*="flaticon-"]:before, 
+.tools-list.ico-35 [class*="flaticon-"]:after { 
+  line-height: 2.1875rem!important;
+  margin-right: 6px;
+}
+
+/*------------------------------------------*/
+/*  Payment Icons
+/*------------------------------------------*/
+
+.payment-icons li {
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  margin: 0;
+  padding-right: 5px;
+}
+
+.payment-icons li:last-child {
+  padding-right: 0;
+}
+
+.payment-icons img {
+  width: auto;
+  max-width: inherit;
+  max-height: 32px;
+}
+
+/*------------------------------------------*/
+/*  QUOTE
+/*------------------------------------------*/ 
+
+.quote p {
+  color: #666;
+  border-left: 3px solid #0195ff;
+  font-style: italic;
+  padding-left: 20px;
+  margin-bottom: 12px;
+}
+
+/*------------------------------------------*/
+/*  Quote Avatar 
+/*------------------------------------------*/ 
+
+.quote-avatar {
+  display: inline-block;
+  margin: 0 auto; 
+}
+
+.quote-avatar img {
+  width: 70px;
+  height: 70px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+}
+
+/*------------------------------------------*/
+/*  Quote Author 
+/*------------------------------------------*/ 
+
+.quote-author {
+  position: relative;
+  display: inline-block;
+  padding: 0 0 0 15px;
+  text-align: left;
+  top: 16px;
+} 
+   
+.quote-author h6 {
+  margin-bottom: 0;
+}
+
+.quote-author span {
+  font-size: 1rem;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX SHAPES
+/*------------------------------------------*/ 
+
+.cbox-5-shape-1 {
+  position: absolute;
+  right: 30px;
+  top: -35px;
+  z-index: -1;
+}
+
+.cbox-5-shape-2 {
+  position: absolute;
+  left: 30px;
+  bottom: -25px;
+  z-index: -1;
+}
+
+.cbox-5-shape-1 img,
+.cbox-5-shape-2 img {
+  height: 100%;
+  width: 100%;
+  object-fit: cover;
+}
+
+/*------------------------------------------*/
+/*  IMG BLOCK IMAGE
+/*------------------------------------------*/ 
+
+.grey-img {
+  filter: grayscale(100%);
+}
+
+.img-block {
+  text-align: center;
+}
+
+.img-block.img-block-bkg {
+  overflow: hidden;
+}
+
+.img-block.img-block-bkg img {
+  padding: 60px 45px;
+}
+
+.ct-10 .img-block,
+.img-block-hidden,
+.bc-5-img.bc-5-dashboard.img-block-hidden {
+  margin-bottom: -100px;
+}
+
+.ct-05 .img-block-hidden {
+  margin-bottom: -30px;
+}
+
+.bc-5-img.bc-5-tablet.img-block-hidden {
+  margin-bottom: -200px;
+}
+
+.img-block-hidden .video-btn,
+.bc-5-img.bc-5-dashboard.img-block-hidden .video-btn {
+  top: calc(50% - 30px);
+}
+
+.bc-5-img.bc-5-tablet.img-block-hidden .video-btn {
+  top: calc(50% - 70px);
+}
+
+.ct-01 .img-block,
+.ct-04 .img-block {
+  margin-left: 30px;
+}
+
+.ct-02 .img-block {
+  margin-right: 30px;
+}
+
+.ct-03 .img-block.right-column {
+  margin-left: 20px;
+}
+
+.ct-03 .img-block.left-column {
+  margin-right: 20px;
+}
+
+.ct-04 .img-block img {
+  max-width: none;
+  display: inline-block;
+}
+
+.ct-06 .img-block {
+  margin-bottom: -80px;
+}
+
+.ct-07 .img-block {
+  margin-top: -80px;
+}
+
+.img-block-txt,
+.img-block-btn {
+  margin-top: 60px;
+}
+
+.bc-1-wrapper .img-block.left-column,
+.bc-2-wrapper .img-block.left-column {
+  padding-right: 10px;
+}
+
+.bc-1-wrapper .img-block.right-column,
+.bc-2-wrapper .img-block.right-column {
+  padding-left: 10px;
+}
+
+.bc-2-img {
+  margin-left: 15px;
+}
+
+.bc-3-img {
+  margin: 0 -65% -25px 15px;
+}
+
+.bc-4-img {
+  margin-left: 15px;
+  margin-right: -65%;
+}
+
+.bc-6-img {
+  padding: 50px 30px 0;
+  margin-bottom: 35px;
+}
+
+.ct-11 .img-block {
+  position: relative;
+  text-align: center;
+  padding-left: 70px;
+  z-index: 2;
+}
+
+.ct-12 .img-block {
+  position: relative;
+  text-align: center;
+  padding-right: 70px;
+  z-index: 2;
+}
+
+.ct-11 .img-block .tra-bkg,
+.ct-12 .img-block .tra-bkg {
+  opacity: 0;
+  -moz-opacity: 0; 
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+} 
+
+
+
+
+/* ==========================================================================
+  09. STATISTIC
+  =========================================================================== */
+
+.sb-rounded .statistic-block {
+  padding: 35px 25px;
+}
+
+/*------------------------------------------*/
+/*  STATISTIC BLOCK
+/*------------------------------------------*/
+
+#sb-2-1,
+#sb-2-2 {
+  width: 48%;
+  display: inline-block;
+  float: left;
+}
+
+#sb-2-3, #sb-2-4 {
+  display: inline-block;
+  float: left;
+  padding-right: 15px;
+} 
+
+#sb-2-3 { width: 45%; }
+#sb-2-4 { width: 55%; }
+
+#sb-2-3 .statistic-block,
+#sb-2-4 .statistic-block {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+#sb-2-3 .statistic-block-txt,
+#sb-2-4 .statistic-block-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+  padding-left: 15px;
+}
+
+/*------------------------------------------*/
+/*  STATISTIC BLOCK TYPOGRAPHY
+/*------------------------------------------*/
+
+.statistic-1-wrapper .statistic-block-digit {   
+  width: 35%;
+  display: inline-block!important;  
+  float: left;
+}
+
+.statistic-1-wrapper .statistic-block-txt {
+  width: 65%;
+  display: inline-block!important;
+  padding-left: 20px;
+}
+
+#statistic-5 .statistic-digit {
+  padding-bottom: 20px;
+  margin: 0 100px 20px 0;
+  border-bottom: 1px solid #999;
+}
+
+#statistic-5 .color--white .statistic-digit {
+  border-bottom: 1px solid rgba(255, 255, 255, .8);
+}
+
+/*------------------------------------------*/
+/*  STATISTIC BLOCK TYPOGRAPHY
+/*------------------------------------------*/
+
+.statistic-ico {
+  margin-bottom: 10px;
+}
+
+h2.statistic-number {
+  line-height: 1; 
+  font-weight: 700;
+  letter-spacing: -1px;
+  margin-bottom: 0;
+}
+
+#sb-2-1 h2.statistic-number,
+#sb-2-2 h2.statistic-number {
+  margin-bottom: 15px;
+}
+
+#sb-2-3 h2.statistic-number span,
+#sb-2-4 h2.statistic-number span {
+  font-size: 2rem;
+}
+
+#statistic-5 .statistic-digit h2 {
+  letter-spacing: -1.5px;
+}
+
+#statistic-5 .statistic-txt h5 {
+  line-height: 1;
+  margin-bottom: 12px;
+}
+
+.statistic-block-txt p.p-md {
+  line-height: 1.35;
+  margin-bottom: 0;
+}
+
+#sb-2-1 .statistic-block p.p-sm,
+#sb-2-2 .statistic-block p.p-sm {
+  line-height: 1.4;
+  margin-bottom: 0;
+}
+
+#sb-2-3 .statistic-block p.p-sm,
+#sb-2-4 .statistic-block p.p-sm {
+  margin-top: 3px;
+  line-height: 1.5;
+  margin-bottom: 0;
+}
+
+.statistic-3-wrapper p {
+  line-height: 1;
+  margin-top: 15px;
+  margin-bottom: 0;
+}
+
+.statistic-3-wrapper p.p-md {
+  line-height: 1;
+  margin-top: 22px;
+  margin-bottom: 0;
+}
+
+.statistic-4-wrapper p {
+  line-height: 1;
+  margin-bottom: 14px;
+}
+
+#statistic-5 .statistic-txt p {
+  padding-right: 3%;
+  margin-bottom: 0;
+}
+
+.txt-block-stat .statistic-block .txt-block-rating {
+  margin-top: -4px;
+  margin-bottom: -3px;
+}
+
+.txt-block-stat .ico-15 [class*="flaticon-"]:before, 
+.txt-block-stat .ico-15 [class*="flaticon-"]:after { font-size: 0.8125rem; }
+
+
+
+
+/* ==========================================================================
+  10. PROJECTS
+  ========================================================================== */
+
+.projects-wrapper {
+  padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  PROJECT DETAILS
+/*------------------------------------------*/
+
+#pt-1-1, #pt-1-2,
+.inner-page-hero #pt-1-3, 
+.inner-page-hero #pt-1-4 {
+  margin-bottom: 50px;
+}
+
+.project-details h5 {
+  line-height: 1;
+  margin-bottom: 30px;
+}
+
+.project-preview {
+  position: relative;
+  overflow: hidden;
+}
+
+/*------------------------------------------*/
+/*  Image Link
+/*------------------------------------------*/
+
+.project-link {
+  width: 100%;
+  position: absolute;
+  top: 55%;
+  transform: translateY(-50%);
+  opacity: 0;
+  text-align: center;
+  color: #fff;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  Image Hover Overlay
+/*------------------------------------------*/
+
+.hover-overlay {
+  width: 100%;
+  height: auto;
+  overflow: hidden;
+  position: relative; 
+}
+
+.hover-overlay img {
+  transform: scale(1);
+  -ms-transform: scale(1);
+  -webkit-transform: scale(1);
+  -o-transform: scale(1);
+  -moz-transform: scale(1);
+  overflow: hidden;
+  -webkit-transition: transform 400ms;
+  -moz-transition: transform 400ms;
+  -o-transition: transform 400ms;
+  transition: transform 400ms;
+}
+
+/*------------------------------------------*/
+/*    Overlay Background 
+/*------------------------------------------*/ 
+
+.item-overlay {
+  opacity: 0;
+  -moz-opacity: 0; 
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(20, 20, 20, .25);
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  Image Hover Effect 
+/*------------------------------------------*/ 
+
+.project-preview:hover img {
+  transform: scale(1.05);
+  -ms-transform: scale(1.05);
+  -webkit-transform: scale(1.05);
+  -o-transform: scale(1.05);
+  -moz-transform: scale(1.05);
+}
+
+.project-preview:hover .project-link {
+  top: 50%;
+  opacity: 1; 
+  -moz-opacity: 1; 
+}
+
+.project-preview:hover .item-overlay {
+  opacity: 1; 
+  -moz-opacity: 1; 
+}
+
+/*------------------------------------------*/
+/*  MORE PROJECTS BUTTON
+/*------------------------------------------*/ 
+
+.more-projects {
+  text-align: center;
+  margin-top: 70px;
+}
+
+
+
+
+/* ==========================================================================
+  11. PROJECT DETAILS
+  ========================================================================== */
+
+.single-project .project-title {
+  margin-bottom: 80px;
+}
+
+.project-title h2 {
+  padding-right: 5%;
+  padding-bottom: 40px;
+  margin-bottom: 35px;
+  border-bottom: 1px solid #ddd;
+}
+
+.project-data p {
+  margin-bottom: 4px;
+}
+
+.project-data p span {
+  color: #353f4f;
+  font-weight: 500;
+}
+
+/*------------------------------------------*/
+/*  MORE PROJECTS BUTTON
+/*------------------------------------------*/
+
+.project-description .more-projects {
+  margin-top: 65px;
+}
+
+.project-description .more-projects h3 {
+  display: inline-block;
+  text-decoration: underline;
+  margin-bottom: 0;
+}
+
+.project-description .more-projects span {
+  color: #353f4f;
+  position: relative;
+  top: 2px;
+  left: 5px;
+}
+
+
+
+
+/* ==========================================================================
+  12. RATING
+  =========================================================================== */
+
+.rating-section .rating-1-wrapper {
+  padding: 0 16%;
+}
+
+.rating-section .rating-2-wrapper {
+  padding: 0 4%;
+}
+
+.rating-title {
+  text-align: center;
+}
+
+.rating-title h5 {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  RATING BOX
+/*------------------------------------------*/
+
+.rbox-1,
+.rbox-2 {
+  text-align: center;
+}
+
+/*------------------------------------------*/
+/*  RATING BOX LOGO
+/*------------------------------------------*/
+
+.rbox-1-img {
+  margin-bottom: 20px;
+}
+
+.rbox-1-img img {
+  width: auto;
+  max-width: inherit;
+  max-height: 38px;
+}
+
+.rbox-2-txt img {
+  position: relative;
+  display: inline-block;
+  width: auto;
+  max-width: inherit;
+  max-height: 30px;
+  top: -1px;
+  left: 4px;
+}
+
+/*------------------------------------------*/
+/*  RATING BOX TYPOGRAPHY
+/*------------------------------------------*/
+
+.rbox-2-txt {
+  margin-top: 20px;
+}
+
+.rbox-1 .star-rating {
+  display: inline-block;
+  font-size: 17px;
+  line-height: 15px;
+  font-weight: 500;
+  vertical-align: inherit;
+  border: 1px solid #f5f5f5;
+  padding: 5px 18px;
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+}
+
+.rbox-1 .star-rating span {
+  position: relative;
+  color: #ffb30c;
+  top: 1.5px;
+}
+
+.rbox-1 .star-rating { 
+  font-size: 0.86rem; 
+  line-height: 1; 
+}
+
+p.rbox-2-txt {
+  line-height: 22px;
+  margin-top: 8px;
+  margin-bottom: 0;
+}
+
+p.rbox-2-txt span {
+  font-weight: 500;
+}
+
+
+
+
+/* ==========================================================================
+  13. TESTIMONIALS
+  =========================================================================== */
+
+.reviews-2-wrapper {
+  padding: 0 10px;
+}
+
+.reviews-3-wrapper {
+  padding: 0 20px;
+}
+
+.reviews-4-wrapper,
+.reviews-5-wrapper {
+  padding-left: 40px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL
+/*------------------------------------------*/
+
+.review-1 { 
+  padding: 40px 40px 30px;
+  margin: 0 10px 30px;                                
+}
+
+.review-1.block-border {
+  border-color: #d2d2d2;
+}
+
+.review-2 { 
+  padding: 45px 50px 35px;
+}
+
+.review-3 { 
+  padding: 45px 50px 40px;
+}
+
+.review-4 { 
+  padding: 40px 45px 30px;
+}
+
+.review-5 { 
+  padding: 45px 45px 40px;
+}
+
+#rw-2-1, #rw-2-2 {
+  margin-bottom: 20px;
+}
+
+.inner-page-hero #rw-2-3, .inner-page-hero #rw-2-4 {
+  margin-bottom: 20px;
+}
+
+#rw-3-2 {
+  margin-bottom: 45px;
+}
+
+#rw-3-2, #rw-3-3 {
+  margin-left: 15px;
+}
+
+#rw-4-1,
+#rw-5-1 {
+  margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL TEXT
+/*------------------------------------------*/
+
+.review-ico {   
+  position: relative;
+  margin-top: -25px;
+  margin-left: -10px;
+  opacity: .1;
+}
+
+.review-txt {
+  position: relative;
+  margin-top: -45px;
+}
+
+.review-txt h6 {
+  margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL DATA
+/*------------------------------------------*/ 
+
+.review-1 .author-data {
+  margin-top: 22px;
+}
+
+.review-2 .author-data {
+  margin-top: 15px;
+}
+
+.review-3 .author-data {
+  margin-top: 20px;
+}
+
+.review-avatar {
+  margin: 0 auto; 
+  float: left;
+}
+
+.review-avatar img,
+.owl-item .review-avatar img {
+  width: 54px;
+  height: 54px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+}
+
+.review-2 .review-avatar img {
+  width: 64px;
+  height: 64px;
+}
+
+.review-3 .review-avatar img,
+.review-5 .review-avatar img {
+  width: 62px;
+  height: 62px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL AUTHOR
+/*------------------------------------------*/ 
+
+.review-author {
+  position: relative;
+  display: inline-block;
+  text-align: left;
+  padding: 0 0 0 15px;
+}
+
+.review-1 .review-author {
+  margin-top: 4px;
+}
+
+.review-2 .review-author {
+  margin-top: 10px;
+}
+
+.review-3 .review-author {
+  margin-top: 8px;
+} 
+
+.review-5 .review-author {
+  margin-top: 8px;
+}   
+
+.review-4 .review-author {
+  padding-left: 0;
+  margin-top: 0;
+} 
+
+.review-author h6 {
+  line-height: 1;
+  margin-bottom: 8px;
+}
+
+.review-1 .review-author h6 {
+  font-size: 0.975rem;
+}
+
+.review-author p {
+  line-height: 1;
+  font-weight: 300;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL CAROUSEL DOTS
+/*------------------------------------------*/
+
+.reviews-section button {
+  background-color: transparent;
+  border: none;
+  padding: 0 2px;
+}
+
+.owl-theme .owl-dots .owl-dot span {
+  margin: 0 7px;
+}
+
+.owl-dots button:focus {
+  outline: none;
+  text-decoration: none;
+}
+
+
+
+
+/* ==========================================================================
+  14. PRESS
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  PRESS LOGO
+/*------------------------------------------*/ 
+
+.press-logo img {
+  position: relative;
+  width: auto;
+  max-width: inherit;
+  max-height: 82px;
+}
+
+/*------------------------------------------*/
+/*  PRESS TEXT
+/*------------------------------------------*/ 
+
+.press-txt {
+  position: relative;
+  margin-top: 15px;
+}
+
+.press-txt p {
+  color: #999;
+  font-weight: 400;
+  margin-bottom: 0;
+}
+
+.press-txt span {   
+  position: relative;
+  top: 3px;
+  left: -1px;
+  opacity: .6;
+}
+
+.press-txt.ico-20 [class^="flaticon-"]:before, 
+.press-txt.ico-20 [class^="flaticon-"]:after {
+  font-size: 1.375rem;
+}
+
+
+
+
+/* ==========================================================================
+  15. BRANDS
+  =========================================================================== */
+
+#brands-3 {
+  position: relative;
+}
+
+#brands-3:after {
+  position: absolute;
+  content: '';
+  width: 100%;
+  height: 80%;
+  top: 0;
+  left: 0;
+  z-index: -1;
+}
+
+/*------------------------------------------*/
+/*  BRANDS SECTION TITLE
+/*------------------------------------------*/ 
+
+.brands-title {
+  text-align: center;
+  padding: 0 5%;
+}
+
+.brands-title h4,
+.brands-title h3,
+.brands-title h2 {
+  margin-bottom: 8px;
+}
+
+.brands-title p {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  BRANDS LOGO WRAPPER
+/*------------------------------------------*/ 
+
+.brands-3-wrapper {
+  padding: 50px 30px;
+  background-color: #fff;
+  border: 1px solid #e9ecef;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px; 
+}
+
+/*------------------------------------------*/
+/*  BRANDS LOGO IMAGE
+/*------------------------------------------*/ 
+
+.brand-logo {
+  overflow: hidden;
+  position: relative;
+  top: 0;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+} 
+
+#brands-1 .brands-carousel-5 .brand-logo {
+  padding: 0 30px;
+} 
+
+#brands-1 .brands-carousel-6 .brand-logo {
+  padding: 0 20px;
+}   
+
+#brands-1 .justify-content-center .brand-logo {
+  padding: 0 15px;
+} 
+
+#brands-2 .brand-logo {
+  padding: 0;
+} 
+
+#brands-3 .brand-logo {
+  padding: 0 25px;
+}
+
+#brands-3 .brands-3-static .brand-logo {
+  padding: 0 15px;
+}
+
+#brands-4 .brand-logo {
+  padding: 0 20px;
+} 
+
+.brand-logo:hover {
+  top: -6px;
+}
+
+.brands-section .more-btn {
+  text-align: center;
+  margin-top: 40px;
+}
+
+.hero-section .owl-dots,
+.brands-section .owl-dots {
+  display: none;
+}
+
+
+
+
+/* ==========================================================================
+  16. INTEGRATIONS
+  =========================================================================== */
+
+.integrations-2-wrapper {
+  padding: 80px 70px;
+}
+
+.in_tool_logo {
+  padding: 50px 30px;
+  margin-bottom: 25px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.integrations-1-wrapper .in_tool-logo {
+  position: relative;
+  margin-right: 20px;
+}
+
+.integrations-1-wrapper .in_tool {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+  padding: 22px 20px;
+  border: 1px solid #ccc;
+}
+
+.integrations-1-wrapper .in_tool-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.in_tool h6 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.integrations-1-wrapper .in_tool-txt h6 {
+  margin-top: 5px;
+}
+
+.integrations-1-wrapper .in_tool-txt p {
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+.integrations-1-wrapper .in_tool:hover {
+  border-color: transparent;
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+}
+
+
+
+
+/* ==========================================================================
+  17. PRICING
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  Price Table
+/*------------------------------------------*/
+
+.p-table {
+  margin-bottom: 40px;
+}
+
+.pricing-1-table { 
+  padding: 50px 38px 45px; 
+}
+
+.text-center .pricing-1-table {
+  padding: 60px 35px 50px; 
+}
+
+.pricing-2-table { 
+  padding: 45px 38px 50px; 
+}
+
+.pricing-3-table { 
+  padding: 50px 40px; 
+}
+
+.pricing-4-table {
+  position: relative;
+  padding: 45px;
+}
+
+#pt-4-1 { margin: 0 10px 40px 50px; }
+#pt-4-2 { margin: 0 50px 40px 10px; }
+
+/*------------------------------------------*/
+/*  TABLE HEADER 
+/*------------------------------------------*/
+
+.pricing-table-header {
+  position: relative;
+}
+
+.pricing-table-header h5 {
+  margin-bottom: 30px;
+}
+
+.pricing-table-header h4 {
+  margin-bottom: 25px;
+}
+
+/*------------------------------------------*/
+/*  PRICING TABLE DISCOUNT
+/*------------------------------------------*/
+
+.pricing-discount {
+  position: absolute;
+  top: -2px;
+  right: -10px;
+  padding: 8px 18px;
+}
+
+.pricing-1-table .pricing-discount {
+  top: -2px;
+  right: -5px;
+  padding: 7px 13px;
+}
+
+.text-center .pricing-1-table .pricing-discount {
+  top: -35px;
+  right: -8px;
+}
+
+.pricing-discount h6 {
+  font-size: 1.1rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.pricing-1-table .pricing-discount h6 {
+  font-size: 0.915rem;
+}
+
+.price.color--black .white--color {
+  color: #fff;
+}
+
+.comp-table .table thead th {
+  border-color: #ccc;
+}
+
+.comp-table tbody th {
+  border-bottom: 1px solid #ccc!important;
+}
+
+.comp-table .table tr td {
+  border-bottom: 2px solid #ccc;
+}
+
+/*------------------------------------------*/
+/*  PRICE
+/*------------------------------------------*/
+
+.price span {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 3rem;
+  line-height: 1;
+  font-weight: 600;
+  letter-spacing: -2px;
+} 
+
+.pricing-2-table.highlight .price span {
+  font-size: 2.4rem;
+  letter-spacing: -1px;
+} 
+
+.pricing-3-table .price span {
+  font-size: 4.35rem;
+} 
+
+.pricing-4-table .price span {
+  font-size: 3.15rem;
+} 
+
+/*------------------------------------------*/
+/*  DOLLAR SIGN
+/*------------------------------------------*/
+
+.price sup {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 2.05rem;
+  font-weight: 600;
+  top: -5px;
+  right: 2px;
+  letter-spacing: -1px;
+}
+
+.pricing-3-table .price sup {
+  font-size: 2.35rem;
+  top: -23px;
+  right: 3px;
+}
+
+.pricing-4-table .price sup {
+  font-size: 2.05rem;
+  top: -10px;
+  right: 2px;
+}
+
+/*------------------------------------------*/
+/*  COINS
+/*------------------------------------------*/
+
+.pricing-3-table .price sup.coins {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 2.35rem;
+  font-weight: 600;
+  top: -29px;
+  left: 3px;
+  letter-spacing: -2px;
+}
+
+/*------------------------------------------*/
+/*  Validity
+/*------------------------------------------*/
+
+.price sup.validity {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 1.4rem;
+  font-weight: 400;
+  top: -2px;
+  left: 0;
+}
+
+.pricing-3-table .price sup.validity {
+  display: block;
+  font-size: 1.1875rem;
+  top: 0;
+  margin-top: 20px;
+  margin-bottom: 30px;
+  letter-spacing: 0;
+  margin-bottom: 40px;
+}
+
+/*------------------------------------------*/
+/*  Text
+/*------------------------------------------*/
+
+.price p {
+  margin-top: 25px;
+  margin-bottom: 25px;
+}
+
+.pricing-2-table .price p {
+  margin-bottom: 15px;
+}
+
+.text-center .price p {
+  padding: 0 2%;
+}
+
+.pricing-section .btn-txt a {
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  PRICING TABLE HORIZONTAL LINE
+/*------------------------------------------*/
+
+.pricing-1-table hr {
+  margin-top: 35px;
+}
+
+.pricing-2-table hr {
+  margin-top: 25px;
+}
+
+/*------------------------------------------*/
+/*  PRICING FEATURES
+/*------------------------------------------*/
+
+.pricing-features li {
+  padding: 11px 8px;
+}
+
+.pricing-4-table .pricing-features li {
+  padding: 10px;
+} 
+
+.pricing-features li p {
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 0;
+}
+
+.pricing-features li p span {
+  position: relative;
+  top: -2px;
+  right: 5px;
+}
+
+.pricing-features.ico-10 li p span {
+  top: 0;
+  right: 4px;
+}
+
+.pricing-features.ico-5 [class*="flaticon-"]:before, 
+.pricing-features.ico-5 [class*="flaticon-"]:after { font-size: 0.5rem; }
+
+.pricing-features li.disabled-option p,
+.pricing-features li.disabled-option span {
+  color: #b5b5b5!important;
+}
+
+/*------------------------------------------*/
+/*  PRICING TABLE BUTTON
+/*------------------------------------------*/
+
+.pt-btn {
+  display: block;
+  width: 100%;
+  margin-top: 25px;
+}
+
+.p-table p.btn-txt {
+  margin: 14px 0 0 0;
+}
+
+/*------------------------------------------*/
+/*  PRICING TOGGLE BUTTON
+/*------------------------------------------*/
+
+.ext-toggle-btn {
+  text-align: center;
+}
+
+.toggle-btn.inn-toggle-btn {
+  position: absolute;
+}
+
+#pricing-4 .ext-toggle-btn {
+  margin: 0 50px 35px 10px;
+}
+
+/*------------------------------------------*/
+/*  TOGGLE BUTTON TYPOGRAPHY
+/*------------------------------------------*/
+
+.toggle-btn-md .toggler-txt {
+  font-size: 1.1rem;
+  font-weight: 400;
+  line-height: 36px;
+}
+
+.toggle-btn-lg .toggler-txt {
+  font-size: 1.15rem;
+  font-weight: 400;
+  line-height: 40px;
+}
+
+.toggle-btn p {
+  margin-top: 10px;
+  letter-spacing: -0.25px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TOGGLE BUTTON SWITCHER
+/*------------------------------------------*/
+
+.switch-wrap {
+  position: relative;
+  display: inline-block;
+  min-width: 50px;
+  height: 32px;
+  vertical-align: middle;
+}
+
+.toggle-btn-md .switch-wrap {
+  min-width: 65px;
+  height: 36px;
+  margin: 0 8px;
+}
+
+.toggle-btn-lg .switch-wrap {
+  min-width: 70px;
+  height: 40px;
+  margin: 0 14px;
+}
+
+.switcher {
+  display: block;
+  cursor: pointer;
+  color: #fff;
+  font-size: 0.925rem;
+  font-weight: 500;
+  height: 32px;
+  padding: 0 15px 0 35px;
+  position: relative;
+  border-radius: 32px;
+  -webkit-transition: all 150ms ease-in-out;
+  -moz-transition: all 150ms ease-in-out;
+  -o-transition: all 150ms ease-in-out;
+  -ms-transition: all 150ms ease-in-out;
+  transition: all 150ms ease-in-out;
+}
+
+.toggle-btn-md .switcher {
+  height: 36px;
+  padding: 0 20px 0 40px;
+  border-radius: 36px;
+}
+
+.toggle-btn-lg .switcher {
+  height: 40px;
+  padding: 0 20px 0 40px;
+  border-radius: 40px;
+}
+
+.switcher.bg--tra-white {
+  background-color: #fff;
+  border: 2px solid #ccc;
+}
+
+.switcher.bg--ghost-white {
+  background-color: rgba(128, 143, 174, .45);
+  border: 2px solid rgba(128, 143, 174, .15);
+}
+
+.switcher.bg--grey {
+  background-color: #ccc;
+  border: 2px solid #ccc;
+}
+
+.switcher .show-annual, 
+.switcher .show-monthly {
+  line-height: 32px;
+}
+
+.toggle-btn-md .switcher .show-annual,
+.toggle-btn-md .switcher .show-monthly {
+  line-height: 36px;
+}
+
+.toggle-btn-lg .switcher .show-annual,
+.toggle-btn-lg .switcher .show-monthly {
+  line-height: 40px;
+}
+
+.switcher .show-monthly {
+  display: block;
+}
+
+.switcher .show-annual {
+  display: none;
+}
+
+.switcher:before {
+  position: absolute;
+  left: 4px;
+  bottom: 4px;
+  content: " ";
+  background-color: #fff;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out;
+}
+
+.toggle-btn-md .switcher:before {
+  left: 5px;
+  bottom: 5px;
+  width: 26px;
+  height: 26px;
+}
+
+.toggle-btn-lg .switcher:before {
+  left: 5px;
+  bottom: 5px;
+  width: 30px;
+  height: 30px;
+}
+
+.switcher.bg--grey:before,
+.switcher.bg--tra-white:before,
+.switcher.bg--ghost-white:before {
+  background-color: #ccc;
+  left: 4px;
+  bottom: 3.5px;
+  -webkit-box-shadow: 0 1px 1px 0 #aaa;
+  -moz-box-shadow: 0 1px 1px 0 #aaa;
+  box-shadow: 0 1px 1px 0 #aaa;
+}
+
+.switcher.bg--grey:before,
+.switcher.bg--ghost-white:before {
+  background-color: #fff;
+}
+
+.switch-wrap input {
+  display: none;
+}
+
+.switch-wrap input:checked + .switcher {
+  padding: 0 35px 0 15px;
+}
+
+.toggle-btn-md .switch-wrap input:checked + .switcher,
+.toggle-btn-lg .switch-wrap input:checked + .switcher {
+  padding: 0 40px 0 20px;
+}
+
+.switch-wrap input:checked + .switcher.switcher--blue-500 { background-color: #185abd; border-color: #185abd; }
+.switch-wrap input:checked + .switcher.switcher--blue-400 { background-color: #1680fb; border-color: #1680fb; }
+.switch-wrap input:checked + .switcher.switcher--blue-300 { background-color: #3eb1ff; border-color: #3eb1ff; }
+
+.switch-wrap input:checked + .switcher.switcher--green-500 { background-color: #00a14e; border-color: #00a14e; }
+.switch-wrap input:checked + .switcher.switcher--green-400 { background-color: #0fbc49; border-color: #0fbc49; }
+.switch-wrap input:checked + .switcher.switcher--green-300 { background-color: #6fd792; border-color: #6fd792; }
+
+.switch-wrap input:checked + .switcher.switcher--pink-500 { background-color: #ff149c; border-color: #ff149c; }
+.switch-wrap input:checked + .switcher.switcher--pink-400 { background-color: #f74780; border-color: #f74780; }
+.switch-wrap input:checked + .switcher.switcher--pink-300 { background-color: #fcb5cc; border-color: #fcb5cc; }
+
+.switch-wrap input:checked + .switcher.switcher--purple-500 { background-color: #663ae9; border-color: #663ae9; }
+.switch-wrap input:checked + .switcher.switcher--purple-400 { background-color: #7b5dd6; border-color: #7b5dd6; }
+.switch-wrap input:checked + .switcher.switcher--purple-300 { background-color: #bdaeea; border-color: #bdaeea; }
+
+.switch-wrap input:checked + .switcher.switcher--red-500 { background-color: #da0f29; border-color: #da0f29; }
+.switch-wrap input:checked + .switcher.switcher--red-400 { background-color: #ff1e1a; border-color: #ff1e1a; }
+.switch-wrap input:checked + .switcher.switcher--red-300 { background-color: #ffa5a3; border-color: #ffa5a3; }
+
+.switch-wrap input:checked + .switcher.switcher--violet-500 { background-color: #c73e9b; border-color: #c73e9b; }
+.switch-wrap input:checked + .switcher.switcher--violet-400 { background-color: #be6cbe; border-color: #be6cbe; }
+.switch-wrap input:checked + .switcher.switcher--violet-300 { background-color: #e2bde2; border-color: #e2bde2; }
+
+.switch-wrap input:checked + .switcher.switcher--yellow-500 { background-color: #ffba01; border-color: #ffba01; }
+.switch-wrap input:checked + .switcher.switcher--yellow-400 { background-color: #ffbd45; border-color: #ffbd45; }
+.switch-wrap input:checked + .switcher.switcher--yellow-300 { background-color: #ffdf35; border-color: #ffdf35; }
+
+.switch-wrap input:checked + .switcher:before {
+  left: auto;
+  right: 4px;
+  -webkit-transition: all 350ms ease-in-out;
+  -moz-transition: all 350ms ease-in-out;
+  -o-transition: all 350ms ease-in-out;
+  -ms-transition: all 350ms ease-in-out;
+  transition: all 350ms ease-in-out;
+}
+
+.switch-wrap input:checked + .switcher.bg--tra-white:before {
+  bottom: 3px;
+  background-color: #fff;
+  -webkit-box-shadow: 0 0;
+  -moz-box-shadow: 0 0;
+  box-shadow: 0 0;
+}
+
+.switch-wrap input:checked + .switcher .show-annual {
+  display: block;
+}
+
+.switch-wrap input:checked + .switcher .show-monthly {
+  display: none;
+}
+
+/*------------------------------------------*/
+/*  PRICING NOTICE TEXT
+/*------------------------------------------*/
+
+.pricing-notice {
+  text-align: center;
+  margin-top: 20px;
+}
+
+.pricing-notice p {
+  padding: 0 8%;
+  margin-bottom: 0;
+}
+
+.pricing-notice p span {
+  font-weight: 500;
+}
+
+/*------------------------------------------*/
+/*  COMPARE PRICING TABLE
+/*------------------------------------------*/
+
+.table>:not(caption)>*>* {
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+
+.comp-table .pricing-header {
+  max-width: 700px;
+}
+
+.comp-table .table-responsive thead th {
+  font-size: 1.15rem;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-weight: 600;
+}
+
+.comp-table .table-responsive tbody th {
+  font-size: 1rem;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-weight: 600;
+}
+
+.comp-table .table-responsive tbody td {
+  position: relative;
+  font-size: 1rem;
+  line-height: inherit;
+  top: 1px;
+}
+
+.comp-table .table-responsive tbody td span {
+  position: relative;
+  top: 1px;
+}
+
+.table-responsive .ico-15 [class*="flaticon-"]:before, 
+.table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+.table-responsive .ico-20 [class*="flaticon-"]:before, 
+.table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.95rem; }
+
+.comp-table .table-responsive tbody tr {
+  background-color: #fff;
+  -moz-transition: all 350ms ease-in-out;
+  -o-transition: all 350ms ease-in-out;
+  -ms-transition: all 350ms ease-in-out;
+  transition: all 350ms ease-in-out;
+}
+
+.comp-table .table tbody tr.table-last-tr {
+  border-color: transparent;
+}
+
+.comp-table .table-responsive tbody tr:hover {
+  background-color: #f7f7f9;
+}
+
+.comp-table .disabled-option {
+  color: #999;
+}
+
+/*------------------------------------------*/
+/*  PRICING COMPARE PAYMENT
+/*------------------------------------------*/
+
+.comp-table-payment h6 {
+  margin-bottom: 20px;
+}
+
+.comp-table-payment p {
+  margin-bottom: 0;
+}
+
+
+
+
+/* ==========================================================================
+  18. TEAM
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  TEAM MEMBER
+/*------------------------------------------*/
+
+#tm-2-1, #tm-2-4, #tm-2-7, #tm-2-10 { margin-right: 14px; }
+#tm-2-2, #tm-2-5, #tm-2-8, #tm-2-11 { margin-left: 7px; margin-right: 7px; }
+#tm-2-3, #tm-2-6, #tm-2-9, #tm-2-12 { margin-left: 14px; }
+
+/*------------------------------------------*/
+/*  TEAM MEMBER PHOTO
+/*------------------------------------------*/
+
+.team-member-photo {
+  position: relative;
+  overflow: hidden;
+  text-align: center;
+  margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  PHOTO HOVER ZOOM
+/*------------------------------------------*/ 
+
+.team-member:hover img {
+  transform: scale(1.05);
+  -ms-transform: scale(1.05);
+  -webkit-transform: scale(1.05);
+  -o-transform: scale(1.05);
+  -moz-transform: scale(1.05);
+}
+
+.team-member:hover .item-overlay {
+  opacity: .45; 
+  -moz-opacity: .45; 
+}
+
+/*------------------------------------------*/
+/*  TEAM MEMBER TYPOGRAPHY
+/*------------------------------------------*/
+
+.team-member-data {
+  position: relative;
+  margin-left: 5px;
+}
+
+.team-member-data h6.s-20 {
+  margin-bottom: 8px;
+}
+
+.team-member-data p {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  line-height: 1;
+  font-weight: 400;
+  letter-spacing: 0;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  Team Member Social Links
+/*------------------------------------------*/
+
+ul.tm-social {
+  position: absolute;
+  top: -1px;
+  right: 8px;
+  -webkit-transition: all 0.3s ease-out;
+  -o-transition: all 0.3s ease-out;
+  transition: all 0.3s ease-out;  
+}
+
+#team-1 ul.tm-social {
+  right: 5px;
+}
+
+ul.tm-social li {
+  width: auto !important;
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  padding: 0;
+  margin-left: 10px;
+  opacity: .6;
+  -webkit-transition: all 0.5s ease-out;
+  -o-transition: all 0.5s ease-out;
+  transition: all 0.5s ease-out;  
+}
+
+.tm-social.ico-20 [class*="flaticon-"]:before, 
+.tm-social.ico-20 [class*="flaticon-"]:after { font-size: 1.15rem; }
+
+
+
+
+/* ==========================================================================
+  19. CAREERS
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  ROLE BOX
+/*------------------------------------------*/
+
+.role-box {
+  border: 1px solid #d2d2d2;
+  padding: 25px 35px;
+  margin-bottom: 30px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.role-box.bg--white-200,
+.role-box.bg--white-300 {
+  border: 1px solid transparent;
+}
+
+.role-box:hover {
+  border-color: transparent;
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+}
+
+/*------------------------------------------*/
+/*  ROLE BOX TEXT
+/*------------------------------------------*/
+
+.role-box span {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  display: block;
+  font-size: 0.8rem;
+  line-height: 1;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  margin-bottom: 14px;
+}
+
+.role-box h6 {
+  margin-bottom: 6px;
+}
+
+.role-box p {
+  margin-bottom: 0;
+}
+
+
+
+
+/* ==========================================================================
+  20. CAREER ROLE
+  =========================================================================== */
+
+#role-page .inner-page-title {
+  text-align: left;
+  margin-bottom: 50px;
+}
+
+#role-page .inner-page-title span {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  display: block;
+  font-size: 0.9rem;
+  line-height: 1;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  margin-bottom: 35px;
+}
+
+.role-info hr {
+  margin: 50px 0;
+}
+
+#role-page .cbox-6-wrapper {
+  margin: 45px 0;
+}
+
+.role-info h5 {
+  margin-bottom: 25px;
+}
+
+.role-info p a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.txt-block.role-info .btn {
+  display: block;
+  margin-top: 50px;
+}
+
+
+
+
+/* ==========================================================================
+  21. BANNER
+  =========================================================================== */
+
+.banner-overlay {
+  width: 100%;
+  height: 100%;
+}
+
+#banner-11 {
+  margin-top: 50px;
+}
+
+#banner-12 {
+  margin-top: 40px;
+  margin-bottom: 10px;
+}
+
+/*------------------------------------------*/
+/*  BANNER WRAPPER
+/*------------------------------------------*/
+
+.banner-1-wrapper,
+.banner-2-wrapper,
+.banner-3-wrapper {
+  position: relative;
+  overflow: hidden;
+  text-align: center;
+} 
+
+.banner-1-wrapper .banner-overlay {
+  padding: 75px 15% 85px;
+}
+
+.banner-2-wrapper .banner-overlay {
+  padding: 80px 15% 90px;
+}
+
+.banner-3-wrapper .banner-overlay {
+  padding: 75px 20% 85px;
+}
+
+.banner-11-wrapper .banner-overlay {
+  padding: 10px 70px 0;
+}
+
+.banner-12-wrapper .banner-overlay {
+  padding-left: 80px;
+}
+
+.banner-13-wrapper {
+  overflow: hidden;
+}
+
+.banner-13-wrapper .banner-overlay {
+  overflow: hidden;
+  padding-left: 80px;
+}
+
+.banner-16-wrapper .banner-overlay {
+  padding: 45px 22%;
+}
+
+.banner-16-wrapper.bg--white-100.block-border {
+  border-color: #ccc;
+}
+
+/*------------------------------------------*/
+/*  BANNER TEXT
+/*------------------------------------------*/
+
+.banner-12-txt {
+  margin-top: -10px;
+  padding-right: 15%;
+}
+
+.banner-13-txt {
+  padding-right: 15%;
+}
+
+/*------------------------------------------*/
+/*  BANNER TYPOGRAPHY
+/*------------------------------------------*/
+
+.banner-section .section-id {
+  font-weight: 600;
+  padding-top: 10px;
+  margin-bottom: 30px;
+}
+
+.banner-1-txt h2 {
+  margin-bottom: 15px;
+}
+
+.banner-2-txt h2 {
+  margin-bottom: 35px;
+}
+
+.banner-4-txt h2 {
+  margin-bottom: 30px;
+}
+
+.banner-7-txt h2 {
+  margin-bottom: 35px;
+}
+
+.banner-10-txt h6 {
+  font-weight: 400;
+  margin-bottom: 12px;
+}
+
+.banner-10-txt h2 {
+  margin-bottom: 25px;
+}
+
+.banner-11-txt h2,
+.banner-12-txt h2,
+.banner-13-txt h2 {
+  margin-bottom: 22px;
+}
+
+.banner-15-txt h2 {
+  margin-bottom: 45px;
+}
+
+.banner-16-txt h4 {
+  margin-bottom: 14px;
+}
+
+.banner-section p.p-lg {
+  font-size: 1.15rem; 
+  margin-bottom: 30px;
+}
+
+.banner-section p.p-xl {
+  margin-bottom: 25px;
+}
+
+.sm-title .banner-1-txt p.p-lg,
+.sm-title .banner-1-txt p.p-xl {
+  margin-top: 12px;
+  margin-bottom: 22px!important;
+}
+
+.banner-3-txt p.p-lg,
+.banner-3-txt p.p-xl,
+.banner-5-txt p.p-lg,
+.banner-5-txt p.p-xl {
+  margin-top: 20px;
+}
+
+.banner-5-txt p.s-21,
+.banner-5-txt p.s-22 {
+  margin-top: 20px;
+  margin-bottom: 26px;
+}
+
+.banner-6-txt p.p-lg,
+.banner-6-txt p.p-xl {
+  margin-top: 15px;
+  margin-bottom: 25px!important;
+}
+
+.banner-8-txt p.p-lg,
+.banner-8-txt p.p-xl {
+  margin-top: 10px;
+  margin-bottom: 0!important;
+}
+
+.banner-9-txt p.p-lg,
+.banner-9-txt p.p-xl {
+  margin-top: 20px;
+  margin-bottom: 25px!important;
+}
+
+.banner-11-txt p {
+  padding-right: 8%;
+}
+
+.banner-14-txt p.p-lg {
+  font-size: 1.25rem;
+  margin-top: 35px;
+  margin-bottom: 40px;
+}
+
+.banner-15-txt p a {
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  BANNER IMAGE
+/*------------------------------------------*/
+
+.banner-11-img {
+  margin-top: -60px;
+  margin-left: -40px;
+}
+
+.banner-12-img {
+  margin: -40px -20px -30px -40px;
+}
+
+.banner-13-img {
+  transform: rotate(-20deg);
+  margin: -60px -120px -70px -40px;
+}
+
+
+
+
+/* ==========================================================================
+  22. CALL TO ACTION / DOWNLOAD
+  =========================================================================== */
+
+.version-release {
+  margin-bottom: 80px;
+}
+
+.release-data {
+  padding-bottom: 30px;
+  border-bottom: 1px dashed #ccc;
+  margin-bottom: 30px;
+}
+
+.release-data h5 {
+  margin-bottom: 40px;
+}
+
+span.version-data {
+  color: #353f4f;
+  font-size: 2rem;
+  line-height: 1;
+  margin-right: 20px;
+  margin-bottom: 0;
+}
+
+span.release-date {
+  color: #999;
+  font-size: 1.175rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+span.release-date span {
+  color: #353f4f;
+  font-weight: 500;
+  margin-left: 20px;
+}
+
+.release-download {
+  position: absolute;
+  right: 5px;
+  bottom: 0;
+}
+
+.release-highlights .simple-list p {
+  margin-bottom: 2px;
+}
+
+
+
+
+/* ==========================================================================
+  23. FAQS
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  FAQS SECTION TITLE 
+/*------------------------------------------*/
+
+#faqs-1 .section-title {
+  margin-bottom: 50px;
+}
+
+#faqs-2 .inner-page-title {
+  margin-bottom: 55px;
+}
+
+#faqs-3 .section-title {
+  margin-bottom: 70px;
+}
+
+.faqs-3-questions .questions-holder {
+  padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  FAQS ACCORDION  
+/*------------------------------------------*/
+
+.faqs-section .accordion-item {
+  background-color: transparent!important;
+  border: none;
+  border-bottom: 1px solid #e5e5e5;
+}
+
+#faqs-2.faqs-section .accordion-item {
+  border-bottom: 1px solid #ddd;
+}
+
+.faqs-section .accordion-item.acc-last-item,
+#faqs-2.faqs-section .accordion-item.acc-last-item {
+  border-bottom: none;
+}
+
+/*------------------------------------------*/
+/*  Question
+/*------------------------------------------*/
+
+.faqs-section .accordion-thumb {
+  margin: 0;
+  padding: 25px 0;
+  cursor: pointer;
+  position: relative;
+}
+
+#faqs-2.faqs-section .accordion-thumb {
+  padding: 25px 0 30px;
+}
+
+.faqs-section .accordion-item .accordion-thumb:after,
+.faqs-section .accordion-item.is-active .accordion-thumb:after {
+  font-family: Flaticon;
+  font-weight: 300; 
+  content: "\f11a";
+  position: absolute;
+  font-size: 1rem;
+  top: 22px;
+  right: 3px;
+}
+
+#faqs-2.faqs-section .accordion-item .accordion-thumb:after,
+#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after {
+  font-size: 1rem;
+  top: 26px;
+  right: 2px;
+}
+
+.faqs-section .accordion-item.is-active .accordion-thumb:after {
+  content: "\f11b";
+}
+
+#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb {
+ border-bottom: 1px solid #e5e5e5;
+}
+
+/*------------------------------------------*/
+/*  Answer
+/*------------------------------------------*/
+
+.accordion-panel {
+  margin: 0;
+  padding: 0 0 15px 0;
+  display: none;
+}
+
+#faqs-2 .accordion-panel {
+  padding: 45px 0 15px 0;
+}
+
+.accordion-thumb h5,
+.accordion-thumb h4 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.question h5,
+.accordion-panel-item h5 {
+  margin-bottom: 20px;
+}
+
+.question h5 span,
+.accordion-thumb h5 span,
+.accordion-panel-item h5 span {
+  margin-right: 5px;
+}
+
+.question p a, 
+.accordion-panel p a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.question p.color--grey a.color--blue, 
+.accordion-panel.color--grey a.color--blue {
+  color: #1680fb!important;
+}
+
+/*------------------------------------------*/
+/*  FAQS TABS 
+/*------------------------------------------*/
+
+.faqs-section .tabs-nav { 
+  text-align: center;
+}
+
+.faqs-section .tabs-1 { 
+  display: inline-block;
+  margin: 0 auto 60px;
+}
+
+.faqs-section .tab-content {
+  display: none;
+}
+
+.faqs-section .tab-content.current {
+  display: inherit;
+}
+
+.faqs-section .tabs-1 li {
+  display: inline-block; 
+  min-width: 230px;
+  background-color: transparent;
+  border: 2px solid #ddd;
+  cursor: pointer;
+  padding: 30px 0;
+  margin: 0 6px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.faqs-section .tabs-1 li span {
+  color: #c3c4c5;
+}
+
+.faqs-section .tabs-1 li p {
+  line-height: 1;
+  font-weight: 400;
+  margin-top: 15px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TAB LINK CURRENT
+/*------------------------------------------*/
+
+.faqs-section .tabs-1 li.current,
+.faqs-section .tabs-1 li.current:hover {
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2);
+  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2);
+}
+
+.faqs-section .tabs-1 li.current p,
+.faqs-section .tabs-1 li.current span {
+  color: #fff;
+}
+
+.faqs-section .tabs--blue .tabs-1 li.current,
+.faqs-section .tabs--blue .tabs-1 li.current:hover {
+  background-color: #1680fb;
+  border-color: #1680fb!important;
+}
+
+.faqs-section .tabs--purple .tabs-1 li.current,
+.faqs-section .tabs--purple .tabs-1 li.current:hover {
+  background-color: #7b5dd6;
+  border-color: #7b5dd6!important;
+}
+
+/*------------------------------------------*/
+/*  MORE QUESTIONS LINK
+/*------------------------------------------*/
+
+.more-questions {
+  text-align: center;
+}
+
+#faqs-2 .more-questions {
+  margin: 70px auto 0; 
+}
+
+.more-questions-txt {
+  display: inline-block;
+  padding: 22px 46px;
+}
+
+.more-questions-txt p {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.more-questions-txt a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+
+
+
+/* ==========================================================================
+  24. NEWSLETTER
+  =========================================================================== */
+
+#newsletter-1 .newsletter-overlay {
+  padding-top: 60px;
+  padding-bottom: 60px;
+}  
+
+#newsletter-2 .container {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+#newsletter-2 .newsletter-overlay {
+  padding: 60px 50px;
+}
+
+#newsletter-3 {
+  margin-top: 50px;
+  margin-bottom: 50px;
+}
+
+#newsletter-4 .newsletter-overlay,
+#newsletter-5 .newsletter-overlay {
+  padding-top: 80px;
+  padding-bottom: 70px;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER TYPOGRAPHY
+/*------------------------------------------*/ 
+
+.newsletter-txt h2 {
+  margin-bottom: 35px;
+}
+
+#newsletter-4 .newsletter-txt h2 {
+  margin-bottom: 40px;
+}
+
+.newsletter-txt h4,
+.newsletter-txt h3,
+#newsletter-5 .newsletter-txt h2 {
+  margin-bottom: 0;
+}
+
+.newsletter-txt p.p-sm {
+  margin-bottom: 0;
+}
+
+#newsletter-4 .newsletter-txt p {
+  padding: 0 10%;
+}
+
+#newsletter-5 .newsletter-txt p {
+  margin-top: 20px;
+  margin-bottom: 0;
+}
+
+.newsletter-txt a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER FORM
+/*------------------------------------------*/ 
+
+#newsletter-1 .newsletter-form {
+  padding-left: 15%;
+  margin-top: 30px;
+}
+
+#newsletter-2 .newsletter-form {
+  margin-top: 25px;
+  padding-left: 12%;
+}
+
+#newsletter-4 .newsletter-form {
+  padding: 0 5%;
+}
+
+#newsletter-5 .newsletter-form {
+  margin-top: 35px;
+  padding: 0 10%;
+}
+
+/*------------------------------------------*/
+/*   Newsletter Form Input
+/*------------------------------------------*/
+
+.newsletter-section .form-control {
+  height: 56px;
+  background-color: #fff;
+  border: 1px solid #ccc;
+  font-size: 1rem;
+  color: #353f4f;
+  font-weight: 400;
+  padding: 0 15px;  
+  margin-right: 12px;
+  box-shadow: none;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  border-radius: 6px;
+}
+
+#newsletter-1.newsletter-section .form-control {
+  height: 54px;
+  font-size: 0.975rem;
+}
+
+#newsletter-5.newsletter-section .form-control {
+  height: 62px;
+  font-size: 1.0625rem;
+}
+
+.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Input Focus
+/*------------------------------------------*/
+
+.newsletter-section .form-control:focus {
+  background-color: #fff;
+  outline: 0;
+  box-shadow: none;
+  border-color: #1680fb;
+}
+
+.newsletter-section .purple-focus .form-control:focus {
+  border-color: #8863ee;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Input Placeholder
+/*------------------------------------------*/
+
+.newsletter-section .form-control::-moz-placeholder { color: #aaa; } 
+.newsletter-section .form-control:-ms-input-placeholder { color: #aaa; } 
+.newsletter-section .form-control::-webkit-input-placeholder { color: #aaa; } 
+
+/*------------------------------------------*/
+/*  Newsletter Form Button
+/*------------------------------------------*/
+
+.newsletter-section .btn {
+  display: block; 
+  width: 100%!important;
+  height: 56px;
+}
+
+#newsletter-1 .btn {
+  height: 54px;
+  font-size: 0.925rem;
+  padding: 0.7rem 1.3rem;
+}
+
+#newsletter-5.newsletter-section .btn {
+  height: 62px;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Notification
+/*------------------------------------------*/
+
+.newsletter-section .form-notification {
+  color: #3eb1ff;
+  font-size: 0.9rem;
+  font-weight: 400;
+  line-height: 1;
+  margin-top: 15px;
+  margin-left: 5px;
+}
+
+.newsletter-section .text-center .form-notification {
+  margin-left: 0;
+}
+
+.bg--color.newsletter-section .form-notification {
+  color: #fff;
+}
+
+.newsletter-section .form-notification.valid,
+.newsletter-section .form-notification.error {
+  color: #fc2f4b;
+}
+
+.newsletter-section .newsletter-form.valid {
+  color: #0fbc49;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER IMAGE
+/*------------------------------------------*/
+
+#newsletter-3 .newsletter-img {
+  margin-top: -50px;
+  margin-bottom: -50px;
+}
+
+#newsletter-3 .col-lg-6 .newsletter-img {
+  padding-left: 40px;
+}
+
+
+
+/* ==========================================================================
+  25. BLOG
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  BLOG POST TAG
+/*------------------------------------------*/
+
+.post-tag {
+  display: block;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 0.75rem;
+  font-weight: 600;
+  letter-spacing: 0;
+  text-transform: uppercase;
+  margin-bottom: 20px;
+}
+
+#single-post .post-tag {
+  font-size: 0.85rem;
+}
+
+/*------------------------------------------*/
+/*  BLOG POST META
+/*------------------------------------------*/
+
+.post-meta-list li {
+  width: auto!important;
+  display: inline-block!important;
+  vertical-align: top;
+  clear: none !important;
+}
+
+.post-meta-list p {
+  color: #353f4f;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.bg--black-400 .post-meta-list p {
+  color: #f8f9f9;
+}
+
+.meta-list-divider {
+  position: relative;
+  top: 0px;
+  transform: rotate(-90deg);
+  padding: 0 1px;
+}
+
+/*------------------------------------------*/
+/*  BLOG POST TYPOGRAPHY
+/*------------------------------------------*/
+
+.blog-post-txt h6 {
+  margin-bottom: 15px;
+}
+
+.blog-post-txt p {
+  margin-bottom: 0;
+}
+
+.blog-post-txt a {
+  color: #353f4f;
+}
+
+.blog-post-txt a:hover {
+  text-decoration: underline;
+}
+
+.bg--black-400 .blog-post-txt a {
+  color: #f8f9f9;
+}
+
+.bg--black-400 .blog-post-txt a:hover {
+  color: #fff!important;
+}
+
+
+
+
+/* ==========================================================================
+  26. BLOG LISTING
+  =========================================================================== */
+
+.wide-post {
+  margin-bottom: 100px;
+}
+
+.wide-post .blog-post-img {
+  padding-right: 15px;
+}
+
+.wide-post .blog-post-txt {
+  padding-left: 15px;
+}
+
+.square-post {
+  margin-top: 60px;
+  margin-bottom: 40px;
+}
+
+.square-post-wrapper {
+  overflow: hidden;
+}
+
+.square-post .blog-post-txt {
+  padding: 0 30px 0 60px;
+}
+
+/*------------------------------------------*/
+/*  BLOG POSTS CATEGORY
+/*------------------------------------------*/
+
+.posts-category {
+  margin-top: 40px;
+  margin-bottom: 60px;
+}
+
+.posts-category h4 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.posts-category span {
+  position: relative;
+  top: 1px;
+}
+
+
+
+
+/* ==========================================================================
+  27. SINGLE BLOG POST
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  Single Post Title
+/*------------------------------------------*/
+
+.single-post-title h3,
+.single-post-title h2 {
+  padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  Single Post Text
+/*------------------------------------------*/
+
+.single-post-txt h5,
+.single-post-txt h4 {
+  margin-top: 30px;
+  margin-bottom: 30px;
+}
+
+.single-post-txt h5 span {
+  display: block;
+}
+
+/*------------------------------------------*/
+/*  Single Post Code
+/*------------------------------------------*/
+
+.txt-code {
+  background-color: #f8f9fa;
+  padding: 20px 18px;
+  margin: 30px 0;
+}
+
+.txt-code p {
+  color: #383a42; 
+  font-size: 1rem;
+  line-height: 1.75;
+  margin-bottom: 0;
+}
+
+.single-post-txt p a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.txt-code span.code-property,
+.txt-code p code.code-language-js {
+  color: #151515;
+}
+
+.txt-code span.code-variable,
+.txt-code span.code-attribute {
+  color: #986801;
+}
+
+.txt-code span.code-string {
+  color: #50a14f;
+}
+
+/*------------------------------------------*/
+/*  Single Post Blockquote
+/*------------------------------------------*/
+
+.single-post-txt figure {
+  margin-bottom: 40px;
+}
+
+.single-post-txt .blockquote p {
+  font-size: 1.5rem;
+  line-height: 1.45;
+  margin-bottom: 40px;
+}
+
+.single-post-txt .blockquote-footer {
+  font-size: 1.125rem;
+}
+
+/*------------------------------------------*/
+/*  Single Post Image
+/*------------------------------------------*/
+
+.post-inner-img {
+  text-align: center;
+  margin-top: 50px;
+  margin-bottom: 50px;
+}
+
+/*------------------------------------------*/
+/*  POST SHARE LINKS
+/*------------------------------------------*/ 
+
+.post-share-list {
+  margin-top: 50px;
+  padding-bottom: 50px;
+}
+
+/*------------------------------------------*/
+/*  POST SHARE ICONS
+/*-----------------------------------------*/
+
+.share-social-icons {
+  display: inline-block; 
+  padding-left: 0;
+}
+
+.share-social-icons li {
+  width: auto !important;
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  padding: 0;
+}
+
+.share-social-icons a.share-ico span {
+  opacity: .75;
+  margin-right: 25px;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out;
+}
+
+.share-social-icons a.share-ico:hover span {
+  opacity: 1;
+}
+
+/*------------------------------------------*/
+/*  POST AUTHOR
+/*------------------------------------------*/ 
+
+.post-author {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+.post-author-avatar {
+  position: relative;
+  text-align: center;
+  margin-right: 35px;
+}
+
+.post-author-avatar img {  
+  width: 100px;
+  height: 100px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;  
+}
+
+.post-author-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.post-author-txt h5 {
+  margin-bottom: 20px;
+}
+
+.post-author-txt p {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  Follow Button
+/*------------------------------------------*/ 
+
+.author-follow-btn {
+  display: inline-block;
+  position: absolute;
+  padding: 6px 15px;
+  line-height: 1;
+  top: 80px;
+  right: 10px;
+  border: 2px solid #ddd;
+}
+
+.author-follow-btn a {
+  color: #666;
+  font-size: 0.935rem;
+  font-weight: 400;
+}
+
+/*------------------------------------------*/
+/*  POST COMMENTS
+/*------------------------------------------*/
+
+.post-comments {
+  padding-top: 100px;
+}
+
+.post-comments hr {
+  margin-top: 24px; 
+  margin-bottom: 40px; 
+}
+
+.post-comments h5 {
+  margin-bottom: 60px;
+}
+
+.post-comments img {
+  width: 68px;
+  height: 68px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+}
+
+.comment-body {
+  margin-left: 25px;
+}
+
+.comment-meta {
+  margin-bottom: 10px;
+}
+
+.comment-meta h6 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.comment-date {
+  font-size: 16px;
+  font-weight: 400;
+  margin-bottom: 5px;
+}
+
+/*------------------------------------------*/
+/*  Comment Reply 
+/*------------------------------------------*/
+
+.btn-reply {
+  margin-left: 3px;
+}
+
+.btn-reply a {
+  font-size: 17px;
+  font-weight: 400; 
+}
+
+.btn-reply span {
+  position: relative;
+  top: 3px;
+  margin-right: 4px;
+  left: 3px;
+}
+
+.btn-reply.ico-20 [class*="flaticon-"]:before, 
+.btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 0.975rem; }
+
+.btn-reply a:hover {
+  color: #222;
+}
+
+/*------------------------------------------*/
+/*  SINGLE POST COMMENT FORM
+/*------------------------------------------*/
+
+.post-comments #leave-comment h5 {
+  padding-bottom: 0;
+  margin-top: 80px;
+  margin-bottom: 10px;
+  border: none;
+}
+
+.comment-form {
+  position: relative;
+  margin-top: 60px;
+}
+
+.comment-form p {
+  position: relative;
+  color: #353f4f;
+  line-height: 1;
+  font-weight: 500;
+  margin-bottom: 15px;
+  padding-left: 8px;
+  display: block;
+}
+
+.comment-form p span {
+  position: relative;
+  color: #ff3366;
+  top: -3px;
+}
+
+.comment-form .form-control {
+  height: 62px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  box-shadow: 0 0 0 0;
+  color: #353f4f;
+  font-size: 1rem;
+  line-height: 1;
+  font-weight: 400;
+  padding: 0 20px;
+  margin-bottom: 30px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+  -webkit-transition: all 300ms ease-in-out;
+  -moz-transition: all 300ms ease-in-out;
+  -o-transition: all 300ms ease-in-out;
+  -ms-transition: all 300ms ease-in-out;
+  transition: all 300ms ease-in-out;
+}
+
+.comment-form textarea { min-height: 220px; }
+.comment-form textarea.form-control { 
+  padding: 25px 20px;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Input Focus
+/*------------------------------------------*/
+
+.comment-form .form-control:focus {
+  outline: 0px none;
+  box-shadow: none;
+  background-color: #fcfdfd;
+  border-color: #1680fb;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Button
+/*------------------------------------------*/
+
+.comment-form .btn {
+  margin-top: 15px;
+}
+
+.comment-form .btn:focus {
+  outline: 0px none;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Message
+/*------------------------------------------*/
+
+.comment-form-msg {
+  width: 100%!important;
+  display: block;
+  margin-top: 15px;
+  padding-left: 0;
+}
+
+.comment-form .loading {
+  color: #00b2e4;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 500;
+}
+
+.comment-form .error {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 10px;
+}
+
+
+
+
+/* ==========================================================================
+  28. CONTACTS
+  =========================================================================== */
+
+#contacts-1 .contact-form p {
+  color: #353f4f;
+  line-height: 1;
+  font-weight: 500;
+  margin-bottom: 10px;
+  padding-left: 8px;
+}
+
+#contacts-1 .contact-form .col-md-12 span {
+  display: block;
+  font-size: 0.95rem;
+  line-height: 1;
+  font-weight: 300;
+  margin-bottom: 20px;
+  padding-left: 8px;
+}
+
+#contacts-1 .contact-form .contact-form-notice p {
+  font-size: 0.835rem;
+  font-weight: 300;
+  line-height: 1.5555;
+  padding-left: 0;
+  margin-top: 40px;
+}
+
+.contact-form-notice p a {
+  color: #353f4f;
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  CONTACT FORM INPUT
+/*------------------------------------------*/
+
+.contact-form .form-control,
+.contact-form .form-select {
+  height: 62px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  box-shadow: 0 0 0 0;
+  color: #3a4a56;
+  font-size: 1rem;
+  font-weight: 400;
+  padding: 0 15px;
+  margin-bottom: 30px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+}
+
+.bg--snow .contact-form .form-control,
+.bg--snow .contact-form .form-select {
+  background-color: #fff;
+  border: 1px solid #ccc;
+}
+
+.contact-form .form-select {
+  display: inline-block;
+  width: 100%;
+  color: #998da0;
+  box-shadow: none;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+}
+
+/*------------------------------------------*/
+/*  Contact Form Textarea
+/*------------------------------------------*/
+
+.contact-form textarea { min-height: 220px; }
+.contact-form textarea.form-control { 
+  padding: 20px 15px;
+}
+
+/*------------------------------------------*/
+/*  Contact Form Placeholder
+/*------------------------------------------*/
+
+.contact-form .form-control::-moz-placeholder { color: #999; } 
+.contact-form .form-control:-ms-input-placeholder { color: #999; }
+.contact-form .form-control::-webkit-input-placeholder { color: #999; }
+
+/*------------------------------------------*/
+/*  Contact Form Input Focus
+/*------------------------------------------*/
+
+.contact-form .form-control:focus,
+.contact-form .form-select:focus {
+  outline: 0px none;
+  box-shadow: none;
+  background-color: #fcfdfd;
+  border-color: #1680fb;
+}
+
+/*------------------------------------------*/
+/*  Contact Form Message
+/*------------------------------------------*/
+
+.contact-form-msg {
+  width: 100%!important;
+  display: block;
+  margin-top: 20px;
+  padding-left: 0;
+}
+
+.contact-form .loading {
+  color: #00b2e4;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 500;
+  padding-left: 15px;
+}
+
+.contact-form  .error {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 10px;
+}
+
+
+
+
+/* ==========================================================================
+  29. FOOTER
+  =========================================================================== */
+
+.footer {
+  padding-bottom: 50px;
+}
+
+.footer-info,
+.footer-links {
+  margin-bottom: 40px;
+}
+
+#footer-10 .footer-info {
+  margin-bottom: 40px;
+  padding-bottom: 55px;
+  border-bottom: 1px solid #dbdddf;
+}
+
+#footer-10 .footer-links {
+  margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  FOOTER LOGO
+/*------------------------------------------*/
+
+img.footer-logo,
+img.footer-logo-dark {
+  width: auto;
+  max-width: inherit;
+  max-height: 40px;
+}
+
+#footer-10 img.footer-logo {
+  max-height: 46px;
+}
+
+#footer-1 .footer-logo,
+#footer-5 .footer-logo,
+#footer-6 .footer-logo,
+#footer-7 .footer-logo {
+  margin-bottom: 25px;
+}
+
+/*------------------------------------------*/
+/*  FOOTER TYPOGRAPHY
+/*------------------------------------------*/
+
+.footer h6 {
+  line-height: 1;
+  margin-bottom: 25px;
+}
+
+#footer-9.footer h6 {
+  line-height: 1.5;
+}
+
+.bg--black.footer h6 {
+  color: #fff;
+}
+
+/*------------------------------------------*/
+/*  FOOTER INFO
+/*------------------------------------------*/
+
+.footer-info-copyright p {
+  margin-bottom: 0;
+}
+
+.footer-info-copyright p span {
+  position: relative;
+  top: 2px;
+  padding: 0 2px;
+}
+
+.footer-info-copyright.ico-15 [class*="flaticon-"]:before, 
+.footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.85rem; }
+
+/*------------------------------------------*/
+/*  FOOTER MAIL LINK
+/*------------------------------------------*/
+
+.footer .footer-mail-link {
+  margin-left: 3px;
+  margin-bottom: 0;
+}
+
+#footer-1 .footer-info .footer-mail-link {
+  margin-top: 10px;
+}
+
+#footer-2 .footer-links .footer-mail-link,
+#footer-3 .footer-links .footer-mail-link {
+  margin-left: 0;
+  margin-bottom: 20px;
+}
+
+.footer-mail-link a {
+  font-weight: 400;
+}
+
+.footer-mail-link span {
+  position: relative;
+  top: 4px;
+  right: 3px;
+}
+
+.footer-mail-link.ico-20 [class*="flaticon-"]:before, 
+.footer-mail-link.ico-20 [class*="flaticon-"]:after { font-size: 1.125rem; }
+
+.bg--black.footer .footer-mail-link a {
+  color: #a0a7b1;
+}
+
+.bg--black.footer .footer-mail-link a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  FOOTER LINKS
+/*------------------------------------------*/
+
+#footer-2 .footer-links {
+  padding-left: 10%;
+}
+
+.foo-links li {
+  width: auto!important;
+  display: block!important;
+  vertical-align: top;
+  clear: none !important;
+  margin: 0;
+  padding: 0;
+}
+
+.foo-links.ico-10 li span {
+  position: relative;
+  top: 1.5px;
+  right: 3px;
+}
+
+#footer-8 .foo-links li {
+  display: inline-block!important;
+  padding-left: 20px;
+}
+
+#footer-8 .foo-links li.first-li {
+  padding-left: 0;
+}
+
+#footer-10 .foo-links li {
+  display: inline-block!important;
+  padding: 0 10px;
+}
+
+.footer .foo-links li p {
+  font-weight: 400;
+  margin-bottom: 10px;
+}
+
+.footer .foo-links li:last-child p {
+  margin-bottom: 0;
+}
+
+.foo-links li a span.ext-link {
+  display: inline-block;
+  position: relative;
+  left: 3px;
+  top: 1.5px;
+  transform: rotate(-60deg);
+}
+
+.foo-links.ico-15 [class*="flaticon-"]:before, 
+.foo-links.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+.bg--black.footer .foo-links li p a {
+  color: #a0a7b1;
+}
+
+.bg--black.footer .foo-links li p a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  FOOTER SOCIAL
+/*------------------------------------------*/
+
+.footer-socials {
+  margin: 0;
+  display: inline-block; 
+}
+
+.footer-socials li {
+  float: left;
+  width: auto !important;
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  margin: 0;
+}
+
+.footer-socials a {
+  display: block;
+  margin-right: 15px;
+}
+
+.footer-socials.ico-20 a,
+.footer-socials.ico-25 a { 
+  margin-right: 16px; 
+} 
+
+.footer-socials.ico-25 [class*="flaticon-"]:before, 
+.footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.325rem; }
+
+.bg--black.footer .footer-socials li a {
+  color: #a0a7b1;
+}
+
+.bg--black.footer .footer-socials li a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  FOOTER STORE BAGES
+/*------------------------------------------*/
+
+.footer .store {
+  float: none;
+  margin-right: 0;
+  margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  FOOTER NEWSLETTER FORM
+/*------------------------------------------*/
+
+.footer-form {
+  margin-bottom: 20px;
+}
+
+#footer-7 .footer-form {
+  padding-left: 8%;
+}
+
+.footer-form .newsletter-form .input-group {
+  background-color: #f4f4f4;
+  border: 1px solid transparent;
+  padding: 9px 2px;
+}
+
+.footer-form .form-control {
+  height: 32px;
+  background-color: transparent;
+  border: none;
+  color: #666;
+  font-size: 1rem;
+  font-weight: 400;
+  padding: 0 10px;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Input Focus
+/*------------------------------------------*/
+
+.footer-form .form-control:focus {
+  border: none;
+  border-right: none;
+  outline: 0;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Footer Form Placeholder
+/*------------------------------------------*/
+
+.footer-form .form-control::-moz-placeholder { color: #6c757d; } 
+.footer-form .form-control:-ms-input-placeholder { color: #6c757d; } 
+.footer-form .form-control::-webkit-input-placeholder { color: #6c757d; } 
+
+/*------------------------------------------*/
+/*  Newsletter Form Button
+/*------------------------------------------*/
+
+.footer-form .btn {
+  height: 32px;
+  padding: 0 10px;
+}
+
+.footer-form .ico-15 [class*="flaticon-"]:before, 
+.footer-form .ico-15 [class*="flaticon-"]:after { line-height: 28px!important; }
+
+/*------------------------------------------*/
+/*  Footer Form Notification
+/*------------------------------------------*/
+
+.footer-form .form-notification {
+  color: #1680fb;
+  font-size: 0.85rem;
+  line-height: 1.25;
+  font-weight: 400;
+  margin-top: 12px;
+  margin-left: 5px;
+}
+
+.footer-form .form-notification.valid,
+.footer-form .form-notification.error {
+  color: #fc2f4b;
+}
+
+.footer-form .newsletter-form.valid {
+  color: #0fbc49;
+}
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER
+/*------------------------------------------*/
+
+.footer hr {
+  margin-top: 30px;
+  margin-bottom: 50px;
+}
+
+#footer-8 .bottom-footer,
+#footer-9 .bottom-footer {
+  margin-top: 20px;
+}
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER COPYRIGHT
+/*------------------------------------------*/
+
+.footer-copyright p {
+  margin-bottom: 0;
+}
+
+.bg--black.footer .footer-copyright p {
+  color: #a0a7b1;
+}
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER SECONDARY LINK
+/*------------------------------------------*/
+
+.bottom-secondary-link p {
+  margin-bottom: 0;
+}
+
+.bottom-secondary-link p span {
+  position: relative;
+  top: 1px;
+  padding: 0 2px;
+}
+
+.bottom-secondary-link.ico-15 [class*="flaticon-"]:before, 
+.bottom-secondary-link.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER LINKS
+/*------------------------------------------*/
+
+.bottom-footer-list li,
+.bottom-footer-socials li,
+.bottom-footer-payment li {
+  width: auto!important;
+  display: inline-block!important;
+  vertical-align: top;
+  clear: none !important;
+}
+
+.bottom-footer-socials li {
+  padding-left: 14px; 
+}
+
+#footer-4 .bottom-footer-list li,
+#footer-9 .bottom-footer-list li {
+  padding-left: 15px; 
+}
+
+#footer-4 .bottom-footer-list li.first-li,
+#footer-9 .bottom-footer-list li.first-li {
+  padding-left: 0; 
+}
+
+#footer-10 .bottom-footer-socials li {
+  padding: 0 15px; 
+}
+
+.footer-list-divider {
+  position: relative;
+  top: -0.5px;
+  transform: rotate(-90deg);
+  margin-left: 4px;
+}
+
+.bottom-footer-list.ico-15 [class*="flaticon-"]:before, 
+.bottom-footer-list.ico-15 [class*="flaticon-"]:after { font-size: 0.8rem; }
+
+.bottom-footer-list li p {
+  display: inline-block;
+  float: left;
+  margin-bottom: 0;
+}
+
+.bottom-footer-socials li span { 
+  position: relative;
+  top: 4px; 
+  opacity: .8;
+}
+
+.bottom-footer-payment li span {
+  line-height: 1!important;
+  position: relative;
+  top: 4px; 
+  opacity: .8;
+}
+
+#footer-4 .bottom-footer-list li span,
+#footer-9 .bottom-footer-list li span {
+  margin-top: 1px;
+  margin-right: 2px; 
+}
+
+.bottom-footer-socials.ico-20 [class*="flaticon-"]:before, 
+.bottom-footer-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.115rem; }
+
+.bottom-footer-socials.ico-25 [class*="flaticon-"]:before, 
+.bottom-footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.25rem; }
+
+.bg--black.footer .bottom-footer-list li p a {
+  color: #a0a7b1;
+}
+
+.bg--black.footer .bottom-footer-list li p a:hover {
+  color: #fff!important;
+}
+
+
+
+
+/* ==========================================================================
+  30. INNER PAGE WRAPPER
+  =========================================================================== */
+
+.inner-page-hero {
+  padding-top: 180px;
+}
+
+.page-hero-section-overlay {
+  position: relative;
+  width: 100%;
+  padding-top: 150px;
+}
+
+.page-hero-section-overlay .txt-block {
+  margin-top: -40px;
+}
+
+.page-hero-section .wave-shape-bottom path {
+  fill: #fff;
+}
+
+/*------------------------------------------*/
+/*  INNER PAGE TITLE
+/*------------------------------------------*/
+
+.inner-page-title {
+  text-align: center;
+  margin-bottom: 80px;
+}
+
+.inner-page-title h2 {
+  margin-bottom: 0;
+}
+
+.inner-page-title p {
+  font-size: 1.1875rem;
+  line-height: 1;
+  margin-top: 20px;
+  margin-bottom: 0;
+}
+
+.page-hero-section h2 {
+  line-height: 1.15;
+  margin-bottom: 30px;
+}
+
+
+
+
+/* ==========================================================================
+  31. PAGE PAGINATION
+  =========================================================================== */
+
+.page-link {
+  color: #6c757d;
+  font-size: 1.1rem;
+  font-weight: 500;
+  padding: 2px 14px;
+  margin: 0 8px;
+  background-color: transparent;
+  border: 2px solid transparent;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -o-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.pagination.ico-20 [class*="flaticon-"]:before, 
+.pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.9rem; } 
+
+.page-item:first-child .page-link {
+  border-top-left-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
+
+.page-item:last-child .page-link {
+  border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px;
+}
+
+.blue-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #1680fb;
+  border: 2px solid #1680fb;
+}
+
+.green-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #0fbc49;
+  border: 2px solid #0fbc49;
+}
+
+.pink-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #f74780;
+  border: 2px solid #f74780;
+}
+
+.purple-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #7b5dd6;
+  border: 2px solid #7b5dd6;
+}
+
+.red-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #ff1e1a;
+  border: 2px solid #ff1e1a;
+}
+
+.violet-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #be6cbe;
+  border: 2px solid #be6cbe;
+}
+
+.yellow-pagination .page-item.active .page-link {
+  color: #353f4f!important;
+  background-color: #ffba01;
+  border: 2px solid #ffba01;
+}
+
+.page-item.disabled .page-link {
+  color: #6c757d;
+  background-color: transparent;
+  border: 2px solid transparent;
+}
+
+.page-link:hover {
+  color: #6c757d;
+  background-color: transparent;
+  border: 2px solid #ccc;
+}
+
+.page-link:focus {
+  color: #6c757d;
+  background-color: transparent;
+  border: 2px solid transparent;
+  box-shadow: 0 0;
+}
+
+
+
+
+/* ==========================================================================
+  32. TERMS, PRIVACY, COOKIES PAGES
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  TERMS PAGE TYPOGRAPHY
+/*------------------------------------------*/
+
+.txt-block.legal-info h5 {
+  margin-top: 30px;
+  margin-bottom: 30px;
+}
+
+.txt-block.legal-info h4 {
+  margin-top: 80px;
+  margin-bottom: 30px;
+}
+
+.txt-block.legal-info h4 span,
+.txt-block.legal-info h5 span {
+  margin-right: 4px;
+}
+
+.legal-info p span {
+  color: #353f4f;
+  font-weight: 500;
+}
+
+.legal-info a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+
+
+
+/* ==========================================================================
+  33. SIGN-IN / SIGN-UP PAGE
+  =========================================================================== */
+
+#login,
+#signup {
+  background: url(../images/login.jpg);
+  background-position: bottom left;
+  min-height: 100vh;
+  padding-top: 80px;
+  padding-bottom: 80px;
+}
+
+#reset-password {
+  background: url(../images/reset-password.jpg);
+  background-position: center center;
+  min-height: 100vh;
+  padding-top: 80px;
+  padding-bottom: 100px;
+}
+
+.register-page-wrapper {
+  overflow: hidden;
+  position: relative;
+  z-index: 1;
+  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); 
+  -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); 
+  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); 
+}
+
+#login .register-page-wrapper {
+  background: url(../images/login-wrapper.jpg);
+  background-position: left top;
+}
+
+#signup .register-page-wrapper {
+  background: url(../images/login-wrapper.jpg);
+  background-position: right center;
+}
+
+#login .register-page-wrapper:after,
+#signup .register-page-wrapper:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 50%;
+  height: 100%;
+  top: 0;
+  background-color: #fff;
+}
+
+#login .register-page-wrapper:after {
+  left: 50%;
+}
+
+#signup .register-page-wrapper:after {
+  left: 0;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE LOGO
+/*------------------------------------------*/
+
+.register-page-txt img {
+  width: auto;
+  max-width: inherit;
+  max-height: 32px;
+  margin-bottom: 55px;
+}
+
+.login-page-logo {
+  text-align: center;
+  margin-bottom: 45px;
+}
+
+.login-page-logo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 45px;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE TITLE
+/*------------------------------------------*/
+
+.register-form-title {
+  text-align: center;
+  margin-bottom: 40px;
+}
+
+.register-form-title h3 {
+  line-height: 1;
+  margin-bottom: 10px;
+}
+
+.register-form-title p {
+  margin-bottom: 0;
+}
+
+.register-form-title a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE TEXT
+/*------------------------------------------*/
+
+#login .register-page-txt,
+#signup .register-page-txt {
+  padding: 70px 60px;
+}
+
+.register-page-txt h2 {
+  line-height: 1.15;
+  font-weight: 700;
+  margin-bottom: 6px;
+}
+
+#login .register-page-copyright {
+  position: absolute;
+  left: 60px;
+  bottom: 45px;
+}
+
+#signup .register-page-copyright {
+  position: absolute;
+  right: 60px;
+  bottom: 45px;
+}
+
+.register-page-copyright p {
+  font-size: 0.85rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.reset-form-title {
+  margin-bottom: 30px;
+}
+
+.reset-form-title h5 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.reset-form-title p.p-sm {
+  font-size: 0.9rem;
+  margin-top: 25px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM
+/*------------------------------------------*/
+
+.register-page-form {
+  padding: 60px;
+}
+
+.login-1 .register-page-form,
+.signup-1 .register-page-form {
+  padding: 20px 30px;
+}
+
+.reset-page-wrapper { 
+  margin: 0 10px;
+}
+
+.reset-page-wrapper form { 
+  background: #fff;
+  border: 1px solid #fafafa;
+  padding: 50px 30px 25px;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE TYPOGRAPHY
+/*------------------------------------------*/
+
+.register-page-form p.input-header {
+  position: relative;
+  color: #353f4f;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 500;
+  margin-bottom: 12px;
+  padding-left: 5px;
+}
+
+.reset-password-link p {
+  position: relative;
+  font-size: 0.9rem;
+  line-height: 1;
+  margin-top: -8px;
+  margin-bottom: 10px;
+}
+
+.form-data span {
+  display: block;
+  font-size: 0.85rem;
+  margin-bottom: 0;
+}
+
+.form-data span a {
+  color: #353f4f;
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.register-page-form p.create-account {
+  font-size: 0.925rem;
+  line-height: 1;
+  margin-top: 30px;
+  margin-bottom: 0;
+}
+
+.register-page-form p.create-account a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE SEPARATOR LINE
+/*------------------------------------------*/
+
+.separator-line {
+  display: flex;
+  width: 100%;
+  -webkit-box-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  align-items: center;
+  text-align: center;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 0.9rem;
+  font-weight: 500;
+  margin: 25px 0px 30px;
+}
+
+.separator-line::before, 
+.separator-line::after {
+  content: "";
+  border-top: 2px solid rgba(0, 0, 0, .1);
+  margin: 0 15px 0 0;
+  flex: 1 0 20px;
+}
+
+.separator-line::after {
+  margin: 0 0 0 15px;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM INPUT
+/*------------------------------------------*/
+
+.reset-page-wrapper .form-control,
+.register-page-form .form-control {
+  height: 60px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  color: #353f4f;
+  font-size: 0.95rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 25px;
+  padding: 5px 20px;
+   -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+  -webkit-transition: all 300ms ease-in-out;
+  -moz-transition: all 300ms ease-in-out;
+  -o-transition: all 300ms ease-in-out;
+  -ms-transition: all 300ms ease-in-out;
+  transition: all 300ms ease-in-out;
+}
+
+.login-1 .form-control,
+.signup-1 .form-control {
+  background-color: #fff;
+  border: 1px solid #ccc;
+}
+
+.reset-page-wrapper .form-control {
+  text-align: center;
+}
+
+.register-page-form .form-control::-moz-placeholder { color: #999; } 
+.register-page-form .form-control:-ms-input-placeholder { color: #999; } 
+.register-page-form .form-control::-webkit-input-placeholder { color: #999; } 
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM FOCUS
+/*------------------------------------------*/
+
+.reset-page-wrapper .form-control:focus,
+.register-page-form .form-control:focus {
+  outline: 0px none;
+  box-shadow: none;
+  background-color: #fcfdfd;
+  border-color: #1680fb;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM BUTTON
+/*------------------------------------------*/
+
+#signup .register-page-form .btn.submit, 
+#login .register-page-form .btn.submit {
+  width: 100%;
+  height: 60px;
+  margin-top: 20px;
+}
+
+.reset-page-wrapper .btn.submit {
+  width: 100%;
+  margin-bottom: 20px;
+}
+
+.register-page-form .btn-google {
+  width: 100%;
+  color: #333;
+  font-size: 0.95rem;
+  background-color: #fff;
+  border: 1px solid #ccc;
+}
+
+.btn-google img {
+  position: relative;
+  width: 22px;
+  height: 22px;
+  top: -2px;
+  right: 5px;
+}
+
+.register-page-form .btn-google:hover {
+  border: 1px solid #333;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM MESSAGE
+/*------------------------------------------*/
+
+.reset-form-msg {
+  text-align: center;
+  width: 100%!important;
+  display: block;
+}
+
+.reset-password-form .loading {
+  color: #00b2e4;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 500;
+  padding-left: 15px;
+}
+
+.reset-password-form .error {
+  position: relative;
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  top: -10px;
+  margin-bottom: 12px;
+  padding-left: 10px;
+}
+
+/*------------------------------------------*/
+/*  FORM HIDE PASSWORD
+/*------------------------------------------*/
+
+.wrap-input {
+  position: relative;
+}
+
+.btn-show-pass {
+  color: #999999;
+  align-items: center;
+  position: absolute;
+  height: 100%;
+  top: 20px;
+  right: 20px;
+  cursor: pointer;
+  -webkit-transition: all 0.4s;
+  -o-transition: all 0.4s;
+  -moz-transition: all 0.4s;
+  transition: all 0.4s;
+}
+
+.btn-show-pass.ico-20 [class^="flaticon-"]:before, 
+.btn-show-pass.ico-20 [class^="flaticon-"]:after {
+  font-size: 1.125rem;
+}
+
+.btn-show-pass:hover {
+  color: #0195ff;
+}
+
+.btn-show-pass.active {
+  color: #6a7dfe;
+}
+
+
+
+
+/* ==========================================================================
+  34. PAGE 404
+  =========================================================================== */
+
+.page-404-txt {
+  padding-top: 180px;
+  padding-bottom: 100px;
+}
+
+.page-404-txt h2 {
+  margin-bottom: 20px;
+}
+
+.page-404-txt h6 {
+  line-height: 1.6;
+  font-weight: 400;
+  padding: 0 5%;
+  margin-bottom: 30px;
+}
+
+.page-404-img {
+  padding: 0 5%;
+  margin-bottom: 60px;
+}
+
+
+
+
+/* ==========================================================================
+  35. MODAL
+  ========================================================================== */ 
+
+.modal-body {
+  padding: 0!important;
+}  
+
+#modal-1 .modal-dialog {
+  max-width: 700px;
+}
+
+#modal-2 .modal-dialog {
+  width: 440px;
+}
+
+#modal-3 .modal-dialog.modal-xl {
+  width: 750px;
+}
+
+#modal-2.modal .modal-content,
+#modal-3.modal .modal-content {
+  overflow: hidden;
+  -webkit-border-radius: 10px; 
+  -moz-border-radius: 10px; 
+  -o-border-radius: 10px; 
+  border-radius: 10px;
+}
+
+#modal-3.modal .bg-img {
+  background: url(../images/modal-request.jpg);
+  background-position: left center;  
+}
+
+#modal-2 .modal-body-content {
+  padding: 35px 40px 15px;
+}
+
+#modal-3 .modal-body-content {
+  padding: 60px 35px 50px;
+}
+
+/*------------------------------------------*/
+/*  MODAL WINDOW CLOSE BUTTON
+/*------------------------------------------*/ 
+
+.modal .btn-close {
+  position: absolute;
+  z-index: 1;
+  right: 15px!important;
+  top: 15px!important;
+  height: 1.5rem;
+  width: 1.5rem;
+  background: rgba(255, 255, 255, 1)!important;
+  border-radius: 50%;
+  padding: 0;
+  opacity: .9;
+  z-index: 9999;
+}
+
+#modal-3.modal .btn-close {
+  background: rgba(14, 14, 14, .3)!important;
+}
+
+.btn-close span {
+  position: relative;
+  line-height: 24px!important;
+  top: -2px;
+}
+
+.modal .btn-close.ico-10 [class^="flaticon-"]:before, 
+.modal .btn-close.ico-10 [class^="flaticon-"]:after {
+  font-size: 0.6rem;
+}
+
+button.btn-close:focus {
+  outline: none!important;
+  text-decoration: none!important;
+}
+
+/*------------------------------------------*/
+/*  MODAL WINDOW NEWSLETTER FORM
+/*------------------------------------------*/ 
+
+.modal-body .newsletter-form {
+  margin-top: 25px;
+}
+
+.modal .newsletter-form .form-control {
+  text-align: center;
+  height: 56px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  font-size: 1rem;
+  color: #353f4f;
+  font-weight: 400;
+  padding: 0 15px;  
+  margin: 0 0 15px 0;
+  box-shadow: none;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  border-radius: 6px;
+}
+
+/*------------------------------------------*/
+/*  Form Input Focus
+/*------------------------------------------*/
+
+.modal .newsletter-form .form-control:focus {
+  outline: 0;
+  box-shadow: none;
+  border-color: #1e90ff;
+}
+
+.modal .newsletter-form.purple-focus .form-control:focus {
+  border-color: #8863ee;
+}
+
+/*------------------------------------------*/
+/*  Form Input Placeholder
+/*------------------------------------------*/
+
+.modal .newsletter-form .form-control::-moz-placeholder { color: #aaa; } 
+.modal .newsletter-form .form-control:-ms-input-placeholder { color: #aaa; } 
+.modal .newsletter-form .form-control::-webkit-input-placeholder { color: #aaa; } 
+
+/*------------------------------------------*/
+/*  Form Button
+/*------------------------------------------*/
+
+.modal .input-group-btn { 
+  display: block; 
+  width: 100%!important; 
+}
+
+.modal .newsletter-form .btn {
+  display: block; 
+  width: 100%!important;
+  height: 56px;
+  margin: 0;
+}
+
+/*------------------------------------------*/
+/*  Form Notification
+/*------------------------------------------*/
+
+.modal .form-notification {
+  text-align: center;
+  color: #1680fb;
+  font-size: 0.85rem;
+  font-weight: 400;
+  line-height: 1;
+  margin-top: 12px;
+}
+
+.modal .form-notification.valid,
+.modal .form-notification.error {
+   color: #fc2f4b;
+}
+
+.modal .newsletter-form.valid {
+  color: #0fbc49;
+}
+
+/*------------------------------------------*/
+/*  MODAL WINDOW REQUEST FORM
+/*------------------------------------------*/ 
+
+#modal-3 .request-form {
+  margin: 0;
+}
+
+#modal-3 .request-form .col-md-12 {
+  padding: 0;
+}
+
+#modal-3 .request-form-title p {
+  margin-top: 18px;
+  margin-bottom: 25px;
+}
+
+#modal-3 .request-form .form-control { 
+  text-align: left;
+  margin: 0 0 25px 0;
+}
+
+#modal-3 .request-form .btn {
+  display: block; 
+  width: 100%!important;
+  height: 56px;
+  margin: 0;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Message
+/*------------------------------------------*/
+
+#modal-3 .request-form-msg {
+  width: 100%!important;
+  display: block;
+  margin-top: 15px;
+  padding-left: 0;
+}
+
+#modal-3 .request-form .loading {
+  color: #1680fb;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 400;
+}
+
+#modal-3 .request-form .error {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 10px;
+}
+ 
+
+
+
+/* ==========================================================================
+  31. DARK MODE
+  ========================================================================== */  
+
+body.theme--dark,
+.theme--dark .bg--white-100 { 
+  background-color: #232734!important;  
+} 
+
+body.theme--dark { 
+  color: #b1b7cd; 
+}
+
+.dark-theme-img { display: none; position: absolute; }
+.theme--dark .dark-theme-img { display: inline-block; position: relative; }
+.theme--dark  .owl-carousel .owl-item img.light-theme-img { display: none; position: absolute; }
+.theme--dark  .owl-carousel .owl-item img.dark-theme-img { display: block; }
+.theme--dark .light-theme-img { display: none; }
+
+.theme--dark .block-shadow { 
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+}
+
+.theme--dark .block-border {
+  border: 1px solid #e7e7e7;
+}
+
+.theme--dark .block-border.block-shadow { 
+  border: 1px solid #f5f6f6; 
+}
+
+.theme--dark .x-border { border-top: 1px solid #1d212c; border-bottom: 1px solid #1d212c; }
+.theme--dark .top-border { border-top: 1px solid #1d212c; }
+.theme--dark .bottom-border { border-bottom: 1px solid #1d212c; }
+
+.theme--dark .bg--white-300, 
+.theme--dark .bg--white-400,
+.theme--dark .bg--purple-100,
+.theme--dark .shape--purple-100:after,
+.theme--dark .shape--white-500:after,
+.theme--dark .shape--white-400:after,
+.theme--dark .shape--white-300:after,
+.theme--dark .shape--white-200:after {
+  background-color: #1d212c;
+}
+
+.theme--dark .bg--02,
+.theme--dark .bg--04,
+.theme--dark .gr--smoke,
+.theme--dark .gr--ghost,
+.theme--dark .shape--whitesmoke:after {
+  background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .55) 100%);
+}
+
+.theme--dark .gr--whitesmoke,
+.theme--dark .shape--gr-whitesmoke:after {
+  background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .05) 100%);
+}
+/*------------------------------------------*/
+/*  SECTION DIVIDER
+/*------------------------------------------*/
+
+.theme--dark hr.divider,
+.theme--dark .footer hr {
+  background-image: linear-gradient(90deg, rgba(122,125,147,0) 0, #7a7d93 38%, #7a7d93 64%, rgba(122,125,147,0) 99%); 
+}
+
+.theme--dark hr.divider.divider-light {
+  background-color: #fff;
+  background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #dedede 38%, #dedede 64%, rgba(206,211,246,0) 99%);
+  opacity: 1;
+}
+
+/*------------------------------------------*/
+/*  TYPOGRAPHY
+/*------------------------------------------*/
+
+.theme--dark h1, 
+.theme--dark h2, 
+.theme--dark h3,
+.theme--dark h4,
+.theme--dark h5, 
+.theme--dark h6 {  
+  color: #fff;
+}
+
+.theme--dark a { color: #b1b7cd; }
+.theme--dark a:hover, .theme--dark a.tra-link:hover span { color: #f7f8f9!important; }
+
+/*------------------------------------------*/
+/*  BUTTONS
+/*------------------------------------------*/
+
+.theme--dark .btn--tra-black,
+.theme--dark .hover--tra-black:hover {
+  color: #b1b7cd!important;
+  background-color:transparent!important;
+  border-color: #b1b7cd!important;
+}
+
+.theme--dark .navbar-dark .hover--tra-black:hover {
+  color: #353f4f!important;
+  background-color:transparent!important;
+  border-color: #353f4f!important;
+}
+
+.theme--dark .white-scroll .hover--tra-black:hover {
+  color: #fff!important;
+  border-color: #fff!important;
+  background-color: transparent!important;
+}
+
+.theme--dark .navbar-dark .scroll .hover--tra-black:hover {
+  color: #fff!important;
+  background-color:transparent!important;
+  border-color: #fff!important;
+}
+
+.theme--dark .btn--white,
+.theme--dark .hover--white:hover {
+  color: #353f4f!important;
+  background-color: #fff!important;
+  border-color: #fff!important;
+}
+
+.theme--dark .btn--tra-white,
+.theme--dark .hover--tra-white:hover {
+  color: #f1f1f1!important;
+  background-color: transparent!important;
+  border-color: #f1f1f1!important;
+}
+
+.theme--dark .white-scroll .scroll .hover--tra-white:hover {
+  color: #fff!important;
+  background-color: transparent!important;
+  border-color: #fff!important;
+}
+
+.theme--dark .btn--tra-grey, 
+.theme--dark .hover--tra-grey:hover,
+.theme--dark .white-scroll .scroll .hover--tra-grey:hover,
+.theme--dark .black-scroll .scroll .hover--tra-grey:hover {
+  color: #b1b7cd!important;
+  background-color: transparent!important;
+  border-color: #b1b7cd!important;
+}
+
+.theme--dark .btn--blue-500, 
+.theme--dark .hover--blue-500:hover,
+.theme--dark .white-scroll .scroll .hover--blue-500:hover,
+.theme--dark .black-scroll .scroll .hover--blue-500:hover {
+  color: #fff!important;
+  border-color: #185abd!important;
+  background-color: #185abd!important;
+}
+
+.theme--dark .btn--blue-400, 
+.theme--dark .hover--blue-400:hover,
+.theme--dark .white-scroll .scroll .hover--blue-400:hover,
+.theme--dark .black-scroll .scroll .hover--blue-400:hover {
+  color: #fff!important;
+  border-color: #1680fb!important;
+  background-color: #1680fb!important;
+}
+
+.theme--dark .btn--blue-300, 
+.theme--dark .hover--blue-300:hover,
+.theme--dark .white-scroll .scroll .hover--blue-300:hover,
+.theme--dark .black-scroll .scroll .hover--blue-300:hover {
+  color: #fff!important;
+  border-color: #3eb1ff!important;
+  background-color: #3eb1ff!important;
+}
+
+.theme--dark .btn--pink-500, 
+.theme--dark .hover--pink-500:hover,
+.theme--dark .white-scroll .scroll .hover--pink-500:hover,
+.theme--dark .black-scroll .scroll .hover--pink-500:hover {
+  color: #fff!important;
+  border-color: #ff149c!important;
+  background-color: #ff149c!important;
+}
+
+.theme--dark .btn--pink-400, 
+.theme--dark .hover--pink-400:hover,
+.white-scroll .scroll .hover--pink-400:hover,
+.black-scroll .scroll .hover--pink-400:hover {
+  color: #fff!important;
+  border-color: #f74780!important;
+  background-color: #f74780!important;
+}
+
+.theme--dark .btn--pink-300, 
+.theme--dark .hover--pink-300:hover,
+.theme--dark .white-scroll .scroll .hover--pink-300:hover,
+.theme--dark .black-scroll .scroll .hover--pink-300:hover {
+  color: #fff!important;
+  border-color: #fcb5cc!important;
+  background-color: #fcb5cc!important;
+}
+
+.theme--dark .btn--purple-500, 
+.theme--dark .hover--purple-500:hover,
+.theme--dark .white-scroll .scroll .hover--purple-500:hover,
+.theme--dark .black-scroll .scroll .hover--purple-500:hover {
+  color: #fff!important;
+  border-color: #663ae9!important;
+  background-color: #663ae9!important;
+}
+
+.theme--dark .btn--purple-400, 
+.theme--dark .hover--purple-400:hover,
+.theme--dark .white-scroll .scroll .hover--purple-400:hover,
+.theme--dark .black-scroll .scroll .hover--purple-400:hover {
+  color: #fff!important;
+  border-color: #7b5dd6!important;
+  background-color: #7b5dd6!important;
+}
+
+.theme--dark .btn--purple-300, 
+.theme--dark .hover--purple-300:hover,
+.theme--dark .white-scroll .scroll .hover--purple-300:hover,
+.theme--dark .black-scroll .scroll .hover--purple-300:hover {
+  color: #fff!important;
+  border-color: #bdaeea!important;
+  background-color: #bdaeea!important;
+}
+
+.theme--dark .btn--violet-500, 
+.theme--dark .hover--violet-500:hover,
+.theme--dark .white-scroll .scroll .hover--violet-500:hover,
+.theme--dark .black-scroll .scroll .hover--violet-500:hover {
+  color: #fff!important;
+  border-color: #c73e9b!important;
+  background-color: #c73e9b!important;
+}
+
+.theme--dark .btn--violet-400, 
+.theme--dark .hover--violet-400:hover,
+.theme--dark .white-scroll .scroll .hover--violet-400:hover,
+.theme--dark .black-scroll .scroll .hover--violet-400:hover {
+  color: #fff!important;
+  border-color: #be6cbe!important;
+  background-color: #be6cbe!important;
+}
+
+.theme--dark .btn--violet-300, 
+.theme--dark .hover--violet-300:hover,
+.theme--dark .white-scroll .scroll .hover--violet-300:hover,
+.theme--dark .black-scroll .scroll .hover--violet-300:hover {
+  color: #fff!important;
+  border-color: #e2bde2!important;
+  background-color: #e2bde2!important;
+}
+
+.theme--dark .section-id {
+  color: #eee; 
+}
+
+.theme--dark .color--black,
+.theme--dark .color--black h2, 
+.theme--dark .color--black h3, 
+.theme--dark .color--black h4, 
+.theme--dark .color--black h5, 
+.theme--dark .color--black h6, 
+.theme--dark .color--black p, 
+.theme--dark .color--black a,
+.theme--dark .color--black li, 
+.theme--dark .color--black i,
+.theme--dark .color--black span, 
+.theme--dar .color--white .color--black { color: #fff; }
+
+.theme--dark .color--grey,
+.theme--dark .color--grey h2, 
+.theme--dark .color--grey h3, 
+.theme--dark .color--grey h4, 
+.theme--dark .color--grey h5, 
+.theme--dark .color--grey h6, 
+.theme--dark .color--grey p, 
+.theme--dark .color--grey a,
+.theme--dark .color--grey li, 
+.theme--dark .color--grey i,
+.theme--dark .color--grey span, 
+.theme--dark .color--white .color--grey { color: #b1b7cd; }
+
+/*------------------------------------------*/
+/*   NAVIGATION MENU
+/*------------------------------------------*/
+
+.theme--dark .dark-menu .wsmainfull,
+.theme--dark .white-menu .wsmainfull {
+  background-color: #1d222f!important;
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+/*------------------------------------------*/
+/*  HEADER LINK
+/*------------------------------------------*/
+
+.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a,
+.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a,
+.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a {
+  color: #fff;
+}
+
+.theme--dark .navbar-light .wsmenu-list > li > a.h-link:hover,
+.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a:hover,
+.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a:hover,
+.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a:hover {
+  color: #eee!important;
+}
+
+.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  HEADER SUBMENU / MEGAMENU
+/*------------------------------------------*/
+
+.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
+  background-color: #2c3142!important; 
+  border: solid 1px #2c3142!important; 
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu:before,
+.theme--dark .wsmenu > .wsmenu-list > li.mg_link:hover > a:after,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu:before {
+  background-color: #2c3142;
+  border-left: solid 1px #2c3142;
+  border-top: solid 1px #2c3142;
+}
+ 
+.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+  color: #b1b7cd;
+  background-color: transparent!important;
+}
+
+.theme--dark .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+  color: #b1b7cd;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR SCROLL
+/*------------------------------------------*/
+
+.theme--dark .tra-menu .wsmainfull.scroll,
+.theme--dark .white-menu .wsmainfull.scroll,
+.theme--dark .dark-menu.dark-scroll .wsmainfull.scroll {
+  background-color: #1d222f!important;
+  padding: 0;
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.theme--dark .tra-menu.navbar-dark .scroll .wsmenu > .wsmenu-list > li > a,
+.theme--dark .tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li > a,
+.theme--dark .tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, 
+.theme--dark .tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #b1b7cd;
+}
+
+.theme--dark .navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover {
+  color: #fff!important;
+}
+
+.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  background-color: rgba(0, 0, 0, .12)!important;
+}
+
+.theme--dark .navbar-light .scroll .btn.btn--tra-white {
+  color: #fff!important;
+  border-color: #fff!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  Logo Image
+/*------------------------------------------*/
+
+.theme--dark .navbar-dark .logo-black,
+.theme--dark .navbar-dark .scroll .logo-black {
+  display: none;
+}
+
+.theme--dark .navbar-dark .logo-white,
+.theme--dark .navbar-dark .scroll .logo-white {
+  display: block;
+}
+
+.theme--dark .navbar-dark .logo-black {
+  display: block;
+}
+
+.theme--dark .navbar-dark .logo-white {
+  display: none;
+}
+
+.theme--dark .navbar-dark .scroll .logo-white {
+  display: block;
+}
+
+/*------------------------------------------*/
+/*  HERO SECTION
+/*------------------------------------------*/
+
+.theme--dark .hero-section .color--black,
+.theme--dark .hero-section .color--black h2, 
+.theme--dark .hero-section .color--black h3, 
+.theme--dark .hero-section .color--black h4, 
+.theme--dark .hero-section .color--black h5, 
+.theme--dark .hero-section .color--black h6, 
+.theme--dark .hero-section .color--black p, 
+.theme--dark .hero-section .color--black a,
+.theme--dark .hero-section .color--black li, 
+.theme--dark .hero-section .color--black i,
+.theme--dark .hero-section .color--black span, 
+.theme--dark .hero-section .color--white .color--black {  color: #353f4f; }
+
+.theme--dark .hero-section p { color: #6c757d; }
+.theme--dark .hero-section .color--white p { color: #fff; }
+.theme--dark .hero-section.gr--whitesmoke p {color: #b1b7cd; }
+.theme--dark .hero-section .section-id.color--grey { color: #6c757d; }
+
+.theme--dark .hero-5-txt p,
+.theme--dark .hero-6-txt p,
+.theme--dark .hero-10-txt p,
+.theme--dark .hero-15-txt p,
+.theme--dark .hero-16-txt p,
+.theme--dark .hero-17-txt p,
+.theme--dark .hero-18-txt p,
+.theme--dark .hero-19-txt p,
+.theme--dark .hero-20-txt p,
+.theme--dark .hero-21-txt p,
+.theme--dark .hero-23-txt p,
+.theme--dark .hero-25-txt p { color: #b1b7cd; }
+
+.theme--dark .hero-section .quick-form .form-control {
+  color: #fff;
+  background-color: #363f54;
+}
+
+.theme--dark #hero-14.hero-section .quick-form .form-control,
+.theme--dark #hero-24.hero-section .quick-form .form-control,
+.theme--dark #hero-26.hero-section .quick-form .form-control {
+  color: #666;
+  background-color: #fff;
+}
+
+.theme--dark .hero-section .quick-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .hero-section .quick-form .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .hero-section .quick-form .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+.theme--dark #hero-14.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } 
+.theme--dark #hero-14.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; }
+.theme--dark #hero-14.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; }
+
+.theme--dark #hero-24.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } 
+.theme--dark #hero-24.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; }
+.theme--dark #hero-24.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; }
+
+.theme--dark #hero-26.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } 
+.theme--dark #hero-26.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; }
+.theme--dark #hero-26.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; }
+
+.theme--dark .hero-section .quick-form .form-control:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+.theme--dark #hero-14.hero-section .quick-form .form-control:focus,
+.theme--dark #hero-24.hero-section .quick-form .form-control:focus,
+.theme--dark #hero-26.hero-section .quick-form .form-control:focus {
+  background-color: #fff;
+  border-color: transparent;
+}
+
+.theme--dark .hero-section .request-form .form-control {
+  color: #fff;
+  background-color: #363f54;
+}
+
+.theme--dark .hero-section .request-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .hero-section .request-form .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .hero-section .request-form .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+.theme--dark .hero-section .request-form .form-control:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+.theme--dark #hero-3:after,
+.theme--dark #hero-4:after {
+  background-color: #232734;
+}
+
+.theme--dark .hero-4-txt h2 {
+  color: #353f4f;
+}
+
+.theme--dark .hero-4-txt .btn.btn--tra-black {
+  color: #353f4f!important;
+  background-color:transparent!important;
+  border-color: #353f4f!important;
+}
+
+.theme--dark #hero-5 {
+  background-image: url(../images/hero-5-dark.jpg);
+}
+
+.theme--dark .hero-6-wrapper {
+  background-image: linear-gradient(90deg, #1d212c, #1d212c);
+}
+
+.theme--dark #hero-8-form {
+  background-color: #1d222f;
+  border: 1px solid #1d222f;
+}
+
+.theme--dark #hero-8-form p {
+  color: #b1b7cd;
+}
+
+.theme--dark #hero-5 .wave-shape-bottom svg path,
+.theme--dark #hero-8 .wave-shape-bottom svg path,
+.theme--dark #hero-14 .wave-shape-bottom svg path,
+.theme--dark #hero-16 .wave-shape-bottom svg path,
+.theme--dark #hero-22 .wave-shape-bottom svg path,
+.theme--dark #hero-23 .wave-shape-bottom svg path,
+.theme--dark #hero-26 .wave-shape-bottom svg path {
+  fill: #232734;
+}
+
+.theme--dark #hero-10 {
+  background-image: url(../images/hero-10-dark.jpg);
+}
+
+.theme--dark #hero-15 {
+  background-image: url(../images/hero-15-dark.jpg);
+}
+
+.theme--dark #hero-16 {
+  background-image: url(../images/hero-16-dark.jpg);
+}
+
+.theme--dark #hero-17 {
+  background-image: url(../images/hero-17-dark.jpg);
+}
+
+.theme--dark #hero-18:after {
+  background-image: url(../images/hero-18-dark.jpg);
+}
+
+.theme--dark #hero-20:after {
+  background-image: linear-gradient(180deg, #1d212c, #232734);
+}
+
+.theme--dark  #hero-21 .hero-overlay {
+  background-image: url(../images/hero-21-dark.jpg);
+}
+
+.theme--dark #hero-23 {
+  background-image: url(../images/hero-23-dark.jpg);
+}
+
+.theme--dark .hero-23-txt p span.color--black { color: #fff; }
+
+.theme--dark #hero-25 {
+  background-image: url(../images/hero-25-dark.jpg);
+}
+
+.theme--dark #hero-27 .hero-overlay {
+  background-image: url(../images/hero-27-dark.png);
+}
+
+/*------------------------------------------*/
+/*  FEATURES
+/*------------------------------------------*/
+
+.theme--dark .features-section path {
+  opacity: .05;
+}
+
+.theme--dark .fbox-7 {
+  border: 2px solid #363f54;
+}
+
+/*------------------------------------------*/
+/*  CONTENT
+/*------------------------------------------*/
+
+.theme--dark .cbox-2-line {
+  background-color: #363f54;
+}
+
+/*------------------------------------------*/
+/*  STATISTIC
+/*------------------------------------------*/
+
+.theme--dark #statistic-5 .statistic-digit {
+  border-bottom: 1px solid #505c77;
+}
+
+/*------------------------------------------*/
+/*  REVIEWS
+/*------------------------------------------*/
+
+.theme--dark #reviews-2 .review-2.bg--white-100 {
+  background-color: #1d212c!important;
+}
+
+.theme--dark .owl-theme .owl-dots .owl-dot span {
+  background: #1d212c;
+}
+
+.theme--dark .owl-theme .owl-dots .owl-dot.active span {
+  background: #b1b7cd;
+}
+
+.theme--dark .review-3.block-border {
+  border-color: #363f54;
+}
+
+/*------------------------------------------*/
+/*  PROJECT DETAILS
+/*------------------------------------------*/
+
+.theme--dark .project-title h2 {
+  border-bottom: 1px solid #363f54;
+}
+
+.theme--dark .project-data p span { color: #fff; }
+
+.theme--dark .project-description .more-projects span {
+  color: #fff;
+}
+
+/*------------------------------------------*/
+/*  RATING
+/*------------------------------------------*/
+
+.theme--dark .rbox-1 .star-rating {
+  background-color: #1d212c!important;
+  border: 1px solid #1d212c;
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+}
+
+/*------------------------------------------*/
+/*  PRICING
+/*------------------------------------------*/
+
+.theme--dark .pricing-discount h6 {
+  color: #353f4f;
+}
+
+.theme--dark .table>:not(caption)>*>* {
+  color: #b1b7cd;
+  background-color: #232734;
+}
+
+.theme--dark .comp-table .table thead th {
+  color: #fff;
+  border-color: #363f54;
+}
+
+.theme--dark .comp-table tbody th {
+  border-bottom: 1px solid #363f54!important;
+}
+
+.theme--dark .comp-table .table tr td {
+  border-bottom: 2px solid #363f54;
+}
+
+/*------------------------------------------*/
+/*  INTEGRATIONS
+/*------------------------------------------*/
+
+.theme--dark .integrations-1-wrapper .in_tool {
+  background-color: #1d212c;
+  border: 1px solid #1d212c;
+}
+
+/*------------------------------------------*/
+/*  PRICING
+/*------------------------------------------*/
+
+.theme--dark .switcher.bg--grey {
+  background-color: #363f54;
+  border: 2px solid #363f54;
+}
+
+/*------------------------------------------*/
+/*  BANNER
+/*------------------------------------------*/
+
+.theme--dark .banner-16-wrapper.bg--white-100.block-border {
+  border-color: #363f54;
+}
+
+/*------------------------------------------*/
+/*  DOWNLOAD
+/*------------------------------------------*/
+
+.theme--dark .release-data {
+  border-bottom: 1px dashed #656565;
+}
+
+.theme--dark span.version-data,
+.theme--dark span.release-date span {
+  color: #f1f1f1;
+}
+
+.theme--dark span.release-date {
+  color: #ccc;
+}
+
+/*------------------------------------------*/
+/*  FAQs
+/*------------------------------------------*/
+
+.theme--dark .faqs-section .accordion-item,
+.theme--dark #faqs-2.faqs-section .accordion-item,
+.theme--dark #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb {
+  border-bottom: 1px solid #363f54;
+}
+
+.theme--dark .faqs-section .tabs-1 li {
+  border: 2px solid #363f54;
+}
+
+.theme--dark .faqs-section .tabs-1 li span,
+.theme--dark .faqs-section .tabs-1 li {
+  color: #b1b7cd;
+}
+
+.theme--dark .faqs-section .accordion-item .accordion-thumb:after,
+.theme--dark .faqs-section .accordion-item.is-active .accordion-thumb:after {
+  color: #b1b7cd;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER
+/*------------------------------------------*/
+
+.theme--dark .newsletter-section .form-control {
+  color: #f1f1f1;
+  background-color: #363f54;
+  border: 1px solid #363f54;
+}
+
+.theme--dark .newsletter-section .form-control:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+.theme--dark .newsletter-section .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .newsletter-section .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .newsletter-section .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+/*------------------------------------------*/
+/*  BLOG
+/*------------------------------------------*/
+
+.theme--dark .post-meta-list p,
+.theme--dark .blog-post-txt a {
+  color: #fff;
+}
+
+.theme--dark .blog-post-txt a:hover {
+  color: #ddd!important;
+}
+
+/*------------------------------------------*/
+/*  SINGLE POST
+/*------------------------------------------*/
+
+.theme--dark .txt-code {
+  background-color: #1d212c;
+}
+
+.theme--dark .txt-code kbd {
+  background-color: #363f54;
+}
+
+.theme--dark  .txt-code p {
+  color: #b1b7cd; 
+}
+
+.theme--dark .comment-form p,
+.theme--dark  .blockquote-footer,
+.theme--dark .txt-code span.code-property,
+.theme--dark .txt-code p code.code-language-js {
+  color: #fff;
+}
+
+.theme--dark .comment-form .form-control {
+  color: #f1f1f1;
+  background-color: #363f54;
+}
+
+.theme--dark .comment-form .form-control:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+.theme--dark .comment-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .comment-form .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .comment-form .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+/*------------------------------------------*/
+/*  CONTACTS
+/*------------------------------------------*/
+
+.theme--dark .contact-form-notice p a,
+.theme--dark #contacts-1 .contact-form p {
+  color: #fff;
+}
+
+.theme--dark .contact-form .form-control,
+.theme--dark .contact-form .form-select {
+  color: #f1f1f1;
+  background-color: #363f54;
+}
+
+.theme--dark .contact-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .contact-form .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .contact-form .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+.theme--dark .contact-form .form-control:focus,
+.theme--dark .contact-form .form-select:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+/*------------------------------------------*/
+/*  FOOTER
+/*------------------------------------------*/
+
+.footer-logo-dark { display: none; }
+.theme--dark .footer-logo { display: none; }
+.theme--dark .footer-logo-dark { display: block; }
+.theme--dark #footer-10 .footer-logo-dark { display: inline-block; }
+
+.theme--dark  #footer-10 .footer-info {
+  border-bottom: 1px solid #363f54;
+}
+
+.theme--dark .footer-form .newsletter-form .btn.dark-color span {
+  color: #2f353e!important;
+}
+
+.theme--dark .footer-form .newsletter-form .input-group {
+  background-color: #282d3c;
+  border: 1px solid #505c77;
+}
+
+.theme--dark .footer-form .form-control {
+  color: #fff;
+}
+
+.theme--dark .footer-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .footer-form .form-control:-ms-input-placeholder { color: #b1b7cd; } 
+.theme--dark .footer-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } 
+
+.theme--dark .legal-info p span {
+  color: #fff;
+}
+
+/*------------------------------------------*/
+/*  INNER PAGE
+/*------------------------------------------*/
+
+.theme--dark .page-hero-section .wave-shape-bottom path {
+  fill: #232734;
+}
+
+/*------------------------------------------*/
+/*  MODAL
+/*------------------------------------------*/
+
+.theme--dark #modal-2 .modal-body-content h5,
+.theme--dark #modal-3 .modal-body-content h3 {
+  color: #353f4f;
+}
+
+/*------------------------------------------*/
+/*  PAGE 404
+/*------------------------------------------*/
+
+.theme--dark #page-404.bg--white-300, .theme--dark #footer-11.bg--white-300 { background-color: #f7f8f9; }
+.theme--dark #page-404 .color--dark { color: #353f4f; }
+
+.theme--dark #page-404 h6.color--grey, .theme--dark #footer-11.bg--white-300,
+.theme--dark #footer-11.bg--white-300 .bottom-footer-list p a { color: #6c757d; }
+
+/*------------------------------------------*/
+/*  LOGIN
+/*------------------------------------------*/
+
+.theme--dark #login, .theme--dark #signup {
+  background: url(../images/login_dark.jpg);
+}
+
+.theme--dark #reset-password {
+  background: url(../images/reset-password-dark.jpg);
+}
+
+.theme--dark #login .register-page-wrapper:after,
+.theme--dark #signup .register-page-wrapper:after {
+  background-color: #1d212c;
+}
+
+.theme--dark .form-data span a,
+.theme--dark .register-page-form p.input-header {
+  color: #fff;
+}
+
+.theme--dark .separator-line::before, 
+.theme--dark .separator-line::after {
+  border-top: 2px solid rgba(255, 255, 255, .15);
+}
+
+.theme--dark .reset-page-wrapper .form-control,
+.theme--dark .register-page-form .form-control {
+  color: #f1f1f1;
+  background-color: #363f54;
+  border: 1px solid #363f54;
+}
+
+.theme--dark .reset-page-wrapper form { 
+  background: #1d212c;
+  border: 1px solid #1d212c;
+}
+
+.theme--dark .register-page-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .register-page-form .form-control:-ms-input-placeholder { color: #b1b7cd; } 
+.theme--dark .register-page-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } 
+
+.theme--dark .reset-password-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .reset-password-form .form-control:-ms-input-placeholder { color: #b1b7cd; } 
+.theme--dark .reset-password-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } 
+
+.theme--dark  .register-page-form .btn-google {
+  color: #b1b7cd;
+  background-color: #363f54;
+  border: 1px solid #363f54;
+}
+
+
+
+
+/* ==========================================================================
+   STYLE CHANGER 
+  ========================================================================== */
+
+#stlChanger {
+  position: fixed;
+  z-index: 9999;
+  font-size: 15px;
+  overflow: hidden;
+  right: -230px;
+  top: 100px;
+  cursor: pointer;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+#stlChanger.open {
+  right: 0px;
+}
+
+#stlChanger .bgChanger {
+  min-width: 280px;
+  min-height: 280px;
+}
+
+#stlChanger .blockChanger {
+  width: 230px;
+}
+
+#stlChanger .chBody {
+  background: #2b2e37;
+  width: 230px;
+  position: relative;
+  overflow: hidden;
+  border: 1px solid #2b2e37;
+  border-radius: 4px 0px 0px 4px;
+  height: 425px; 
+  overflow: scroll; 
+  overflow-x: hidden;
+  direction: rtl;
+  margin-left: 50px;
+}
+
+#stlChanger .chBody.chBody-sm {
+  height: 360px; 
+}
+
+#stlChanger .chBut {
+  background: #ef2853;
+  width: 50px;
+  height: 50px;
+  position: absolute;
+  top: 30px;
+  left: 0;
+  z-index: 1000000;
+  text-align: center;
+  border: 1px solid #ef2853;
+  border-left: none;
+  padding: 0 0 0 2px;
+  border-radius: 4px 0px 0px 4px;
+  -webkit-transition: all 300ms ease-in-out;
+  -moz-transition: all 300ms ease-in-out;
+  -o-transition: all 300ms ease-in-out;
+  -ms-transition: all 300ms ease-in-out;
+  transition: all 300ms ease-in-out;
+  box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); 
+}
+
+#stlChanger .chBut.icon-xs [class*="flaticon-"]:before,
+#stlChanger .chBut.icon-xs [class*="flaticon-"]:after {   
+  color: #fff;
+  font-size: 2.15rem;
+  line-height: 48px!important;
+}
+
+#stlChanger p {
+  font-size: 18px;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-weight: 600;
+  letter-spacing: 0;
+  margin-bottom: 20px;
+}
+
+#stlChanger .stBgs a {
+  text-decoration: none;
+  width: 50px;
+  height: 50px;
+  float: left;
+  padding: 0;
+  margin: 0 5px 8px;
+  cursor: pointer;
+  opacity: 1;
+  -webkit-border-radius: 8px;
+  -moz-border-radius: 8px;
+  border-radius: 8px;
+}
+
+#stlChanger .stBgs a img {
+  width: 50px;
+  height: 50px;
+  -webkit-border-radius: 8px;
+  -moz-border-radius: 8px;
+  border-radius: 8px;
+}
+
+.stBlock1 {
+  margin: 0 20px 25px 20px;
+}
+
+.stBlock .btn {
+  width: 100%;
+  padding: 0.65rem 1.2rem;
+  line-height: 1;
+  margin-top: 15px;
+}
+
+.switch {
+  width: 100%;
+  color: #fff;
+  padding: 0.4rem 1.4rem;
+  border: 2px solid #fff;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+
+
+
+
+/* ==========================================================================
+  34. COLOR SCHEME
+  ========================================================================== */ 
+
+.bg--theme,
+.shape--blue-400:after { 
+  background-color: #7827e6; 
+}
+
+.btn--theme {
+  color: #fff!important;
+  border-color: #7827e6!important;
+  background-color: #7827e6!important;
+}
+
+.hover--theme:hover,
+.white-scroll .scroll .hover--theme:hover,
+.black-scroll .scroll .hover--theme:hover {
+  color: #fff!important;
+  border-color: #6d1ed7!important;
+  background-color: #6d1ed7!important;
+}
+
+.theme--dark .white-scroll .scroll .hover--theme:hover {
+  color: #fff!important;
+  border-color: #6d1ed7!important;
+  background-color: #6d1ed7!important;
+}
+
+.theme--dark .white-scroll .hover--theme:hover {
+  color: #fff!important;
+  border-color: #6d1ed7!important;
+  background-color: #6d1ed7!important;
+}
+
+.color--theme, 
+.color--theme h1, 
+.color--theme h2, 
+.color--theme h3, 
+.color--theme h4, 
+.color--theme h5, 
+.color--theme h6, 
+.color--theme p, 
+.color--theme a, 
+.color--theme li, 
+.color--theme i, 
+.color--theme span,
+.color--white .color--theme { color: #7827e6!important; }
+
+.loading--theme .loader { 
+  border-color: transparent #7827e6; 
+}
+
+.loading--theme .loader::after {
+  border-color: transparent rgba(123, 93, 214, .15); 
+}
+
+.nav-theme .sm-info { 
+  background-color: #7827e6; 
+}
+
+.wsmenu > .wsmenu-list.nav-theme > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #7827e6!important;
+}
+
+.hero-section .quick-form .form-control:focus {
+  border-color: #7827e6;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--theme { 
+  color: #7827e6; 
+  border-color: #7827e6; 
+}
+
+.tabs-1.tabs--theme, 
+.tabs-1.tabs--theme li.current:hover { 
+  color: #7827e6; 
+  border-color: #7827e6; 
+}
+
+.faqs-section .tabs--theme .tabs-1 li.current,
+.faqs-section .tabs--theme .tabs-1 li.current:hover {
+  background-color: #7827e6;
+  border-color: #7827e6!important;
+}
+
+.switch-wrap input:checked + .switcher.switcher--theme { 
+  background-color: #7827e6; 
+  border-color: #7827e6; 
+}
+
+.shape-ico.color--theme path,
+.shape-ico.color--theme path,
+.shape-ico.color--theme path {
+  fill: #f1edff;
+}
+
+.newsletter-section .form-control:focus {
+  background-color: #fff;
+  border-color: #353f4f;
+}
+
+.theme-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #7827e6;
+  border: 2px solid #7827e6;
+}
+
+
+
+
+/* ==========================================================================
+  34. XXXXX
+  ========================================================================== */ 
+
+.t-title {
+  text-align: center; 
+  color: #fff;
+  background-color:#1d222f;
+  padding: 10px 5px; 
+  margin: 0 0 40px;
+}
+
+.t-title.btn-s-title {
+  margin: 0;
+}
+
+.t-title h6 {
+  color: #fff;
+  margin-bottom: 0;
+}
\ No newline at end of file
diff --git a/public/css/red-theme.css b/public/css/red-theme.css
new file mode 100644
index 0000000..af5aea6
--- /dev/null
+++ b/public/css/red-theme.css
@@ -0,0 +1,11159 @@
+
+
+
+
+/*
+  Template Name: Martex - Software, App, SaaS & Startup Landing Pages Pack
+  Theme URL: https://themeforest.net/user/jthemes
+  Description: Martex - Software, App, SaaS & Startup Landing Pages Pack
+  Author: JThemes Studio
+  Author URL: https://themeforest.net/user/jthemes
+  Version: 1.0.0
+  Website: www.jthemes.com
+  Tags: Responsive, HTML5, JThemes, Landing, Software, Mobile App, SaaS, Startup, Creative, Digital Produc
+*/
+
+
+
+
+/* ==========================================================================
+  01. GENERAL & BASIC STYLES
+  =========================================================================== */
+
+html {
+  -webkit-font-smoothing: antialiased;
+  font-size: 16px;
+} 
+
+body {
+  font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  color: #6c757d;
+  line-height: 1.6666;
+  font-weight: 400;
+}
+
+/*------------------------------------------*/
+/*  PAGE CONTENT
+/*------------------------------------------*/
+
+#page,
+.hidd { 
+  overflow: hidden; 
+}
+
+.rel,
+section,
+.container { 
+  position: relative!important; 
+  z-index: 3; 
+}
+
+.section-overlay {
+  width: 100%;
+  height: 100%;
+}
+
+/*------------------------------------------*/
+/*  BLOCK SHADOW
+/*------------------------------------------*/
+
+.block-shadow { 
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+}
+
+/*------------------------------------------*/
+/*  BORDER SETTINGS
+/*------------------------------------------*/
+
+.block-border {
+  border: 1px solid #e7e7e7;
+}
+
+.block-border.block-shadow { 
+  border: 1px solid #f5f6f6;
+}
+
+.x-border {
+  border-top: 1px solid #e7e7e7;
+  border-bottom: 1px solid #e7e7e7;
+}
+
+.top-border {
+  border-top: 1px solid #e7e7e7;
+}
+
+.bottom-border {
+  border-bottom: 1px solid #e7e7e7;
+}
+
+/*------------------------------------------*/
+/*  BORDER RADIUS SETTING
+/*------------------------------------------*/ 
+
+.r-0 { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
+.r-02 { -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
+.r-04 { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
+.r-06 { -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
+.r-08 { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; }
+.r-10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
+.r-12 { -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; }
+.r-14 { -webkit-border-radius: 14px; -moz-border-radius: 14px; -o-border-radius: 14px; border-radius: 14px; }
+.r-16 { -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; }
+.r-18 { -webkit-border-radius: 18px; -moz-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; }
+.r-20 { -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
+.r-22 { -webkit-border-radius: 22px; -moz-border-radius: 22px; -o-border-radius: 22px; border-radius: 22px; }
+.r-24 { -webkit-border-radius: 24px; -moz-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; }
+.r-26 { -webkit-border-radius: 26px; -moz-border-radius: 26px; -o-border-radius: 26px; border-radius: 26px; }
+.r-28 { -webkit-border-radius: 28px; -moz-border-radius: 28px; -o-border-radius: 28px; border-radius: 28px; }
+.r-30 { -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; }
+.r-32 { -webkit-border-radius: 32px; -moz-border-radius: 32px; -o-border-radius: 32px; border-radius: 32px; }
+.r-34 { -webkit-border-radius: 34px; -moz-border-radius: 34px; -o-border-radius: 34px; border-radius: 34px; }
+.r-36 { -webkit-border-radius: 36px; -moz-border-radius: 36px; -o-border-radius: 36px; border-radius: 36px; }
+.r-100 { -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; }
+
+/*------------------------------------------*/
+/*  OPACITY SETTINGS
+/*------------------------------------------*/
+
+.o-0 { opacity: 0!important; }
+.o-10 { opacity: .1!important; }
+.o-15 { opacity: .15!important; }
+.o-20 { opacity: .2!important; }
+.o-25 { opacity: .25!important; }
+.o-30 { opacity: .3!important; }
+.o-35 { opacity: .35!important; }
+.o-40 { opacity: .4!important; }
+.o-45 { opacity: .45!important; }
+.o-50 { opacity: .5!important; }
+.o-55 { opacity: .55!important; }
+.o-60 { opacity: .60!important; }
+.o-65 { opacity: .65!important; }
+.o-70 { opacity: .7!important; }
+.o-75 { opacity: .75!important; }
+.o-80 { opacity: .8!important; }
+.o-85 { opacity: .85!important; }
+.o-90 { opacity: .9!important; }
+.o-95 { opacity: .95!important; }
+.o-100 { opacity: 1!important; }
+
+/*------------------------------------------*/
+/*  SPACING & INDENTS
+/*------------------------------------------*/
+
+.py-5 { padding-top: 5px; padding-bottom: 5px; }
+.py-10 { padding-top: 10px; padding-bottom: 10px; }
+.py-15 { padding-top: 15px; padding-bottom: 15px; }
+.py-20 { padding-top: 20px; padding-bottom: 20px; }
+.py-30 { padding-top: 30px; padding-bottom: 30px; }
+.py-40 { padding-top: 40px; padding-bottom: 40px; }
+.py-50 { padding-top: 50px; padding-bottom: 50px; }
+.py-60 { padding-top: 60px; padding-bottom: 60px; }
+.py-70 { padding-top: 70px; padding-bottom: 70px; }
+.py-80 { padding-top: 80px; padding-bottom: 80px; }
+.py-90 { padding-top: 90px; padding-bottom: 90px; }
+.py-100 { padding-top: 100px; padding-bottom: 100px; }
+
+.pt-30 { padding-top: 30px; }
+.pt-40 { padding-top: 40px; }
+.pt-50 { padding-top: 50px; }
+.pt-60 { padding-top: 60px; }
+.pt-70 { padding-top: 70px; }
+.pt-80 { padding-top: 80px; }
+.pt-90 { padding-top: 90px; }
+.pt-100 { padding-top: 100px; }
+
+.pb-30 { padding-bottom: 30px; }
+.pb-40 { padding-bottom: 40px; }
+.pb-50 { padding-bottom: 50px; }
+.pb-60 { padding-bottom: 60px; }
+.pb-70 { padding-bottom: 70px; }
+.pb-80 { padding-bottom: 80px; }
+.pb-90 { padding-bottom: 90px; }
+.pb-100 { padding-bottom: 100px; }
+
+.mt-10 { margin-top: 10px; }
+.mt-15 { margin-top: 15px; }
+.mt-20 { margin-top: 20px; }
+.mt-25 { margin-top: 25px; }
+.mt-30 { margin-top: 30px; }
+.mt-35 { margin-top: 35px; }
+.mt-40 { margin-top: 40px; }
+.mt-45 { margin-top: 45px; }
+.mt-50 { margin-top: 50px; }
+.mt-55 { margin-top: 55px; }
+.mt-60 { margin-top: 60px; }
+.mt-65 { margin-top: 65px; }
+.mt-70 { margin-top: 70px; }
+.mt-75 { margin-top: 75px; }
+.mt-80 { margin-top: 80px; }
+.mt-85 { margin-top: 85px; }
+.mt-90 { margin-top: 90px; }
+.mt-95 { margin-top: 95px; }
+.mt-100 { margin-top: 100px; }
+
+.mb-10 { margin-bottom: 10px; }
+.mb-15 { margin-bottom: 15px; }
+.mb-20 { margin-bottom: 20px; }
+.mb-25 { margin-bottom: 25px; }
+.mb-30 { margin-bottom: 30px; }
+.mb-35 { margin-bottom: 35px; }
+.mb-40 { margin-bottom: 40px; }
+.mb-45 { margin-bottom: 45px; }
+.mb-50 { margin-bottom: 50px; }
+.mb-55 { margin-bottom: 55px; }
+.mb-60 { margin-bottom: 60px; }
+.mb-65 { margin-bottom: 65px; }
+.mb-70 { margin-bottom: 70px; }
+.mb-75 { margin-bottom: 75px; }
+.mb-80 { margin-bottom: 80px; }
+.mb-85 { margin-bottom: 85px; }
+.mb-90 { margin-bottom: 90px; }
+.mb-95 { margin-bottom: 95px; }
+.mb-100 { margin-bottom: 100px; }
+
+.ml-5 { margin-left: 5px; }
+.ml-10 { margin-left: 10px; }
+.ml-15 { margin-left: 15px; }
+.ml-20 { margin-left: 20px; }
+.ml-25 { margin-left: 25px; }
+.ml-30 { margin-left: 30px; }
+
+.mr-5 { margin-right: 5px; }
+.mr-10 { margin-right: 10px; }
+.mr-15 { margin-right: 15px; }
+.mr-20 { margin-right: 20px; }
+.mr-25 { margin-right: 25px; }
+.mr-30 { margin-right: 30px; }
+
+/*------------------------------------------*/
+/*  BACKGROUND SETTINGS
+/*------------------------------------------*/
+
+.bg--fixed,
+.bg--scroll {
+  width: 100%;
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+}
+
+.bg--fixed {
+  background-attachment: scroll!important;
+}
+
+.bg--scroll {
+  background-attachment: fixed!important;
+}
+
+/*------------------------------------------*/
+/*  BACKGROUND COLORS
+/*------------------------------------------*/
+
+.bg--white-500 { background-color: #f2f4f8; }
+.bg--white-400 { background-color: #f4f4f9; }
+.bg--white-300 { background-color: #f7f8f9; }
+.bg--white-200 { background-color: #fbfbfd; }
+.bg--white-100 { background-color: #fff; }
+
+.bg--black-500 { background-color: #22223b; }
+.bg--black-400 { background-color: #2e3648; }
+.bg--black-300 { background-color: #394455; }
+.bg--black-200 { background-color: #e1e3e5; }
+.bg--black-100 { background-color: #ecf1f4; }
+
+.bg--blue-500 { background-color: #185abd; }
+.bg--blue-400 { background-color: #1680fb; }
+.bg--blue-300 { background-color: #3eb1ff; }
+.bg--blue-200 { background-color: #ddedff; }
+.bg--blue-100 { background-color: #f4f9fc; }
+
+.bg--green-500 { background-color: #00a14e; }
+.bg--green-400 { background-color: #0fbc49; }
+.bg--green-300 { background-color: #6fd792; }
+.bg--green-200 { background-color: #cff2db; }
+.bg--green-100 { background-color: #e9f8f2; }
+
+.bg--pink-500 { background-color: #ff149c; }
+.bg--pink-400 { background-color: #f74780; }
+.bg--pink-300 { background-color: #fcb5cc; }
+.bg--pink-200 { background-color: #fee4ec; }
+.bg--pink-100 { background-color: #feecf2; }
+
+.bg--purple-5000 { background-color: #663ae9; }
+.bg--purple-500 { background-color: #7827e6; }
+.bg--purple-400 { background-color: #7b5dd6; }
+.bg--purple-300 { background-color: #bdaeea; }
+.bg--purple-200 { background-color: #e5deff; }
+.bg--purple-100 { background-color: #f1edff; }
+
+.bg--red-500 { background-color: #da0f29; }
+.bg--red-400 { background-color: #ff1e1a; }
+.bg--red-300 { background-color: #ffa5a3; }
+.bg--red-200 { background-color: #ffd2d1; }
+.bg--red-100 { background-color: #fce7e4; }
+
+.bg--violet-500 { background-color: #c73e9b; }
+.bg--violet-400 { background-color: #be6cbe; }
+.bg--violet-300 { background-color: #e2bde2; }
+.bg--violet-200 { background-color: #f1cde5; }
+.bg--violet-100 { background-color: #f7e4f1; }
+
+.bg--yellow-500 { background-color: #ffba01; }
+.bg--yellow-400 { background-color: #ffbd45; }
+.bg--yellow-300 { background-color: #ffdf35; }
+.bg--yellow-200 { background-color: #fef5cd; }
+.bg--yellow-100 { background-color: #fef9e5; }
+
+.bg--tra-black { background-color: rgba(0, 0, 0, .04); }
+.bg--tra-white { background-color: rgba(255, 255, 255, .15); }
+.bg--primary-blue { background-color: #2160fd; }
+.bg--light-grey { background-color: #f0f3ff; }
+.bg--snow { background-color: #fdfdfd; }
+
+/*------------------------------------------*/
+/*  GRADIENT COLOR BACKGROUND
+/*------------------------------------------*/
+
+.gr--ghost { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); }
+.gr--snow { background-image: linear-gradient(to left, #f3edf7, #f9f6fa); }
+.gr--cotton { background-image: linear-gradient(180deg, rgba(223, 225, 250, .8) 50%, rgba(223, 225, 250, .05) 100%); }
+.gr--ghostwhite { background-image: linear-gradient(to left, #e9e9f5, #f4f4f9); }
+.gr--smoke { background: linear-gradient(180deg, #f8f9fe 0%, #f4f4f9 100%); }
+.gr--whitesmoke { background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%); }
+.gr--perl { background-image: linear-gradient(180deg, rgba(236, 234, 253, .8) 50%, rgba(236, 234, 253, .05) 100%); }
+
+/*------------------------------------------*/
+/*  BACKGROUND SHAPE
+/*------------------------------------------*/
+
+.shape--01:after,
+.shape--02:after,
+.shape--03:after,
+.shape--04:after,
+.shape--05:after,
+.shape--06:after,
+.shape--07:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+}
+
+.shape--02.r-24:after {
+  -webkit-border-radius: 24px;
+  -moz-border-radius: 24px;
+  -o-border-radius: 24px;
+  border-radius: 24px;
+}
+
+.shape--01:after {
+  width: 150%;
+  height: 80%;
+  top: 13%;
+  left: -25%;
+}
+
+.shape--02:after {
+  width: 86%;
+  height: 80%;
+  top: 13%;
+  left: 7%;
+}
+
+.shape--03:after {
+  width: 78%;
+  height: 120%;
+  top: -60px;
+  left: 11%;
+  -webkit-border-radius: 24px;
+  -moz-border-radius: 24px;
+  -o-border-radius: 24px;
+  border-radius: 24px;
+}
+
+.shape--04:after {
+  width: 100%;
+  height: 80%;
+  top: 10%;
+  left: 0;
+}
+
+.shape--05:after {
+  width: 150%;
+  height: 90%;
+  top: 0;
+  left: -25%;
+}
+
+.shape--06:after {
+  width: 150%;
+  height: 75%;
+  top: 0;
+  left: -25%;
+}
+
+.shape--07:after {
+  width: 200%;
+  height: 50%;
+  top: 37%;
+  left: -50%;
+}
+
+.shape--whitesmoke:after { background-color: rgba(123, 104, 238, .05); }
+
+.shape--white-500:after { background-color: #f2f4f8; }
+.shape--white-400:after { background-color: #f4f4f9; }
+.shape--white-300:after { background-color: #f7f8f9; }
+.shape--white-200:after { background-color: #fbfbfd; }
+
+.shape--black-500:after { background-color: #22223b; }
+.shape--black-400:after { background-color: #2e3648; }
+.shape--black-300:after { background-color: #394455; }
+.shape--black-200:after { background-color: #e1e3e5; }
+.shape--black-100:after { background-color: #ecf1f4; }
+
+.shape--blue-500:after { background-color: #185abd; }
+.shape--blue-400:after { background-color: #1680fb; }
+.shape--blue-300:after { background-color: #3eb1ff; }
+.shape--blue-200:after { background-color: #ddedff; }
+.shape--blue-100:after { background-color: #f4f9fc; }
+
+.shape--green-500:after { background-color: #00a14e; }
+.shape--green-400:after { background-color: #0fbc49; }
+.shape--green-300:after { background-color: #6fd792; }
+.shape--green-200:after { background-color: #cff2db; }
+.shape--green-100:after { background-color: #e9f8f2; }
+
+.shape--pink-500:after { background-color: #ff149c; }
+.shape--pink-400:after { background-color: #f74780; }
+.shape--pink-300:after { background-color: #fcb5cc; }
+.shape--pink-200:after { background-color: #fee4ec; }
+.shape--pink-100:after { background-color: #feecf2; }
+
+.shape--purple-500:after { background-color: #663ae9; }
+.shape--purple-400:after { background-color: #7b5dd6; }
+.shape--purple-300:after { background-color: #bdaeea; }
+.shape--purple-200:after { background-color: #e5deff; }
+.shape--purple-100:after { background-color: #f1edff; }
+
+.shape--red-500:after { background-color: #da0f29; }
+.shape--red-400:after { background-color: #ff1e1a; }
+.shape--red-300:after { background-color: #ffa5a3; }
+.shape--red-200:after { background-color: #ffd2d1; }
+.shape--red-100:after { background-color: #fce7e4; }
+
+.shape--violet-500:after { background-color: #c73e9b; }
+.shape--violet-400:after { background-color: #be6cbe; }
+.shape--violet-300:after { background-color: #e2bde2; }
+.shape--violet-200:after { background-color: #f1cde5; }
+.shape--violet-100:after { background-color: #f7e4f1; }
+
+.shape--gr-ghost:after { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); }
+.shape--gr-whitesmoke:after {background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%);}
+
+/*------------------------------------------*/
+/*  BACKGROUND PATTERN
+/*------------------------------------------*/
+
+.pattern-01, 
+.pattern-02, 
+.pattern-03, 
+.pattern-04, 
+.pattern-05 {
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+}
+
+.pattern-01 { background-image: url(../images/pattern-01.png); }
+.pattern-02 { background-image: url(../images/pattern-02.png); }
+.pattern-03 { background-image: url(../images/pattern-03.png); }
+.pattern-04 { background-image: url(../images/pattern-04.png); }
+/* .pattern-05 { background-image: url(../images/pattern-05.png); } */
+
+/*------------------------------------------*/
+/*  BACKGROUND IMAGE
+/*------------------------------------------*/
+
+.bg--01, .bg--02, .bg--03, .bg--04, 
+.bg--05, .bg--06, .bg--07, .bg--08 {
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+}
+
+.bg--01 { background-image: url(../images/bg-01.jpg); }
+.bg--02 { background-image: url(../images/bg-02.jpg); }
+.bg--03 { background-image: url(../images/bg-03.jpg); }
+.bg--04 { background-image: url(../images/bg-04.jpg); }
+.bg--05 { background-image: url(../images/bg-05.jpg); }
+.bg--06 { background-image: url(../images/bg-06.jpg); }
+.bg--07 { background-image: url(../images/bg-07.jpg); }
+.bg--08 { background-image: url(../images/bg-08.jpg); }
+
+/*------------------------------------------*/
+/*  SECTION DIVIDER
+/*------------------------------------------*/
+
+hr.divider {
+  width: 100%;
+  height: 1px;
+  background-color: transparent;
+  background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #bbb 38%, #bbb 64%, rgba(206,211,246,0) 99%);
+  opacity: .4;
+  border: none;
+  margin: 0;
+}
+
+/*------------------------------------------*/
+/*  WAVE SHAPE BOTTOM
+/*------------------------------------------*/
+
+.wave-shape-bottom {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+}
+
+
+
+
+/* ==========================================================================
+  02. TYPOGRAPHY
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  HEADERS
+/*------------------------------------------*/
+
+h1, h2, h3, h4, h5, h6 {  
+  color: #353f4f;
+  font-weight: 600;
+  letter-spacing: 0;
+  margin-bottom: 0;
+}
+
+.font--jakarta h1,
+.font--jakarta h2,
+.font--jakarta h3,
+.font--jakarta h4,
+.font--jakarta h5,
+.font--jakarta h6 {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  line-height: 1.35;
+}
+
+.font--jakarta h1,
+.font--jakarta h2 {
+  line-height: 1.25;
+}
+
+.font--inter h1,
+.font--inter h2,
+.font--inter h3,
+.font--inter h4,
+.font--inter h5,
+.font--inter h6 {
+  font-family: 'Inter', sans-serif;
+  letter-spacing: -0.5px;
+}
+
+/*------------------------------------------*/
+/*  PARAGRAPHS
+/*------------------------------------------*/
+
+p.p-sm { font-size: 0.9375rem; }   /* 15px */
+p { font-size: 1rem; }             /* 16px */
+p.p-md { font-size: 1.0625rem; }   /* 17px */
+p.p-lg { font-size: 1.125rem; }    /* 18px */
+p.p-xl { font-size: 1.2rem; }      /* 19.2px */
+
+/*------------------------------------------*/
+/*  FONT SIZE
+/*------------------------------------------*/
+
+.s-15 { font-size: 0.9375rem; }  /* 15px */
+.s-16 { font-size: 1rem; }       /* 16px */
+.s-17 { font-size: 1.0625rem; }  /* 17px */
+.s-18 { font-size: 1.125rem; }   /* 18px */
+.s-19 { font-size: 1.1875rem; }  /* 19px */
+.s-20 { font-size: 1.25rem; }    /* 20px */
+.s-21 { font-size: 1.3125rem; }  /* 21px */
+.s-22 { font-size: 1.375rem; }   /* 22px */
+.s-23 { font-size: 1.4375rem; }  /* 23px */
+.s-24 { font-size: 1.5rem; }     /* 24px */
+.s-26 { font-size: 1.625rem; }   /* 26px */
+.s-28 { font-size: 1.75rem; }    /* 28px */
+.s-30 { font-size: 1.875rem; }   /* 30px */
+.s-32 { font-size: 2rem; }       /* 32px */
+.s-34 { font-size: 2.125rem; }   /* 34px */
+.s-36 { font-size: 2.25rem; }    /* 36px */
+.s-38 { font-size: 2.375rem; }   /* 38px */
+.s-40 { font-size: 2.5rem; }     /* 40px */
+.s-42 { font-size: 2.625rem; }   /* 42px */
+.s-43 { font-size: 2.6875rem; }  /* 43px */
+.s-44 { font-size: 2.75rem; }    /* 44px */
+.s-45 { font-size: 2.8125rem; }  /* 45px */
+.s-46 { font-size: 2.875rem; }   /* 46px */
+.s-47 { font-size: 2.9375rem; }  /* 47px */
+.s-48 { font-size: 3rem; }       /* 48px */
+.s-50 { font-size: 3.125rem; }   /* 50px */
+.s-52 { font-size: 3.25rem; }    /* 52px */
+.s-54 { font-size: 3.375rem; }   /* 54px */
+.s-56 { font-size: 3.5rem; }     /* 56px */
+.s-58 { font-size: 3.625rem; }   /* 58px */
+.s-60 { font-size: 3.75rem; }    /* 60px */
+.s-62 { font-size: 3.875rem; }   /* 62px */
+.s-64 { font-size: 4rem; }       /* 64px */
+.s-66 { font-size: 4.125rem; }   /* 66px */
+.s-68 { font-size: 4.25rem; }    /* 68px */
+.s-70 { font-size: 4.375rem; }   /* 70px */
+.s-72 { font-size: 4.5rem; }     /* 72px */
+.s-74 { font-size: 4.625rem; }   /* 74px */
+.s-76 { font-size: 4.75rem; }    /* 76px */
+.s-78 { font-size: 4.875rem; }   /* 78px */
+.s-80 { font-size: 5rem; }       /* 80px */
+
+/*------------------------------------------*/
+/*  FONT WEIGHT
+/*------------------------------------------*/
+
+.txt-upcase { 
+  text-transform: uppercase 
+}
+
+.w-200 { font-weight: 200; }
+.w-300 { font-weight: 300; }
+.w-400 { font-weight: 400; }
+.w-500 { font-weight: 500; }
+.w-600 { font-weight: 600; }
+.w-700 { font-weight: 700; }
+.w-800 { font-weight: 800; }
+.w-900 { font-weight: 900; }  
+
+/*------------------------------------------*/
+/*  LINK SETTINGS
+/*------------------------------------------*/
+
+a {
+  color: #6c757d;
+  text-decoration: none;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+a:hover {
+  color: #353f4f!important;
+  text-decoration: none;
+}
+
+a:focus {
+  outline: none;
+  text-decoration: none;
+}
+
+a.tra-link {
+  font-size: 1rem;
+  line-height: 1;
+  font-weight: 500;
+}
+
+a.tra-link span {
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.tra-link.ico-20 [class*="flaticon-"]:before, 
+.tra-link.ico-20 [class*="flaticon-"]:after { 
+  position: relative;
+  font-size: 0.75rem; 
+  line-height: 0.7rem!important;
+  top: 2px;
+  left: 2px;
+}
+
+a.tra-link:hover span {
+  color: #353f4f!important;
+}
+
+/*------------------------------------------*/
+/*  LISTS
+/*------------------------------------------*/
+
+ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+} 
+
+/*------------------------------------------*/
+/*  TEXT LIST
+/*------------------------------------------*/
+
+ul.simple-list {
+  list-style: disc;
+  margin-left: 15px;
+}
+
+ul.simple-list.long-list p {
+  margin-bottom: 8px;
+}
+
+/*------------------------------------------*/
+/*  DIGIT LIST
+/*------------------------------------------*/
+
+ol.digit-list {
+  padding: 0;
+  margin-left: 15px;
+}
+
+ol.digit-list p {
+  margin-bottom: 8px;
+}
+
+/*------------------------------------------*/
+/*  BUTTON SETTINGS
+/*------------------------------------------*/
+
+.btn {
+  background-color: transparent;
+  font-size: 1rem;
+  line-height: 1;
+  font-weight: 500;
+  padding: 0.9rem 1.8rem;
+  border: 2px solid transparent;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.btn.btn-sm {
+  font-size: 0.975rem;
+  padding: 0.7rem 1.5rem;
+}
+
+.btn.ico-30.ico-left,
+.btn.ico-30.ico-right {
+  padding: 0.37rem 0;
+}
+
+/*------------------------------------------*/
+/*  Buttons Group
+/*------------------------------------------*/
+
+.text-center .btns-group {
+  display: inline-block;
+}
+
+.btns-group .btn:first-child {
+  margin-right: 15px;
+}
+
+.btns-group .btn.ico-30.ico-left {
+  padding: 0.37rem 0.5rem;
+}
+
+.btns-group .btn.ico-30.ico-right {
+  padding: 0.37rem 0;
+}
+
+/*------------------------------------------*/
+/*  Button Icon
+/*------------------------------------------*/
+
+.btn.ico-20 [class*="flaticon-"]:before, 
+.btn.ico-20 [class*="flaticon-"]:after { 
+  position: relative;
+  font-size: 1rem; 
+  line-height: 0.7rem!important;
+  top: 4px;
+}
+
+.btn.ico-left span {
+  margin-right: 5px;
+}
+
+.btn.ico-right span {
+  margin-left: 5px;
+}
+
+.btn.ico-30.ico-left span {
+  position: relative;
+  top: 0;
+  right: 4px;
+}
+
+.btn.ico-30.ico-right span {
+  position: relative;
+  top: 0;
+  left: 4px;
+}
+
+.btn.ico-30.ico-left span.ico-30-txt,
+.btn.ico-30.ico-right span.ico-30-txt {
+  position: relative;
+  top: -10px;
+  right: 0;
+}
+
+.btn.ico-30.ico-right span.ico-30-txt {
+  left: 0;
+}
+
+/*------------------------------------------*/
+/*  Button Text
+/*------------------------------------------*/
+
+p.btn-txt {
+  margin: 20px 0 0 0;
+}
+
+.btn-rating p.btn-txt {
+  margin: 0;
+}
+
+.star-rating span.rating-txt {
+  font-size: 0.9375rem;
+}
+
+p.btns-group-txt {
+  margin: 14px 0 0 0;
+}
+
+.btn-rating {
+  margin-top: 18px;
+}
+
+.text-center p.btns-group-txt {
+  margin-top: 20px;
+}
+
+p.btn-txt.ico-15,
+p.btns-group-txt.ico-15 {
+  padding-left: 5px;
+}
+
+.text-center p.btn-txt.ico-15,
+.text-center p.btns-group-txt.ico-15 {
+  padding-left: 0;
+}
+
+p.btn-txt span,
+p.btns-group-txt span {
+  position: relative;
+  top: 0.5px;
+  right: 2px;
+}
+
+p.btns-group-txt span.txt-data {
+  display: block;
+  top: 0;
+  right: 0;
+}
+
+p.btns-group-txt span.txt-data a {
+  margin-left: 4px;
+  text-decoration: underline;
+}
+
+p.btns-group-txt span.txt-data a:hover {
+  text-decoration: none;
+}
+
+.hero-section .color--white p.btns-group-txt span.txt-data a:hover {
+  color: #fff!important;
+}
+
+.btn-txt.ico-15 [class*="flaticon-"]:before, 
+.btn-txt.ico-15 [class*="flaticon-"]:after,
+.btns-group-txt.ico-15 [class*="flaticon-"]:before, 
+.btns-group-txt.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+.star-rating.ico-15 [class*="flaticon-"]:before, 
+.star-rating.ico-15 [class*="flaticon-"]:after { position: relative; font-size: 1rem; top: 3px; }
+
+/*------------------------------------------*/
+/*  TRANSPARENT BUTTON
+/*------------------------------------------*/
+
+.btn--tra {
+  color: #fff!important;
+  border-color: transparent!important;
+  background-color: rgba(255, 255, 255, .2)!important;
+}
+
+/*------------------------------------------*/
+/*  WHITE BUTTON
+/*------------------------------------------*/
+
+.btn--transparent {
+  color: #353f4f;
+  background-color: transparent;
+  border-color: transparent;
+}
+
+.btn--transparent:hover {
+  background-color: transparent!important;
+  border-color: transparent!important;
+} 
+
+.btn--white,
+.hover--white:hover {
+  color: #353f4f!important;
+  background-color: #fff!important;
+  border-color: #fff!important;
+}
+
+.btn--tra-white,
+.hover--tra-white:hover {
+  color: #fff!important;
+  background-color: transparent!important;
+  border-color: #fff!important;
+}
+
+.white-scroll .scroll .hover--tra-white:hover {
+  color: #353f4f!important;
+  background-color: transparent!important;
+  border-color: #353f4f!important;
+}
+
+/*------------------------------------------*/
+/*  BLACK BUTTON
+/*------------------------------------------*/
+
+.btn--black,
+.hover--black:hover {
+  color: #fff!important;
+  background-color: #353f4f!important;
+  border-color: #353f4f!important;
+}
+
+.btn--tra-black,
+.hover--tra-black:hover {
+  color: #353f4f!important;
+  background-color:transparent!important;
+  border-color: #353f4f!important;
+}
+
+/*------------------------------------------*/
+/*  GREY BUTTON
+/*------------------------------------------*/
+
+.btn--tra-grey, 
+.hover--tra-grey:hover,
+.white-scroll .scroll .hover--tra-grey:hover,
+.black-scroll .scroll .hover--tra-grey:hover  {
+  color: #353f4f!important;
+  background-color: transparent!important;
+  border-color: #ccc!important;
+}
+
+/*------------------------------------------*/
+/*  BLUE BUTTON
+/*------------------------------------------*/
+
+.btn--blue-500, .hover--blue-500:hover,
+.white-scroll .scroll .hover--blue-500:hover,
+.black-scroll .scroll .hover--blue-500:hover {
+  color: #fff!important;
+  border-color: #185abd!important;
+  background-color: #185abd!important;
+}
+
+.btn--blue-400, .hover--blue-400:hover,
+.white-scroll .scroll .hover--blue-400:hover,
+.black-scroll .scroll .hover--blue-400:hover {
+  color: #fff!important;
+  border-color: #1680fb!important;
+  background-color: #1680fb!important;
+}
+
+.btn--blue-300, .hover--blue-300:hover,
+.white-scroll .scroll .hover--blue-300:hover,
+.black-scroll .scroll .hover--blue-300:hover {
+  color: #fff!important;
+  border-color: #3eb1ff!important;
+  background-color: #3eb1ff!important;
+}
+
+.btn--blue-200, .hover--blue-200:hover,
+.white-scroll .scroll .hover--blue-200:hover,
+.black-scroll .scroll .hover--blue-200:hover {
+  color: #1680fb!important;
+  border-color: #e3ebfe!important;
+  background-color: #e3ebfe!important;
+}
+
+.btn--blue-100, .hover--blue-100:hover,
+.white-scroll .scroll .hover--blue-100:hover,
+.black-scroll .scroll .hover--blue-100:hover {
+  color: #1680fb!important;
+  border-color: #1680fb!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  GREEN BUTTON
+/*------------------------------------------*/
+
+.btn--green-500, .hover--green-500:hover,
+.white-scroll .scroll .hover--green-500:hover,
+.black-scroll .scroll .hover--green-500:hover {
+  color: #fff!important;
+  border-color: #00a14e!important;
+  background-color: #00a14e!important;
+}
+
+.btn--green-400, .hover--green-400:hover,
+.white-scroll .scroll .hover--green-400:hover,
+.black-scroll .scroll .hover--green-400:hover {
+  color: #fff!important;
+  border-color: #0fbc49!important;
+  background-color: #0fbc49!important;
+}
+
+.btn--green-300, .hover--green-300:hover,
+.white-scroll .scroll .hover--green-300:hover,
+.black-scroll .scroll .hover--green-300:hover {
+  color: #fff!important;
+  border-color: #6fd792!important;
+  background-color: #6fd792!important;
+}
+
+.btn--green-200, .hover--green-200:hover,
+.white-scroll .scroll .hover--green-200:hover,
+.black-scroll .scroll .hover--green-200:hover {
+  color: #0fbc49!important;
+  border-color: #cff2db!important;
+  background-color: #cff2db!important;
+}
+
+.btn--green-100, .hover--green-100:hover,
+.white-scroll .scroll .hover--green-100:hover,
+.black-scroll .scroll .hover--green-100:hover {
+  color: #0fbc49!important;
+  border-color: #0fbc49!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  PINK BUTTON
+/*------------------------------------------*/
+
+.btn--pink-500, .hover--pink-500:hover,
+.white-scroll .scroll .hover--pink-500:hover,
+.black-scroll .scroll .hover--pink-500:hover {
+  color: #fff!important;
+  border-color: #ff149c!important;
+  background-color: #ff149c!important;
+}
+
+.btn--pink-400, .hover--pink-400:hover,
+.white-scroll .scroll .hover--pink-400:hover,
+.black-scroll .scroll .hover--pink-400:hover {
+  color: #fff!important;
+  border-color: #f74780!important;
+  background-color: #f74780!important;
+}
+
+.btn--pink-300, .hover--pink-300:hover,
+.white-scroll .scroll .hover--pink-300:hover,
+.black-scroll .scroll .hover--pink-300:hover {
+  color: #fff!important;
+  border-color: #fcb5cc!important;
+  background-color: #fcb5cc!important;
+}
+
+.btn--pink-200, .hover--pink-200:hover,
+.white-scroll .scroll .hover--pink-200:hover,
+.black-scroll .scroll .hover--pink-200:hover {
+  color: #f74780!important;
+  border-color: #fee4ec!important;
+  background-color: #fee4ec!important;
+}
+
+.btn--pink-100, .hover--pink-100:hover,
+.white-scroll .scroll .hover--pink-100:hover,
+.black-scroll .scroll .hover--pink-100:hover {
+  color: #f74780!important;
+  border-color: #f74780!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  PURPLE BUTTON
+/*------------------------------------------*/
+
+.btn--purple-500, .hover--purple-500:hover,
+.white-scroll .scroll .hover--purple-500:hover,
+.black-scroll .scroll .hover--purple-500:hover {
+  color: #fff!important;
+  border-color: #663ae9!important;
+  background-color: #663ae9!important;
+}
+
+.btn--purple-400, .hover--purple-400:hover,
+.white-scroll .scroll .hover--purple-400:hover,
+.black-scroll .scroll .hover--purple-400:hover {
+  color: #fff!important;
+  border-color: #7b5dd6!important;
+  background-color: #7b5dd6!important;
+}
+
+.btn--purple-300, .hover--purple-300:hover,
+.white-scroll .scroll .hover--purple-300:hover,
+.black-scroll .scroll .hover--purple-300:hover {
+  color: #fff!important;
+  border-color: #bdaeea!important;
+  background-color: #bdaeea!important;
+}
+
+.btn--purple-200, .hover--purple-200:hover,
+.white-scroll .scroll .hover--purple-200:hover,
+.black-scroll .scroll .hover--purple-200:hover {
+  color: #7b5dd6!important;
+  border-color: #e5deff!important;
+  background-color: #e5deff!important;
+}
+
+.btn--purple-100, .hover--purple-100:hover,
+.white-scroll .scroll .hover--purple-100:hover,
+.black-scroll .scroll .hover--purple-100:hover {
+  color: #7b5dd6!important;
+  border-color: #7b5dd6!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  RED BUTTON
+/*------------------------------------------*/
+
+.btn--red-500, .hover--red-500:hover,
+.white-scroll .scroll .hover--red-500:hover,
+.black-scroll .scroll .hover--red-500:hover {
+  color: #fff!important;
+  border-color: #da0f29!important;
+  background-color: #da0f29!important;
+}
+
+.btn--red-400, .hover--red-400:hover,
+.white-scroll .scroll .hover--red-400:hover,
+.black-scroll .scroll .hover--red-400:hover {
+  color: #fff!important;
+  border-color: #ff1e1a!important;
+  background-color: #ff1e1a!important;
+}
+
+.btn--red-300, .hover--red-300:hover,
+.white-scroll .scroll .hover--red-300:hover,
+.black-scroll .scroll .hover--red-300:hover {
+  color: #fff!important;
+  border-color: #ffa5a3!important;
+  background-color: #ffa5a3!important;
+}
+
+.btn--red-200, .hover--red-200:hover,
+.white-scroll .scroll .hover--red-200:hover,
+.black-scroll .scroll .hover--red-200:hover {
+  color: #ff1e1a!important;
+  border-color: #ffd2d1!important;
+  background-color: #ffd2d1!important;
+}
+
+.btn--red-100, .hover--red-100:hover,
+.white-scroll .scroll .hover--red-100:hover,
+.black-scroll .scroll .hover--red-100:hover {
+  color: #ff1e1a!important;
+  border-color: #ff1e1a!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  VIOLET BUTTON
+/*------------------------------------------*/
+
+.btn--violet-500, .hover--violet-500:hover,
+.white-scroll .scroll .hover--violet-500:hover,
+.black-scroll .scroll .hover--violet-500:hover {
+  color: #fff!important;
+  border-color: #c73e9b!important;
+  background-color: #c73e9b!important;
+}
+
+.btn--violet-400, .hover--violet-400:hover,
+.white-scroll .scroll .hover--violet-400:hover,
+.black-scroll .scroll .hover--violet-400:hover {
+  color: #fff!important;
+  border-color: #be6cbe!important;
+  background-color: #be6cbe!important;
+}
+
+.btn--violet-300, .hover--violet-300:hover,
+.white-scroll .scroll .hover--violet-300:hover,
+.black-scroll .scroll .hover--violet-300:hover {
+  color: #fff!important;
+  border-color: #e2bde2!important;
+  background-color: #e2bde2!important;
+}
+
+.btn--violet-200, .hover--violet-200:hover,
+.white-scroll .scroll .hover--violet-200:hover,
+.black-scroll .scroll .hover--violet-200:hover {
+  color: #be6cbe!important;
+  border-color: #f1cde5!important;
+  background-color: #f1cde5!important;
+}
+
+.btn--violet-100, .hover--violet-100:hover,
+.white-scroll .scroll .hover--violet-100:hover,
+.black-scroll .scroll .hover--violet-100:hover {
+  color: #be6cbe!important;
+  border-color: #be6cbe!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  YELLOW BUTTON
+/*------------------------------------------*/
+
+.btn--yellow-500, .hover--yellow-500:hover,
+.white-scroll .scroll .hover--yellow-500:hover,
+.black-scroll .scroll .hover--yellow-500:hover {
+  color: #353f4f!important;
+  border-color: #ffba01!important;
+  background-color: #ffba01!important;
+}
+
+.btn--yellow-400, .hover--yellow-400:hover,
+.white-scroll .scroll .hover--yellow-400:hover,
+.black-scroll .scroll .hover--yellow-400:hover {
+  color: #353f4f!important;
+  border-color: #ffbd45!important;
+  background-color: #ffbd45!important;
+}
+
+.btn--yellow-300, .hover--yellow-300:hover,
+.white-scroll .scroll .hover--yellow-300:hover,
+.black-scroll .scroll .hover--yellow-300:hover {
+  color: #353f4f!important;
+  border-color: #ffdf35!important;
+  background-color: #ffdf35!important;
+}
+
+.btn--yellow-200, .hover--yellow-200:hover,
+.white-scroll .scroll .hover--yellow-200:hover,
+.black-scroll .scroll .hover--yellow-200:hover {
+  color: #353f4f!important;
+  border-color: #fef5cd!important;
+  background-color: #fef5cd!important;
+}
+
+.btn--yellow-100, .hover--yellow-100:hover,
+.white-scroll .scroll .hover--yellow-100:hover,
+.black-scroll .scroll .hover--yellow-100:hover {
+  color: #ffba01!important;
+  border-color: #ffba01!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  BUTTON FOCUS
+/*------------------------------------------*/
+
+.btn:focus,
+.btn.btn--black:focus {
+  color: #fff; 
+  -webkit-box-shadow: none;
+  box-shadow: none; 
+}
+
+.btn--transparent:focus {
+  background-color: transparent!important;
+  border-color: transparent!important;
+} 
+
+.btn--grey:focus {
+  color: #666; 
+  -webkit-box-shadow: none;
+  box-shadow: none; 
+}
+
+.btn--tra-black:focus, 
+.btn--transparent:focus,
+.btn.btn--tra-grey:focus {
+  color: #353f4f; 
+  -webkit-box-shadow: none;
+  box-shadow: none; 
+}
+
+/*------------------------------------------*/
+/*  DOWNLOAD LINKS
+/*------------------------------------------*/
+
+.download-links li {
+  width: auto!important;
+  display: inline-block!important;
+  vertical-align: top;
+  clear: none !important;
+}
+
+.download-links-divider {
+  position: relative;
+  top: 1.5px;
+  transform: rotate(-90deg);
+}
+
+.download-links li p {
+  display: inline-block;
+  float: left;
+  margin-bottom: 0;
+}
+
+.download-links li p a {
+  font-weight: 500;
+}
+
+.download-links li p a:hover {
+  text-decoration: underline;
+}
+
+.color--white .download-links li p a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  OS DOWNLOAD BUTTON
+/*------------------------------------------*/ 
+
+.os-btn {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+  text-align: left;
+  width: 330px;
+  min-width: 330px;
+  background-color: #fff;
+  border: 1px solid #d3d3d3;
+  padding: 17px 18px 15px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.os-btn:hover {
+  background-color: #f5f6f7;
+  border: 1px solid #f5f6f7;
+  -webkit-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05);
+  -moz-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05);
+  box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05);
+}
+
+.os-btn-ico {
+  position: relative;
+  margin-right: 20px;
+}
+
+.os-btn-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.os-btn-txt p {
+  color: #353f4f;
+  font-size: 1.05rem;
+  line-height: 1;
+  font-weight: 500;
+  letter-spacing: -0.5px;
+  margin-top: 6px;
+  margin-bottom: 5px;
+}
+
+.os-btn-txt span {
+  display: block;
+  font-size: 0.9rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  STORE BADGE ICONS
+/*------------------------------------------*/
+
+.stores-badge {
+  display: inline-block;
+}
+
+.store {
+  display: inline-block;
+  text-align: center;
+  margin-right: 10px;
+}
+
+.store:last-child {
+  margin-right: 0;
+} 
+
+.store img {
+  width: auto;
+  max-width: inherit;
+}
+
+.badge-img-xs .store img { max-height: 2.5rem; }
+.badge-img-sm .store img { max-height: 2.625rem; }
+.badge-img-md .store img { max-height: 2.875rem; }
+.badge-img-lg .store img { max-height: 3rem; }
+
+/*------------------------------------------*/
+/*  WATCH VIDEO LINK
+/*------------------------------------------*/
+
+.watch-video {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+  margin-top: 25px;
+}
+
+/*------------------------------------------*/
+/*  Link Icon
+/*------------------------------------------*/
+
+.watch-video-link {
+  position: relative;
+  text-align: center;
+  float: left;
+  width: 2.85rem;
+  height: 2.85rem; 
+  color: #fff;
+  border: none;
+  margin-right: 12px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  border-radius: 100%; 
+}
+
+.watch-video-link:before {
+  content: '';
+  position: absolute;
+  left: -3px;
+  right: -3px;
+  top: -3px;
+  bottom: -3px;
+  background: rgba(255, 255, 255, 0.2);
+  opacity: 0;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+.watch-video-link:hover:before {
+  opacity: .75;
+  left: -8px;
+  right: -8px;
+  top: -8px;
+  bottom: -8px;
+}
+
+.watch-video-link span[class^="flaticon-"]:before, 
+.watch-video-link span[class^="flaticon-"]:after {
+  font-size: 2rem; 
+  line-height: 2.85rem!important;   
+  margin-left: 5px;
+}
+
+/*------------------------------------------*/
+/*  Link Text
+/*------------------------------------------*/
+
+.watch-video-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+  text-align: left!important;
+}
+
+p.video-txt-lg {
+  font-size: 1rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 5px;
+}
+
+p.video-txt-sm {
+  font-size: 0.925rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  VIDEO POPUP ICON
+/*------------------------------------------*/
+
+.video-preview {
+  position: relative; 
+  text-align: center;
+}
+
+.video-btn {
+  position: absolute!important;
+  top: 50%;
+  left: 50%;
+  display: inline-block;
+  text-align: center;
+  color: #fff;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  border-radius: 100%; 
+}
+
+.video-btn-xl {
+  width: 6.25rem;
+  height: 6.25rem;
+  margin-top: -3.125rem;
+  margin-left: -3.125rem;
+}
+
+.video-btn-lg {
+  width: 5.625rem;
+  height: 5.625rem;
+  margin-top: -2.8125rem;
+  margin-left: -2.8125rem;
+}
+
+.video-btn-md {
+  width: 5rem;
+  height: 5rem;
+  margin-top: -2.5rem;
+  margin-left: -2.5rem;
+}
+
+.video-btn-sm {
+  width: 4.375rem;
+  height: 4.375rem;
+  margin-top: -2.1875rem;
+  margin-left: -2.1875rem;
+}
+
+.video-block-wrapper {
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+.video-btn.video-btn-xl [class^="flaticon-"]:before, 
+.video-btn.video-btn-xl [class^="flaticon-"]:after {
+  font-size: 5rem;
+  line-height: 6.25rem!important;   
+  margin-left: 10px;
+}
+
+.video-btn.video-btn-lg [class^="flaticon-"]:before, 
+.video-btn.video-btn-lg [class^="flaticon-"]:after {
+  font-size: 4.5rem;
+  line-height: 5.625rem!important;   
+  margin-left: 8px;
+}
+
+.video-btn.video-btn-md [class^="flaticon-"]:before, 
+.video-btn.video-btn-md [class^="flaticon-"]:after {
+  font-size: 4.35rem;
+  line-height: 5rem!important;   
+  margin-left: 8px;
+}
+
+.video-btn.video-btn-sm [class^="flaticon-"]:before, 
+.video-btn.video-btn-sm [class^="flaticon-"]:after {
+  font-size: 3.5rem;
+  line-height: 4.375rem!important;   
+  margin-left: 5px;
+}
+
+.video-btn:hover .video-block-wrapper {
+  -moz-transform: scale(0.95);
+  -ms-transform: scale(0.95);
+  -webkit-transform: scale(0.95);
+  -o-transform: scale(0.95);
+  transform: scale(0.95);
+}
+
+.video-btn:before {
+  content: '';
+  position: absolute;
+  left: -5px;
+  right: -5px;
+  top: -5px;
+  bottom: -5px;
+  background: rgba(255, 255, 255, 0.2);
+  opacity: 0;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+.video-btn.video-btn-xl:hover:before {
+  opacity: .75;
+  left: -1.5rem;
+  right: -1.5rem;
+  top: -1.5rem;
+  bottom: -1.5rem;
+}
+
+.video-btn.video-btn-lg:hover:before {
+  opacity: .75;
+  left: -1.25rem;
+  right: -1.25rem;
+  top: -1.25rem;
+  bottom: -1.25rem;
+}
+
+.video-btn.video-btn-md:hover:before {
+  opacity: .75;
+  left: -1rem;
+  right: -1rem;
+  top: -1rem;
+  bottom: -1rem;
+}
+
+.video-btn.video-btn-sm:hover:before {
+  opacity: .75;
+  left: -0.75rem;
+  right: -0.75rem;
+  top: -0.75rem;
+  bottom: -0.75rem;
+}
+
+/*------------------------------------------*/
+/*  VECTOR ICONS
+/*------------------------------------------*/
+
+.ico-10 [class*="flaticon-"]:before, .ico-10 [class*="flaticon-"]:after { font-size: 0.75rem; }     /* 15px */
+.ico-15 [class*="flaticon-"]:before, .ico-15 [class*="flaticon-"]:after { font-size: 0.9375rem; }   /* 15px */
+.ico-20 [class*="flaticon-"]:before, .ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; }     /* 20px */
+.ico-25 [class*="flaticon-"]:before, .ico-25 [class*="flaticon-"]:after { font-size: 1.5625rem; }   /* 25px */
+.ico-30 [class*="flaticon-"]:before, .ico-30 [class*="flaticon-"]:after { font-size: 1.875rem; }    /* 30px */
+.ico-35 [class*="flaticon-"]:before, .ico-35 [class*="flaticon-"]:after { font-size: 2.1875rem; }   /* 35px */
+.ico-40 [class*="flaticon-"]:before, .ico-40 [class*="flaticon-"]:after { font-size: 2.5rem; }      /* 40px */
+.ico-45 [class*="flaticon-"]:before, .ico-45 [class*="flaticon-"]:after { font-size: 2.8125rem; }   /* 45px */
+.ico-50 [class*="flaticon-"]:before, .ico-50 [class*="flaticon-"]:after { font-size: 3.125rem; }    /* 50px */
+.ico-55 [class*="flaticon-"]:before, .ico-55 [class*="flaticon-"]:after { font-size: 3.4375rem; }   /* 55px */
+.ico-60 [class*="flaticon-"]:before, .ico-60 [class*="flaticon-"]:after { font-size: 3.75rem; }     /* 60px */
+.ico-65 [class*="flaticon-"]:before, .ico-65 [class*="flaticon-"]:after { font-size: 4.0625rem; }   /* 65px */
+.ico-70 [class*="flaticon-"]:before, .ico-70 [class*="flaticon-"]:after { font-size: 4.375rem; }    /* 70px */
+.ico-75 [class*="flaticon-"]:before, .ico-75 [class*="flaticon-"]:after { font-size: 4.6875rem; }   /* 75px */
+.ico-80 [class*="flaticon-"]:before, .ico-80 [class*="flaticon-"]:after { font-size: 5rem; }        /* 80px */
+.ico-85 [class*="flaticon-"]:before, .ico-85 [class*="flaticon-"]:after { font-size: 5.3125rem; }   /* 85px */
+.ico-90 [class*="flaticon-"]:before, .ico-90 [class*="flaticon-"]:after { font-size: 5.625rem; }    /* 90px */
+.ico-95 [class*="flaticon-"]:before, .ico-95 [class*="flaticon-"]:after { font-size: 5.9375rem; }   /* 95px */
+.ico-100 [class*="flaticon-"]:before, .ico-100 [class*="flaticon-"]:after { font-size: 6.25rem; }   /* 100px */
+.ico-105 [class*="flaticon-"]:before, .ico-105 [class*="flaticon-"]:after { font-size: 6.5625rem; } /* 105px */
+.ico-110 [class*="flaticon-"]:before, .ico-110 [class*="flaticon-"]:after { font-size: 6.875rem; }  /* 110px */
+.ico-115 [class*="flaticon-"]:before, .ico-115 [class*="flaticon-"]:after { font-size: 7.1875rem; } /* 115px */
+.ico-120 [class*="flaticon-"]:before, .ico-120 [class*="flaticon-"]:after { font-size: 7.5rem; }    /* 120px */
+.ico-125 [class*="flaticon-"]:before, .ico-125 [class*="flaticon-"]:after { font-size: 7.8125rem; } /* 125px */
+
+/*------------------------------------------*/
+/*  VECTOR ICON BACKGROUND
+/*------------------------------------------*/ 
+
+.shape-ico {
+  position: relative;
+  display: inline-block;
+  margin: 0 auto;
+}
+
+.shape-ico span {
+  position: relative;
+  z-index:  2;
+}
+
+.shape-ico svg {
+  position: absolute;
+  z-index:  1;
+}
+
+.ico-50 .shape-ico svg {
+  width: 130px;
+  height: 130px;
+  top: -35px;
+  left: calc(50% - 60px);
+}
+
+.fbox-11 .ico-50 .shape-ico svg {
+  top: -40px;
+  left: calc(50% - 70px);
+}
+
+.ico-55 .shape-ico svg {
+  width: 135px;
+  height: 135px;
+  top: -30px;
+  left: calc(50% - 60px);
+}
+
+.ico-60 .shape-ico svg {
+  width: 140px;
+  height: 140px;
+  top: -30px;
+  left: calc(50% - 65px);
+}
+
+.shape-ico.color--blue-300 path,
+.shape-ico.color--blue-400 path,
+.shape-ico.color--blue-500 path {
+  fill: #f4f9fc;
+}
+
+.shape-ico.color--green-300 path,
+.shape-ico.color--green-400 path,
+.shape-ico.color--green-500 path {
+  fill: #e9f8f2;
+}
+
+.shape-ico.color--pink-300 path,
+.shape-ico.color--pink-400 path,
+.shape-ico.color--pink-500 path {
+  fill: #feecf2;
+}
+
+.shape-ico.color--purple-300 path,
+.shape-ico.color--purple-400 path,
+.shape-ico.color--purple-500 path {
+  fill: #f1edff;
+}
+
+.shape-ico.color--red-300 path,
+.shape-ico.color--red-400 path,
+.shape-ico.color--red-500 path {
+  fill: #fce7e4;
+}
+
+.shape-ico.color--violet-300 path,
+.shape-ico.color--violet-400 path,
+.shape-ico.color--violet-500 path {
+  fill: #f7e4f1;
+}
+
+/*------------------------------------------*/
+/*  VECTOR ROUNDED ICONS
+/*------------------------------------------*/ 
+
+.ico-rounded,
+.ico-rounded-md,
+.ico-rounded-lg {
+  display: inline-block;
+  text-align: center;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+}
+
+.ico-rounded { width: 80px; height: 80px; }
+.ico-rounded-md { width: 90px; height: 90px; }
+.ico-rounded-lg { width: 100px; height: 100px; }
+
+.ico-rounded [class*="flaticon-"]:before, 
+.ico-rounded [class*="flaticon-"]:after { font-size:2.15rem; line-height:80px!important; }
+
+.ico-rounded-md [class*="flaticon-"]:before, 
+.ico-rounded-md [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 90px!important; }
+
+.ico-rounded-lg [class*="flaticon-"]:before, 
+.ico-rounded-lg [class*="flaticon-"]:after { font-size: 2.65rem; line-height: 100px!important; }
+
+/*------------------------------------------*/
+/*  VECTOR SQUARE ICONS
+/*------------------------------------------*/ 
+
+.ico-square { 
+  display: inline-block;
+  text-align: center;
+  width: 80px; 
+  height: 80px; 
+  -webkit-border-radius: 12px;
+  -moz-border-radius: 12px;
+  -o-border-radius: 12px;
+  border-radius: 12px;
+}
+
+.ico-square [class*="flaticon-"]:before, 
+.ico-square [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 80px!important; }
+
+/*------------------------------------------*/
+/*   PNG ICONS SETTINGS
+/*------------------------------------------*/ 
+
+.ico-145 img { width: 145px; height: 145px; }
+.ico-140 img { width: 140px; height: 140px; }
+.ico-135 img { width: 135px; height: 135px; }
+.ico-130 img { width: 130px; height: 130px; }
+.ico-125 img { width: 125px; height: 125px; }
+.ico-120 img { width: 120px; height: 120px; }
+.ico-115 img { width: 115px; height: 115px; }
+.ico-110 img { width: 110px; height: 110px; }
+.ico-105 img { width: 105px; height: 105px; }
+.ico-100 img { width: 100px; height: 100px; }
+.ico-95 img { width: 95px; height: 95px; }
+.ico-90 img { width: 90px; height: 90px; }
+.ico-85 img { width: 85px; height: 85px; }
+.ico-80 img { width: 80px; height: 80px; }
+.ico-75 img { width: 75px; height: 75px; }
+.ico-70 img { width: 70px; height: 70px; }
+.ico-65 img { width: 65px; height: 65px; }
+.ico-60 img { width: 60px; height: 60px; }
+.ico-55 img { width: 55px; height: 55px; }
+.ico-50 img { width: 50px; height: 50px; }
+.ico-45 img { width: 45px; height: 45px; }
+.ico-40 img { width: 40px; height: 40px; }
+.ico-35 img { width: 35px; height: 35px; }
+.ico-30 img { width: 30px; height: 30px; }
+.ico-25 img { width: 25px; height: 25px; }
+.ico-20 img { width: 20px; height: 20px; }
+
+/*------------------------------------------*/
+/*   SECTION ID
+/*------------------------------------------*/
+
+.section-id {
+  display: block;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 700;
+  letter-spacing: 0.5px;
+  text-transform: uppercase;
+  margin-bottom: 35px;   
+}
+
+.section-id.rounded-id {
+  display: inline-block;
+  padding: 10px 24px;
+  font-size: 0.85rem;
+  text-transform: uppercase;
+  -webkit-border-radius: 100px;
+  -moz-border-radius: 100px;
+  border-radius: 100px;
+  margin-bottom: 40px; 
+}
+
+.section-id.border-id {
+  border-width: 2px;
+  border-style: solid;
+}
+
+.section-id.border-id.border--grey {
+  border-color: #757575;
+}
+
+.section-id.border-id.border--blue {
+  border-color: #1680fb;
+}
+
+.font--jakarta .section-id  {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+}
+
+.font--inter .section-id  {
+  font-family: 'Inter', sans-serif;
+}
+
+/*------------------------------------------*/
+/*  SECTION TITLE
+/*------------------------------------------*/
+
+.section-title {
+  text-align: center;
+}
+
+.section-title h2 {
+  margin-bottom: 0;
+}
+
+.section-title h2.w-700 {
+  letter-spacing: -0.5px;
+}
+
+.section-title p.p-md,
+.section-title p.p-lg,
+.section-title p.p-xl,
+.section-title p.s-20,
+.section-title p.s-21 {
+  margin-top: 18px;
+  margin-bottom: 0;
+}
+
+.section-title p.p-md,
+.section-title p.p-lg {
+  padding: 0 3%;
+}
+
+.section-title a.contact-link {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.section-title .btns-group .btn {
+  margin-top: 0;
+}
+
+.section-title .advantages,
+.section-title .btns-txt,
+.section-title .btns-group-txt {
+  margin-top: 20px;
+}
+
+/*------------------------------------------*/
+/*  TEXT COLORS
+/*------------------------------------------*/
+
+.color--white,
+.color--white h1,
+.color--white h2, 
+.color--white h3, 
+.color--white h4, 
+.color--white h5, 
+.color--white h6, 
+.color--white p, 
+.color--white a, 
+.color--white li,
+.color--white i, 
+.color--white span { color: #fff; }
+
+.color--snow,
+.color--snow h1, 
+.color--snow h2, 
+.color--snow h3, 
+.color--snow h4, 
+.color--snow h5, 
+.color--snow h6, 
+.color--snow p, 
+.color--snow a, 
+.color--snow li,
+.color--snow i, 
+.color--snow span,
+.color--white .color--snow { color: #c2c3cb; }
+
+.color--black,
+.color--black h1, 
+.color--black h2, 
+.color--black h3, 
+.color--black h4, 
+.color--black h5, 
+.color--black h6, 
+.color--black p, 
+.color--black a, 
+.color--black li,
+.color--black i, 
+.color--black span { color: #353f4f; }
+
+.color--coal,
+.color--coal h1, 
+.color--coal h2, 
+.color--coal h3, 
+.color--coal h4, 
+.color--coal h5, 
+.color--coal h6, 
+.color--coal p, 
+.color--coal a, 
+.color--coal li,
+.color--coal i, 
+.color--coal span { color: #52595d; }
+
+.color--grey,
+.color--grey h1, 
+.color--grey h2, 
+.color--grey h3, 
+.color--grey h4, 
+.color--grey h5, 
+.color--grey h6, 
+.color--grey p, 
+.color--grey a, 
+.color--grey li,
+.color--grey i, 
+.color--grey span,
+.color--white .color--grey { color: #757575; }
+
+.color--blue-500, 
+.color--blue-500 h1, 
+.color--blue-500 h2, 
+.color--blue-500 h3, 
+.color--blue-500 h4, 
+.color--blue-500 h5, 
+.color--blue-500 h6, 
+.color--blue-500 p, 
+.color--blue-500 a, 
+.color--blue-500 li, 
+.color--blue-500 i, 
+.color--blue-500 span,
+.color--white .color--blue-500 { color: #185abd!important; }
+
+.color--blue-400, 
+.color--blue-400 h1, 
+.color--blue-400 h2, 
+.color--blue-400 h3, 
+.color--blue-400 h4, 
+.color--blue-400 h5, 
+.color--blue-400 h6, 
+.color--blue-400 p, 
+.color--blue-400 a, 
+.color--blue-400 li, 
+.color--blue-400 i, 
+.color--blue-400 span,
+.color--white .color--blue-400 { color: #1680fb!important; }
+
+.color--blue-300, 
+.color--blue-300 h1, 
+.color--blue-300 h2, 
+.color--blue-300 h3, 
+.color--blue-300 h4, 
+.color--blue-300 h5, 
+.color--blue-300 h6, 
+.color--blue-300 p, 
+.color--blue-300 a, 
+.color--blue-300 li, 
+.color--blue-300 i, 
+.color--blue-300 span,
+.color--white .color--blue-300 { color: #3eb1ff!important; }
+
+.color--green-500, 
+.color--green-500 h1, 
+.color--green-500 h2, 
+.color--green-500 h3, 
+.color--green-500 h4, 
+.color--green-500 h5, 
+.color--green-500 h6, 
+.color--green-500 p, 
+.color--green-500 a, 
+.color--green-500 li, 
+.color--green-500 i, 
+.color--green-500 span,
+.color--white .color--green-500 { color: #00a14e!important; }
+
+.color--green-400, 
+.color--green-400 h1, 
+.color--green-400 h2, 
+.color--green-400 h3, 
+.color--green-400 h4, 
+.color--green-400 h5, 
+.color--green-400 h6, 
+.color--green-400 p, 
+.color--green-400 a, 
+.color--green-400 li, 
+.color--green-400 i, 
+.color--green-400 span,
+.color--white .color--green-400 { color: #0fbc49!important; }
+
+.color--green-300, 
+.color--green-300 h1, 
+.color--green-300 h2, 
+.color--green-300 h3, 
+.color--green-300 h4, 
+.color--green-300 h5, 
+.color--green-300 h6, 
+.color--green-300 p, 
+.color--green-300 a, 
+.color--green-300 li, 
+.color--green-300 i, 
+.color--green-300 span,
+.color--white .color--green-300 { color: #6fd792!important; }
+
+.color--pink-500, 
+.color--pink-500 h1, 
+.color--pink-500 h2, 
+.color--pink-500 h3, 
+.color--pink-500 h4, 
+.color--pink-500 h5, 
+.color--pink-500 h6, 
+.color--pink-500 p, 
+.color--pink-500 a, 
+.color--pink-500 li, 
+.color--pink-500 i, 
+.color--pink-500 span,
+.color--white .color--pink-500 { color: #ff149c!important; }
+
+.color--pink-400, 
+.color--pink-400 h1, 
+.color--pink-400 h2, 
+.color--pink-400 h3, 
+.color--pink-400 h4, 
+.color--pink-400 h5, 
+.color--pink-400 h6, 
+.color--pink-400 p, 
+.color--pink-400 a, 
+.color--pink-400 li, 
+.color--pink-400 i, 
+.color--pink-400 span,
+.color--white .color--pink-400 { color: #f74780!important; }
+
+.color--pink-300, 
+.color--pink-300 h1, 
+.color--pink-300 h2, 
+.color--pink-300 h3, 
+.color--pink-300 h4, 
+.color--pink-300 h5, 
+.color--pink-300 h6, 
+.color--pink-300 p, 
+.color--pink-300 a, 
+.color--pink-300 li, 
+.color--pink-300 i, 
+.color--pink-300 span,
+.color--white .color--pink-300 { color: #fcb5cc!important; }
+
+.color--purple-500, 
+.color--purple-500 h1, 
+.color--purple-500 h2, 
+.color--purple-500 h3, 
+.color--purple-500 h4, 
+.color--purple-500 h5, 
+.color--purple-500 h6, 
+.color--purple-500 p, 
+.color--purple-500 a, 
+.color--purple-500 li, 
+.color--purple-500 i, 
+.color--purple-500 span,
+.color--white .color--purple-500 { color: #663ae9!important; }
+
+.color--purple-400, 
+.color--purple-400 h1, 
+.color--purple-400 h2, 
+.color--purple-400 h3, 
+.color--purple-400 h4, 
+.color--purple-400 h5, 
+.color--purple-400 h6, 
+.color--purple-400 p, 
+.color--purple-400 a, 
+.color--purple-400 li, 
+.color--purple-400 i, 
+.color--purple-400 span,
+.color--white .color--purple-400 { color: #7b5dd6!important; }
+
+.color--purple-300, 
+.color--purple-300 h1, 
+.color--purple-300 h2, 
+.color--purple-300 h3, 
+.color--purple-300 h4, 
+.color--purple-300 h5, 
+.color--purple-300 h6, 
+.color--purple-300 p, 
+.color--purple-300 a, 
+.color--purple-300 li, 
+.color--purple-300 i, 
+.color--purple-300 span,
+.color--white .color--purple-300 { color: #bdaeea!important; }
+
+.color--red-500, 
+.color--red-500 h1, 
+.color--red-500 h2, 
+.color--red-500 h3, 
+.color--red-500 h4, 
+.color--red-500 h5, 
+.color--red-500 h6, 
+.color--red-500 p, 
+.color--red-500 a, 
+.color--red-500 li, 
+.color--red-500 i, 
+.color--red-500 span,
+.color--white .color--red-500 { color: #da0f29!important; }
+
+.color--red-400, 
+.color--red-400 h1, 
+.color--red-400 h2, 
+.color--red-400 h3, 
+.color--red-400 h4, 
+.color--red-400 h5, 
+.color--red-400 h6, 
+.color--red-400 p, 
+.color--red-400 a, 
+.color--red-400 li, 
+.color--red-400 i, 
+.color--red-400 span,
+.color--white .color--red-400 { color: #ff1e1a!important; }
+
+.color--red-300, 
+.color--red-300 h1, 
+.color--red-300 h2, 
+.color--red-300 h3, 
+.color--red-300 h4, 
+.color--red-300 h5, 
+.color--red-300 h6, 
+.color--red-300 p, 
+.color--red-300 a, 
+.color--red-300 li, 
+.color--red-300 i, 
+.color--red-300 span,
+.color--white .color--red-300 { color: #ffa5a3!important; }
+
+.color--violet-500, 
+.color--violet-500 h1, 
+.color--violet-500 h2, 
+.color--violet-500 h3, 
+.color--violet-500 h4, 
+.color--violet-500 h5, 
+.color--violet-500 h6, 
+.color--violet-500 p, 
+.color--violet-500 a, 
+.color--violet-500 li, 
+.color--violet-500 i, 
+.color--violet-500 span,
+.color--white .color--violet-500 { color: #c73e9b!important; }
+
+.color--violet-400, 
+.color--violet-400 h1, 
+.color--violet-400 h2, 
+.color--violet-400 h3, 
+.color--violet-400 h4, 
+.color--violet-400 h5, 
+.color--violet-400 h6, 
+.color--violet-400 p, 
+.color--violet-400 a, 
+.color--violet-400 li, 
+.color--violet-400 i, 
+.color--violet-400 span,
+.color--white .color--violet-400 { color: #be6cbe!important; }
+
+.color--violet-300, 
+.color--violet-300 h1, 
+.color--violet-300 h2, 
+.color--violet-300 h3, 
+.color--violet-300 h4, 
+.color--violet-300 h5, 
+.color--violet-300 h6, 
+.color--violet-300 p, 
+.color--violet-300 a, 
+.color--violet-300 li, 
+.color--violet-300 i, 
+.color--violet-300 span,
+.color--white .color--violet-300 { color: #e2bde2!important; }
+
+.color--yellow-500, 
+.color--yellow-500 h1, 
+.color--yellow-500 h2, 
+.color--yellow-500 h3, 
+.color--yellow-500 h4, 
+.color--yellow-500 h5, 
+.color--yellow-500 h6, 
+.color--yellow-500 p, 
+.color--yellow-500 a, 
+.color--yellow-500 li, 
+.color--yellow-500 i, 
+.color--yellow-500 span,
+.color--white .color--yellow-500 { color: #ffba01!important; }
+
+.color--yellow-400, 
+.color--yellow-400 h1, 
+.color--yellow-400 h2, 
+.color--yellow-400 h3, 
+.color--yellow-400 h4, 
+.color--yellow-400 h5, 
+.color--yellow-400 h6, 
+.color--yellow-400 p, 
+.color--yellow-400 a, 
+.color--yellow-400 li, 
+.color--yellow-400 i, 
+.color--yellow-400 span,
+.color--white .color--yellow-400 { color: #ffbd45!important; }
+
+.color--yellow-300, 
+.color--yellow-300 h1, 
+.color--yellow-300 h2, 
+.color--yellow-300 h3, 
+.color--yellow-300 h4, 
+.color--yellow-300 h5, 
+.color--yellow-300 h6, 
+.color--yellow-300 p, 
+.color--yellow-300 a, 
+.color--yellow-300 li, 
+.color--yellow-300 i, 
+.color--yellow-300 span,
+.color--white .color--yellow-300 { color: #ffdf35!important; }
+
+
+
+
+/* ==========================================================================
+  03. PRELOAD ANIMATION
+  ========================================================================== */
+
+#loading {
+  height: 100%;
+  width: 100%;
+  position: fixed;
+  z-index: 1;
+  margin-top: 0px;
+  top: 0px;
+  z-index: 99999999;
+}
+
+#loading { 
+  background-color: #f5f5f9;
+}
+
+#loading-center {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  height: 100px;
+  width: 100px;
+  margin-top: -50px;
+  margin-left: -50px;
+  -webkit-animation: loading-center-absolute 1s infinite;
+  animation: loading-center-absolute 1s infinite;
+}
+
+.loader {
+  border: 2px solid;
+  border-color: transparent #888;
+  width: 100px;
+  height: 100px;
+  border-radius: 50%;
+  display: inline-block;
+  position: relative;
+  box-sizing: border-box;
+  animation: rotation 1s linear infinite;
+}
+
+.loading--blue .loader { 
+  border-color: transparent #1680fb; 
+}
+
+.loading--green .loader { 
+  border-color: transparent #0fbc49; 
+}
+
+.loading--pink .loader { 
+  border-color: transparent #f74780; 
+}
+
+.loading--purple .loader { 
+  border-color: transparent #7b5dd6; 
+}
+
+.loading--red .loader { 
+  border-color: transparent #ff1e1a; 
+}
+
+.loading--violet .loader { 
+  border-color: transparent #c73e9b; 
+}
+
+.loading--yellow .loader { 
+  border-color: transparent #ffba01; 
+}
+
+.loader::after {
+  content: '';  
+  box-sizing: border-box;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  border: 50px solid;
+  border-color: transparent rgba(30, 30, 30, 0.15);
+  border-radius: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.loading--blue .loader::after {
+  border-color: transparent rgba(22, 128, 251, .15); 
+}
+
+.loading--green .loader::after {
+  border-color: transparent rgba(14, 188, 73, .15); 
+}
+
+.loading--pink .loader::after {
+  border-color: transparent rgba(247, 71, 128, .15); 
+}
+
+.loading--purple .loader::after {
+  border-color: transparent rgba(123, 93, 214, .15); 
+}
+
+.loading--red .loader::after {
+  border-color: transparent rgba(255, 30, 26, .15); 
+}
+
+.loading--violet .loader::after {
+  border-color: transparent rgba(1900, 108, 190, .15); 
+}
+
+.loading--yellow .loader::after {
+  border-color: transparent rgba(255, 186, 1, .15); 
+}
+
+@keyframes rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+} 
+
+
+
+
+/* ==========================================================================
+  04. HEADER & NAVIGATION
+  =========================================================================== */
+
+#header {
+  width: 100%;
+  display: block;
+  padding-top: 0px;
+}
+
+.header-wrapper {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 1030;
+}
+
+.headerwp {
+  max-width: 1140px;
+  margin: 0 auto;
+  padding: 0;
+}
+
+.posrlt {
+  position: relative;
+}
+
+/*------------------------------------------*/
+/*  HEADER LOGO
+/*------------------------------------------*/
+
+.desktoplogo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 38px;
+}
+
+.blog-header .desktoplogo img {
+  max-height: 30px;
+}
+
+/*------------------------------------------*/
+/*  NAVIGATION MENU
+/*------------------------------------------*/
+
+.wsmainfull {
+  width: 100%;
+  height: auto;
+  z-index: 1031;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out; 
+}
+
+.tra-menu .wsmainfull {
+  padding: 20px 0;
+  background-color: transparent!important;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+
+.white-menu .wsmainfull {
+  padding: 6px 0;
+  background-color: #fff!important;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.dark-menu .wsmainfull {
+  padding: 6px 0;
+  background-color: #1d222f!important;
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+#header.hiddden-header {
+  display: none;
+}
+
+.hidden-nav .wsmainfull {
+  margin-top: -140px;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  HEADER LINK
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > a {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  display: block;
+  font-size: 1rem;
+  line-height: 50px;
+  font-weight: 600;
+  letter-spacing: 0;
+  text-decoration: none;  
+  margin: 0 7px;
+  padding: 10px 15px;
+}
+
+.navbar-dark .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #353f4f;
+}
+
+.navbar-light .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #fff;
+}
+
+.wsmenu > .wsmenu-list > li > a.h-link.last-link {
+  padding: 10px 0px;
+  margin: 0;
+}
+
+.wsmenu > .wsmenu-list > li > a .wsarrow:after {
+  border-left: 4px solid rgba(0, 0, 0, 0);
+  border-right: 4px solid rgba(0, 0, 0, 0);
+  border-top: 4px solid;
+  content: "";
+  float: right;
+  right: 0;
+  height: 0;
+  margin: 0 0 0 14px;
+  position: absolute;
+  text-align: right;
+  top: 35px;
+  width: 0;
+}
+
+.wsmenu > .wsmenu-list > li.reg-fst-link > a {
+  margin-left: 30px;
+}
+
+/*------------------------------------------*/
+/*  HEADER LINK INFO
+/*------------------------------------------*/
+
+span.sm-info {
+  position: relative;
+  display: inline-block;
+  text-align: center;
+  width: 20px;
+  height: 20px;
+  color: #fff;
+  font-size: 0.65rem;
+  line-height: 19px;
+  font-weight: 700;
+  margin-left: 5px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+}
+
+.nav-blue-500 .sm-info { background-color: #185abd; }
+.nav-blue-400 .sm-info { background-color: #1680fb; }
+.nav-blue-300 .sm-info { background-color: #3eb1ff; }
+
+.nav-green-500 .sm-info { background-color: #00a14e; }
+.nav-green-400 .sm-info { background-color: #0fbc49; }
+.nav-green-300 .sm-info { background-color: #6fd792; }
+
+.nav-pink-500 .sm-info { background-color: #ff149c; }
+.nav-pink-400 .sm-info { background-color: #f74780; }
+.nav-pink-300 .sm-info { background-color: #fcb5cc; }
+
+.nav-purple-500 .sm-info { background-color: #663ae9; }
+.nav-purple-400 .sm-info { background-color: #7b5dd6; }
+.nav-purple-300 .sm-info { background-color: #bdaeea; }
+
+.nav-red-500 .sm-info { background-color: #da0f29; }
+.nav-red-400 .sm-info { background-color: #ff1e1a; }
+.nav-red-300 .sm-info { background-color: #ffa5a3; }
+
+.nav-violet-500 .sm-info { background-color: #c73e9b; }
+.nav-violet-400 .sm-info { background-color: #be6cbe; }
+.nav-violet-300 .sm-info { background-color: #e2bde2; }
+
+.nav-yellow-500 .sm-info { background-color: #ffba01; }
+.nav-yellow-400 .sm-info { background-color: #ffbd45; }
+.nav-yellow-300 .sm-info { background-color: #ffdf35; }
+
+/*------------------------------------------*/
+/*  HEADER BUTTONS
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li a.btn {
+  font-size: 1rem;
+  line-height: 30px;
+  font-weight: 600;
+  text-transform: none;
+  letter-spacing: 0;
+  margin-top: 14px;
+  padding: 4px 28px;
+}
+
+.wsmenu > .wsmenu-list > li a.btn.reg-btn {
+  padding: 4px 22px;
+}
+
+.wsmenu > .wsmenu-list > li a.btn.fst-btn-link {
+  margin-left: 12px;
+}
+
+.wsmenu > .wsmenu-list > li a.store.header-store {
+  line-height: 1;
+  margin-top: 13px;
+  margin-left: 10px;
+  margin-bottom: 0;
+  padding: 0;
+}
+
+.store.header-store img {
+  max-height: 44px;
+}
+
+/*------------------------------------------*/
+/*  HEADER SOCIAL LINKS  
+/*------------------------------------------*/
+
+.header-socials {
+  margin: 0;
+  display: inline-block; 
+  text-align: center;
+}
+
+.header-socials span {
+  float: left;
+  width: auto !important;
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  margin: 0;
+}
+
+.header-socials a {
+  display: block; 
+  margin-left: 18px;
+}
+
+.navbar-light .header-socials a {
+  color: #ddd;
+}
+
+.navbar-light .header-socials a:hover {
+  color: #ccc!important;
+}
+
+.header-socials.ico-20 [class*="flaticon-"]:before, 
+.header-socials.ico-20 [class*="flaticon-"]:after { line-height: 70px!important; } 
+
+/*------------------------------------------*/
+/*  HEADER SUBMENU
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu {
+  width: auto;
+  min-width: 200px;
+  top: 62px;
+  padding: 12px 10px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
+  background-color: rgba(244, 244, 249, 0);
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  color: #353f4f;
+  font-size: 1rem;
+  font-weight: 600;
+  padding: 11px 14px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  transition: all 0.3s ease-in-out;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover {
+  background-color: rgba(244, 244, 249, 1);
+  padding: 11px 14px;
+}
+
+/*------------------------------------------*/
+/*  HALFMENU
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu {
+  top: 62px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
+  width: 38%;
+  padding: 12px 0;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { 
+  right: 2%; 
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li {
+  border-bottom: none;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  background-color: rgba(244, 244, 249, 0);
+  color: #353f4f;
+  font-size: 1rem;
+  font-weight: 600;
+  padding: 11px 14px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  transition: all 0.3s ease-in-out;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  background-color: rgba(244, 244, 249, 1);
+  padding: 11px 14px;
+}
+
+/*------------------------------------------*/
+/*  MEGAMENU
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu {
+  padding: 12px 0;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 {
+  width: 76%!important;
+  left: 23%;
+  padding: 20px 10px;
+}
+
+.wsmegamenu.w-75 .col-lg-3 {
+  padding: 0 6px;
+}
+
+/*------------------------------------------*/
+/*  SUBMENU TITLE
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .title,
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .title {
+  color: #929394;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 0.875rem;
+  line-height: 1;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0;
+  margin: 10px 0 15px 13px;
+}
+
+/*------------------------------------------*/
+/*  DARK HEADER SUBMENU / MEGAMENU
+/*------------------------------------------*/
+
+.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
+  background-color: #2c3142!important; 
+  border: solid 1px #2c3142!important; 
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+  color: #ddd;
+  background-color: rgba(255, 255, 255, 0)!important;
+}
+
+.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  background-color: rgba(255, 255, 255, .05)!important;
+}
+
+.dark-menu .title, .black-scroll .scroll .title,
+.dark-menu .icons-menu-txt span, .black-scroll .scroll .icons-menu-txt span {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  ICONS MENU
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu {
+  max-width: 275px;
+  min-width: 275px;
+  padding: 12px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu {
+  width: 52%;
+  padding: 12px 6px;
+}
+
+.wsmegamenu.halfmenu.icons-menu .col-lg-6 {
+  padding: 0 6px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 {
+  width: 82%!important;
+  left: 17%;
+  padding: 12px 6px;
+}
+
+.wsmegamenu.icons-menu.w-75 .col-lg-4 {
+  padding: 0 6px;
+}
+
+.icons-menu .icons-menu-item {
+  display: flex!important;
+  position: relative!important;
+  flex-flow: row wrap!important;
+  align-items: stretch!important;
+  justify-content: flex-start!important;
+}
+
+.icons-menu-ico {
+  position: relative;
+  margin-right: 14px;
+}
+
+.wsmegamenu.ico-30 .icons-menu-ico span {
+  position: relative;
+  top: 6px!important;
+}
+
+.icons-menu-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.icons-menu-txt h6 {
+  color: inherit;
+  font-size: 1rem;
+  line-height: 32px;
+  font-weight: 500;
+  margin-bottom: 0;
+}
+
+.icons-menu-txt span {
+  display: block;
+  color: #898989;
+  font-size: 0.925rem;
+  font-weight: 400;
+  margin-bottom: 0;
+}
+
+.sub-menu.ico-30 .icons-menu-txt h6 {
+  line-height: 30px;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR HOVER
+/*------------------------------------------*/
+
+.navbar-light .wsmenu-list > li > a.h-link:hover {
+  color: #eee!important;
+}
+
+.navbar-dark .wsmenu-list > li > a.h-link:hover {
+  color: #1d222f!important;
+}
+
+.wsmenu > .wsmenu-list.nav-blue-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #185abd!important;
+}
+
+.wsmenu > .wsmenu-list.nav-blue-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #1680fb!important;
+}
+
+.wsmenu > .wsmenu-list.nav-blue-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #3eb1ff!important;
+}
+
+.wsmenu > .wsmenu-list.nav-green-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #00a14e!important;
+}
+
+.wsmenu > .wsmenu-list.nav-green-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #0fbc49!important;
+}
+
+.wsmenu > .wsmenu-list.nav-green-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #6fd792!important;
+}
+
+.wsmenu > .wsmenu-list.nav-pink-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #ff149c!important;
+}
+
+.wsmenu > .wsmenu-list.nav-pink-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #f74780!important;
+}
+
+.wsmenu > .wsmenu-list.nav-pink-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #fcb5cc!important;
+}
+
+.wsmenu > .wsmenu-list.nav-purple-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #663ae9!important;
+}
+
+.wsmenu > .wsmenu-list.nav-purple-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #7b5dd6!important;
+}
+
+.wsmenu > .wsmenu-list.nav-purple-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #bdaeea!important;
+}
+
+.wsmenu > .wsmenu-list.nav-red-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #da0f29!important;
+}
+
+.wsmenu > .wsmenu-list.nav-red-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #ff1e1a!important;
+}
+
+.wsmenu > .wsmenu-list.nav-red-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #ffa5a3!important;
+}
+
+.wsmenu > .wsmenu-list.nav-violet-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #c73e9b!important;
+}
+
+.wsmenu > .wsmenu-list.nav-violet-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #be6cbe!important;
+}
+
+.wsmenu > .wsmenu-list.nav-violet-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #e2bde2!important;
+}
+
+/*------------------------------------------*/
+/*  HIDDEN NAVBAR SCROLL
+/*------------------------------------------*/
+
+.hidden-nav .wsmainfull.scroll {
+  margin-top: 0;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR WHITE SCROLL
+/*------------------------------------------*/
+
+.tra-menu.white-scroll .wsmainfull.scroll,
+.white-menu.white-scroll .wsmainfull.scroll {
+  padding: 0;
+  background-color: rgba(255, 255, 255, .7)!important;
+  backdrop-filter: blur(20px);
+  -webkit-backdrop-filter: blur(20px);
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, 
+.tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #353f4f;
+}
+
+.navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover {
+  color: #1d222f!important;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR BLACK SCROLL
+/*------------------------------------------*/
+
+.tra-menu.black-scroll .wsmainfull.scroll,
+.dark-menu.black-scroll .wsmainfull.scroll {
+  padding: 0;
+  background-color: #1d222f!important;
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #fff;
+}
+
+.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link:hover {
+  color: #ccc!important;
+}
+
+/*------------------------------------------*/
+/*  WHITE SCROLL BUTTONS
+/*------------------------------------------*/
+
+.white-scroll .scroll .btn--tra-white {
+  color: #353f4f!important;
+  border-color: #353f4f!important;
+}
+
+/*------------------------------------------*/
+/*  BLACK SCROLL BUTTONS
+/*------------------------------------------*/
+
+.black-scroll .scroll .btn--tra-black {
+  color: #fff!important;
+  border-color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  LOGO IMAGE
+/*------------------------------------------*/
+
+.logo-white, 
+.logo-black {
+  display: block;
+}
+
+.navbar-light .logo-black,
+.navbar-dark .logo-white,
+.tra-menu.navbar-light .scroll .logo-white,
+.tra-menu.navbar-dark.black-scroll .scroll .logo-black {
+  display: none;
+}
+
+.tra-menu.navbar-light .scroll .logo-black,
+.tra-menu.navbar-dark.black-scroll .scroll .logo-white {
+  display: block;
+}
+
+
+
+
+/* ==========================================================================
+  05. HERO
+  ========================================================================== */
+
+.hero-section,
+.hero-section .container {
+  position: relative;
+  z-index: 3;
+}
+
+.hero-section.bg--img {
+  width: 100%;
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+}
+
+.hero-section.blur--purple:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 100%;
+  height: 100%;
+  top: -30%;
+  left: 0;
+  background-image: url(../images/blur-purple.png);
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+  background-attachment: scroll;
+  opacity: 0.2;
+}
+
+/*------------------------------------------*/
+/*  HERO LOGO
+/*------------------------------------------*/
+
+.hero-logo {
+  margin-bottom: 40px;
+}
+
+.hero-square-logo {
+  margin-bottom: 20px;
+}
+
+#hero-22 .hero-logo {
+  margin-bottom: 30px;
+}
+
+.hero-logo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 36px;
+}
+
+.hero-square-logo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 90px;
+}
+
+/*------------------------------------------*/
+/*  HERO APP LOGO
+/*------------------------------------------*/
+
+.hero-app-logo {
+  margin-bottom: 35px;
+}
+
+#hero-25 .hero-app-logo {
+  margin-bottom: 25px;
+}
+
+.hero-app-logo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 100px;
+}
+
+#hero-25 .hero-app-logo img {
+  max-height: 110px;
+}
+
+/*------------------------------------------*/
+/*  HERO DIGITS
+/*------------------------------------------*/
+
+#hd-1-1, #hd-1-2 {
+  display: inline-block;
+  float: left;
+  padding-right: 20px;
+} 
+
+#hd-1-1 { width: 45%; }
+#hd-1-2 { width: 55%; }
+
+.hero-digits-block {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+.hero-digits .block-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+  padding-left: 12px;
+}
+
+.hero-digits h2.statistic-number {
+  line-height: 1;
+  margin-bottom: 0;
+} 
+
+.hero-digits h2.statistic-number span {
+  font-size: 1.85rem;
+}
+
+.hero-digits .block-txt p.p-sm {
+  line-height: 1.35;
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  HERO TYPOGRAPHY
+/*------------------------------------------*/
+
+.hero-section h2 {
+  margin-bottom: 28px;
+}
+
+.hero-section h2.s-48,
+.hero-section h2.s-50 {
+  margin-bottom: 40px;
+}
+
+.hero-section h2.s-62 {
+  margin-bottom: 24px;
+}
+
+.hero-section p.p-sm { 
+  padding: 0!important; 
+}
+
+.hero-section p.p-md {
+  margin-bottom: 30px;
+}
+
+.hero-section p.p-lg,
+.hero-section p.p-xl {
+  margin-bottom: 32px;
+}
+
+.hero-section p.s-20,
+.hero-section p.s-22,
+.hero-section p.s-24 {
+  margin-bottom: 36px;
+}
+
+.hero-section p.p-lg span,
+.hero-section p.p-xl span {
+  font-weight: 600;
+  letter-spacing: -0.35px;
+}
+
+/*------------------------------------------*/
+/*  HERO-1
+/*------------------------------------------*/
+
+#hero-1 {
+  background-image: url(../images/hero-1.jpg);
+  padding-top: 130px;
+  padding-bottom: 100px;
+}
+
+.hero-1-txt p {
+  padding-right: 2%;
+}
+
+/*------------------------------------------*/
+/*  HERO-2
+/*------------------------------------------*/
+
+#hero-2 {
+  background-image: url(../images/hero-2.jpg);
+  padding-top: 150px;
+  padding-bottom: 100px;
+}
+
+.hero-2-txt p {
+  padding-right: 3%;
+}
+
+.hero-2-img {
+  text-align: center;
+  padding-right: 25px;
+}
+
+/*------------------------------------------*/
+/*  HERO-3
+/*------------------------------------------*/
+
+#hero-3 {
+  position: relative;
+  padding-top: 160px;
+  background-image: url(../images/hero-3.jpg);
+}
+
+#hero-3:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 100%;
+  height: 5%;
+  bottom: 0;
+  left: 0;
+  background-color: #fff;
+}
+
+.hero-3-txt {
+  margin-top: -70px;
+}
+
+.hero-3-txt p.p-lg {
+  padding-right: 2%;
+}
+
+.hero-3-img {
+  position: relative;
+  text-align: center;
+  margin: 0 -90% 0 -60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-4
+/*------------------------------------------*/
+
+#hero-4 {
+  overflow: hidden; 
+  background-image: url(../images/hero-4.jpg);
+  padding-top: 180px;
+}
+
+#hero-4:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 100%;
+  height: 10%;
+  bottom: 0;
+  left: 0;
+  background-color: #fff;
+}
+
+.hero-4-txt h2 {
+  padding: 0 3%;
+}
+
+.hero-4-txt p { 
+  padding: 0 5%; 
+}
+
+.hero-4-txt p.btns-group-txt {
+  margin-top: 25px;
+}
+
+.hero-4-img {
+  margin-top: 60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-5
+/*------------------------------------------*/
+
+#hero-5 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-5 {
+  background-image: url(../images/hero-5.jpg);
+  padding-top: 140px;
+  padding-bottom: 50px;
+}
+
+.hero-5-txt h2 {
+  line-height: 1.3;
+  margin-bottom: 25px;
+}
+
+.hero-5-txt p.p-lg {
+  padding-right: 10%;
+  margin-bottom: 30px;
+}
+
+.hero-5-img {
+  margin: 0 0 -50px;
+}
+
+/*------------------------------------------*/
+/*  HERO-6
+/*------------------------------------------*/
+
+#hero-6 {
+  padding-top: 130px;
+}
+
+.hero-6-wrapper {
+  overflow: hidden;
+  background-image: linear-gradient(90deg, #f6f4fd, #f4f5fd);
+  padding: 75px 80px;
+}
+
+.hero-6-img {
+  position: relative;
+  text-align: center;
+}
+
+/*------------------------------------------*/
+/*  HERO-7
+/*------------------------------------------*/
+
+#hero-7 {
+  padding-top: 140px;
+  padding-bottom: 100px;
+}
+
+#hero-7 .quick-form {
+  margin-right: 4%;
+}
+
+.hero-7-img {
+  padding-left: 30px;
+}
+
+/*------------------------------------------*/
+/*  HERO-8
+/*------------------------------------------*/
+
+#hero-8 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-8 {
+  position: relative;
+  background-image: url(../images/hero-8.jpg);
+  padding-top: 170px;
+  padding-bottom: 30px;
+}
+
+.hero-8-txt {
+  margin-top: -70px;
+}
+
+.hero-8-txt p {
+  padding-right: 10%;
+}
+
+.hero-8-txt .hero-digits {
+  padding-right: 15%;
+}
+
+#hero-8-form {
+  position: relative;
+  z-index: 999;
+  background-color: #fff;
+  border: 1px solid #f8f8f8;
+  padding: 45px 35px;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+  box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+}
+
+#hero-8-form h4 {
+  line-height: 1.4;
+  margin-bottom: 20px;
+}
+
+#hero-8-form p {
+  color: #757575;
+  margin-bottom: 25px;
+}
+
+#hero-8-form p.p-sm {
+  text-align: center;
+  padding: 0 5%!important;
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+#hero-8-form p a {
+  color: #1e90ff;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  HERO-9
+/*------------------------------------------*/
+
+#hero-9 {
+  padding-top: 180px;
+}
+
+.hero-9-txt h2 {
+  line-height: 1;
+}
+
+.hero-9-txt h2 img {
+  position: relative;
+  width: auto;
+  max-width: inherit;
+  max-height: 100px;
+  margin: 0 3px;
+  top: -8px;
+}
+
+.hero-9-txt p {
+  padding: 0 5%;
+  margin-top: 40px;
+}
+
+#hero-9 .quick-form {
+  margin-left: 7%;
+  margin-right: 7%;
+}
+
+.hero-9-img {
+  margin-top: 60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-10
+/*------------------------------------------*/
+
+#hero-10 {
+  position: relative;
+  background-image: url(../images/hero-10.jpg);
+  padding-top: 170px;
+  padding-bottom: 100px;
+}
+
+.hero-10-txt h4 {
+  line-height: 1.45;
+  font-weight: 300;
+  padding-right: 5%;
+  margin-bottom: 35px;
+}
+
+.hero-10-img {
+  position: relative;
+  text-align: center;
+  margin: 0 -95% 0 15px;
+}
+
+/*------------------------------------------*/
+/*  HERO-11
+/*------------------------------------------*/
+
+#hero-11 {
+  overflow: hidden;
+  background-image: url(../images/hero-11.jpg);
+  padding-top: 50px;
+}
+
+.hero-11-txt {
+  margin-top: 40px;
+}
+
+.hero-11-txt p {
+  padding-right: 5%;
+}
+
+.hero-11-img {
+  position: relative;
+  margin: -60px -12% -100px -15px;
+}
+
+/*------------------------------------------*/
+/*  HERO-12
+/*------------------------------------------*/
+
+#hero-12 {
+  overflow: hidden; 
+  background-image: url(../images/hero-12.jpg);
+  padding-top: 180px;
+}
+
+.hero-12-txt h2 {
+  padding: 0 3%;
+}
+
+.hero-12-txt p { 
+  padding: 0 5%; 
+}
+
+.hero-12-txt p.btns-group-txt {
+  margin-top: 25px;
+}
+
+.hero-12-img {
+  margin-top: 60px;
+  margin-bottom: -100px;
+}
+
+.hero-12-img .video-btn {
+  top: calc(50% - 30px);
+}
+
+/*------------------------------------------*/
+/*  HERO-13
+/*------------------------------------------*/
+
+#hero-13 {
+  background-image: linear-gradient(180deg, #f1edff, #f1edff);
+  padding-top: 130px;
+  padding-bottom: 80px;
+}
+
+#hero-13:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 43%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #fff;
+  -moz-box-shadow: 0 0 55px 35px #fff;
+  -webkit-box-shadow: 0 0 35px 35px #fff;
+  box-shadow: 0 0 35px 35px #fff;
+}
+
+.hero-13-txt .section-id {
+  font-weight: 600;
+  letter-spacing: 1.5px;
+}
+
+.hero-13-txt p {
+  padding-right: 5%;
+}
+
+.hero-13-img {
+  text-align: center;
+}
+
+/*------------------------------------------*/
+/*  HERO-14
+/*------------------------------------------*/
+
+#hero-14 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-14 {
+  background-image: url(../images/hero-14.jpg);
+  padding-top: 170px;
+} 
+
+.hero-14-txt p.s-21 {
+  font-size: 1.3125rem;
+  margin-bottom: 40px;
+}
+
+#hero-14 .quick-form {
+  margin-left: 6%;
+  margin-right: 6%;
+}
+
+.hero-14-txt .btn-txt {
+  margin-top: 40px;
+}
+
+.hero-14-img {
+  margin-top: 70px;
+}
+
+/*------------------------------------------*/
+/*  HERO-15
+/*------------------------------------------*/
+
+#hero-15 {
+  position: relative;
+  z-index: 3;
+  background-image: url(../images/hero-15.jpg);
+  padding-top: 130px;
+}
+
+.hero-15-txt {
+  margin-top: -20px;
+}
+
+.hero-15-txt h2 {
+  padding-right: 5%;
+}
+
+.hero-15-txt p {
+  padding-right: 2%;
+}
+
+/*------------------------------------------*/
+/*  HERO-16
+/*------------------------------------------*/
+
+#hero-16 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-16 {
+  background-image: url(../images/hero-16.jpg);
+  padding-top: 170px;
+  margin-bottom: 80px;
+} 
+
+.hero-16-img {
+  margin-top: 60px;
+  margin-bottom: -80px;
+}
+
+/*------------------------------------------*/
+/*  HERO-17
+/*------------------------------------------*/
+
+#hero-17 {
+  text-align: center;
+  padding-top: 170px;
+  background-image: url(../images/hero-17.jpg);
+  background-position: top center;
+}
+
+#hero-17 #brands-1 {
+  padding: 80px 6% 0;
+}
+
+#hero-17 #brands-1 .brands-carousel-5 .brand-logo {
+  padding: 0 20px;
+} 
+
+#hero-17 .quick-form {
+  margin-left: 8%;
+  margin-right: 8%;
+}
+
+/*------------------------------------------*/
+/*  HERO-18
+/*------------------------------------------*/
+
+#hero-18 {
+  padding-top: 140px;
+  padding-bottom: 80px;
+}
+
+#hero-18:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 74%;
+  height: 100%;
+  top: 0;
+  left: 26%;
+  background-image: url(../images/hero-18.jpg);
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+  border-radius: 0 0 0 60px;
+}
+
+.hero-18-txt p {
+  padding-right: 3%;
+}
+
+#hero-18 .quick-form {
+  margin-right: 4%;
+}
+
+.hero-18-img {
+  text-align: center;
+  padding-right: 15px;
+}
+
+/*------------------------------------------*/
+/*  HERO-19
+/*------------------------------------------*/
+
+#hero-19 {
+  padding-top: 170px;
+}
+
+.hero-19-txt p {
+  padding: 0 10%;
+}
+
+/*------------------------------------------*/
+/*  HERO-20
+/*------------------------------------------*/
+
+#hero-20 {
+  background-image: url(../images/hero-20.jpg);
+  padding-top: 100px;
+  padding-bottom: 100px;
+}
+
+#hero-20:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 51%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-image: linear-gradient(180deg, #f4f4f9, #fbfbfd);
+}
+
+.hero-20-txt {
+  padding: 0 8% 0 15px;
+}
+
+.hero-section .hero-20-txt h2.s-48 {
+  margin-bottom: 28px;
+}
+
+/*------------------------------------------*/
+/*  HERO-21
+/*------------------------------------------*/
+
+#hero-21 {
+  padding-top: 170px;
+}
+
+.hero-21-txt {
+  margin-bottom: 60px;
+}
+
+.hero-21-txt h2 {
+  margin-bottom: 35px;
+}
+
+.hero-21-wrapper {
+  overflow: hidden;
+}
+
+#hero-21 .hero-overlay {
+  background-image: url(../images/hero-21.jpg);
+  padding: 90px 70px 0;
+}
+
+.hero-21-img {
+  position: relative;
+  margin-bottom: -25%;
+}
+
+.hero-21-img .video-btn {
+  top: calc(50% - 80px);
+}
+
+/*------------------------------------------*/
+/*  HERO-22
+/*------------------------------------------*/
+
+#hero-22 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-22 {
+  position: relative;
+  background-image: url(../images/hero-22.jpg);
+  padding-top: 160px;
+}
+
+#hero-22-form {
+  position: relative;
+  z-index: 999;
+  background-color: #fff;
+  border: 1px solid #f8f8f8;
+  padding: 45px 35px 35px;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+  box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+}
+
+#hero-22-form h4 {
+  line-height: 1.4;
+  margin-bottom: 20px;
+}
+
+#hero-22-form p {
+  color: #757575;
+  margin-bottom: 25px;
+}
+
+#hero-22-form p.p-sm {
+  text-align: center;
+  padding: 0 5%!important;
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+#hero-22-form p a {
+  color: #1e90ff;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  HERO-23
+/*------------------------------------------*/
+
+#hero-23 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-23 {
+  position: relative;
+  background-image: url(../images/hero-23.jpg);
+  padding-top: 100px;
+  margin-bottom: 25px;
+}
+
+.hero-23-txt p {
+  padding: 0 5%;
+}
+
+.hero-23-img {
+  margin-top: 40px;
+  margin-bottom: -25px;
+}
+
+/*------------------------------------------*/
+/*  HERO-24
+/*------------------------------------------*/
+
+#hero-24 {
+  background-image: url(../images/hero-24.jpg);
+  padding-top: 200px;
+  padding-bottom: 150px;
+}
+
+#hero-24 .quick-form {
+  margin-left: 7%;
+  margin-right: 7%;
+}
+
+/*------------------------------------------*/
+/*  HERO-25
+/*------------------------------------------*/
+
+#hero-25 {
+  background-image: url(../images/hero-25.jpg);
+  padding-top: 120px;
+  padding-bottom: 100px;
+}
+
+.hero-25-txt h2 {
+  margin-bottom: 22px;
+}
+
+.hero-25-txt p.p-lg {
+  padding-right: 10%;
+  margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  HERO-26
+/*------------------------------------------*/
+
+#hero-26 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-26 {
+  position: relative;
+  background-image: url(../images/hero-26.jpg);
+  padding-top: 160px;
+  z-index: 3;
+}
+
+.hero-26-txt {
+  margin-top: -80px;
+}
+
+.hero-26-txt h2 {
+  padding-right: 2%;
+}
+
+#hero-26 .quick-form {
+  margin-right: 4%;
+}
+
+.hero-26-img {
+  position: relative;
+  text-align: center;
+  margin: 0 -90% 0 -60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-27
+/*------------------------------------------*/
+
+#hero-27 .hero-overlay {
+  background-image: url(../images/hero-27.png);
+  background-position: top center;
+  padding-top: 170px;
+}
+
+.hero-27-txt h2 { 
+  margin-bottom: 26px!important;
+}
+
+.hero-27-txt p.s-20 { 
+  padding: 0 6%;
+  margin-bottom: 30px!important;
+}
+
+.hero-27-txt p.s-21 { 
+  padding: 0 5%;
+}
+
+/*------------------------------------------*/
+/*  HERO QUICK FORM
+/*------------------------------------------*/
+
+.hero-section .quick-form .input-group {
+  border: none;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Input
+/*------------------------------------------*/
+
+.hero-section .quick-form .form-control {
+  height: 64px;
+  background-color: #fff;
+  border: 2px solid transparent;
+  color: #666;
+  font-size: 1.125rem;
+  font-weight: 400;
+  padding: 0 20px;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out;  
+}
+
+.hero-section .quick-form.form-shadow .form-control {
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
+  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
+}
+
+.hero-section .quick-form.form-stroke .form-control {
+  border-color: #353f4f;
+}
+
+.hero-section .quick-form.form-half .form-control {
+  height: 58px;
+ font-size: 1.0625rem;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Placeholder
+/*------------------------------------------*/
+
+.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } 
+.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } 
+.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } 
+
+/*------------------------------------------*/
+/*  Hero Quick Form Focus
+/*------------------------------------------*/
+
+.hero-section .quick-form .form-control:focus {
+  background-color: #fff;
+  border-color: #1680fb;
+  outline: 0;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Button
+/*------------------------------------------*/
+
+.hero-section .quick-form .btn {
+  height: 64px;
+  font-size: 1.0625rem;
+  padding: 12px 45px;
+  margin-left: 15px;
+}
+
+.hero-section .quick-form.form-half .btn {
+  height: 58px;
+  font-size: 1rem;
+  padding: 13px 40px;
+  margin-left: 14px;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Message
+/*------------------------------------------*/
+
+.hero-section .quick-form-msg {
+  width: 100%!important;
+  display: block;
+  margin: 20px 0 15px 5px;
+}
+
+.hero-section .text-center .quick-form-msg {
+  margin: 20px 0 -15px 0;
+}
+
+.hero-section .quick-form-msg .loading {
+  color: #3eb1ff;
+  font-size: 1.05rem;
+  line-height: 1;
+  font-weight: 500;
+}
+
+.hero-section .text-center .quick-form-msg .loading {
+  font-size: 1.125rem;
+}
+
+/*------------------------------------------*/
+/*  HERO REQUEST FORM
+/*------------------------------------------*/
+
+/*------------------------------------------*/
+/*  Hero Request Form Input
+/*------------------------------------------*/
+
+.request-form .form-control {
+  height: 58px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  color: #666;
+  font-size: 1rem;
+  font-weight: 400;
+  margin-bottom: 22px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  Hero Request Form Placeholder
+/*------------------------------------------*/
+
+.hero-form-wrapper .form-control::-moz-placeholder { color: #999; } 
+.hero-form-wrapper .form-control:-ms-input-placeholder { color: #999; }
+.hero-form-wrapper .form-control::-webkit-input-placeholder { color: #999; }
+
+.request-form .form-control:focus {
+  background-color: #fff;
+  border-color: #1680fb;
+  outline: 0;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Hero Request Form Button
+/*------------------------------------------*/
+
+#hero-8-form .btn,
+#hero-22-form .btn {
+  width: 100%;
+  height: 58px;
+  padding: 16px;
+}
+
+/*------------------------------------------*/
+/*  Hero Request Form Message
+/*------------------------------------------*/
+
+.request-form-msg {
+  width: 100%!important;
+  display: block;
+  text-align: center;
+  margin-top: 15px;
+}
+
+.request-form-msg .loading {
+  color: #00b2e4;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 500;
+}
+
+.request-form .error {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 10px;
+}
+
+
+
+
+/* ==========================================================================
+  06. ABOUT
+  ========================================================================== */
+
+.a2-txt {
+  padding: 20px 30px 35px;
+}
+
+.a2-txt-quote { 
+  position: relative;
+  margin-bottom: -45px; 
+ }
+
+.a2-txt-quote.ico-40 [class*="flaticon-"]:before, 
+.a2-txt-quote.ico-40 [class*="flaticon-"]:after { font-size: 4.25rem; }
+
+/*------------------------------------------*/
+/*  ABOUT TYPOGRAPHY
+/*------------------------------------------*/ 
+
+#about-1 .txt-block p {
+  margin-bottom: 0;
+}
+
+#about-4 .txt-block p {
+  margin-top: 25px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  ABOUT 2 AUTHOR
+/*------------------------------------------*/ 
+
+.a2-txt-author {
+  line-height: 1.45;
+  font-weight: 500;
+  margin-top: 18px;
+  margin-bottom: 0;
+}
+
+.a2-txt-author span {
+  display: block;
+  font-weight: 300;
+}
+
+/*------------------------------------------*/
+/*  ABOUT 2 IMAGES
+/*------------------------------------------*/ 
+
+.about-3-images {
+  padding: 0 5%;
+}
+
+.about-2-img {
+  overflow: hidden;
+}
+
+.about-3-img {
+  overflow: hidden;
+  height: 460px;
+}
+
+.a-2-1 {
+  margin-left: 13%;
+  margin-bottom: 30px;
+}
+
+.a-2-2 {
+  margin-left: -10%;
+}
+
+.a-2-3 {
+  margin-right: -10%;
+  margin-bottom: 30px;
+}
+
+.a-2-4 {
+  margin-right: -10%;
+}
+
+#a4-1 {
+  position: relative;
+  padding-right: 30px;
+  margin-top: -30px;
+}
+
+#a4-2 {
+  position: relative;
+  padding-left: 30px;
+  margin-bottom: -30px;
+}
+
+
+
+
+/* ==========================================================================
+  07. FEATURES
+  ========================================================================== */
+
+#features-12.py-100.shape--bg:after,
+#features-12.pt-100.shape--bg:after,
+#features-13.py-100.shape--bg:after,
+#features-13.pt-100.shape--bg:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+}
+
+#features-12.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; left: 52%; }
+#features-12.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; left: 52%; }
+#features-13.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; }
+#features-13.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; }
+
+.rows-2 .fb-1, 
+.rows-2 .fb-2, 
+.rows-2 .fb-3 {
+ margin-bottom: 50px; 
+}
+
+.rows-2 .fbox-7.fb-1, 
+.rows-2 .fbox-7.fb-2, 
+.rows-2 .fbox-7.fb-3, 
+.rows-2 .fbox-9.fb-1, 
+.rows-2 .fbox-9.fb-2, 
+.rows-2 .fbox-9.fb-3,
+.rows-3 .fb-1, .rows-3 .fb-2, 
+.rows-3 .fb-3, .rows-3 .fb-4 { margin-bottom: 40px; }
+
+.rows-3 .fb-3.fbox-11-lst, 
+.rows-3 .fb-4.fbox-11-lst { margin-bottom: 0; }
+
+.fbox-14-wrapper {
+  padding: 80px 70px;
+}
+
+.fbox-14-wrapper .col {
+  padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX
+/*------------------------------------------*/ 
+
+.row-cols-md-3 .fbox-4 { padding: 50px 35px; }
+.row-cols-md-2 .fbox-4 { padding: 35px 20px; } 
+
+.fbox-5 { padding: 60px; }   
+
+.fbox-7 {
+  border: 2px solid #eee;
+  padding: 55px 40px 50px;
+}
+
+.row-cols-md-2 .fbox-7 {
+  padding: 35px 20px 30px;
+}
+
+.fbox-8 { padding: 55px 40px; }
+.fbox-8.bg--white-100 { padding: 60px 40px; }
+
+.fbox-9 {
+  border: 2px solid #eee;
+  padding: 40px 40px 35px;
+} 
+
+.fbox-14 {
+  border: 2px solid #eee;
+  padding: 40px 30px 35px;
+} 
+
+/*------------------------------------------*/
+/*  FEATURE BOX IMAGE
+/*------------------------------------------*/ 
+
+.fbox-img img {
+  width: auto;
+  max-width: inherit;
+}
+
+.fbox-img.h-135 img { max-height: 135px; }
+.fbox-img.h-140 img { max-height: 140px; }
+.fbox-img.h-145 img { max-height: 145px; }
+.fbox-img.h-150 img { max-height: 150px; }
+.fbox-img.h-155 img { max-height: 155px; }
+.fbox-img.h-160 img { max-height: 160px; }
+.fbox-img.h-165 img { max-height: 165px; }
+.fbox-img.h-170 img { max-height: 170px; }
+.fbox-img.h-175 img { max-height: 175px; }
+.fbox-img.h-180 img { max-height: 180px; }
+
+/*------------------------------------------*/
+/*  FBOX-1 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-1 .fbox-img { 
+  margin-bottom: 35px; 
+}
+
+.row-cols-md-2 .fbox-1 .fbox-img { 
+  margin-bottom: 28px; 
+}
+
+/*------------------------------------------*/
+/*  FBOX-2 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-2 .fbox-img {
+  -webkit-border-radius: 12px 12px 0 0;
+  -moz-border-radius: 12px 12px 0 0;
+  -o-border-radius: 12px 12px 0 0;
+  border-radius: 12px 12px 0 0;
+} 
+
+.fbox-2 .fbox-img.h-135, .fbox-2 .fbox-img.h-140, .fbox-2 .fbox-img.h-145, 
+.fbox-2 .fbox-img.h-150, .fbox-2 .fbox-img.h-155 { padding-top: 35px; margin-bottom: 60px; } 
+
+.fbox-2 .fbox-img.h-160 { padding-top: 35px; margin: 0 20px 60px; }
+.fbox-2 .fbox-img.h-165 { padding-top: 38px; margin: 0 15px 60px; } 
+.fbox-2 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 60px; } 
+.fbox-2 .fbox-img.h-175 { padding-top: 42px; margin: 0 8px 60px; }
+.fbox-2 .fbox-img.h-180 { padding-top: 44px; margin: 0 5px 60px; }  
+
+.fbox-2 .fbox-img img { 
+  margin-bottom: -25px; 
+} 
+
+/*------------------------------------------*/
+/*  FBOX-3 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-3 .fbox-img {
+  overflow: hidden;
+} 
+
+.fbox-3 .fbox-img.h-135 { padding-top: 30px; margin: 0 0 35px; }
+.fbox-3 .fbox-img.h-160 { padding-top: 32px; margin: 0 18px 35px; }
+.fbox-3 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 35px; }
+.fbox-3 .fbox-img.h-175, .fbox-3 .fbox-img.h-180 { padding-top: 40px; margin: 0 5px 35px; }
+
+.row-cols-md-2 .fbox-3 .fbox-img { 
+  margin-bottom: 28px; 
+}
+
+/*------------------------------------------*/
+/*  FBOX-4 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-4 .fbox-img { 
+  margin-bottom: 35px; 
+}
+
+.row-cols-md-2 .fbox-4 .fbox-img { 
+  margin-bottom: 28px; 
+}
+
+/*------------------------------------------*/
+/*  FBOX-5 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-5.fb-1 .fbox-5-img,
+.fbox-5.fb-5 .fbox-5-img,
+.fbox-5.fb-6 .fbox-5-img {
+  margin: 40px 5% 0;
+}
+
+.fbox-5.fb-2 .fbox-5-img,
+.fbox-5.fb-3 .fbox-5-img,
+.fbox-5.fb-4 .fbox-5-img {
+   margin: 0 5% 40px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX VECTOR ICON
+/*------------------------------------------*/ 
+
+.fbox-ico,
+.fbox-ico.ico-rounded {
+  margin-bottom: 20px;
+}
+
+.fbox-ico.ico-rounded-md,
+.fbox-ico.ico-rounded-lg {
+  margin-bottom: 25px;
+}
+
+.fbox-11 {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+.fbox-ico-wrap {
+  position: relative;
+  margin-right: 25px;
+}
+
+.rows-2 .fbox-ico-wrap {
+  margin-right: 20px;
+}
+
+.fbox-11 .fbox-ico {
+  margin-top: 4px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX
+/*------------------------------------------*/ 
+
+.fbox-11 .fbox-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX TITLE
+/*------------------------------------------*/ 
+
+.fbox-wrapper .row-cols-lg-3 .fbox-title {
+  margin-bottom: 10px;
+}
+
+.fbox-title span {
+  float: left;
+  line-height: 1!important;
+  margin-right: 15px; 
+}
+
+.fbox-title h6 {  
+  line-height: 2.1875rem!important;
+  margin-bottom: 0;
+}
+
+.fbox-title.ico-30 h6 {  
+  line-height: 1.875rem!important;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX TYPOGRAPHY
+/*------------------------------------------*/ 
+
+.fbox-wrapper .row-cols-md-3 h6 {
+  margin-bottom: 15px;
+}
+
+.rows-2 .fbox-11 h6,
+.fbox-wrapper .row-cols-md-2 h6 {
+  margin-bottom: 10px;
+}
+
+.fbox-wrapper p {
+  margin-bottom: 0;
+}
+
+.fbox-5 h5 {
+  margin-bottom: 15px;
+}
+
+.fbox-14 h5 {
+  margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE-12
+/*------------------------------------------*/ 
+
+.fbox-12-wrapper { 
+  padding-left: 45px;
+}
+
+.fbox-13-wrapper { 
+  padding-right: 45px;
+}
+
+.fbox-12,
+.fbox-13 {
+  padding: 32px 35px;
+} 
+
+.fbox-12 h5,
+.fbox-13 h5 {
+  margin-top: 20px;
+  margin-bottom: 10px;
+}
+
+.fbox-12 p,
+.fbox-13 p,
+.fbox-14 p {
+  margin-bottom: 0;
+} 
+
+
+
+
+/* ==========================================================================
+  08. CONTENT
+  ========================================================================== */
+
+.ct-06 {
+  margin-bottom: 80px;
+}
+
+.ct-07 {
+  margin-top: 80px;
+}
+
+.ct-10 .section-overlay {
+  margin-bottom: 100px;
+}
+
+.ct-11, 
+.ct-12 {
+  padding: 60px 0;
+}
+
+.ct-11:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 50%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #fff;
+}
+
+.ct-12:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 50%;
+  height: 100%;
+  top: 0;
+  left: 50%;
+  background-color: #fff;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX WRAPPER
+/*------------------------------------------*/
+
+.bc-1-wrapper .section-overlay,
+.bc-4-wrapper .section-overlay,
+.bc-6-wrapper .section-overlay {
+  padding: 80px 70px;
+}
+
+.bc-2-wrapper .section-overlay,
+.bc-3-wrapper .section-overlay,
+.bc-5-wrapper .section-overlay {
+  padding: 80px 70px 0;
+}
+
+.bc-6 {
+  padding: 40px 35px;
+}
+
+.cbox-6-wrapper {
+  padding: 60px 40px;
+}
+
+.content-section .cbox-6-wrapper {
+  padding: 80px 70px;
+}
+
+.bc-5-wrapper .section-title p {
+  padding: 0;
+}
+
+/*------------------------------------------*/
+/*  TEXT BLOCK
+/*------------------------------------------*/ 
+
+.txt-box { 
+  margin-bottom: 20px;
+}
+
+.txt-box:last-child { 
+  margin-bottom: 0; 
+}
+
+.bc-3-txt,
+.ct-06 .txt-block,
+.bc-2-wrapper .txt-block {
+  margin-top: -40px;
+}
+
+.bc-2-txt,
+.ct-07 .txt-block {
+  margin-top: 40px;
+}
+
+.bc-1-wrapper .txt-block.pr-25.left-column,
+.bc-2-wrapper .txt-block.pr-25.left-column {
+  padding-right: 25px;
+}
+
+.bc-1-wrapper .txt-block.pl-25.right-column,
+.bc-2-wrapper .txt-block.pl-25.right-column {
+  padding-left: 25px;
+}
+
+.ct-11 .txt-block {
+  padding-right: 50px;
+}
+
+.ct-12 .txt-block {
+  padding-left: 70px;
+}
+
+.ct-13 .txt-block h5 {
+  padding-right: 6%;
+}
+
+/*------------------------------------------*/
+/*  TEXT BLOCK TYPOGRAPHY
+/*------------------------------------------*/ 
+
+.bc-2-txt h2,
+.bc-3-txt h2,
+.bc-4-txt h2,
+.txt-block h3,
+.txt-block h2 {
+  margin-bottom: 26px;
+}
+
+.txt-block h5 {
+  margin-bottom: 20px;
+}
+
+h5.h5-title {
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+
+.txt-block .btn,
+.txt-block .btns-group .btn.btn--transparent {
+  margin-top: 25px;
+}
+
+.txt-block .btn.btn--transparent {
+  margin-top: 0;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX
+/*------------------------------------------*/
+
+.cbox-1,
+.cbox-2,
+.cbox-3 {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+.cbox-5 {
+  position: relative;
+}
+
+.cbox-5-content {
+  background-color: #fff;
+  border: 1px solid #f5f6f6;
+  padding: 40px;
+  margin: 0 12%;
+  z-index: 1;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+}
+
+.cbox-5-content .divider {
+  margin-top: 25px;
+  margin-bottom: 25px;
+}
+
+#cb-6-1, #cb-6-2 {
+  margin-bottom: 35px;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX TITLE
+/*------------------------------------------*/ 
+
+.box-title h6,
+.box-title h5 {  
+  display: inline-block;
+  line-height: 2.35rem!important;
+  margin-bottom: 15px;
+}
+
+.box-title span {   
+  position: relative;
+  top: 12px;
+  margin-right: 10px;
+}
+
+.box-title span[class*="flaticon-"]:before,
+.box-title span[class*="flaticon-"]:after {   
+  font-size: 2.35rem;
+}
+
+.txt-block .cbox-5-title h2 {
+  font-size: 3.5rem;
+  letter-spacing: -1px;
+  line-height: 1;
+  margin-bottom: 10px;
+}
+
+.cbox-5-title .statistic-number sup {
+  font-size: 3rem;
+  top: -5px;
+  right: 6px;
+}
+
+.cbox-5-title .ico-15 [class*="flaticon-"]:before, 
+.cbox-5-title .ico-15 [class*="flaticon-"]:after {
+  font-size: 0.875rem;
+  line-height: 1!important; 
+}
+
+.cbox-5-title p.p-lg {
+  margin-bottom: 10px;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX ICON
+/*------------------------------------------*/
+
+.cbox-1 .ico-wrap { 
+  margin-left: 8px; 
+}
+
+.cbox-1.ico-10 span {
+  position: relative;
+  top: 0;
+  right: 7px;
+}
+
+.cbox-1.ico-15 span {
+  position: relative;
+  top: 1px;
+  right: 8px;
+}
+
+.cbox-1.ico-10 [class*="flaticon-"]:before,
+.cbox-1.ico-10 [class*="flaticon-"]:after {  
+  font-size: 0.6rem;
+}
+
+.cbox-1.ico-15 [class*="flaticon-"]:before,
+.cbox-1.ico-15 [class*="flaticon-"]:after {   
+  font-size: 0.75rem;
+}
+
+/*------------------------------------------*/
+/*  CBOX #2
+/*------------------------------------------*/
+
+.cbox-2 .ico-wrap {
+  position: relative;
+  margin-right: 1.625rem;
+}
+
+.cbox-2-ico {
+  position: relative;
+  width: 2.625rem;
+  height: 2.625rem;
+  text-align: center;
+  border-radius: 100%;
+  font-size: 1.1875rem;
+  font-weight: 500;
+  line-height: 2.375rem;
+  border: 2px solid transparent;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out; 
+}
+
+.ct-03 .cbox-2-ico {
+  position: relative;
+  width: 2.35rem;
+  height: 2.35rem;
+  font-size: 1.15rem;
+  line-height: 2.15rem;
+}
+
+.cbox-2-line {
+  position: absolute;
+  bottom: 20px;
+  left: 50%;
+  width: 2px;
+  background-color: #e4e4e4;
+  height: calc(100% - 90px);
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+}
+
+.cbox-2:hover .cbox-2-ico {
+  background-color: transparent;
+  -webkit-transform: scale(1.1);
+  -moz-transform: scale(1.1);
+  -ms-transform: scale(1.1);
+  transform: scale(1.1);
+}
+
+.cbox-2:hover .cbox-2-ico.bg--blue-500 { color: #185abd; border-color: #185abd; }
+.cbox-2:hover .cbox-2-ico.bg--blue-400 { color: #1680fb; border-color: #1680fb; }
+.cbox-2:hover .cbox-2-ico.bg--blue-300 { color: #3eb1ff; border-color: #3eb1ff; }
+
+.cbox-2:hover .cbox-2-ico.bg--green-500 { color: #00a14e; border-color: #00a14e; }
+.cbox-2:hover .cbox-2-ico.bg--green-400 { color: #0fbc49; border-color: #0fbc49; }
+.cbox-2:hover .cbox-2-ico.bg--green-300 { color: #6fd792; border-color: #6fd792; }
+
+.cbox-2:hover .cbox-2-ico.bg--pink-500 { color: #ff149c; border-color: #ff149c; }
+.cbox-2:hover .cbox-2-ico.bg--pink-400 { color: #f74780; border-color: #f74780; }
+.cbox-2:hover .cbox-2-ico.bg--pink-300 { color: #fcb5cc; border-color: #fcb5cc; }
+
+.cbox-2:hover .cbox-2-ico.bg--purple-500 { color: #663ae9; border-color: #663ae9; }
+.cbox-2:hover .cbox-2-ico.bg--purple-400 { color: #7b5dd6; border-color: #7b5dd6; }
+.cbox-2:hover .cbox-2-ico.bg--purple-300 { color: #bdaeea; border-color: #bdaeea; }
+
+.cbox-2:hover .cbox-2-ico.bg--red-500 { color: #da0f29; border-color: #da0f29; }
+.cbox-2:hover .cbox-2-ico.bg--red-400 { color: #ff1e1a; border-color: #ff1e1a; }
+.cbox-2:hover .cbox-2-ico.bg--red-300 { color: #ffa5a3; border-color: #ffa5a3; }
+
+.cbox-2:hover .cbox-2-ico.bg--violet-500 { color: #c73e9b; border-color: #c73e9b; }
+.cbox-2:hover .cbox-2-ico.bg--violet-400 { color: #be6cbe; border-color: #be6cbe; }
+.cbox-2:hover .cbox-2-ico.bg--violet-300 { color: #e2bde2; border-color: #e2bde2; }
+
+.cbox-2:hover .cbox-2-ico.bg--yellow-500 { color: #ffba01; border-color: #ffba01; }
+.cbox-2:hover .cbox-2-ico.bg--yellow-400 { color: #ffbd45; border-color: #ffbd45; }
+.cbox-2:hover .cbox-2-ico.bg--yellow-300 { color: #ffdf35; border-color: #ffdf35; }
+
+/*------------------------------------------*/
+/*  CBOX #3
+/*------------------------------------------*/
+
+.cbox-3 .ico-wrap {
+  position: relative;
+  text-align: center;
+  margin-top: 0;
+  margin-right: 1.15rem;
+}
+
+.cbox-3 .cbox-3-ico {
+  position: relative;
+  top: 3px;
+}
+
+.cbox-3-ico span[class*="flaticon-"]:before,
+.cbox-3-ico span[class*="flaticon-"]:after {  
+  font-size: 2.85rem;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX TEXT
+/*------------------------------------------*/
+
+.cbox-1-txt,
+.cbox-2-txt,
+.cbox-3-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.cbox-2-txt,
+.cbox-3-txt {
+  margin-bottom: 35px;
+}
+
+.ct-03 .cbox-2-txt {
+  margin-bottom: 30px;
+}
+
+.cbox-4-txt {
+  margin-bottom: 25px;
+}
+
+.cbox-2:last-child .cbox-2-txt,
+.cbox-3:last-child .cbox-3-txt,
+.cbox-4:last-child .cbox-4-txt {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX FEATURE
+/*------------------------------------------*/  
+
+.cbox-5-fea {
+  padding: 20px 25px;
+  margin-top: 25px;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+}
+
+.txt-block .cbox-5-fea h4 {
+  line-height: 1;
+  margin-bottom: 3px;
+}
+
+.cbox-5-fea p {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX TYPOGRAPHY
+/*------------------------------------------*/
+
+.cbox-2-txt h5,
+.cbox-3-txt h5 {
+  margin-bottom: 15px;
+}
+
+.ct-03 .cbox-2-txt h5 {
+  margin-bottom: 10px;
+}
+
+.cbox-6 h6 {
+  margin-bottom: 15px;
+}
+
+.cbox-1-txt p { 
+  margin-bottom: 8px;
+}
+
+.cbox-1-last .cbox-1-txt p { 
+  margin-bottom: 1rem;
+}
+
+.cbox-6 p,
+.cbox-2-txt p,
+.cbox-3-txt p,
+.cbox-4-txt p {
+  margin-bottom: 0;
+}
+
+.bc-6-txt {
+  padding: 0 10px;
+}
+
+.bc-6-txt h5 {
+  margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  ACCORDION  
+/*------------------------------------------*/
+
+.txt-block .accordion-1 .accordion-item {
+  background-color: transparent;
+  padding: 25px 30px;
+  border: none;
+}
+
+.txt-block .accordion-2 .accordion-item {
+  background-color: transparent;
+  padding: 15px 0 25px;
+  border: none;
+  border-top: 1px solid #ccc;
+  border-radius: 0 0;
+}
+
+.txt-block .accordion-2 .accordion-item:last-child {
+  border-bottom: 1px solid #ccc;
+}
+
+.txt-block .accordion-item.r-02:first-of-type { border-top-left-radius: 2px; border-top-right-radius: 2px; }
+.txt-block .accordion-item.r-04:first-of-type { border-top-left-radius: 4px; border-top-right-radius: 4px; }
+.txt-block .accordion-item.r-06:first-of-type { border-top-left-radius: 6px; border-top-right-radius: 6px; }
+.txt-block .accordion-item.r-08:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+.txt-block .accordion-item.r-10:first-of-type { border-top-left-radius: 10px; border-top-right-radius: 10px; }
+.txt-block .accordion-item.r-12:first-of-type { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+.txt-block .accordion-item.r-14:first-of-type { border-top-left-radius: 14px; border-top-right-radius: 14px; }
+.txt-block .accordion-item.r-16:first-of-type { border-top-left-radius: 16px; border-top-right-radius: 16px; }
+
+.txt-block .accordion-item.r-02:last-of-type { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }
+.txt-block .accordion-item.r-04:last-of-type { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
+.txt-block .accordion-item.r-06:last-of-type { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
+.txt-block .accordion-item.r-08:last-of-type { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }
+.txt-block .accordion-item.r-10:last-of-type { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
+.txt-block .accordion-item.r-12:last-of-type { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; }
+.txt-block .accordion-item.r-14:last-of-type { border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; }
+.txt-block .accordion-item.r-16:last-of-type { border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; }
+
+.txt-block .accordion-thumb {
+  margin: 0;
+  padding: 0;
+  cursor: pointer;
+  position: relative;
+}
+
+.txt-block .accordion-1 .accordion-item .accordion-thumb:before,
+.txt-block .accordion-2 .accordion-item .accordion-thumb:after,
+.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before,
+.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
+  color: #6c757d;
+  font-family: Flaticon;
+  position: absolute;
+  color: #353f4f;
+  font-weight: 400; 
+}
+
+.txt-block .accordion-1 .accordion-item .accordion-thumb:before {
+  content: "\f11a";
+  font-size: 0.95rem;
+  top: 1px;
+  left: 0;
+}
+
+.txt-block .accordion-2 .accordion-item .accordion-thumb:after,
+.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
+  content: "\f110";
+  font-size: 0.95rem;
+  top: 12px;
+  right: 0;
+}
+
+.txt-block .accordion-1 .accordion-item.is-active {
+  background-color: #f4f4f9;
+  padding: 35px 30px 19px 30px;
+  margin-bottom: 15px;
+  margin-top: 15px;
+}
+
+.txt-block .accordion-2 .accordion-item.is-active {
+  background-color: transparent;
+  margin-bottom: 0;
+  margin-top: 0;
+}
+
+.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before {
+  content: "\f11b";
+}
+
+.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
+  content: "\f111";
+}
+
+.txt-block .accordion-1 .accordion-panel {
+  color: #6c757d;
+  margin: 0;
+  padding: 0 0 0 25px;
+  display: none;
+}
+
+.txt-block .accordion-2 .accordion-panel {
+  color: #6c757d;
+  margin: 15px 0 0 0;
+  display: none;
+}
+
+.txt-block .accordion-1 .accordion-thumb h5 {
+  color: #353f4f;
+  line-height: 1;
+  padding-left: 28px;
+  margin-bottom: 0;
+}
+
+.txt-block .accordion-2 .accordion-thumb h5 {
+  color: #353f4f;
+  display: inline-block;
+  line-height: 1;
+  padding-left: 10px;
+  margin-bottom: 0;
+}
+
+.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 {
+  margin-bottom: 20px;
+}
+
+.accordion-2 .accordion-thumb span[class*="flaticon-"]:before,
+.accordion-2 .accordion-thumb span[class*="flaticon-"]:after {  
+  color: #6c757d;
+  position: relative;
+  font-size: 2.1875rem;
+  top: 10px;
+}
+
+.txt-block .accordion-2 .accordion-panel .simple-list li {
+  margin-bottom: 1rem;
+}
+
+.txt-block .accordion-2 .accordion-panel p,
+.txt-block .accordion-2 .accordion-panel .simple-list li:last-child {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TABS
+/*------------------------------------------*/
+
+#tabs-1 .tabs-nav { 
+  text-align: center;
+}
+
+.tabs-1 { 
+  display: inline-block;
+  margin: 0 auto 60px;
+}
+
+#tabs-1 .tab-content {
+  display: none;
+}
+
+#tabs-1 .tab-content.current {
+  display: inherit;
+}
+
+.tabs-1 li {
+  display: inline-block; 
+  margin: 0 20px;
+  color: #aaa;
+  font-size: 1.05rem;
+  line-height: 1;
+  font-weight: 500;
+  padding: 0 2px 10px;
+  background-color: transparent;
+  border-bottom: 3px solid transparent;
+  cursor: pointer;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+/*------------------------------------------*/
+/*  TAB LINK HOVER / CURRENT
+/*------------------------------------------*/
+
+.tabs-1 li:hover {
+  color: #888;
+  border-color: #ccc;
+}
+
+.tabs-1 li.current,
+.tabs-1 li.current:hover {
+  color: #2b3648;
+  border-color: #2b3648;
+}
+
+.tabs-1.tabs--blue-500, .tabs-1.tabs--blue-500 li.current:hover { color: #185abd; border-color: #185abd; }
+.tabs-1.tabs--blue-400, .tabs-1.tabs--blue-500 li.current:hover { color: #1680fb; border-color: #1680fb; }
+.tabs-1.tabs--blue-300, .tabs-1.tabs--blue-500 li.current:hover { color: #3eb1ff; border-color: #3eb1ff; }
+
+.tabs-1.tabs--green-500, .tabs-1.tabs--green-500 li.current:hover { color: #00a14e; border-color: #00a14e; }
+.tabs-1.tabs--green-400, .tabs-1.tabs--green-400 li.current:hover { color: #0fbc49; border-color: #0fbc49; }
+.tabs-1.tabs--green-300, .tabs-1.tabs--green-300 li.current:hover { color: #6fd792; border-color: #6fd792; }
+
+.tabs-1.tabs--pink-500, .tabs-1.tabs--pink-500 li.current:hover { color: #ff149c; border-color: #ff149c; }
+.tabs-1.tabs--pink-400, .tabs-1.tabs--pink-400 li.current:hover { color: #f74780; border-color: #f74780; }
+.tabs-1.tabs--pink-300, .tabs-1.tabs--pink-300 li.current:hover { color: #fcb5cc; border-color: #fcb5cc; }
+
+.tabs-1.tabs--purple-500, .tabs-1.tabs--purple-500 li.current:hover { color: #663ae9; border-color: #663ae9; }
+.tabs-1.tabs--purple-400, .tabs-1.tabs--purple-400 li.current:hover { color: #7b5dd6; border-color: #7b5dd6; }
+.tabs-1.tabs--purple-300, .tabs-1.tabs--purple-300 li.current:hover { color: #bdaeea; border-color: #bdaeea; }
+
+.tabs-1.tabs--red-500, .tabs-1.tabs--red-500 li.current:hover { color: #da0f29; border-color: #da0f29; }
+.tabs-1.tabs--red-400, .tabs-1.tabs--red-400 li.current:hover { color: #ff1e1a; border-color: #ff1e1a; }
+.tabs-1.tabs--red-300, .tabs-1.tabs--red-300 li.current:hover { color: #ffa5a3; border-color: #ffa5a3; }
+
+.tabs-1.tabs--violet-500, .tabs-1.tabs--violet-500 li.current:hover { color: #c73e9b; border-color: #c73e9b; }
+.tabs-1.tabs--violet-400, .tabs-1.tabs--violet-400 li.current:hover { color: #be6cbe; border-color: #be6cbe; }
+.tabs-1.tabs--violet-300, .tabs-1.tabs--violet-300 li.current:hover { color: #e2bde2; border-color: #e2bde2; }
+
+.tabs-1.tabs--yellow-500, .tabs-1.tabs--yellow-500 li.current:hover { color: #ffba01; border-color: #ffba01; }
+.tabs-1.tabs--yellow-400, .tabs-1.tabs--yellow-400 li.current:hover { color: #ffbd45; border-color: #ffbd45; }
+.tabs-1.tabs--yellow-300, .tabs-1.tabs--yellow-300 li.current:hover { color: #ffdf35; border-color: #ffdf35; }
+
+/*------------------------------------------*/
+/*  ADVANTAGES LIST
+/*------------------------------------------*/
+
+.advantages {
+  margin-top: 15px;
+}
+
+.text-center .advantages {
+  margin-top: 20px;
+}
+
+.advantages li {
+  width: auto!important;
+  display: inline-block!important;
+  vertical-align: top;
+  clear: none !important;
+}
+
+.advantages-links-divider {
+  position: relative;
+  top: 0.5px;
+  transform: rotate(-90deg);
+}
+
+.advantages li p {
+  display: inline-block;
+  float: left;
+  margin-bottom: 0;
+}
+
+.advantages.ico-15 li p span {
+  position: relative;
+  top: 2px;
+  right: -1px;
+}
+
+.advantages.ico-15 [class*="flaticon-"]:before, 
+.advantages.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+.advantages li p a {
+  font-weight: 400;
+  text-decoration: underline;
+}
+
+.advantages li p a:hover {
+  text-decoration: underline;
+}
+
+.white--color .advantages li p a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  COMPATABILITY
+/*------------------------------------------*/
+
+.compatibility {
+  display: inline-block;
+  padding: 3px 20px;
+  margin-top: 15px;
+  margin-bottom: 0;
+}
+
+.compatibility span {
+  position: relative;
+  top: -1.5px;
+  right: 2px;
+}
+
+.compatibility.ico-10 [class*="flaticon-"]:before, 
+.compatibility.ico-10 [class*="flaticon-"]:after { font-size: 0.5rem; }
+
+/*------------------------------------------*/
+/*  TOOLS LIST / PAYMENT METHODS
+/*------------------------------------------*/
+
+.tools-list,
+.payment-methods {
+  margin-top: 25px;
+}
+
+.tools-list p,
+.payment-methods p {
+  font-weight: 400;
+  margin-bottom: 12px;
+}
+
+.tools-list.ico-35 [class*="flaticon-"]:before, 
+.tools-list.ico-35 [class*="flaticon-"]:after { 
+  line-height: 2.1875rem!important;
+  margin-right: 6px;
+}
+
+/*------------------------------------------*/
+/*  Payment Icons
+/*------------------------------------------*/
+
+.payment-icons li {
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  margin: 0;
+  padding-right: 5px;
+}
+
+.payment-icons li:last-child {
+  padding-right: 0;
+}
+
+.payment-icons img {
+  width: auto;
+  max-width: inherit;
+  max-height: 32px;
+}
+
+/*------------------------------------------*/
+/*  QUOTE
+/*------------------------------------------*/ 
+
+.quote p {
+  color: #666;
+  border-left: 3px solid #0195ff;
+  font-style: italic;
+  padding-left: 20px;
+  margin-bottom: 12px;
+}
+
+/*------------------------------------------*/
+/*  Quote Avatar 
+/*------------------------------------------*/ 
+
+.quote-avatar {
+  display: inline-block;
+  margin: 0 auto; 
+}
+
+.quote-avatar img {
+  width: 70px;
+  height: 70px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+}
+
+/*------------------------------------------*/
+/*  Quote Author 
+/*------------------------------------------*/ 
+
+.quote-author {
+  position: relative;
+  display: inline-block;
+  padding: 0 0 0 15px;
+  text-align: left;
+  top: 16px;
+} 
+   
+.quote-author h6 {
+  margin-bottom: 0;
+}
+
+.quote-author span {
+  font-size: 1rem;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX SHAPES
+/*------------------------------------------*/ 
+
+.cbox-5-shape-1 {
+  position: absolute;
+  right: 30px;
+  top: -35px;
+  z-index: -1;
+}
+
+.cbox-5-shape-2 {
+  position: absolute;
+  left: 30px;
+  bottom: -25px;
+  z-index: -1;
+}
+
+.cbox-5-shape-1 img,
+.cbox-5-shape-2 img {
+  height: 100%;
+  width: 100%;
+  object-fit: cover;
+}
+
+/*------------------------------------------*/
+/*  IMG BLOCK IMAGE
+/*------------------------------------------*/ 
+
+.grey-img {
+  filter: grayscale(100%);
+}
+
+.img-block {
+  text-align: center;
+}
+
+.img-block.img-block-bkg {
+  overflow: hidden;
+}
+
+.img-block.img-block-bkg img {
+  padding: 60px 45px;
+}
+
+.ct-10 .img-block,
+.img-block-hidden,
+.bc-5-img.bc-5-dashboard.img-block-hidden {
+  margin-bottom: -100px;
+}
+
+.ct-05 .img-block-hidden {
+  margin-bottom: -30px;
+}
+
+.bc-5-img.bc-5-tablet.img-block-hidden {
+  margin-bottom: -200px;
+}
+
+.img-block-hidden .video-btn,
+.bc-5-img.bc-5-dashboard.img-block-hidden .video-btn {
+  top: calc(50% - 30px);
+}
+
+.bc-5-img.bc-5-tablet.img-block-hidden .video-btn {
+  top: calc(50% - 70px);
+}
+
+.ct-01 .img-block,
+.ct-04 .img-block {
+  margin-left: 30px;
+}
+
+.ct-02 .img-block {
+  margin-right: 30px;
+}
+
+.ct-03 .img-block.right-column {
+  margin-left: 20px;
+}
+
+.ct-03 .img-block.left-column {
+  margin-right: 20px;
+}
+
+.ct-04 .img-block img {
+  max-width: none;
+  display: inline-block;
+}
+
+.ct-06 .img-block {
+  margin-bottom: -80px;
+}
+
+.ct-07 .img-block {
+  margin-top: -80px;
+}
+
+.img-block-txt,
+.img-block-btn {
+  margin-top: 60px;
+}
+
+.bc-1-wrapper .img-block.left-column,
+.bc-2-wrapper .img-block.left-column {
+  padding-right: 10px;
+}
+
+.bc-1-wrapper .img-block.right-column,
+.bc-2-wrapper .img-block.right-column {
+  padding-left: 10px;
+}
+
+.bc-2-img {
+  margin-left: 15px;
+}
+
+.bc-3-img {
+  margin: 0 -65% -25px 15px;
+}
+
+.bc-4-img {
+  margin-left: 15px;
+  margin-right: -65%;
+}
+
+.bc-6-img {
+  padding: 50px 30px 0;
+  margin-bottom: 35px;
+}
+
+.ct-11 .img-block {
+  position: relative;
+  text-align: center;
+  padding-left: 70px;
+  z-index: 2;
+}
+
+.ct-12 .img-block {
+  position: relative;
+  text-align: center;
+  padding-right: 70px;
+  z-index: 2;
+}
+
+.ct-11 .img-block .tra-bkg,
+.ct-12 .img-block .tra-bkg {
+  opacity: 0;
+  -moz-opacity: 0; 
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+} 
+
+
+
+
+/* ==========================================================================
+  09. STATISTIC
+  =========================================================================== */
+
+.sb-rounded .statistic-block {
+  padding: 35px 25px;
+}
+
+/*------------------------------------------*/
+/*  STATISTIC BLOCK
+/*------------------------------------------*/
+
+#sb-2-1,
+#sb-2-2 {
+  width: 48%;
+  display: inline-block;
+  float: left;
+}
+
+#sb-2-3, #sb-2-4 {
+  display: inline-block;
+  float: left;
+  padding-right: 15px;
+} 
+
+#sb-2-3 { width: 45%; }
+#sb-2-4 { width: 55%; }
+
+#sb-2-3 .statistic-block,
+#sb-2-4 .statistic-block {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+#sb-2-3 .statistic-block-txt,
+#sb-2-4 .statistic-block-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+  padding-left: 15px;
+}
+
+/*------------------------------------------*/
+/*  STATISTIC BLOCK TYPOGRAPHY
+/*------------------------------------------*/
+
+.statistic-1-wrapper .statistic-block-digit {   
+  width: 35%;
+  display: inline-block!important;  
+  float: left;
+}
+
+.statistic-1-wrapper .statistic-block-txt {
+  width: 65%;
+  display: inline-block!important;
+  padding-left: 20px;
+}
+
+#statistic-5 .statistic-digit {
+  padding-bottom: 20px;
+  margin: 0 100px 20px 0;
+  border-bottom: 1px solid #999;
+}
+
+#statistic-5 .color--white .statistic-digit {
+  border-bottom: 1px solid rgba(255, 255, 255, .8);
+}
+
+/*------------------------------------------*/
+/*  STATISTIC BLOCK TYPOGRAPHY
+/*------------------------------------------*/
+
+.statistic-ico {
+  margin-bottom: 10px;
+}
+
+h2.statistic-number {
+  line-height: 1; 
+  font-weight: 700;
+  letter-spacing: -1px;
+  margin-bottom: 0;
+}
+
+#sb-2-1 h2.statistic-number,
+#sb-2-2 h2.statistic-number {
+  margin-bottom: 15px;
+}
+
+#sb-2-3 h2.statistic-number span,
+#sb-2-4 h2.statistic-number span {
+  font-size: 2rem;
+}
+
+#statistic-5 .statistic-digit h2 {
+  letter-spacing: -1.5px;
+}
+
+#statistic-5 .statistic-txt h5 {
+  line-height: 1;
+  margin-bottom: 12px;
+}
+
+.statistic-block-txt p.p-md {
+  line-height: 1.35;
+  margin-bottom: 0;
+}
+
+#sb-2-1 .statistic-block p.p-sm,
+#sb-2-2 .statistic-block p.p-sm {
+  line-height: 1.4;
+  margin-bottom: 0;
+}
+
+#sb-2-3 .statistic-block p.p-sm,
+#sb-2-4 .statistic-block p.p-sm {
+  margin-top: 3px;
+  line-height: 1.5;
+  margin-bottom: 0;
+}
+
+.statistic-3-wrapper p {
+  line-height: 1;
+  margin-top: 15px;
+  margin-bottom: 0;
+}
+
+.statistic-3-wrapper p.p-md {
+  line-height: 1;
+  margin-top: 22px;
+  margin-bottom: 0;
+}
+
+.statistic-4-wrapper p {
+  line-height: 1;
+  margin-bottom: 14px;
+}
+
+#statistic-5 .statistic-txt p {
+  padding-right: 3%;
+  margin-bottom: 0;
+}
+
+.txt-block-stat .statistic-block .txt-block-rating {
+  margin-top: -4px;
+  margin-bottom: -3px;
+}
+
+.txt-block-stat .ico-15 [class*="flaticon-"]:before, 
+.txt-block-stat .ico-15 [class*="flaticon-"]:after { font-size: 0.8125rem; }
+
+
+
+
+/* ==========================================================================
+  10. PROJECTS
+  ========================================================================== */
+
+.projects-wrapper {
+  padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  PROJECT DETAILS
+/*------------------------------------------*/
+
+#pt-1-1, #pt-1-2,
+.inner-page-hero #pt-1-3, 
+.inner-page-hero #pt-1-4 {
+  margin-bottom: 50px;
+}
+
+.project-details h5 {
+  line-height: 1;
+  margin-bottom: 30px;
+}
+
+.project-preview {
+  position: relative;
+  overflow: hidden;
+}
+
+/*------------------------------------------*/
+/*  Image Link
+/*------------------------------------------*/
+
+.project-link {
+  width: 100%;
+  position: absolute;
+  top: 55%;
+  transform: translateY(-50%);
+  opacity: 0;
+  text-align: center;
+  color: #fff;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  Image Hover Overlay
+/*------------------------------------------*/
+
+.hover-overlay {
+  width: 100%;
+  height: auto;
+  overflow: hidden;
+  position: relative; 
+}
+
+.hover-overlay img {
+  transform: scale(1);
+  -ms-transform: scale(1);
+  -webkit-transform: scale(1);
+  -o-transform: scale(1);
+  -moz-transform: scale(1);
+  overflow: hidden;
+  -webkit-transition: transform 400ms;
+  -moz-transition: transform 400ms;
+  -o-transition: transform 400ms;
+  transition: transform 400ms;
+}
+
+/*------------------------------------------*/
+/*    Overlay Background 
+/*------------------------------------------*/ 
+
+.item-overlay {
+  opacity: 0;
+  -moz-opacity: 0; 
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(20, 20, 20, .25);
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  Image Hover Effect 
+/*------------------------------------------*/ 
+
+.project-preview:hover img {
+  transform: scale(1.05);
+  -ms-transform: scale(1.05);
+  -webkit-transform: scale(1.05);
+  -o-transform: scale(1.05);
+  -moz-transform: scale(1.05);
+}
+
+.project-preview:hover .project-link {
+  top: 50%;
+  opacity: 1; 
+  -moz-opacity: 1; 
+}
+
+.project-preview:hover .item-overlay {
+  opacity: 1; 
+  -moz-opacity: 1; 
+}
+
+/*------------------------------------------*/
+/*  MORE PROJECTS BUTTON
+/*------------------------------------------*/ 
+
+.more-projects {
+  text-align: center;
+  margin-top: 70px;
+}
+
+
+
+
+/* ==========================================================================
+  11. PROJECT DETAILS
+  ========================================================================== */
+
+.single-project .project-title {
+  margin-bottom: 80px;
+}
+
+.project-title h2 {
+  padding-right: 5%;
+  padding-bottom: 40px;
+  margin-bottom: 35px;
+  border-bottom: 1px solid #ddd;
+}
+
+.project-data p {
+  margin-bottom: 4px;
+}
+
+.project-data p span {
+  color: #353f4f;
+  font-weight: 500;
+}
+
+/*------------------------------------------*/
+/*  MORE PROJECTS BUTTON
+/*------------------------------------------*/
+
+.project-description .more-projects {
+  margin-top: 65px;
+}
+
+.project-description .more-projects h3 {
+  display: inline-block;
+  text-decoration: underline;
+  margin-bottom: 0;
+}
+
+.project-description .more-projects span {
+  color: #353f4f;
+  position: relative;
+  top: 2px;
+  left: 5px;
+}
+
+
+
+
+/* ==========================================================================
+  12. RATING
+  =========================================================================== */
+
+.rating-section .rating-1-wrapper {
+  padding: 0 16%;
+}
+
+.rating-section .rating-2-wrapper {
+  padding: 0 4%;
+}
+
+.rating-title {
+  text-align: center;
+}
+
+.rating-title h5 {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  RATING BOX
+/*------------------------------------------*/
+
+.rbox-1,
+.rbox-2 {
+  text-align: center;
+}
+
+/*------------------------------------------*/
+/*  RATING BOX LOGO
+/*------------------------------------------*/
+
+.rbox-1-img {
+  margin-bottom: 20px;
+}
+
+.rbox-1-img img {
+  width: auto;
+  max-width: inherit;
+  max-height: 38px;
+}
+
+.rbox-2-txt img {
+  position: relative;
+  display: inline-block;
+  width: auto;
+  max-width: inherit;
+  max-height: 30px;
+  top: -1px;
+  left: 4px;
+}
+
+/*------------------------------------------*/
+/*  RATING BOX TYPOGRAPHY
+/*------------------------------------------*/
+
+.rbox-2-txt {
+  margin-top: 20px;
+}
+
+.rbox-1 .star-rating {
+  display: inline-block;
+  font-size: 17px;
+  line-height: 15px;
+  font-weight: 500;
+  vertical-align: inherit;
+  border: 1px solid #f5f5f5;
+  padding: 5px 18px;
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+}
+
+.rbox-1 .star-rating span {
+  position: relative;
+  color: #ffb30c;
+  top: 1.5px;
+}
+
+.rbox-1 .star-rating { 
+  font-size: 0.86rem; 
+  line-height: 1; 
+}
+
+p.rbox-2-txt {
+  line-height: 22px;
+  margin-top: 8px;
+  margin-bottom: 0;
+}
+
+p.rbox-2-txt span {
+  font-weight: 500;
+}
+
+
+
+
+/* ==========================================================================
+  13. TESTIMONIALS
+  =========================================================================== */
+
+.reviews-2-wrapper {
+  padding: 0 10px;
+}
+
+.reviews-3-wrapper {
+  padding: 0 20px;
+}
+
+.reviews-4-wrapper,
+.reviews-5-wrapper {
+  padding-left: 40px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL
+/*------------------------------------------*/
+
+.review-1 { 
+  padding: 40px 40px 30px;
+  margin: 0 10px 30px;                                
+}
+
+.review-1.block-border {
+  border-color: #d2d2d2;
+}
+
+.review-2 { 
+  padding: 45px 50px 35px;
+}
+
+.review-3 { 
+  padding: 45px 50px 40px;
+}
+
+.review-4 { 
+  padding: 40px 45px 30px;
+}
+
+.review-5 { 
+  padding: 45px 45px 40px;
+}
+
+#rw-2-1, #rw-2-2 {
+  margin-bottom: 20px;
+}
+
+.inner-page-hero #rw-2-3, .inner-page-hero #rw-2-4 {
+  margin-bottom: 20px;
+}
+
+#rw-3-2 {
+  margin-bottom: 45px;
+}
+
+#rw-3-2, #rw-3-3 {
+  margin-left: 15px;
+}
+
+#rw-4-1,
+#rw-5-1 {
+  margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL TEXT
+/*------------------------------------------*/
+
+.review-ico {   
+  position: relative;
+  margin-top: -25px;
+  margin-left: -10px;
+  opacity: .1;
+}
+
+.review-txt {
+  position: relative;
+  margin-top: -45px;
+}
+
+.review-txt h6 {
+  margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL DATA
+/*------------------------------------------*/ 
+
+.review-1 .author-data {
+  margin-top: 22px;
+}
+
+.review-2 .author-data {
+  margin-top: 15px;
+}
+
+.review-3 .author-data {
+  margin-top: 20px;
+}
+
+.review-avatar {
+  margin: 0 auto; 
+  float: left;
+}
+
+.review-avatar img,
+.owl-item .review-avatar img {
+  width: 54px;
+  height: 54px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+}
+
+.review-2 .review-avatar img {
+  width: 64px;
+  height: 64px;
+}
+
+.review-3 .review-avatar img,
+.review-5 .review-avatar img {
+  width: 62px;
+  height: 62px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL AUTHOR
+/*------------------------------------------*/ 
+
+.review-author {
+  position: relative;
+  display: inline-block;
+  text-align: left;
+  padding: 0 0 0 15px;
+}
+
+.review-1 .review-author {
+  margin-top: 4px;
+}
+
+.review-2 .review-author {
+  margin-top: 10px;
+}
+
+.review-3 .review-author {
+  margin-top: 8px;
+} 
+
+.review-5 .review-author {
+  margin-top: 8px;
+}   
+
+.review-4 .review-author {
+  padding-left: 0;
+  margin-top: 0;
+} 
+
+.review-author h6 {
+  line-height: 1;
+  margin-bottom: 8px;
+}
+
+.review-1 .review-author h6 {
+  font-size: 0.975rem;
+}
+
+.review-author p {
+  line-height: 1;
+  font-weight: 300;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL CAROUSEL DOTS
+/*------------------------------------------*/
+
+.reviews-section button {
+  background-color: transparent;
+  border: none;
+  padding: 0 2px;
+}
+
+.owl-theme .owl-dots .owl-dot span {
+  margin: 0 7px;
+}
+
+.owl-dots button:focus {
+  outline: none;
+  text-decoration: none;
+}
+
+
+
+
+/* ==========================================================================
+  14. PRESS
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  PRESS LOGO
+/*------------------------------------------*/ 
+
+.press-logo img {
+  position: relative;
+  width: auto;
+  max-width: inherit;
+  max-height: 82px;
+}
+
+/*------------------------------------------*/
+/*  PRESS TEXT
+/*------------------------------------------*/ 
+
+.press-txt {
+  position: relative;
+  margin-top: 15px;
+}
+
+.press-txt p {
+  color: #999;
+  font-weight: 400;
+  margin-bottom: 0;
+}
+
+.press-txt span {   
+  position: relative;
+  top: 3px;
+  left: -1px;
+  opacity: .6;
+}
+
+.press-txt.ico-20 [class^="flaticon-"]:before, 
+.press-txt.ico-20 [class^="flaticon-"]:after {
+  font-size: 1.375rem;
+}
+
+
+
+
+/* ==========================================================================
+  15. BRANDS
+  =========================================================================== */
+
+#brands-3 {
+  position: relative;
+}
+
+#brands-3:after {
+  position: absolute;
+  content: '';
+  width: 100%;
+  height: 80%;
+  top: 0;
+  left: 0;
+  z-index: -1;
+}
+
+/*------------------------------------------*/
+/*  BRANDS SECTION TITLE
+/*------------------------------------------*/ 
+
+.brands-title {
+  text-align: center;
+  padding: 0 5%;
+}
+
+.brands-title h4,
+.brands-title h3,
+.brands-title h2 {
+  margin-bottom: 8px;
+}
+
+.brands-title p {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  BRANDS LOGO WRAPPER
+/*------------------------------------------*/ 
+
+.brands-3-wrapper {
+  padding: 50px 30px;
+  background-color: #fff;
+  border: 1px solid #e9ecef;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px; 
+}
+
+/*------------------------------------------*/
+/*  BRANDS LOGO IMAGE
+/*------------------------------------------*/ 
+
+.brand-logo {
+  overflow: hidden;
+  position: relative;
+  top: 0;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+} 
+
+#brands-1 .brands-carousel-5 .brand-logo {
+  padding: 0 30px;
+} 
+
+#brands-1 .brands-carousel-6 .brand-logo {
+  padding: 0 20px;
+}   
+
+#brands-1 .justify-content-center .brand-logo {
+  padding: 0 15px;
+} 
+
+#brands-2 .brand-logo {
+  padding: 0;
+} 
+
+#brands-3 .brand-logo {
+  padding: 0 25px;
+}
+
+#brands-3 .brands-3-static .brand-logo {
+  padding: 0 15px;
+}
+
+#brands-4 .brand-logo {
+  padding: 0 20px;
+} 
+
+.brand-logo:hover {
+  top: -6px;
+}
+
+.brands-section .more-btn {
+  text-align: center;
+  margin-top: 40px;
+}
+
+.hero-section .owl-dots,
+.brands-section .owl-dots {
+  display: none;
+}
+
+
+
+
+/* ==========================================================================
+  16. INTEGRATIONS
+  =========================================================================== */
+
+.integrations-2-wrapper {
+  padding: 80px 70px;
+}
+
+.in_tool_logo {
+  padding: 50px 30px;
+  margin-bottom: 25px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.integrations-1-wrapper .in_tool-logo {
+  position: relative;
+  margin-right: 20px;
+}
+
+.integrations-1-wrapper .in_tool {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+  padding: 22px 20px;
+  border: 1px solid #ccc;
+}
+
+.integrations-1-wrapper .in_tool-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.in_tool h6 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.integrations-1-wrapper .in_tool-txt h6 {
+  margin-top: 5px;
+}
+
+.integrations-1-wrapper .in_tool-txt p {
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+.integrations-1-wrapper .in_tool:hover {
+  border-color: transparent;
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+}
+
+
+
+
+/* ==========================================================================
+  17. PRICING
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  Price Table
+/*------------------------------------------*/
+
+.p-table {
+  margin-bottom: 40px;
+}
+
+.pricing-1-table { 
+  padding: 50px 38px 45px; 
+}
+
+.text-center .pricing-1-table {
+  padding: 60px 35px 50px; 
+}
+
+.pricing-2-table { 
+  padding: 45px 38px 50px; 
+}
+
+.pricing-3-table { 
+  padding: 50px 40px; 
+}
+
+.pricing-4-table {
+  position: relative;
+  padding: 45px;
+}
+
+#pt-4-1 { margin: 0 10px 40px 50px; }
+#pt-4-2 { margin: 0 50px 40px 10px; }
+
+/*------------------------------------------*/
+/*  TABLE HEADER 
+/*------------------------------------------*/
+
+.pricing-table-header {
+  position: relative;
+}
+
+.pricing-table-header h5 {
+  margin-bottom: 30px;
+}
+
+.pricing-table-header h4 {
+  margin-bottom: 25px;
+}
+
+/*------------------------------------------*/
+/*  PRICING TABLE DISCOUNT
+/*------------------------------------------*/
+
+.pricing-discount {
+  position: absolute;
+  top: -2px;
+  right: -10px;
+  padding: 8px 18px;
+}
+
+.pricing-1-table .pricing-discount {
+  top: -2px;
+  right: -5px;
+  padding: 7px 13px;
+}
+
+.text-center .pricing-1-table .pricing-discount {
+  top: -35px;
+  right: -8px;
+}
+
+.pricing-discount h6 {
+  font-size: 1.1rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.pricing-1-table .pricing-discount h6 {
+  font-size: 0.915rem;
+}
+
+.price.color--black .white--color {
+  color: #fff;
+}
+
+.comp-table .table thead th {
+  border-color: #ccc;
+}
+
+.comp-table tbody th {
+  border-bottom: 1px solid #ccc!important;
+}
+
+.comp-table .table tr td {
+  border-bottom: 2px solid #ccc;
+}
+
+/*------------------------------------------*/
+/*  PRICE
+/*------------------------------------------*/
+
+.price span {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 3rem;
+  line-height: 1;
+  font-weight: 600;
+  letter-spacing: -2px;
+} 
+
+.pricing-2-table.highlight .price span {
+  font-size: 2.4rem;
+  letter-spacing: -1px;
+} 
+
+.pricing-3-table .price span {
+  font-size: 4.35rem;
+} 
+
+.pricing-4-table .price span {
+  font-size: 3.15rem;
+} 
+
+/*------------------------------------------*/
+/*  DOLLAR SIGN
+/*------------------------------------------*/
+
+.price sup {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 2.05rem;
+  font-weight: 600;
+  top: -5px;
+  right: 2px;
+  letter-spacing: -1px;
+}
+
+.pricing-3-table .price sup {
+  font-size: 2.35rem;
+  top: -23px;
+  right: 3px;
+}
+
+.pricing-4-table .price sup {
+  font-size: 2.05rem;
+  top: -10px;
+  right: 2px;
+}
+
+/*------------------------------------------*/
+/*  COINS
+/*------------------------------------------*/
+
+.pricing-3-table .price sup.coins {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 2.35rem;
+  font-weight: 600;
+  top: -29px;
+  left: 3px;
+  letter-spacing: -2px;
+}
+
+/*------------------------------------------*/
+/*  Validity
+/*------------------------------------------*/
+
+.price sup.validity {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 1.4rem;
+  font-weight: 400;
+  top: -2px;
+  left: 0;
+}
+
+.pricing-3-table .price sup.validity {
+  display: block;
+  font-size: 1.1875rem;
+  top: 0;
+  margin-top: 20px;
+  margin-bottom: 30px;
+  letter-spacing: 0;
+  margin-bottom: 40px;
+}
+
+/*------------------------------------------*/
+/*  Text
+/*------------------------------------------*/
+
+.price p {
+  margin-top: 25px;
+  margin-bottom: 25px;
+}
+
+.pricing-2-table .price p {
+  margin-bottom: 15px;
+}
+
+.text-center .price p {
+  padding: 0 2%;
+}
+
+.pricing-section .btn-txt a {
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  PRICING TABLE HORIZONTAL LINE
+/*------------------------------------------*/
+
+.pricing-1-table hr {
+  margin-top: 35px;
+}
+
+.pricing-2-table hr {
+  margin-top: 25px;
+}
+
+/*------------------------------------------*/
+/*  PRICING FEATURES
+/*------------------------------------------*/
+
+.pricing-features li {
+  padding: 11px 8px;
+}
+
+.pricing-4-table .pricing-features li {
+  padding: 10px;
+} 
+
+.pricing-features li p {
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 0;
+}
+
+.pricing-features li p span {
+  position: relative;
+  top: -2px;
+  right: 5px;
+}
+
+.pricing-features.ico-10 li p span {
+  top: 0;
+  right: 4px;
+}
+
+.pricing-features.ico-5 [class*="flaticon-"]:before, 
+.pricing-features.ico-5 [class*="flaticon-"]:after { font-size: 0.5rem; }
+
+.pricing-features li.disabled-option p,
+.pricing-features li.disabled-option span {
+  color: #b5b5b5!important;
+}
+
+/*------------------------------------------*/
+/*  PRICING TABLE BUTTON
+/*------------------------------------------*/
+
+.pt-btn {
+  display: block;
+  width: 100%;
+  margin-top: 25px;
+}
+
+.p-table p.btn-txt {
+  margin: 14px 0 0 0;
+}
+
+/*------------------------------------------*/
+/*  PRICING TOGGLE BUTTON
+/*------------------------------------------*/
+
+.ext-toggle-btn {
+  text-align: center;
+}
+
+.toggle-btn.inn-toggle-btn {
+  position: absolute;
+}
+
+#pricing-4 .ext-toggle-btn {
+  margin: 0 50px 35px 10px;
+}
+
+/*------------------------------------------*/
+/*  TOGGLE BUTTON TYPOGRAPHY
+/*------------------------------------------*/
+
+.toggle-btn-md .toggler-txt {
+  font-size: 1.1rem;
+  font-weight: 400;
+  line-height: 36px;
+}
+
+.toggle-btn-lg .toggler-txt {
+  font-size: 1.15rem;
+  font-weight: 400;
+  line-height: 40px;
+}
+
+.toggle-btn p {
+  margin-top: 10px;
+  letter-spacing: -0.25px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TOGGLE BUTTON SWITCHER
+/*------------------------------------------*/
+
+.switch-wrap {
+  position: relative;
+  display: inline-block;
+  min-width: 50px;
+  height: 32px;
+  vertical-align: middle;
+}
+
+.toggle-btn-md .switch-wrap {
+  min-width: 65px;
+  height: 36px;
+  margin: 0 8px;
+}
+
+.toggle-btn-lg .switch-wrap {
+  min-width: 70px;
+  height: 40px;
+  margin: 0 14px;
+}
+
+.switcher {
+  display: block;
+  cursor: pointer;
+  color: #fff;
+  font-size: 0.925rem;
+  font-weight: 500;
+  height: 32px;
+  padding: 0 15px 0 35px;
+  position: relative;
+  border-radius: 32px;
+  -webkit-transition: all 150ms ease-in-out;
+  -moz-transition: all 150ms ease-in-out;
+  -o-transition: all 150ms ease-in-out;
+  -ms-transition: all 150ms ease-in-out;
+  transition: all 150ms ease-in-out;
+}
+
+.toggle-btn-md .switcher {
+  height: 36px;
+  padding: 0 20px 0 40px;
+  border-radius: 36px;
+}
+
+.toggle-btn-lg .switcher {
+  height: 40px;
+  padding: 0 20px 0 40px;
+  border-radius: 40px;
+}
+
+.switcher.bg--tra-white {
+  background-color: #fff;
+  border: 2px solid #ccc;
+}
+
+.switcher.bg--ghost-white {
+  background-color: rgba(128, 143, 174, .45);
+  border: 2px solid rgba(128, 143, 174, .15);
+}
+
+.switcher.bg--grey {
+  background-color: #ccc;
+  border: 2px solid #ccc;
+}
+
+.switcher .show-annual, 
+.switcher .show-monthly {
+  line-height: 32px;
+}
+
+.toggle-btn-md .switcher .show-annual,
+.toggle-btn-md .switcher .show-monthly {
+  line-height: 36px;
+}
+
+.toggle-btn-lg .switcher .show-annual,
+.toggle-btn-lg .switcher .show-monthly {
+  line-height: 40px;
+}
+
+.switcher .show-monthly {
+  display: block;
+}
+
+.switcher .show-annual {
+  display: none;
+}
+
+.switcher:before {
+  position: absolute;
+  left: 4px;
+  bottom: 4px;
+  content: " ";
+  background-color: #fff;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out;
+}
+
+.toggle-btn-md .switcher:before {
+  left: 5px;
+  bottom: 5px;
+  width: 26px;
+  height: 26px;
+}
+
+.toggle-btn-lg .switcher:before {
+  left: 5px;
+  bottom: 5px;
+  width: 30px;
+  height: 30px;
+}
+
+.switcher.bg--grey:before,
+.switcher.bg--tra-white:before,
+.switcher.bg--ghost-white:before {
+  background-color: #ccc;
+  left: 4px;
+  bottom: 3.5px;
+  -webkit-box-shadow: 0 1px 1px 0 #aaa;
+  -moz-box-shadow: 0 1px 1px 0 #aaa;
+  box-shadow: 0 1px 1px 0 #aaa;
+}
+
+.switcher.bg--grey:before,
+.switcher.bg--ghost-white:before {
+  background-color: #fff;
+}
+
+.switch-wrap input {
+  display: none;
+}
+
+.switch-wrap input:checked + .switcher {
+  padding: 0 35px 0 15px;
+}
+
+.toggle-btn-md .switch-wrap input:checked + .switcher,
+.toggle-btn-lg .switch-wrap input:checked + .switcher {
+  padding: 0 40px 0 20px;
+}
+
+.switch-wrap input:checked + .switcher.switcher--blue-500 { background-color: #185abd; border-color: #185abd; }
+.switch-wrap input:checked + .switcher.switcher--blue-400 { background-color: #1680fb; border-color: #1680fb; }
+.switch-wrap input:checked + .switcher.switcher--blue-300 { background-color: #3eb1ff; border-color: #3eb1ff; }
+
+.switch-wrap input:checked + .switcher.switcher--green-500 { background-color: #00a14e; border-color: #00a14e; }
+.switch-wrap input:checked + .switcher.switcher--green-400 { background-color: #0fbc49; border-color: #0fbc49; }
+.switch-wrap input:checked + .switcher.switcher--green-300 { background-color: #6fd792; border-color: #6fd792; }
+
+.switch-wrap input:checked + .switcher.switcher--pink-500 { background-color: #ff149c; border-color: #ff149c; }
+.switch-wrap input:checked + .switcher.switcher--pink-400 { background-color: #f74780; border-color: #f74780; }
+.switch-wrap input:checked + .switcher.switcher--pink-300 { background-color: #fcb5cc; border-color: #fcb5cc; }
+
+.switch-wrap input:checked + .switcher.switcher--purple-500 { background-color: #663ae9; border-color: #663ae9; }
+.switch-wrap input:checked + .switcher.switcher--purple-400 { background-color: #7b5dd6; border-color: #7b5dd6; }
+.switch-wrap input:checked + .switcher.switcher--purple-300 { background-color: #bdaeea; border-color: #bdaeea; }
+
+.switch-wrap input:checked + .switcher.switcher--red-500 { background-color: #da0f29; border-color: #da0f29; }
+.switch-wrap input:checked + .switcher.switcher--red-400 { background-color: #ff1e1a; border-color: #ff1e1a; }
+.switch-wrap input:checked + .switcher.switcher--red-300 { background-color: #ffa5a3; border-color: #ffa5a3; }
+
+.switch-wrap input:checked + .switcher.switcher--violet-500 { background-color: #c73e9b; border-color: #c73e9b; }
+.switch-wrap input:checked + .switcher.switcher--violet-400 { background-color: #be6cbe; border-color: #be6cbe; }
+.switch-wrap input:checked + .switcher.switcher--violet-300 { background-color: #e2bde2; border-color: #e2bde2; }
+
+.switch-wrap input:checked + .switcher.switcher--yellow-500 { background-color: #ffba01; border-color: #ffba01; }
+.switch-wrap input:checked + .switcher.switcher--yellow-400 { background-color: #ffbd45; border-color: #ffbd45; }
+.switch-wrap input:checked + .switcher.switcher--yellow-300 { background-color: #ffdf35; border-color: #ffdf35; }
+
+.switch-wrap input:checked + .switcher:before {
+  left: auto;
+  right: 4px;
+  -webkit-transition: all 350ms ease-in-out;
+  -moz-transition: all 350ms ease-in-out;
+  -o-transition: all 350ms ease-in-out;
+  -ms-transition: all 350ms ease-in-out;
+  transition: all 350ms ease-in-out;
+}
+
+.switch-wrap input:checked + .switcher.bg--tra-white:before {
+  bottom: 3px;
+  background-color: #fff;
+  -webkit-box-shadow: 0 0;
+  -moz-box-shadow: 0 0;
+  box-shadow: 0 0;
+}
+
+.switch-wrap input:checked + .switcher .show-annual {
+  display: block;
+}
+
+.switch-wrap input:checked + .switcher .show-monthly {
+  display: none;
+}
+
+/*------------------------------------------*/
+/*  PRICING NOTICE TEXT
+/*------------------------------------------*/
+
+.pricing-notice {
+  text-align: center;
+  margin-top: 20px;
+}
+
+.pricing-notice p {
+  padding: 0 8%;
+  margin-bottom: 0;
+}
+
+.pricing-notice p span {
+  font-weight: 500;
+}
+
+/*------------------------------------------*/
+/*  COMPARE PRICING TABLE
+/*------------------------------------------*/
+
+.table>:not(caption)>*>* {
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+
+.comp-table .pricing-header {
+  max-width: 700px;
+}
+
+.comp-table .table-responsive thead th {
+  font-size: 1.15rem;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-weight: 600;
+}
+
+.comp-table .table-responsive tbody th {
+  font-size: 1rem;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-weight: 600;
+}
+
+.comp-table .table-responsive tbody td {
+  position: relative;
+  font-size: 1rem;
+  line-height: inherit;
+  top: 1px;
+}
+
+.comp-table .table-responsive tbody td span {
+  position: relative;
+  top: 1px;
+}
+
+.table-responsive .ico-15 [class*="flaticon-"]:before, 
+.table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+.table-responsive .ico-20 [class*="flaticon-"]:before, 
+.table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.95rem; }
+
+.comp-table .table-responsive tbody tr {
+  background-color: #fff;
+  -moz-transition: all 350ms ease-in-out;
+  -o-transition: all 350ms ease-in-out;
+  -ms-transition: all 350ms ease-in-out;
+  transition: all 350ms ease-in-out;
+}
+
+.comp-table .table tbody tr.table-last-tr {
+  border-color: transparent;
+}
+
+.comp-table .table-responsive tbody tr:hover {
+  background-color: #f7f7f9;
+}
+
+.comp-table .disabled-option {
+  color: #999;
+}
+
+/*------------------------------------------*/
+/*  PRICING COMPARE PAYMENT
+/*------------------------------------------*/
+
+.comp-table-payment h6 {
+  margin-bottom: 20px;
+}
+
+.comp-table-payment p {
+  margin-bottom: 0;
+}
+
+
+
+
+/* ==========================================================================
+  18. TEAM
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  TEAM MEMBER
+/*------------------------------------------*/
+
+#tm-2-1, #tm-2-4, #tm-2-7, #tm-2-10 { margin-right: 14px; }
+#tm-2-2, #tm-2-5, #tm-2-8, #tm-2-11 { margin-left: 7px; margin-right: 7px; }
+#tm-2-3, #tm-2-6, #tm-2-9, #tm-2-12 { margin-left: 14px; }
+
+/*------------------------------------------*/
+/*  TEAM MEMBER PHOTO
+/*------------------------------------------*/
+
+.team-member-photo {
+  position: relative;
+  overflow: hidden;
+  text-align: center;
+  margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  PHOTO HOVER ZOOM
+/*------------------------------------------*/ 
+
+.team-member:hover img {
+  transform: scale(1.05);
+  -ms-transform: scale(1.05);
+  -webkit-transform: scale(1.05);
+  -o-transform: scale(1.05);
+  -moz-transform: scale(1.05);
+}
+
+.team-member:hover .item-overlay {
+  opacity: .45; 
+  -moz-opacity: .45; 
+}
+
+/*------------------------------------------*/
+/*  TEAM MEMBER TYPOGRAPHY
+/*------------------------------------------*/
+
+.team-member-data {
+  position: relative;
+  margin-left: 5px;
+}
+
+.team-member-data h6.s-20 {
+  margin-bottom: 8px;
+}
+
+.team-member-data p {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  line-height: 1;
+  font-weight: 400;
+  letter-spacing: 0;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  Team Member Social Links
+/*------------------------------------------*/
+
+ul.tm-social {
+  position: absolute;
+  top: -1px;
+  right: 8px;
+  -webkit-transition: all 0.3s ease-out;
+  -o-transition: all 0.3s ease-out;
+  transition: all 0.3s ease-out;  
+}
+
+#team-1 ul.tm-social {
+  right: 5px;
+}
+
+ul.tm-social li {
+  width: auto !important;
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  padding: 0;
+  margin-left: 10px;
+  opacity: .6;
+  -webkit-transition: all 0.5s ease-out;
+  -o-transition: all 0.5s ease-out;
+  transition: all 0.5s ease-out;  
+}
+
+.tm-social.ico-20 [class*="flaticon-"]:before, 
+.tm-social.ico-20 [class*="flaticon-"]:after { font-size: 1.15rem; }
+
+
+
+
+/* ==========================================================================
+  19. CAREERS
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  ROLE BOX
+/*------------------------------------------*/
+
+.role-box {
+  border: 1px solid #d2d2d2;
+  padding: 25px 35px;
+  margin-bottom: 30px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.role-box.bg--white-200,
+.role-box.bg--white-300 {
+  border: 1px solid transparent;
+}
+
+.role-box:hover {
+  border-color: transparent;
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+}
+
+/*------------------------------------------*/
+/*  ROLE BOX TEXT
+/*------------------------------------------*/
+
+.role-box span {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  display: block;
+  font-size: 0.8rem;
+  line-height: 1;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  margin-bottom: 14px;
+}
+
+.role-box h6 {
+  margin-bottom: 6px;
+}
+
+.role-box p {
+  margin-bottom: 0;
+}
+
+
+
+
+/* ==========================================================================
+  20. CAREER ROLE
+  =========================================================================== */
+
+#role-page .inner-page-title {
+  text-align: left;
+  margin-bottom: 50px;
+}
+
+#role-page .inner-page-title span {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  display: block;
+  font-size: 0.9rem;
+  line-height: 1;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  margin-bottom: 35px;
+}
+
+.role-info hr {
+  margin: 50px 0;
+}
+
+#role-page .cbox-6-wrapper {
+  margin: 45px 0;
+}
+
+.role-info h5 {
+  margin-bottom: 25px;
+}
+
+.role-info p a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.txt-block.role-info .btn {
+  display: block;
+  margin-top: 50px;
+}
+
+
+
+
+/* ==========================================================================
+  21. BANNER
+  =========================================================================== */
+
+.banner-overlay {
+  width: 100%;
+  height: 100%;
+}
+
+#banner-11 {
+  margin-top: 50px;
+}
+
+#banner-12 {
+  margin-top: 40px;
+  margin-bottom: 10px;
+}
+
+/*------------------------------------------*/
+/*  BANNER WRAPPER
+/*------------------------------------------*/
+
+.banner-1-wrapper,
+.banner-2-wrapper,
+.banner-3-wrapper {
+  position: relative;
+  overflow: hidden;
+  text-align: center;
+} 
+
+.banner-1-wrapper .banner-overlay {
+  padding: 75px 15% 85px;
+}
+
+.banner-2-wrapper .banner-overlay {
+  padding: 80px 15% 90px;
+}
+
+.banner-3-wrapper .banner-overlay {
+  padding: 75px 20% 85px;
+}
+
+.banner-11-wrapper .banner-overlay {
+  padding: 10px 70px 0;
+}
+
+.banner-12-wrapper .banner-overlay {
+  padding-left: 80px;
+}
+
+.banner-13-wrapper {
+  overflow: hidden;
+}
+
+.banner-13-wrapper .banner-overlay {
+  overflow: hidden;
+  padding-left: 80px;
+}
+
+.banner-16-wrapper .banner-overlay {
+  padding: 45px 22%;
+}
+
+.banner-16-wrapper.bg--white-100.block-border {
+  border-color: #ccc;
+}
+
+/*------------------------------------------*/
+/*  BANNER TEXT
+/*------------------------------------------*/
+
+.banner-12-txt {
+  margin-top: -10px;
+  padding-right: 15%;
+}
+
+.banner-13-txt {
+  padding-right: 15%;
+}
+
+/*------------------------------------------*/
+/*  BANNER TYPOGRAPHY
+/*------------------------------------------*/
+
+.banner-section .section-id {
+  font-weight: 600;
+  padding-top: 10px;
+  margin-bottom: 30px;
+}
+
+.banner-1-txt h2 {
+  margin-bottom: 15px;
+}
+
+.banner-2-txt h2 {
+  margin-bottom: 35px;
+}
+
+.banner-4-txt h2 {
+  margin-bottom: 30px;
+}
+
+.banner-7-txt h2 {
+  margin-bottom: 35px;
+}
+
+.banner-10-txt h6 {
+  font-weight: 400;
+  margin-bottom: 12px;
+}
+
+.banner-10-txt h2 {
+  margin-bottom: 25px;
+}
+
+.banner-11-txt h2,
+.banner-12-txt h2,
+.banner-13-txt h2 {
+  margin-bottom: 22px;
+}
+
+.banner-15-txt h2 {
+  margin-bottom: 45px;
+}
+
+.banner-16-txt h4 {
+  margin-bottom: 14px;
+}
+
+.banner-section p.p-lg {
+  font-size: 1.15rem; 
+  margin-bottom: 30px;
+}
+
+.banner-section p.p-xl {
+  margin-bottom: 25px;
+}
+
+.sm-title .banner-1-txt p.p-lg,
+.sm-title .banner-1-txt p.p-xl {
+  margin-top: 12px;
+  margin-bottom: 22px!important;
+}
+
+.banner-3-txt p.p-lg,
+.banner-3-txt p.p-xl,
+.banner-5-txt p.p-lg,
+.banner-5-txt p.p-xl {
+  margin-top: 20px;
+}
+
+.banner-5-txt p.s-21,
+.banner-5-txt p.s-22 {
+  margin-top: 20px;
+  margin-bottom: 26px;
+}
+
+.banner-6-txt p.p-lg,
+.banner-6-txt p.p-xl {
+  margin-top: 15px;
+  margin-bottom: 25px!important;
+}
+
+.banner-8-txt p.p-lg,
+.banner-8-txt p.p-xl {
+  margin-top: 10px;
+  margin-bottom: 0!important;
+}
+
+.banner-9-txt p.p-lg,
+.banner-9-txt p.p-xl {
+  margin-top: 20px;
+  margin-bottom: 25px!important;
+}
+
+.banner-11-txt p {
+  padding-right: 8%;
+}
+
+.banner-14-txt p.p-lg {
+  font-size: 1.25rem;
+  margin-top: 35px;
+  margin-bottom: 40px;
+}
+
+.banner-15-txt p a {
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  BANNER IMAGE
+/*------------------------------------------*/
+
+.banner-11-img {
+  margin-top: -60px;
+  margin-left: -40px;
+}
+
+.banner-12-img {
+  margin: -40px -20px -30px -40px;
+}
+
+.banner-13-img {
+  transform: rotate(-20deg);
+  margin: -60px -120px -70px -40px;
+}
+
+
+
+
+/* ==========================================================================
+  22. CALL TO ACTION / DOWNLOAD
+  =========================================================================== */
+
+.version-release {
+  margin-bottom: 80px;
+}
+
+.release-data {
+  padding-bottom: 30px;
+  border-bottom: 1px dashed #ccc;
+  margin-bottom: 30px;
+}
+
+.release-data h5 {
+  margin-bottom: 40px;
+}
+
+span.version-data {
+  color: #353f4f;
+  font-size: 2rem;
+  line-height: 1;
+  margin-right: 20px;
+  margin-bottom: 0;
+}
+
+span.release-date {
+  color: #999;
+  font-size: 1.175rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+span.release-date span {
+  color: #353f4f;
+  font-weight: 500;
+  margin-left: 20px;
+}
+
+.release-download {
+  position: absolute;
+  right: 5px;
+  bottom: 0;
+}
+
+.release-highlights .simple-list p {
+  margin-bottom: 2px;
+}
+
+
+
+
+/* ==========================================================================
+  23. FAQS
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  FAQS SECTION TITLE 
+/*------------------------------------------*/
+
+#faqs-1 .section-title {
+  margin-bottom: 50px;
+}
+
+#faqs-2 .inner-page-title {
+  margin-bottom: 55px;
+}
+
+#faqs-3 .section-title {
+  margin-bottom: 70px;
+}
+
+.faqs-3-questions .questions-holder {
+  padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  FAQS ACCORDION  
+/*------------------------------------------*/
+
+.faqs-section .accordion-item {
+  background-color: transparent!important;
+  border: none;
+  border-bottom: 1px solid #e5e5e5;
+}
+
+#faqs-2.faqs-section .accordion-item {
+  border-bottom: 1px solid #ddd;
+}
+
+.faqs-section .accordion-item.acc-last-item,
+#faqs-2.faqs-section .accordion-item.acc-last-item {
+  border-bottom: none;
+}
+
+/*------------------------------------------*/
+/*  Question
+/*------------------------------------------*/
+
+.faqs-section .accordion-thumb {
+  margin: 0;
+  padding: 25px 0;
+  cursor: pointer;
+  position: relative;
+}
+
+#faqs-2.faqs-section .accordion-thumb {
+  padding: 25px 0 30px;
+}
+
+.faqs-section .accordion-item .accordion-thumb:after,
+.faqs-section .accordion-item.is-active .accordion-thumb:after {
+  font-family: Flaticon;
+  font-weight: 300; 
+  content: "\f11a";
+  position: absolute;
+  font-size: 1rem;
+  top: 22px;
+  right: 3px;
+}
+
+#faqs-2.faqs-section .accordion-item .accordion-thumb:after,
+#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after {
+  font-size: 1rem;
+  top: 26px;
+  right: 2px;
+}
+
+.faqs-section .accordion-item.is-active .accordion-thumb:after {
+  content: "\f11b";
+}
+
+#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb {
+ border-bottom: 1px solid #e5e5e5;
+}
+
+/*------------------------------------------*/
+/*  Answer
+/*------------------------------------------*/
+
+.accordion-panel {
+  margin: 0;
+  padding: 0 0 15px 0;
+  display: none;
+}
+
+#faqs-2 .accordion-panel {
+  padding: 45px 0 15px 0;
+}
+
+.accordion-thumb h5,
+.accordion-thumb h4 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.question h5,
+.accordion-panel-item h5 {
+  margin-bottom: 20px;
+}
+
+.question h5 span,
+.accordion-thumb h5 span,
+.accordion-panel-item h5 span {
+  margin-right: 5px;
+}
+
+.question p a, 
+.accordion-panel p a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.question p.color--grey a.color--blue, 
+.accordion-panel.color--grey a.color--blue {
+  color: #1680fb!important;
+}
+
+/*------------------------------------------*/
+/*  FAQS TABS 
+/*------------------------------------------*/
+
+.faqs-section .tabs-nav { 
+  text-align: center;
+}
+
+.faqs-section .tabs-1 { 
+  display: inline-block;
+  margin: 0 auto 60px;
+}
+
+.faqs-section .tab-content {
+  display: none;
+}
+
+.faqs-section .tab-content.current {
+  display: inherit;
+}
+
+.faqs-section .tabs-1 li {
+  display: inline-block; 
+  min-width: 230px;
+  background-color: transparent;
+  border: 2px solid #ddd;
+  cursor: pointer;
+  padding: 30px 0;
+  margin: 0 6px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.faqs-section .tabs-1 li span {
+  color: #c3c4c5;
+}
+
+.faqs-section .tabs-1 li p {
+  line-height: 1;
+  font-weight: 400;
+  margin-top: 15px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TAB LINK CURRENT
+/*------------------------------------------*/
+
+.faqs-section .tabs-1 li.current,
+.faqs-section .tabs-1 li.current:hover {
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2);
+  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2);
+}
+
+.faqs-section .tabs-1 li.current p,
+.faqs-section .tabs-1 li.current span {
+  color: #fff;
+}
+
+.faqs-section .tabs--blue .tabs-1 li.current,
+.faqs-section .tabs--blue .tabs-1 li.current:hover {
+  background-color: #1680fb;
+  border-color: #1680fb!important;
+}
+
+.faqs-section .tabs--purple .tabs-1 li.current,
+.faqs-section .tabs--purple .tabs-1 li.current:hover {
+  background-color: #7b5dd6;
+  border-color: #7b5dd6!important;
+}
+
+/*------------------------------------------*/
+/*  MORE QUESTIONS LINK
+/*------------------------------------------*/
+
+.more-questions {
+  text-align: center;
+}
+
+#faqs-2 .more-questions {
+  margin: 70px auto 0; 
+}
+
+.more-questions-txt {
+  display: inline-block;
+  padding: 22px 46px;
+}
+
+.more-questions-txt p {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.more-questions-txt a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+
+
+
+/* ==========================================================================
+  24. NEWSLETTER
+  =========================================================================== */
+
+#newsletter-1 .newsletter-overlay {
+  padding-top: 60px;
+  padding-bottom: 60px;
+}  
+
+#newsletter-2 .container {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+#newsletter-2 .newsletter-overlay {
+  padding: 60px 50px;
+}
+
+#newsletter-3 {
+  margin-top: 50px;
+  margin-bottom: 50px;
+}
+
+#newsletter-4 .newsletter-overlay,
+#newsletter-5 .newsletter-overlay {
+  padding-top: 80px;
+  padding-bottom: 70px;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER TYPOGRAPHY
+/*------------------------------------------*/ 
+
+.newsletter-txt h2 {
+  margin-bottom: 35px;
+}
+
+#newsletter-4 .newsletter-txt h2 {
+  margin-bottom: 40px;
+}
+
+.newsletter-txt h4,
+.newsletter-txt h3,
+#newsletter-5 .newsletter-txt h2 {
+  margin-bottom: 0;
+}
+
+.newsletter-txt p.p-sm {
+  margin-bottom: 0;
+}
+
+#newsletter-4 .newsletter-txt p {
+  padding: 0 10%;
+}
+
+#newsletter-5 .newsletter-txt p {
+  margin-top: 20px;
+  margin-bottom: 0;
+}
+
+.newsletter-txt a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER FORM
+/*------------------------------------------*/ 
+
+#newsletter-1 .newsletter-form {
+  padding-left: 15%;
+  margin-top: 30px;
+}
+
+#newsletter-2 .newsletter-form {
+  margin-top: 25px;
+  padding-left: 12%;
+}
+
+#newsletter-4 .newsletter-form {
+  padding: 0 5%;
+}
+
+#newsletter-5 .newsletter-form {
+  margin-top: 35px;
+  padding: 0 10%;
+}
+
+/*------------------------------------------*/
+/*   Newsletter Form Input
+/*------------------------------------------*/
+
+.newsletter-section .form-control {
+  height: 56px;
+  background-color: #fff;
+  border: 1px solid #ccc;
+  font-size: 1rem;
+  color: #353f4f;
+  font-weight: 400;
+  padding: 0 15px;  
+  margin-right: 12px;
+  box-shadow: none;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  border-radius: 6px;
+}
+
+#newsletter-1.newsletter-section .form-control {
+  height: 54px;
+  font-size: 0.975rem;
+}
+
+#newsletter-5.newsletter-section .form-control {
+  height: 62px;
+  font-size: 1.0625rem;
+}
+
+.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Input Focus
+/*------------------------------------------*/
+
+.newsletter-section .form-control:focus {
+  background-color: #fff;
+  outline: 0;
+  box-shadow: none;
+  border-color: #1680fb;
+}
+
+.newsletter-section .purple-focus .form-control:focus {
+  border-color: #8863ee;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Input Placeholder
+/*------------------------------------------*/
+
+.newsletter-section .form-control::-moz-placeholder { color: #aaa; } 
+.newsletter-section .form-control:-ms-input-placeholder { color: #aaa; } 
+.newsletter-section .form-control::-webkit-input-placeholder { color: #aaa; } 
+
+/*------------------------------------------*/
+/*  Newsletter Form Button
+/*------------------------------------------*/
+
+.newsletter-section .btn {
+  display: block; 
+  width: 100%!important;
+  height: 56px;
+}
+
+#newsletter-1 .btn {
+  height: 54px;
+  font-size: 0.925rem;
+  padding: 0.7rem 1.3rem;
+}
+
+#newsletter-5.newsletter-section .btn {
+  height: 62px;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Notification
+/*------------------------------------------*/
+
+.newsletter-section .form-notification {
+  color: #3eb1ff;
+  font-size: 0.9rem;
+  font-weight: 400;
+  line-height: 1;
+  margin-top: 15px;
+  margin-left: 5px;
+}
+
+.newsletter-section .text-center .form-notification {
+  margin-left: 0;
+}
+
+.bg--color.newsletter-section .form-notification {
+  color: #fff;
+}
+
+.newsletter-section .form-notification.valid,
+.newsletter-section .form-notification.error {
+  color: #fc2f4b;
+}
+
+.newsletter-section .newsletter-form.valid {
+  color: #0fbc49;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER IMAGE
+/*------------------------------------------*/
+
+#newsletter-3 .newsletter-img {
+  margin-top: -50px;
+  margin-bottom: -50px;
+}
+
+#newsletter-3 .col-lg-6 .newsletter-img {
+  padding-left: 40px;
+}
+
+
+
+/* ==========================================================================
+  25. BLOG
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  BLOG POST TAG
+/*------------------------------------------*/
+
+.post-tag {
+  display: block;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 0.75rem;
+  font-weight: 600;
+  letter-spacing: 0;
+  text-transform: uppercase;
+  margin-bottom: 20px;
+}
+
+#single-post .post-tag {
+  font-size: 0.85rem;
+}
+
+/*------------------------------------------*/
+/*  BLOG POST META
+/*------------------------------------------*/
+
+.post-meta-list li {
+  width: auto!important;
+  display: inline-block!important;
+  vertical-align: top;
+  clear: none !important;
+}
+
+.post-meta-list p {
+  color: #353f4f;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.bg--black-400 .post-meta-list p {
+  color: #f8f9f9;
+}
+
+.meta-list-divider {
+  position: relative;
+  top: 0px;
+  transform: rotate(-90deg);
+  padding: 0 1px;
+}
+
+/*------------------------------------------*/
+/*  BLOG POST TYPOGRAPHY
+/*------------------------------------------*/
+
+.blog-post-txt h6 {
+  margin-bottom: 15px;
+}
+
+.blog-post-txt p {
+  margin-bottom: 0;
+}
+
+.blog-post-txt a {
+  color: #353f4f;
+}
+
+.blog-post-txt a:hover {
+  text-decoration: underline;
+}
+
+.bg--black-400 .blog-post-txt a {
+  color: #f8f9f9;
+}
+
+.bg--black-400 .blog-post-txt a:hover {
+  color: #fff!important;
+}
+
+
+
+
+/* ==========================================================================
+  26. BLOG LISTING
+  =========================================================================== */
+
+.wide-post {
+  margin-bottom: 100px;
+}
+
+.wide-post .blog-post-img {
+  padding-right: 15px;
+}
+
+.wide-post .blog-post-txt {
+  padding-left: 15px;
+}
+
+.square-post {
+  margin-top: 60px;
+  margin-bottom: 40px;
+}
+
+.square-post-wrapper {
+  overflow: hidden;
+}
+
+.square-post .blog-post-txt {
+  padding: 0 30px 0 60px;
+}
+
+/*------------------------------------------*/
+/*  BLOG POSTS CATEGORY
+/*------------------------------------------*/
+
+.posts-category {
+  margin-top: 40px;
+  margin-bottom: 60px;
+}
+
+.posts-category h4 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.posts-category span {
+  position: relative;
+  top: 1px;
+}
+
+
+
+
+/* ==========================================================================
+  27. SINGLE BLOG POST
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  Single Post Title
+/*------------------------------------------*/
+
+.single-post-title h3,
+.single-post-title h2 {
+  padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  Single Post Text
+/*------------------------------------------*/
+
+.single-post-txt h5,
+.single-post-txt h4 {
+  margin-top: 30px;
+  margin-bottom: 30px;
+}
+
+.single-post-txt h5 span {
+  display: block;
+}
+
+/*------------------------------------------*/
+/*  Single Post Code
+/*------------------------------------------*/
+
+.txt-code {
+  background-color: #f8f9fa;
+  padding: 20px 18px;
+  margin: 30px 0;
+}
+
+.txt-code p {
+  color: #383a42; 
+  font-size: 1rem;
+  line-height: 1.75;
+  margin-bottom: 0;
+}
+
+.single-post-txt p a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.txt-code span.code-property,
+.txt-code p code.code-language-js {
+  color: #151515;
+}
+
+.txt-code span.code-variable,
+.txt-code span.code-attribute {
+  color: #986801;
+}
+
+.txt-code span.code-string {
+  color: #50a14f;
+}
+
+/*------------------------------------------*/
+/*  Single Post Blockquote
+/*------------------------------------------*/
+
+.single-post-txt figure {
+  margin-bottom: 40px;
+}
+
+.single-post-txt .blockquote p {
+  font-size: 1.5rem;
+  line-height: 1.45;
+  margin-bottom: 40px;
+}
+
+.single-post-txt .blockquote-footer {
+  font-size: 1.125rem;
+}
+
+/*------------------------------------------*/
+/*  Single Post Image
+/*------------------------------------------*/
+
+.post-inner-img {
+  text-align: center;
+  margin-top: 50px;
+  margin-bottom: 50px;
+}
+
+/*------------------------------------------*/
+/*  POST SHARE LINKS
+/*------------------------------------------*/ 
+
+.post-share-list {
+  margin-top: 50px;
+  padding-bottom: 50px;
+}
+
+/*------------------------------------------*/
+/*  POST SHARE ICONS
+/*-----------------------------------------*/
+
+.share-social-icons {
+  display: inline-block; 
+  padding-left: 0;
+}
+
+.share-social-icons li {
+  width: auto !important;
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  padding: 0;
+}
+
+.share-social-icons a.share-ico span {
+  opacity: .75;
+  margin-right: 25px;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out;
+}
+
+.share-social-icons a.share-ico:hover span {
+  opacity: 1;
+}
+
+/*------------------------------------------*/
+/*  POST AUTHOR
+/*------------------------------------------*/ 
+
+.post-author {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+.post-author-avatar {
+  position: relative;
+  text-align: center;
+  margin-right: 35px;
+}
+
+.post-author-avatar img {  
+  width: 100px;
+  height: 100px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;  
+}
+
+.post-author-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.post-author-txt h5 {
+  margin-bottom: 20px;
+}
+
+.post-author-txt p {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  Follow Button
+/*------------------------------------------*/ 
+
+.author-follow-btn {
+  display: inline-block;
+  position: absolute;
+  padding: 6px 15px;
+  line-height: 1;
+  top: 80px;
+  right: 10px;
+  border: 2px solid #ddd;
+}
+
+.author-follow-btn a {
+  color: #666;
+  font-size: 0.935rem;
+  font-weight: 400;
+}
+
+/*------------------------------------------*/
+/*  POST COMMENTS
+/*------------------------------------------*/
+
+.post-comments {
+  padding-top: 100px;
+}
+
+.post-comments hr {
+  margin-top: 24px; 
+  margin-bottom: 40px; 
+}
+
+.post-comments h5 {
+  margin-bottom: 60px;
+}
+
+.post-comments img {
+  width: 68px;
+  height: 68px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+}
+
+.comment-body {
+  margin-left: 25px;
+}
+
+.comment-meta {
+  margin-bottom: 10px;
+}
+
+.comment-meta h6 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.comment-date {
+  font-size: 16px;
+  font-weight: 400;
+  margin-bottom: 5px;
+}
+
+/*------------------------------------------*/
+/*  Comment Reply 
+/*------------------------------------------*/
+
+.btn-reply {
+  margin-left: 3px;
+}
+
+.btn-reply a {
+  font-size: 17px;
+  font-weight: 400; 
+}
+
+.btn-reply span {
+  position: relative;
+  top: 3px;
+  margin-right: 4px;
+  left: 3px;
+}
+
+.btn-reply.ico-20 [class*="flaticon-"]:before, 
+.btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 0.975rem; }
+
+.btn-reply a:hover {
+  color: #222;
+}
+
+/*------------------------------------------*/
+/*  SINGLE POST COMMENT FORM
+/*------------------------------------------*/
+
+.post-comments #leave-comment h5 {
+  padding-bottom: 0;
+  margin-top: 80px;
+  margin-bottom: 10px;
+  border: none;
+}
+
+.comment-form {
+  position: relative;
+  margin-top: 60px;
+}
+
+.comment-form p {
+  position: relative;
+  color: #353f4f;
+  line-height: 1;
+  font-weight: 500;
+  margin-bottom: 15px;
+  padding-left: 8px;
+  display: block;
+}
+
+.comment-form p span {
+  position: relative;
+  color: #ff3366;
+  top: -3px;
+}
+
+.comment-form .form-control {
+  height: 62px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  box-shadow: 0 0 0 0;
+  color: #353f4f;
+  font-size: 1rem;
+  line-height: 1;
+  font-weight: 400;
+  padding: 0 20px;
+  margin-bottom: 30px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+  -webkit-transition: all 300ms ease-in-out;
+  -moz-transition: all 300ms ease-in-out;
+  -o-transition: all 300ms ease-in-out;
+  -ms-transition: all 300ms ease-in-out;
+  transition: all 300ms ease-in-out;
+}
+
+.comment-form textarea { min-height: 220px; }
+.comment-form textarea.form-control { 
+  padding: 25px 20px;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Input Focus
+/*------------------------------------------*/
+
+.comment-form .form-control:focus {
+  outline: 0px none;
+  box-shadow: none;
+  background-color: #fcfdfd;
+  border-color: #1680fb;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Button
+/*------------------------------------------*/
+
+.comment-form .btn {
+  margin-top: 15px;
+}
+
+.comment-form .btn:focus {
+  outline: 0px none;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Message
+/*------------------------------------------*/
+
+.comment-form-msg {
+  width: 100%!important;
+  display: block;
+  margin-top: 15px;
+  padding-left: 0;
+}
+
+.comment-form .loading {
+  color: #00b2e4;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 500;
+}
+
+.comment-form .error {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 10px;
+}
+
+
+
+
+/* ==========================================================================
+  28. CONTACTS
+  =========================================================================== */
+
+#contacts-1 .contact-form p {
+  color: #353f4f;
+  line-height: 1;
+  font-weight: 500;
+  margin-bottom: 10px;
+  padding-left: 8px;
+}
+
+#contacts-1 .contact-form .col-md-12 span {
+  display: block;
+  font-size: 0.95rem;
+  line-height: 1;
+  font-weight: 300;
+  margin-bottom: 20px;
+  padding-left: 8px;
+}
+
+#contacts-1 .contact-form .contact-form-notice p {
+  font-size: 0.835rem;
+  font-weight: 300;
+  line-height: 1.5555;
+  padding-left: 0;
+  margin-top: 40px;
+}
+
+.contact-form-notice p a {
+  color: #353f4f;
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  CONTACT FORM INPUT
+/*------------------------------------------*/
+
+.contact-form .form-control,
+.contact-form .form-select {
+  height: 62px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  box-shadow: 0 0 0 0;
+  color: #3a4a56;
+  font-size: 1rem;
+  font-weight: 400;
+  padding: 0 15px;
+  margin-bottom: 30px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+}
+
+.bg--snow .contact-form .form-control,
+.bg--snow .contact-form .form-select {
+  background-color: #fff;
+  border: 1px solid #ccc;
+}
+
+.contact-form .form-select {
+  display: inline-block;
+  width: 100%;
+  color: #998da0;
+  box-shadow: none;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+}
+
+/*------------------------------------------*/
+/*  Contact Form Textarea
+/*------------------------------------------*/
+
+.contact-form textarea { min-height: 220px; }
+.contact-form textarea.form-control { 
+  padding: 20px 15px;
+}
+
+/*------------------------------------------*/
+/*  Contact Form Placeholder
+/*------------------------------------------*/
+
+.contact-form .form-control::-moz-placeholder { color: #999; } 
+.contact-form .form-control:-ms-input-placeholder { color: #999; }
+.contact-form .form-control::-webkit-input-placeholder { color: #999; }
+
+/*------------------------------------------*/
+/*  Contact Form Input Focus
+/*------------------------------------------*/
+
+.contact-form .form-control:focus,
+.contact-form .form-select:focus {
+  outline: 0px none;
+  box-shadow: none;
+  background-color: #fcfdfd;
+  border-color: #1680fb;
+}
+
+/*------------------------------------------*/
+/*  Contact Form Message
+/*------------------------------------------*/
+
+.contact-form-msg {
+  width: 100%!important;
+  display: block;
+  margin-top: 20px;
+  padding-left: 0;
+}
+
+.contact-form .loading {
+  color: #00b2e4;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 500;
+  padding-left: 15px;
+}
+
+.contact-form  .error {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 10px;
+}
+
+
+
+
+/* ==========================================================================
+  29. FOOTER
+  =========================================================================== */
+
+.footer {
+  padding-bottom: 50px;
+}
+
+.footer-info,
+.footer-links {
+  margin-bottom: 40px;
+}
+
+#footer-10 .footer-info {
+  margin-bottom: 40px;
+  padding-bottom: 55px;
+  border-bottom: 1px solid #dbdddf;
+}
+
+#footer-10 .footer-links {
+  margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  FOOTER LOGO
+/*------------------------------------------*/
+
+img.footer-logo,
+img.footer-logo-dark {
+  width: auto;
+  max-width: inherit;
+  max-height: 40px;
+}
+
+#footer-10 img.footer-logo {
+  max-height: 46px;
+}
+
+#footer-1 .footer-logo,
+#footer-5 .footer-logo,
+#footer-6 .footer-logo,
+#footer-7 .footer-logo {
+  margin-bottom: 25px;
+}
+
+/*------------------------------------------*/
+/*  FOOTER TYPOGRAPHY
+/*------------------------------------------*/
+
+.footer h6 {
+  line-height: 1;
+  margin-bottom: 25px;
+}
+
+#footer-9.footer h6 {
+  line-height: 1.5;
+}
+
+.bg--black.footer h6 {
+  color: #fff;
+}
+
+/*------------------------------------------*/
+/*  FOOTER INFO
+/*------------------------------------------*/
+
+.footer-info-copyright p {
+  margin-bottom: 0;
+}
+
+.footer-info-copyright p span {
+  position: relative;
+  top: 2px;
+  padding: 0 2px;
+}
+
+.footer-info-copyright.ico-15 [class*="flaticon-"]:before, 
+.footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.85rem; }
+
+/*------------------------------------------*/
+/*  FOOTER MAIL LINK
+/*------------------------------------------*/
+
+.footer .footer-mail-link {
+  margin-left: 3px;
+  margin-bottom: 0;
+}
+
+#footer-1 .footer-info .footer-mail-link {
+  margin-top: 10px;
+}
+
+#footer-2 .footer-links .footer-mail-link,
+#footer-3 .footer-links .footer-mail-link {
+  margin-left: 0;
+  margin-bottom: 20px;
+}
+
+.footer-mail-link a {
+  font-weight: 400;
+}
+
+.footer-mail-link span {
+  position: relative;
+  top: 4px;
+  right: 3px;
+}
+
+.footer-mail-link.ico-20 [class*="flaticon-"]:before, 
+.footer-mail-link.ico-20 [class*="flaticon-"]:after { font-size: 1.125rem; }
+
+.bg--black.footer .footer-mail-link a {
+  color: #a0a7b1;
+}
+
+.bg--black.footer .footer-mail-link a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  FOOTER LINKS
+/*------------------------------------------*/
+
+#footer-2 .footer-links {
+  padding-left: 10%;
+}
+
+.foo-links li {
+  width: auto!important;
+  display: block!important;
+  vertical-align: top;
+  clear: none !important;
+  margin: 0;
+  padding: 0;
+}
+
+.foo-links.ico-10 li span {
+  position: relative;
+  top: 1.5px;
+  right: 3px;
+}
+
+#footer-8 .foo-links li {
+  display: inline-block!important;
+  padding-left: 20px;
+}
+
+#footer-8 .foo-links li.first-li {
+  padding-left: 0;
+}
+
+#footer-10 .foo-links li {
+  display: inline-block!important;
+  padding: 0 10px;
+}
+
+.footer .foo-links li p {
+  font-weight: 400;
+  margin-bottom: 10px;
+}
+
+.footer .foo-links li:last-child p {
+  margin-bottom: 0;
+}
+
+.foo-links li a span.ext-link {
+  display: inline-block;
+  position: relative;
+  left: 3px;
+  top: 1.5px;
+  transform: rotate(-60deg);
+}
+
+.foo-links.ico-15 [class*="flaticon-"]:before, 
+.foo-links.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+.bg--black.footer .foo-links li p a {
+  color: #a0a7b1;
+}
+
+.bg--black.footer .foo-links li p a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  FOOTER SOCIAL
+/*------------------------------------------*/
+
+.footer-socials {
+  margin: 0;
+  display: inline-block; 
+}
+
+.footer-socials li {
+  float: left;
+  width: auto !important;
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  margin: 0;
+}
+
+.footer-socials a {
+  display: block;
+  margin-right: 15px;
+}
+
+.footer-socials.ico-20 a,
+.footer-socials.ico-25 a { 
+  margin-right: 16px; 
+} 
+
+.footer-socials.ico-25 [class*="flaticon-"]:before, 
+.footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.325rem; }
+
+.bg--black.footer .footer-socials li a {
+  color: #a0a7b1;
+}
+
+.bg--black.footer .footer-socials li a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  FOOTER STORE BAGES
+/*------------------------------------------*/
+
+.footer .store {
+  float: none;
+  margin-right: 0;
+  margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  FOOTER NEWSLETTER FORM
+/*------------------------------------------*/
+
+.footer-form {
+  margin-bottom: 20px;
+}
+
+#footer-7 .footer-form {
+  padding-left: 8%;
+}
+
+.footer-form .newsletter-form .input-group {
+  background-color: #f4f4f4;
+  border: 1px solid transparent;
+  padding: 9px 2px;
+}
+
+.footer-form .form-control {
+  height: 32px;
+  background-color: transparent;
+  border: none;
+  color: #666;
+  font-size: 1rem;
+  font-weight: 400;
+  padding: 0 10px;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Input Focus
+/*------------------------------------------*/
+
+.footer-form .form-control:focus {
+  border: none;
+  border-right: none;
+  outline: 0;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Footer Form Placeholder
+/*------------------------------------------*/
+
+.footer-form .form-control::-moz-placeholder { color: #6c757d; } 
+.footer-form .form-control:-ms-input-placeholder { color: #6c757d; } 
+.footer-form .form-control::-webkit-input-placeholder { color: #6c757d; } 
+
+/*------------------------------------------*/
+/*  Newsletter Form Button
+/*------------------------------------------*/
+
+.footer-form .btn {
+  height: 32px;
+  padding: 0 10px;
+}
+
+.footer-form .ico-15 [class*="flaticon-"]:before, 
+.footer-form .ico-15 [class*="flaticon-"]:after { line-height: 28px!important; }
+
+/*------------------------------------------*/
+/*  Footer Form Notification
+/*------------------------------------------*/
+
+.footer-form .form-notification {
+  color: #1680fb;
+  font-size: 0.85rem;
+  line-height: 1.25;
+  font-weight: 400;
+  margin-top: 12px;
+  margin-left: 5px;
+}
+
+.footer-form .form-notification.valid,
+.footer-form .form-notification.error {
+  color: #fc2f4b;
+}
+
+.footer-form .newsletter-form.valid {
+  color: #0fbc49;
+}
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER
+/*------------------------------------------*/
+
+.footer hr {
+  margin-top: 30px;
+  margin-bottom: 50px;
+}
+
+#footer-8 .bottom-footer,
+#footer-9 .bottom-footer {
+  margin-top: 20px;
+}
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER COPYRIGHT
+/*------------------------------------------*/
+
+.footer-copyright p {
+  margin-bottom: 0;
+}
+
+.bg--black.footer .footer-copyright p {
+  color: #a0a7b1;
+}
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER SECONDARY LINK
+/*------------------------------------------*/
+
+.bottom-secondary-link p {
+  margin-bottom: 0;
+}
+
+.bottom-secondary-link p span {
+  position: relative;
+  top: 1px;
+  padding: 0 2px;
+}
+
+.bottom-secondary-link.ico-15 [class*="flaticon-"]:before, 
+.bottom-secondary-link.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER LINKS
+/*------------------------------------------*/
+
+.bottom-footer-list li,
+.bottom-footer-socials li,
+.bottom-footer-payment li {
+  width: auto!important;
+  display: inline-block!important;
+  vertical-align: top;
+  clear: none !important;
+}
+
+.bottom-footer-socials li {
+  padding-left: 14px; 
+}
+
+#footer-4 .bottom-footer-list li,
+#footer-9 .bottom-footer-list li {
+  padding-left: 15px; 
+}
+
+#footer-4 .bottom-footer-list li.first-li,
+#footer-9 .bottom-footer-list li.first-li {
+  padding-left: 0; 
+}
+
+#footer-10 .bottom-footer-socials li {
+  padding: 0 15px; 
+}
+
+.footer-list-divider {
+  position: relative;
+  top: -0.5px;
+  transform: rotate(-90deg);
+  margin-left: 4px;
+}
+
+.bottom-footer-list.ico-15 [class*="flaticon-"]:before, 
+.bottom-footer-list.ico-15 [class*="flaticon-"]:after { font-size: 0.8rem; }
+
+.bottom-footer-list li p {
+  display: inline-block;
+  float: left;
+  margin-bottom: 0;
+}
+
+.bottom-footer-socials li span { 
+  position: relative;
+  top: 4px; 
+  opacity: .8;
+}
+
+.bottom-footer-payment li span {
+  line-height: 1!important;
+  position: relative;
+  top: 4px; 
+  opacity: .8;
+}
+
+#footer-4 .bottom-footer-list li span,
+#footer-9 .bottom-footer-list li span {
+  margin-top: 1px;
+  margin-right: 2px; 
+}
+
+.bottom-footer-socials.ico-20 [class*="flaticon-"]:before, 
+.bottom-footer-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.115rem; }
+
+.bottom-footer-socials.ico-25 [class*="flaticon-"]:before, 
+.bottom-footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.25rem; }
+
+.bg--black.footer .bottom-footer-list li p a {
+  color: #a0a7b1;
+}
+
+.bg--black.footer .bottom-footer-list li p a:hover {
+  color: #fff!important;
+}
+
+
+
+
+/* ==========================================================================
+  30. INNER PAGE WRAPPER
+  =========================================================================== */
+
+.inner-page-hero {
+  padding-top: 180px;
+}
+
+.page-hero-section-overlay {
+  position: relative;
+  width: 100%;
+  padding-top: 150px;
+}
+
+.page-hero-section-overlay .txt-block {
+  margin-top: -40px;
+}
+
+.page-hero-section .wave-shape-bottom path {
+  fill: #fff;
+}
+
+/*------------------------------------------*/
+/*  INNER PAGE TITLE
+/*------------------------------------------*/
+
+.inner-page-title {
+  text-align: center;
+  margin-bottom: 80px;
+}
+
+.inner-page-title h2 {
+  margin-bottom: 0;
+}
+
+.inner-page-title p {
+  font-size: 1.1875rem;
+  line-height: 1;
+  margin-top: 20px;
+  margin-bottom: 0;
+}
+
+.page-hero-section h2 {
+  line-height: 1.15;
+  margin-bottom: 30px;
+}
+
+
+
+
+/* ==========================================================================
+  31. PAGE PAGINATION
+  =========================================================================== */
+
+.page-link {
+  color: #6c757d;
+  font-size: 1.1rem;
+  font-weight: 500;
+  padding: 2px 14px;
+  margin: 0 8px;
+  background-color: transparent;
+  border: 2px solid transparent;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -o-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.pagination.ico-20 [class*="flaticon-"]:before, 
+.pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.9rem; } 
+
+.page-item:first-child .page-link {
+  border-top-left-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
+
+.page-item:last-child .page-link {
+  border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px;
+}
+
+.blue-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #1680fb;
+  border: 2px solid #1680fb;
+}
+
+.green-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #0fbc49;
+  border: 2px solid #0fbc49;
+}
+
+.pink-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #f74780;
+  border: 2px solid #f74780;
+}
+
+.purple-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #7b5dd6;
+  border: 2px solid #7b5dd6;
+}
+
+.red-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #ff1e1a;
+  border: 2px solid #ff1e1a;
+}
+
+.violet-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #be6cbe;
+  border: 2px solid #be6cbe;
+}
+
+.yellow-pagination .page-item.active .page-link {
+  color: #353f4f!important;
+  background-color: #ffba01;
+  border: 2px solid #ffba01;
+}
+
+.page-item.disabled .page-link {
+  color: #6c757d;
+  background-color: transparent;
+  border: 2px solid transparent;
+}
+
+.page-link:hover {
+  color: #6c757d;
+  background-color: transparent;
+  border: 2px solid #ccc;
+}
+
+.page-link:focus {
+  color: #6c757d;
+  background-color: transparent;
+  border: 2px solid transparent;
+  box-shadow: 0 0;
+}
+
+
+
+
+/* ==========================================================================
+  32. TERMS, PRIVACY, COOKIES PAGES
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  TERMS PAGE TYPOGRAPHY
+/*------------------------------------------*/
+
+.txt-block.legal-info h5 {
+  margin-top: 30px;
+  margin-bottom: 30px;
+}
+
+.txt-block.legal-info h4 {
+  margin-top: 80px;
+  margin-bottom: 30px;
+}
+
+.txt-block.legal-info h4 span,
+.txt-block.legal-info h5 span {
+  margin-right: 4px;
+}
+
+.legal-info p span {
+  color: #353f4f;
+  font-weight: 500;
+}
+
+.legal-info a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+
+
+
+/* ==========================================================================
+  33. SIGN-IN / SIGN-UP PAGE
+  =========================================================================== */
+
+#login,
+#signup {
+  background: url(../images/login.jpg);
+  background-position: bottom left;
+  min-height: 100vh;
+  padding-top: 80px;
+  padding-bottom: 80px;
+}
+
+#reset-password {
+  background: url(../images/reset-password.jpg);
+  background-position: center center;
+  min-height: 100vh;
+  padding-top: 80px;
+  padding-bottom: 100px;
+}
+
+.register-page-wrapper {
+  overflow: hidden;
+  position: relative;
+  z-index: 1;
+  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); 
+  -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); 
+  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); 
+}
+
+#login .register-page-wrapper {
+  background: url(../images/login-wrapper.jpg);
+  background-position: left top;
+}
+
+#signup .register-page-wrapper {
+  background: url(../images/login-wrapper.jpg);
+  background-position: right center;
+}
+
+#login .register-page-wrapper:after,
+#signup .register-page-wrapper:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 50%;
+  height: 100%;
+  top: 0;
+  background-color: #fff;
+}
+
+#login .register-page-wrapper:after {
+  left: 50%;
+}
+
+#signup .register-page-wrapper:after {
+  left: 0;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE LOGO
+/*------------------------------------------*/
+
+.register-page-txt img {
+  width: auto;
+  max-width: inherit;
+  max-height: 32px;
+  margin-bottom: 55px;
+}
+
+.login-page-logo {
+  text-align: center;
+  margin-bottom: 45px;
+}
+
+.login-page-logo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 45px;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE TITLE
+/*------------------------------------------*/
+
+.register-form-title {
+  text-align: center;
+  margin-bottom: 40px;
+}
+
+.register-form-title h3 {
+  line-height: 1;
+  margin-bottom: 10px;
+}
+
+.register-form-title p {
+  margin-bottom: 0;
+}
+
+.register-form-title a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE TEXT
+/*------------------------------------------*/
+
+#login .register-page-txt,
+#signup .register-page-txt {
+  padding: 70px 60px;
+}
+
+.register-page-txt h2 {
+  line-height: 1.15;
+  font-weight: 700;
+  margin-bottom: 6px;
+}
+
+#login .register-page-copyright {
+  position: absolute;
+  left: 60px;
+  bottom: 45px;
+}
+
+#signup .register-page-copyright {
+  position: absolute;
+  right: 60px;
+  bottom: 45px;
+}
+
+.register-page-copyright p {
+  font-size: 0.85rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.reset-form-title {
+  margin-bottom: 30px;
+}
+
+.reset-form-title h5 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.reset-form-title p.p-sm {
+  font-size: 0.9rem;
+  margin-top: 25px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM
+/*------------------------------------------*/
+
+.register-page-form {
+  padding: 60px;
+}
+
+.login-1 .register-page-form,
+.signup-1 .register-page-form {
+  padding: 20px 30px;
+}
+
+.reset-page-wrapper { 
+  margin: 0 10px;
+}
+
+.reset-page-wrapper form { 
+  background: #fff;
+  border: 1px solid #fafafa;
+  padding: 50px 30px 25px;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE TYPOGRAPHY
+/*------------------------------------------*/
+
+.register-page-form p.input-header {
+  position: relative;
+  color: #353f4f;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 500;
+  margin-bottom: 12px;
+  padding-left: 5px;
+}
+
+.reset-password-link p {
+  position: relative;
+  font-size: 0.9rem;
+  line-height: 1;
+  margin-top: -8px;
+  margin-bottom: 10px;
+}
+
+.form-data span {
+  display: block;
+  font-size: 0.85rem;
+  margin-bottom: 0;
+}
+
+.form-data span a {
+  color: #353f4f;
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.register-page-form p.create-account {
+  font-size: 0.925rem;
+  line-height: 1;
+  margin-top: 30px;
+  margin-bottom: 0;
+}
+
+.register-page-form p.create-account a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE SEPARATOR LINE
+/*------------------------------------------*/
+
+.separator-line {
+  display: flex;
+  width: 100%;
+  -webkit-box-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  align-items: center;
+  text-align: center;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 0.9rem;
+  font-weight: 500;
+  margin: 25px 0px 30px;
+}
+
+.separator-line::before, 
+.separator-line::after {
+  content: "";
+  border-top: 2px solid rgba(0, 0, 0, .1);
+  margin: 0 15px 0 0;
+  flex: 1 0 20px;
+}
+
+.separator-line::after {
+  margin: 0 0 0 15px;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM INPUT
+/*------------------------------------------*/
+
+.reset-page-wrapper .form-control,
+.register-page-form .form-control {
+  height: 60px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  color: #353f4f;
+  font-size: 0.95rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 25px;
+  padding: 5px 20px;
+   -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+  -webkit-transition: all 300ms ease-in-out;
+  -moz-transition: all 300ms ease-in-out;
+  -o-transition: all 300ms ease-in-out;
+  -ms-transition: all 300ms ease-in-out;
+  transition: all 300ms ease-in-out;
+}
+
+.login-1 .form-control,
+.signup-1 .form-control {
+  background-color: #fff;
+  border: 1px solid #ccc;
+}
+
+.reset-page-wrapper .form-control {
+  text-align: center;
+}
+
+.register-page-form .form-control::-moz-placeholder { color: #999; } 
+.register-page-form .form-control:-ms-input-placeholder { color: #999; } 
+.register-page-form .form-control::-webkit-input-placeholder { color: #999; } 
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM FOCUS
+/*------------------------------------------*/
+
+.reset-page-wrapper .form-control:focus,
+.register-page-form .form-control:focus {
+  outline: 0px none;
+  box-shadow: none;
+  background-color: #fcfdfd;
+  border-color: #1680fb;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM BUTTON
+/*------------------------------------------*/
+
+#signup .register-page-form .btn.submit, 
+#login .register-page-form .btn.submit {
+  width: 100%;
+  height: 60px;
+  margin-top: 20px;
+}
+
+.reset-page-wrapper .btn.submit {
+  width: 100%;
+  margin-bottom: 20px;
+}
+
+.register-page-form .btn-google {
+  width: 100%;
+  color: #333;
+  font-size: 0.95rem;
+  background-color: #fff;
+  border: 1px solid #ccc;
+}
+
+.btn-google img {
+  position: relative;
+  width: 22px;
+  height: 22px;
+  top: -2px;
+  right: 5px;
+}
+
+.register-page-form .btn-google:hover {
+  border: 1px solid #333;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM MESSAGE
+/*------------------------------------------*/
+
+.reset-form-msg {
+  text-align: center;
+  width: 100%!important;
+  display: block;
+}
+
+.reset-password-form .loading {
+  color: #00b2e4;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 500;
+  padding-left: 15px;
+}
+
+.reset-password-form .error {
+  position: relative;
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  top: -10px;
+  margin-bottom: 12px;
+  padding-left: 10px;
+}
+
+/*------------------------------------------*/
+/*  FORM HIDE PASSWORD
+/*------------------------------------------*/
+
+.wrap-input {
+  position: relative;
+}
+
+.btn-show-pass {
+  color: #999999;
+  align-items: center;
+  position: absolute;
+  height: 100%;
+  top: 20px;
+  right: 20px;
+  cursor: pointer;
+  -webkit-transition: all 0.4s;
+  -o-transition: all 0.4s;
+  -moz-transition: all 0.4s;
+  transition: all 0.4s;
+}
+
+.btn-show-pass.ico-20 [class^="flaticon-"]:before, 
+.btn-show-pass.ico-20 [class^="flaticon-"]:after {
+  font-size: 1.125rem;
+}
+
+.btn-show-pass:hover {
+  color: #0195ff;
+}
+
+.btn-show-pass.active {
+  color: #6a7dfe;
+}
+
+
+
+
+/* ==========================================================================
+  34. PAGE 404
+  =========================================================================== */
+
+.page-404-txt {
+  padding-top: 180px;
+  padding-bottom: 100px;
+}
+
+.page-404-txt h2 {
+  margin-bottom: 20px;
+}
+
+.page-404-txt h6 {
+  line-height: 1.6;
+  font-weight: 400;
+  padding: 0 5%;
+  margin-bottom: 30px;
+}
+
+.page-404-img {
+  padding: 0 5%;
+  margin-bottom: 60px;
+}
+
+
+
+
+/* ==========================================================================
+  35. MODAL
+  ========================================================================== */ 
+
+.modal-body {
+  padding: 0!important;
+}  
+
+#modal-1 .modal-dialog {
+  max-width: 700px;
+}
+
+#modal-2 .modal-dialog {
+  width: 440px;
+}
+
+#modal-3 .modal-dialog.modal-xl {
+  width: 750px;
+}
+
+#modal-2.modal .modal-content,
+#modal-3.modal .modal-content {
+  overflow: hidden;
+  -webkit-border-radius: 10px; 
+  -moz-border-radius: 10px; 
+  -o-border-radius: 10px; 
+  border-radius: 10px;
+}
+
+#modal-3.modal .bg-img {
+  background: url(../images/modal-request.jpg);
+  background-position: left center;  
+}
+
+#modal-2 .modal-body-content {
+  padding: 35px 40px 15px;
+}
+
+#modal-3 .modal-body-content {
+  padding: 60px 35px 50px;
+}
+
+/*------------------------------------------*/
+/*  MODAL WINDOW CLOSE BUTTON
+/*------------------------------------------*/ 
+
+.modal .btn-close {
+  position: absolute;
+  z-index: 1;
+  right: 15px!important;
+  top: 15px!important;
+  height: 1.5rem;
+  width: 1.5rem;
+  background: rgba(255, 255, 255, 1)!important;
+  border-radius: 50%;
+  padding: 0;
+  opacity: .9;
+  z-index: 9999;
+}
+
+#modal-3.modal .btn-close {
+  background: rgba(14, 14, 14, .3)!important;
+}
+
+.btn-close span {
+  position: relative;
+  line-height: 24px!important;
+  top: -2px;
+}
+
+.modal .btn-close.ico-10 [class^="flaticon-"]:before, 
+.modal .btn-close.ico-10 [class^="flaticon-"]:after {
+  font-size: 0.6rem;
+}
+
+button.btn-close:focus {
+  outline: none!important;
+  text-decoration: none!important;
+}
+
+/*------------------------------------------*/
+/*  MODAL WINDOW NEWSLETTER FORM
+/*------------------------------------------*/ 
+
+.modal-body .newsletter-form {
+  margin-top: 25px;
+}
+
+.modal .newsletter-form .form-control {
+  text-align: center;
+  height: 56px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  font-size: 1rem;
+  color: #353f4f;
+  font-weight: 400;
+  padding: 0 15px;  
+  margin: 0 0 15px 0;
+  box-shadow: none;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  border-radius: 6px;
+}
+
+/*------------------------------------------*/
+/*  Form Input Focus
+/*------------------------------------------*/
+
+.modal .newsletter-form .form-control:focus {
+  outline: 0;
+  box-shadow: none;
+  border-color: #1e90ff;
+}
+
+.modal .newsletter-form.purple-focus .form-control:focus {
+  border-color: #8863ee;
+}
+
+/*------------------------------------------*/
+/*  Form Input Placeholder
+/*------------------------------------------*/
+
+.modal .newsletter-form .form-control::-moz-placeholder { color: #aaa; } 
+.modal .newsletter-form .form-control:-ms-input-placeholder { color: #aaa; } 
+.modal .newsletter-form .form-control::-webkit-input-placeholder { color: #aaa; } 
+
+/*------------------------------------------*/
+/*  Form Button
+/*------------------------------------------*/
+
+.modal .input-group-btn { 
+  display: block; 
+  width: 100%!important; 
+}
+
+.modal .newsletter-form .btn {
+  display: block; 
+  width: 100%!important;
+  height: 56px;
+  margin: 0;
+}
+
+/*------------------------------------------*/
+/*  Form Notification
+/*------------------------------------------*/
+
+.modal .form-notification {
+  text-align: center;
+  color: #1680fb;
+  font-size: 0.85rem;
+  font-weight: 400;
+  line-height: 1;
+  margin-top: 12px;
+}
+
+.modal .form-notification.valid,
+.modal .form-notification.error {
+   color: #fc2f4b;
+}
+
+.modal .newsletter-form.valid {
+  color: #0fbc49;
+}
+
+/*------------------------------------------*/
+/*  MODAL WINDOW REQUEST FORM
+/*------------------------------------------*/ 
+
+#modal-3 .request-form {
+  margin: 0;
+}
+
+#modal-3 .request-form .col-md-12 {
+  padding: 0;
+}
+
+#modal-3 .request-form-title p {
+  margin-top: 18px;
+  margin-bottom: 25px;
+}
+
+#modal-3 .request-form .form-control { 
+  text-align: left;
+  margin: 0 0 25px 0;
+}
+
+#modal-3 .request-form .btn {
+  display: block; 
+  width: 100%!important;
+  height: 56px;
+  margin: 0;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Message
+/*------------------------------------------*/
+
+#modal-3 .request-form-msg {
+  width: 100%!important;
+  display: block;
+  margin-top: 15px;
+  padding-left: 0;
+}
+
+#modal-3 .request-form .loading {
+  color: #1680fb;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 400;
+}
+
+#modal-3 .request-form .error {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 10px;
+}
+ 
+
+
+
+/* ==========================================================================
+  31. DARK MODE
+  ========================================================================== */  
+
+body.theme--dark,
+.theme--dark .bg--white-100 { 
+  background-color: #232734!important;  
+} 
+
+body.theme--dark { 
+  color: #b1b7cd; 
+}
+
+.dark-theme-img { display: none; position: absolute; }
+.theme--dark .dark-theme-img { display: inline-block; position: relative; }
+.theme--dark  .owl-carousel .owl-item img.light-theme-img { display: none; position: absolute; }
+.theme--dark  .owl-carousel .owl-item img.dark-theme-img { display: block; }
+.theme--dark .light-theme-img { display: none; }
+
+.theme--dark .block-shadow { 
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+}
+
+.theme--dark .block-border {
+  border: 1px solid #e7e7e7;
+}
+
+.theme--dark .block-border.block-shadow { 
+  border: 1px solid #f5f6f6; 
+}
+
+.theme--dark .x-border { border-top: 1px solid #1d212c; border-bottom: 1px solid #1d212c; }
+.theme--dark .top-border { border-top: 1px solid #1d212c; }
+.theme--dark .bottom-border { border-bottom: 1px solid #1d212c; }
+
+.theme--dark .bg--white-300, 
+.theme--dark .bg--white-400,
+.theme--dark .bg--purple-100,
+.theme--dark .shape--purple-100:after,
+.theme--dark .shape--white-500:after,
+.theme--dark .shape--white-400:after,
+.theme--dark .shape--white-300:after,
+.theme--dark .shape--white-200:after {
+  background-color: #1d212c;
+}
+
+.theme--dark .bg--02,
+.theme--dark .bg--04,
+.theme--dark .gr--smoke,
+.theme--dark .gr--ghost,
+.theme--dark .shape--whitesmoke:after {
+  background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .55) 100%);
+}
+
+.theme--dark .gr--whitesmoke,
+.theme--dark .shape--gr-whitesmoke:after {
+  background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .05) 100%);
+}
+/*------------------------------------------*/
+/*  SECTION DIVIDER
+/*------------------------------------------*/
+
+.theme--dark hr.divider,
+.theme--dark .footer hr {
+  background-image: linear-gradient(90deg, rgba(122,125,147,0) 0, #7a7d93 38%, #7a7d93 64%, rgba(122,125,147,0) 99%); 
+}
+
+.theme--dark hr.divider.divider-light {
+  background-color: #fff;
+  background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #dedede 38%, #dedede 64%, rgba(206,211,246,0) 99%);
+  opacity: 1;
+}
+
+/*------------------------------------------*/
+/*  TYPOGRAPHY
+/*------------------------------------------*/
+
+.theme--dark h1, 
+.theme--dark h2, 
+.theme--dark h3,
+.theme--dark h4,
+.theme--dark h5, 
+.theme--dark h6 {  
+  color: #fff;
+}
+
+.theme--dark a { color: #b1b7cd; }
+.theme--dark a:hover, .theme--dark a.tra-link:hover span { color: #f7f8f9!important; }
+
+/*------------------------------------------*/
+/*  BUTTONS
+/*------------------------------------------*/
+
+.theme--dark .btn--tra-black,
+.theme--dark .hover--tra-black:hover {
+  color: #b1b7cd!important;
+  background-color:transparent!important;
+  border-color: #b1b7cd!important;
+}
+
+.theme--dark .navbar-dark .hover--tra-black:hover {
+  color: #353f4f!important;
+  background-color:transparent!important;
+  border-color: #353f4f!important;
+}
+
+.theme--dark .white-scroll .hover--tra-black:hover {
+  color: #fff!important;
+  border-color: #fff!important;
+  background-color: transparent!important;
+}
+
+.theme--dark .navbar-dark .scroll .hover--tra-black:hover {
+  color: #fff!important;
+  background-color:transparent!important;
+  border-color: #fff!important;
+}
+
+.theme--dark .btn--white,
+.theme--dark .hover--white:hover {
+  color: #353f4f!important;
+  background-color: #fff!important;
+  border-color: #fff!important;
+}
+
+.theme--dark .btn--tra-white,
+.theme--dark .hover--tra-white:hover {
+  color: #f1f1f1!important;
+  background-color: transparent!important;
+  border-color: #f1f1f1!important;
+}
+
+.theme--dark .white-scroll .scroll .hover--tra-white:hover {
+  color: #fff!important;
+  background-color: transparent!important;
+  border-color: #fff!important;
+}
+
+.theme--dark .btn--tra-grey, 
+.theme--dark .hover--tra-grey:hover,
+.theme--dark .white-scroll .scroll .hover--tra-grey:hover,
+.theme--dark .black-scroll .scroll .hover--tra-grey:hover {
+  color: #b1b7cd!important;
+  background-color: transparent!important;
+  border-color: #b1b7cd!important;
+}
+
+.theme--dark .btn--blue-500, 
+.theme--dark .hover--blue-500:hover,
+.theme--dark .white-scroll .scroll .hover--blue-500:hover,
+.theme--dark .black-scroll .scroll .hover--blue-500:hover {
+  color: #fff!important;
+  border-color: #185abd!important;
+  background-color: #185abd!important;
+}
+
+.theme--dark .btn--blue-400, 
+.theme--dark .hover--blue-400:hover,
+.theme--dark .white-scroll .scroll .hover--blue-400:hover,
+.theme--dark .black-scroll .scroll .hover--blue-400:hover {
+  color: #fff!important;
+  border-color: #1680fb!important;
+  background-color: #1680fb!important;
+}
+
+.theme--dark .btn--blue-300, 
+.theme--dark .hover--blue-300:hover,
+.theme--dark .white-scroll .scroll .hover--blue-300:hover,
+.theme--dark .black-scroll .scroll .hover--blue-300:hover {
+  color: #fff!important;
+  border-color: #3eb1ff!important;
+  background-color: #3eb1ff!important;
+}
+
+.theme--dark .btn--pink-500, 
+.theme--dark .hover--pink-500:hover,
+.theme--dark .white-scroll .scroll .hover--pink-500:hover,
+.theme--dark .black-scroll .scroll .hover--pink-500:hover {
+  color: #fff!important;
+  border-color: #ff149c!important;
+  background-color: #ff149c!important;
+}
+
+.theme--dark .btn--pink-400, 
+.theme--dark .hover--pink-400:hover,
+.white-scroll .scroll .hover--pink-400:hover,
+.black-scroll .scroll .hover--pink-400:hover {
+  color: #fff!important;
+  border-color: #f74780!important;
+  background-color: #f74780!important;
+}
+
+.theme--dark .btn--pink-300, 
+.theme--dark .hover--pink-300:hover,
+.theme--dark .white-scroll .scroll .hover--pink-300:hover,
+.theme--dark .black-scroll .scroll .hover--pink-300:hover {
+  color: #fff!important;
+  border-color: #fcb5cc!important;
+  background-color: #fcb5cc!important;
+}
+
+.theme--dark .btn--purple-500, 
+.theme--dark .hover--purple-500:hover,
+.theme--dark .white-scroll .scroll .hover--purple-500:hover,
+.theme--dark .black-scroll .scroll .hover--purple-500:hover {
+  color: #fff!important;
+  border-color: #663ae9!important;
+  background-color: #663ae9!important;
+}
+
+.theme--dark .btn--purple-400, 
+.theme--dark .hover--purple-400:hover,
+.theme--dark .white-scroll .scroll .hover--purple-400:hover,
+.theme--dark .black-scroll .scroll .hover--purple-400:hover {
+  color: #fff!important;
+  border-color: #7b5dd6!important;
+  background-color: #7b5dd6!important;
+}
+
+.theme--dark .btn--purple-300, 
+.theme--dark .hover--purple-300:hover,
+.theme--dark .white-scroll .scroll .hover--purple-300:hover,
+.theme--dark .black-scroll .scroll .hover--purple-300:hover {
+  color: #fff!important;
+  border-color: #bdaeea!important;
+  background-color: #bdaeea!important;
+}
+
+.theme--dark .btn--violet-500, 
+.theme--dark .hover--violet-500:hover,
+.theme--dark .white-scroll .scroll .hover--violet-500:hover,
+.theme--dark .black-scroll .scroll .hover--violet-500:hover {
+  color: #fff!important;
+  border-color: #c73e9b!important;
+  background-color: #c73e9b!important;
+}
+
+.theme--dark .btn--violet-400, 
+.theme--dark .hover--violet-400:hover,
+.theme--dark .white-scroll .scroll .hover--violet-400:hover,
+.theme--dark .black-scroll .scroll .hover--violet-400:hover {
+  color: #fff!important;
+  border-color: #be6cbe!important;
+  background-color: #be6cbe!important;
+}
+
+.theme--dark .btn--violet-300, 
+.theme--dark .hover--violet-300:hover,
+.theme--dark .white-scroll .scroll .hover--violet-300:hover,
+.theme--dark .black-scroll .scroll .hover--violet-300:hover {
+  color: #fff!important;
+  border-color: #e2bde2!important;
+  background-color: #e2bde2!important;
+}
+
+.theme--dark .section-id {
+  color: #eee; 
+}
+
+.theme--dark .color--black,
+.theme--dark .color--black h2, 
+.theme--dark .color--black h3, 
+.theme--dark .color--black h4, 
+.theme--dark .color--black h5, 
+.theme--dark .color--black h6, 
+.theme--dark .color--black p, 
+.theme--dark .color--black a,
+.theme--dark .color--black li, 
+.theme--dark .color--black i,
+.theme--dark .color--black span, 
+.theme--dar .color--white .color--black { color: #fff; }
+
+.theme--dark .color--grey,
+.theme--dark .color--grey h2, 
+.theme--dark .color--grey h3, 
+.theme--dark .color--grey h4, 
+.theme--dark .color--grey h5, 
+.theme--dark .color--grey h6, 
+.theme--dark .color--grey p, 
+.theme--dark .color--grey a,
+.theme--dark .color--grey li, 
+.theme--dark .color--grey i,
+.theme--dark .color--grey span, 
+.theme--dark .color--white .color--grey { color: #b1b7cd; }
+
+/*------------------------------------------*/
+/*   NAVIGATION MENU
+/*------------------------------------------*/
+
+.theme--dark .dark-menu .wsmainfull,
+.theme--dark .white-menu .wsmainfull {
+  background-color: #1d222f!important;
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+/*------------------------------------------*/
+/*  HEADER LINK
+/*------------------------------------------*/
+
+.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a,
+.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a,
+.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a {
+  color: #fff;
+}
+
+.theme--dark .navbar-light .wsmenu-list > li > a.h-link:hover,
+.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a:hover,
+.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a:hover,
+.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a:hover {
+  color: #eee!important;
+}
+
+.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  HEADER SUBMENU / MEGAMENU
+/*------------------------------------------*/
+
+.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
+  background-color: #2c3142!important; 
+  border: solid 1px #2c3142!important; 
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu:before,
+.theme--dark .wsmenu > .wsmenu-list > li.mg_link:hover > a:after,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu:before {
+  background-color: #2c3142;
+  border-left: solid 1px #2c3142;
+  border-top: solid 1px #2c3142;
+}
+ 
+.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+  color: #b1b7cd;
+  background-color: transparent!important;
+}
+
+.theme--dark .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+  color: #b1b7cd;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR SCROLL
+/*------------------------------------------*/
+
+.theme--dark .tra-menu .wsmainfull.scroll,
+.theme--dark .white-menu .wsmainfull.scroll,
+.theme--dark .dark-menu.dark-scroll .wsmainfull.scroll {
+  background-color: #1d222f!important;
+  padding: 0;
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.theme--dark .tra-menu.navbar-dark .scroll .wsmenu > .wsmenu-list > li > a,
+.theme--dark .tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li > a,
+.theme--dark .tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, 
+.theme--dark .tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #b1b7cd;
+}
+
+.theme--dark .navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover {
+  color: #fff!important;
+}
+
+.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  background-color: rgba(0, 0, 0, .12)!important;
+}
+
+.theme--dark .navbar-light .scroll .btn.btn--tra-white {
+  color: #fff!important;
+  border-color: #fff!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  Logo Image
+/*------------------------------------------*/
+
+.theme--dark .navbar-dark .logo-black,
+.theme--dark .navbar-dark .scroll .logo-black {
+  display: none;
+}
+
+.theme--dark .navbar-dark .logo-white,
+.theme--dark .navbar-dark .scroll .logo-white {
+  display: block;
+}
+
+.theme--dark .navbar-dark .logo-black {
+  display: block;
+}
+
+.theme--dark .navbar-dark .logo-white {
+  display: none;
+}
+
+.theme--dark .navbar-dark .scroll .logo-white {
+  display: block;
+}
+
+/*------------------------------------------*/
+/*  HERO SECTION
+/*------------------------------------------*/
+
+.theme--dark .hero-section .color--black,
+.theme--dark .hero-section .color--black h2, 
+.theme--dark .hero-section .color--black h3, 
+.theme--dark .hero-section .color--black h4, 
+.theme--dark .hero-section .color--black h5, 
+.theme--dark .hero-section .color--black h6, 
+.theme--dark .hero-section .color--black p, 
+.theme--dark .hero-section .color--black a,
+.theme--dark .hero-section .color--black li, 
+.theme--dark .hero-section .color--black i,
+.theme--dark .hero-section .color--black span, 
+.theme--dark .hero-section .color--white .color--black {  color: #353f4f; }
+
+.theme--dark .hero-section p { color: #6c757d; }
+.theme--dark .hero-section .color--white p { color: #fff; }
+.theme--dark .hero-section.gr--whitesmoke p {color: #b1b7cd; }
+.theme--dark .hero-section .section-id.color--grey { color: #6c757d; }
+
+.theme--dark .hero-5-txt p,
+.theme--dark .hero-6-txt p,
+.theme--dark .hero-10-txt p,
+.theme--dark .hero-15-txt p,
+.theme--dark .hero-16-txt p,
+.theme--dark .hero-17-txt p,
+.theme--dark .hero-18-txt p,
+.theme--dark .hero-19-txt p,
+.theme--dark .hero-20-txt p,
+.theme--dark .hero-21-txt p,
+.theme--dark .hero-23-txt p,
+.theme--dark .hero-25-txt p { color: #b1b7cd; }
+
+.theme--dark .hero-section .quick-form .form-control {
+  color: #fff;
+  background-color: #363f54;
+}
+
+.theme--dark #hero-14.hero-section .quick-form .form-control,
+.theme--dark #hero-24.hero-section .quick-form .form-control,
+.theme--dark #hero-26.hero-section .quick-form .form-control {
+  color: #666;
+  background-color: #fff;
+}
+
+.theme--dark .hero-section .quick-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .hero-section .quick-form .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .hero-section .quick-form .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+.theme--dark #hero-14.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } 
+.theme--dark #hero-14.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; }
+.theme--dark #hero-14.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; }
+
+.theme--dark #hero-24.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } 
+.theme--dark #hero-24.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; }
+.theme--dark #hero-24.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; }
+
+.theme--dark #hero-26.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } 
+.theme--dark #hero-26.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; }
+.theme--dark #hero-26.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; }
+
+.theme--dark .hero-section .quick-form .form-control:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+.theme--dark #hero-14.hero-section .quick-form .form-control:focus,
+.theme--dark #hero-24.hero-section .quick-form .form-control:focus,
+.theme--dark #hero-26.hero-section .quick-form .form-control:focus {
+  background-color: #fff;
+  border-color: transparent;
+}
+
+.theme--dark .hero-section .request-form .form-control {
+  color: #fff;
+  background-color: #363f54;
+}
+
+.theme--dark .hero-section .request-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .hero-section .request-form .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .hero-section .request-form .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+.theme--dark .hero-section .request-form .form-control:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+.theme--dark #hero-3:after,
+.theme--dark #hero-4:after {
+  background-color: #232734;
+}
+
+.theme--dark .hero-4-txt h2 {
+  color: #353f4f;
+}
+
+.theme--dark .hero-4-txt .btn.btn--tra-black {
+  color: #353f4f!important;
+  background-color:transparent!important;
+  border-color: #353f4f!important;
+}
+
+.theme--dark #hero-5 {
+  background-image: url(../images/hero-5-dark.jpg);
+}
+
+.theme--dark .hero-6-wrapper {
+  background-image: linear-gradient(90deg, #1d212c, #1d212c);
+}
+
+.theme--dark #hero-8-form {
+  background-color: #1d222f;
+  border: 1px solid #1d222f;
+}
+
+.theme--dark #hero-8-form p {
+  color: #b1b7cd;
+}
+
+.theme--dark #hero-5 .wave-shape-bottom svg path,
+.theme--dark #hero-8 .wave-shape-bottom svg path,
+.theme--dark #hero-14 .wave-shape-bottom svg path,
+.theme--dark #hero-16 .wave-shape-bottom svg path,
+.theme--dark #hero-22 .wave-shape-bottom svg path,
+.theme--dark #hero-23 .wave-shape-bottom svg path,
+.theme--dark #hero-26 .wave-shape-bottom svg path {
+  fill: #232734;
+}
+
+.theme--dark #hero-10 {
+  background-image: url(../images/hero-10-dark.jpg);
+}
+
+.theme--dark #hero-15 {
+  background-image: url(../images/hero-15-dark.jpg);
+}
+
+.theme--dark #hero-16 {
+  background-image: url(../images/hero-16-dark.jpg);
+}
+
+.theme--dark #hero-17 {
+  background-image: url(../images/hero-17-dark.jpg);
+}
+
+.theme--dark #hero-18:after {
+  background-image: url(../images/hero-18-dark.jpg);
+}
+
+.theme--dark #hero-20:after {
+  background-image: linear-gradient(180deg, #1d212c, #232734);
+}
+
+.theme--dark  #hero-21 .hero-overlay {
+  background-image: url(../images/hero-21-dark.jpg);
+}
+
+.theme--dark #hero-23 {
+  background-image: url(../images/hero-23-dark.jpg);
+}
+
+.theme--dark .hero-23-txt p span.color--black { color: #fff; }
+
+.theme--dark #hero-25 {
+  background-image: url(../images/hero-25-dark.jpg);
+}
+
+.theme--dark #hero-27 .hero-overlay {
+  background-image: url(../images/hero-27-dark.png);
+}
+
+/*------------------------------------------*/
+/*  FEATURES
+/*------------------------------------------*/
+
+.theme--dark .features-section path {
+  opacity: .05;
+}
+
+.theme--dark .fbox-7 {
+  border: 2px solid #363f54;
+}
+
+/*------------------------------------------*/
+/*  CONTENT
+/*------------------------------------------*/
+
+.theme--dark .cbox-2-line {
+  background-color: #363f54;
+}
+
+/*------------------------------------------*/
+/*  STATISTIC
+/*------------------------------------------*/
+
+.theme--dark #statistic-5 .statistic-digit {
+  border-bottom: 1px solid #505c77;
+}
+
+/*------------------------------------------*/
+/*  REVIEWS
+/*------------------------------------------*/
+
+.theme--dark #reviews-2 .review-2.bg--white-100 {
+  background-color: #1d212c!important;
+}
+
+.theme--dark .owl-theme .owl-dots .owl-dot span {
+  background: #1d212c;
+}
+
+.theme--dark .owl-theme .owl-dots .owl-dot.active span {
+  background: #b1b7cd;
+}
+
+.theme--dark .review-3.block-border {
+  border-color: #363f54;
+}
+
+/*------------------------------------------*/
+/*  PROJECT DETAILS
+/*------------------------------------------*/
+
+.theme--dark .project-title h2 {
+  border-bottom: 1px solid #363f54;
+}
+
+.theme--dark .project-data p span { color: #fff; }
+
+.theme--dark .project-description .more-projects span {
+  color: #fff;
+}
+
+/*------------------------------------------*/
+/*  RATING
+/*------------------------------------------*/
+
+.theme--dark .rbox-1 .star-rating {
+  background-color: #1d212c!important;
+  border: 1px solid #1d212c;
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+}
+
+/*------------------------------------------*/
+/*  PRICING
+/*------------------------------------------*/
+
+.theme--dark .pricing-discount h6 {
+  color: #353f4f;
+}
+
+.theme--dark .table>:not(caption)>*>* {
+  color: #b1b7cd;
+  background-color: #232734;
+}
+
+.theme--dark .comp-table .table thead th {
+  color: #fff;
+  border-color: #363f54;
+}
+
+.theme--dark .comp-table tbody th {
+  border-bottom: 1px solid #363f54!important;
+}
+
+.theme--dark .comp-table .table tr td {
+  border-bottom: 2px solid #363f54;
+}
+
+/*------------------------------------------*/
+/*  INTEGRATIONS
+/*------------------------------------------*/
+
+.theme--dark .integrations-1-wrapper .in_tool {
+  background-color: #1d212c;
+  border: 1px solid #1d212c;
+}
+
+/*------------------------------------------*/
+/*  PRICING
+/*------------------------------------------*/
+
+.theme--dark .switcher.bg--grey {
+  background-color: #363f54;
+  border: 2px solid #363f54;
+}
+
+/*------------------------------------------*/
+/*  BANNER
+/*------------------------------------------*/
+
+.theme--dark .banner-16-wrapper.bg--white-100.block-border {
+  border-color: #363f54;
+}
+
+/*------------------------------------------*/
+/*  DOWNLOAD
+/*------------------------------------------*/
+
+.theme--dark .release-data {
+  border-bottom: 1px dashed #656565;
+}
+
+.theme--dark span.version-data,
+.theme--dark span.release-date span {
+  color: #f1f1f1;
+}
+
+.theme--dark span.release-date {
+  color: #ccc;
+}
+
+/*------------------------------------------*/
+/*  FAQs
+/*------------------------------------------*/
+
+.theme--dark .faqs-section .accordion-item,
+.theme--dark #faqs-2.faqs-section .accordion-item,
+.theme--dark #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb {
+  border-bottom: 1px solid #363f54;
+}
+
+.theme--dark .faqs-section .tabs-1 li {
+  border: 2px solid #363f54;
+}
+
+.theme--dark .faqs-section .tabs-1 li span,
+.theme--dark .faqs-section .tabs-1 li {
+  color: #b1b7cd;
+}
+
+.theme--dark .faqs-section .accordion-item .accordion-thumb:after,
+.theme--dark .faqs-section .accordion-item.is-active .accordion-thumb:after {
+  color: #b1b7cd;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER
+/*------------------------------------------*/
+
+.theme--dark .newsletter-section .form-control {
+  color: #f1f1f1;
+  background-color: #363f54;
+  border: 1px solid #363f54;
+}
+
+.theme--dark .newsletter-section .form-control:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+.theme--dark .newsletter-section .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .newsletter-section .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .newsletter-section .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+/*------------------------------------------*/
+/*  BLOG
+/*------------------------------------------*/
+
+.theme--dark .post-meta-list p,
+.theme--dark .blog-post-txt a {
+  color: #fff;
+}
+
+.theme--dark .blog-post-txt a:hover {
+  color: #ddd!important;
+}
+
+/*------------------------------------------*/
+/*  SINGLE POST
+/*------------------------------------------*/
+
+.theme--dark .txt-code {
+  background-color: #1d212c;
+}
+
+.theme--dark .txt-code kbd {
+  background-color: #363f54;
+}
+
+.theme--dark  .txt-code p {
+  color: #b1b7cd; 
+}
+
+.theme--dark .comment-form p,
+.theme--dark  .blockquote-footer,
+.theme--dark .txt-code span.code-property,
+.theme--dark .txt-code p code.code-language-js {
+  color: #fff;
+}
+
+.theme--dark .comment-form .form-control {
+  color: #f1f1f1;
+  background-color: #363f54;
+}
+
+.theme--dark .comment-form .form-control:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+.theme--dark .comment-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .comment-form .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .comment-form .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+/*------------------------------------------*/
+/*  CONTACTS
+/*------------------------------------------*/
+
+.theme--dark .contact-form-notice p a,
+.theme--dark #contacts-1 .contact-form p {
+  color: #fff;
+}
+
+.theme--dark .contact-form .form-control,
+.theme--dark .contact-form .form-select {
+  color: #f1f1f1;
+  background-color: #363f54;
+}
+
+.theme--dark .contact-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .contact-form .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .contact-form .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+.theme--dark .contact-form .form-control:focus,
+.theme--dark .contact-form .form-select:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+/*------------------------------------------*/
+/*  FOOTER
+/*------------------------------------------*/
+
+.footer-logo-dark { display: none; }
+.theme--dark .footer-logo { display: none; }
+.theme--dark .footer-logo-dark { display: block; }
+.theme--dark #footer-10 .footer-logo-dark { display: inline-block; }
+
+.theme--dark  #footer-10 .footer-info {
+  border-bottom: 1px solid #363f54;
+}
+
+.theme--dark .footer-form .newsletter-form .btn.dark-color span {
+  color: #2f353e!important;
+}
+
+.theme--dark .footer-form .newsletter-form .input-group {
+  background-color: #282d3c;
+  border: 1px solid #505c77;
+}
+
+.theme--dark .footer-form .form-control {
+  color: #fff;
+}
+
+.theme--dark .footer-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .footer-form .form-control:-ms-input-placeholder { color: #b1b7cd; } 
+.theme--dark .footer-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } 
+
+.theme--dark .legal-info p span {
+  color: #fff;
+}
+
+/*------------------------------------------*/
+/*  INNER PAGE
+/*------------------------------------------*/
+
+.theme--dark .page-hero-section .wave-shape-bottom path {
+  fill: #232734;
+}
+
+/*------------------------------------------*/
+/*  MODAL
+/*------------------------------------------*/
+
+.theme--dark #modal-2 .modal-body-content h5,
+.theme--dark #modal-3 .modal-body-content h3 {
+  color: #353f4f;
+}
+
+/*------------------------------------------*/
+/*  PAGE 404
+/*------------------------------------------*/
+
+.theme--dark #page-404.bg--white-300, .theme--dark #footer-11.bg--white-300 { background-color: #f7f8f9; }
+.theme--dark #page-404 .color--dark { color: #353f4f; }
+
+.theme--dark #page-404 h6.color--grey, .theme--dark #footer-11.bg--white-300,
+.theme--dark #footer-11.bg--white-300 .bottom-footer-list p a { color: #6c757d; }
+
+/*------------------------------------------*/
+/*  LOGIN
+/*------------------------------------------*/
+
+.theme--dark #login, .theme--dark #signup {
+  background: url(../images/login_dark.jpg);
+}
+
+.theme--dark #reset-password {
+  background: url(../images/reset-password-dark.jpg);
+}
+
+.theme--dark #login .register-page-wrapper:after,
+.theme--dark #signup .register-page-wrapper:after {
+  background-color: #1d212c;
+}
+
+.theme--dark .form-data span a,
+.theme--dark .register-page-form p.input-header {
+  color: #fff;
+}
+
+.theme--dark .separator-line::before, 
+.theme--dark .separator-line::after {
+  border-top: 2px solid rgba(255, 255, 255, .15);
+}
+
+.theme--dark .reset-page-wrapper .form-control,
+.theme--dark .register-page-form .form-control {
+  color: #f1f1f1;
+  background-color: #363f54;
+  border: 1px solid #363f54;
+}
+
+.theme--dark .reset-page-wrapper form { 
+  background: #1d212c;
+  border: 1px solid #1d212c;
+}
+
+.theme--dark .register-page-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .register-page-form .form-control:-ms-input-placeholder { color: #b1b7cd; } 
+.theme--dark .register-page-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } 
+
+.theme--dark .reset-password-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .reset-password-form .form-control:-ms-input-placeholder { color: #b1b7cd; } 
+.theme--dark .reset-password-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } 
+
+.theme--dark  .register-page-form .btn-google {
+  color: #b1b7cd;
+  background-color: #363f54;
+  border: 1px solid #363f54;
+}
+
+
+
+
+/* ==========================================================================
+   STYLE CHANGER 
+  ========================================================================== */
+
+#stlChanger {
+  position: fixed;
+  z-index: 9999;
+  font-size: 15px;
+  overflow: hidden;
+  right: -230px;
+  top: 100px;
+  cursor: pointer;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+#stlChanger.open {
+  right: 0px;
+}
+
+#stlChanger .bgChanger {
+  min-width: 280px;
+  min-height: 280px;
+}
+
+#stlChanger .blockChanger {
+  width: 230px;
+}
+
+#stlChanger .chBody {
+  background: #2b2e37;
+  width: 230px;
+  position: relative;
+  overflow: hidden;
+  border: 1px solid #2b2e37;
+  border-radius: 4px 0px 0px 4px;
+  height: 425px; 
+  overflow: scroll; 
+  overflow-x: hidden;
+  direction: rtl;
+  margin-left: 50px;
+}
+
+#stlChanger .chBody.chBody-sm {
+  height: 360px; 
+}
+
+#stlChanger .chBut {
+  background: #ef2853;
+  width: 50px;
+  height: 50px;
+  position: absolute;
+  top: 30px;
+  left: 0;
+  z-index: 1000000;
+  text-align: center;
+  border: 1px solid #ef2853;
+  border-left: none;
+  padding: 0 0 0 2px;
+  border-radius: 4px 0px 0px 4px;
+  -webkit-transition: all 300ms ease-in-out;
+  -moz-transition: all 300ms ease-in-out;
+  -o-transition: all 300ms ease-in-out;
+  -ms-transition: all 300ms ease-in-out;
+  transition: all 300ms ease-in-out;
+  box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); 
+}
+
+#stlChanger .chBut.icon-xs [class*="flaticon-"]:before,
+#stlChanger .chBut.icon-xs [class*="flaticon-"]:after {   
+  color: #fff;
+  font-size: 2.15rem;
+  line-height: 48px!important;
+}
+
+#stlChanger p {
+  font-size: 18px;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-weight: 600;
+  letter-spacing: 0;
+  margin-bottom: 20px;
+}
+
+#stlChanger .stBgs a {
+  text-decoration: none;
+  width: 50px;
+  height: 50px;
+  float: left;
+  padding: 0;
+  margin: 0 5px 8px;
+  cursor: pointer;
+  opacity: 1;
+  -webkit-border-radius: 8px;
+  -moz-border-radius: 8px;
+  border-radius: 8px;
+}
+
+#stlChanger .stBgs a img {
+  width: 50px;
+  height: 50px;
+  -webkit-border-radius: 8px;
+  -moz-border-radius: 8px;
+  border-radius: 8px;
+}
+
+.stBlock1 {
+  margin: 0 20px 25px 20px;
+}
+
+.stBlock .btn {
+  width: 100%;
+  padding: 0.65rem 1.2rem;
+  line-height: 1;
+  margin-top: 15px;
+}
+
+.switch {
+  width: 100%;
+  color: #fff;
+  padding: 0.4rem 1.4rem;
+  border: 2px solid #fff;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+
+
+
+
+/* ==========================================================================
+  34. COLOR SCHEME
+  ========================================================================== */ 
+
+.bg--theme,
+.shape--blue-400:after { 
+  background-color: #ff1e1a; 
+}
+
+.btn--theme {
+  color: #fff!important;
+  border-color: #ff1e1a!important;
+  background-color: #ff1e1a!important;
+}
+
+.hover--theme:hover,
+.white-scroll .scroll .hover--theme:hover,
+.black-scroll .scroll .hover--theme:hover {
+  color: #fff!important;
+  border-color: #ea100c!important;
+  background-color: #ea100c!important;
+}
+
+.theme--dark .white-scroll .scroll .hover--theme:hover {
+  color: #fff!important;
+  border-color: #ea100c!important;
+  background-color: #ea100c!important;
+}
+
+.theme--dark .white-scroll .hover--theme:hover {
+  color: #fff!important;
+  border-color: #ea100c!important;
+  background-color: #ea100c!important;
+}
+
+.color--theme, 
+.color--theme h1, 
+.color--theme h2, 
+.color--theme h3, 
+.color--theme h4, 
+.color--theme h5, 
+.color--theme h6, 
+.color--theme p, 
+.color--theme a, 
+.color--theme li, 
+.color--theme i, 
+.color--theme span,
+.color--white .color--theme { color: #ff1e1a!important; }
+
+.loading--theme .loader { 
+  border-color: transparent #ff1e1a; 
+}
+
+.loading--theme .loader::after {
+  border-color: transparent rgba(255, 30, 26, .15); 
+}
+
+.nav-theme .sm-info { 
+  background-color: #ff1e1a; 
+}
+
+.wsmenu > .wsmenu-list.nav-theme > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #ff1e1a!important;
+}
+
+.hero-section .quick-form .form-control:focus {
+  border-color: #ff1e1a;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--theme { 
+  color: #ff1e1a; 
+  border-color: #ff1e1a; 
+}
+
+.tabs-1.tabs--theme, 
+.tabs-1.tabs--theme li.current:hover { 
+  color: #ff1e1a; 
+  border-color: #ff1e1a; 
+}
+
+.faqs-section .tabs--theme .tabs-1 li.current,
+.faqs-section .tabs--theme .tabs-1 li.current:hover {
+  background-color: #ff1e1a;
+  border-color: #ff1e1a!important;
+}
+
+.switch-wrap input:checked + .switcher.switcher--theme { 
+  background-color: #ff1e1a; 
+  border-color: #ff1e1a; 
+}
+
+.shape-ico.color--theme path,
+.shape-ico.color--theme path,
+.shape-ico.color--theme path {
+  fill: #fce7e4;
+}
+
+.newsletter-section .form-control:focus {
+  background-color: #fff;
+  border-color: #353f4f;
+}
+
+.theme-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #ff1e1a;
+  border: 2px solid #ff1e1a;
+}
+
+
+
+
+/* ==========================================================================
+  34. XXXXX
+  ========================================================================== */ 
+
+.t-title {
+  text-align: center; 
+  color: #fff;
+  background-color:#1d222f;
+  padding: 10px 5px; 
+  margin: 0 0 40px;
+}
+
+.t-title.btn-s-title {
+  margin: 0;
+}
+
+.t-title h6 {
+  color: #fff;
+  margin-bottom: 0;
+}
\ No newline at end of file
diff --git a/public/css/responsive.css b/public/css/responsive.css
new file mode 100644
index 0000000..837905d
--- /dev/null
+++ b/public/css/responsive.css
@@ -0,0 +1,9315 @@
+
+
+
+
+/*
+  Template Name: Martex - Software, App, SaaS & Startup Landing Pages Pack
+  Theme URL: https://themeforest.net/user/jthemes
+  Description: Martex - Software, App, SaaS & Startup Landing Pages Pack
+  Author: JThemes Studio
+  Author URL: https://themeforest.net/user/jthemes
+  Version: 1.0.0
+  Website: www.jthemes.com
+  Tags: Responsive, HTML5, JThemes, Landing, Software, Mobile App, SaaS, Startup, Creative, Digital Produc
+*/
+
+
+
+
+/* ------------------------------------------------------------------------ */
+/* ------------------------------------------------------------------------ */
+/* ------------------------------------------------------------------------ */
+
+@media (min-width: 1400px) {
+
+
+}
+
+
+
+
+/* ------------------------------------------------------------------------ */
+/* ------------------------------------------------------------------------ */
+/* ------------------------------------------------------------------------ */
+
+@media (min-width: 1200px) {
+
+  /*------------------------------------------*/
+  /*  BASE
+  /*------------------------------------------*/
+
+  html { font-size: 115.6%; } 
+
+  /* Button */
+  .btn { padding: 0.8rem 1.7rem; }
+  .btn.ico-30.ico-left { padding: 0.286rem 0; }
+  .btns-group .btn.ico-30.ico-left { padding: 0.286rem 0.5rem; }
+  .btn.ico-20 [class*="flaticon-"]:before, .btn.ico-20 [class*="flaticon-"]:after { top: 3px; }
+
+  /* Watch Video Link  */
+  .watch-video-link { width: 2.8rem; height: 2.8rem; }
+  .watch-video-link span[class^="flaticon-"]:before, 
+  .watch-video-link span[class^="flaticon-"]:after { font-size: 1.75rem; line-height: 2.8rem!important; }
+
+  /*------------------------------------------*/
+  /*  NAVIGATION MENU    
+  /*------------------------------------------*/
+
+  /* Nav Link */
+  .wsmenu > .wsmenu-list > li > a { font-size: 0.9375rem; }
+
+  /* Button */
+  .wsmenu > .wsmenu-list > li a.btn { font-size: 0.9rem; line-height: 28px; padding: 4px 22px 6px; margin: 14px 5px 0; }
+  .wsmenu > .wsmenu-list > li a.btn.reg-btn { padding: 4px 20px 6px; }
+
+  /* SubMenu, HalfMenu, MegaMenu */
+  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { font-size: 0.9rem; }
+
+  .wsmenu > .wsmenu-list > li > .wsmegamenu .title, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .title { font-size: 0.8rem; }
+
+  /* Icons Menu */
+  .icons-menu-txt span { font-size: 0.825rem; } 
+
+
+}
+
+
+
+
+/* ------------------------------------------------------------------------ */
+/* ------------------------------------------------------------------------ */
+/* ------------------------------------------------------------------------ */
+
+@media (min-width: 992px) and (max-width: 1199.95px) {
+
+  /*------------------------------------------*/
+  /*  BASE
+  /*------------------------------------------*/
+
+  .py-5 { padding-top: 0; padding-bottom: 0; }
+  .py-10 { padding-top: 5px; padding-bottom: 5px; }
+  .py-15 { padding-top: 10px; padding-bottom: 10px; }
+  .py-20 { padding-top: 15px; padding-bottom: 15px; }
+  .py-30 { padding-top: 25px; padding-bottom: 25px; }
+  .py-40 { padding-top: 30px; padding-bottom: 30px; }
+  .py-50 { padding-top: 40px; padding-bottom: 40px; }
+  .py-60 { padding-top: 50px; padding-bottom: 50px; }
+  .py-70 { padding-top: 60px; padding-bottom: 60px; }
+  .py-80 { padding-top: 60px; padding-bottom: 60px; }
+  .py-90 { padding-top: 70px; padding-bottom: 70px; }
+  .py-100 { padding-top: 80px; padding-bottom: 80px; }
+
+  .pt-30 { padding-top: 20px; }
+  .pt-40 { padding-top: 30px; }
+  .pt-50 { padding-top: 40px; }
+  .pt-60 { padding-top: 40px; }
+  .pt-70 { padding-top: 60px; }
+  .pt-80 { padding-top: 60px; }
+  .pt-90 { padding-top: 70px; }
+  .pt-100 { padding-top: 80px; }
+
+  .pb-30 { padding-bottom: 20px; }
+  .pb-40 { padding-bottom: 30px; }
+  .pb-50 { padding-bottom: 40px; }
+  .pb-60 { padding-bottom: 50px; }
+  .pb-70 { padding-bottom: 60px; }
+  .pb-80 { padding-bottom: 60px; }
+  .pb-90 { padding-bottom: 70px; }
+  .pb-100 { padding-bottom: 80px; }
+
+  .mt-40 { margin-top: 30px; }
+  .mt-45 { margin-top: 35px; }
+  .mt-50 { margin-top: 45px; }
+  .mt-55 { margin-top: 40px; }
+  .mt-60 { margin-top: 50px; }
+  .mt-65 { margin-top: 55px; }
+  .mt-70 { margin-top: 60px; }
+  .mt-75 { margin-top: 65px; }
+  .mt-80 { margin-top: 60px; }
+  .mt-85 { margin-top: 65px; }
+  .mt-90 { margin-top: 70px; }
+  .mt-95 { margin-top: 75px; }
+  .mt-100 { margin-top: 80px; }
+
+  .mb-40 { margin-bottom: 30px; }
+  .mb-45 { margin-bottom: 35px; }
+  .mb-50 { margin-bottom: 40px; }
+  .mb-50 { margin-bottom: 45px; }
+  .mb-60 { margin-bottom: 50px; }
+  .mb-65 { margin-bottom: 55px; }
+  .mb-70 { margin-bottom: 60px; }
+  .mb-75 { margin-bottom: 65px; }
+  .mb-80 { margin-bottom: 60px; }
+  .mb-85 { margin-bottom: 65px; }
+  .mb-90 { margin-bottom: 70px; }
+  .mb-95 { margin-bottom: 75px; }
+  .mb-100 { margin-bottom: 80px; }
+
+  /* Backgroud Shape */
+  .shape--02:after { width: 140%; height: 82%; top: 12%; left: -20%; }
+  .shape--03:after { height: 127%; top: -70px; }
+  .shape--04:after { height: 84%; top: 8%; }
+  .shape--05:after { height: 85%; }
+
+  /* Font Size */
+  .s-15 { font-size: 0.9375rem; }  /* 15px */
+  .s-16 { font-size: 1rem; }       /* 16px */
+  .s-17 { font-size: 1.0625rem; }  /* 17px */
+  .s-18 { font-size: 1.125rem; }   /* 18px */
+  .s-19 { font-size: 1.125rem; }   /* 18px */
+  .s-20 { font-size: 1.18755rem; } /* 19px */
+  .s-21, .s-22 { font-size: 1.25rem; }  /* 20px */
+  .s-23 { font-size: 1.3125rem; }  /* 21px */
+  .s-24 { font-size: 1.375rem; }   /* 22px */  
+  .s-26 { font-size: 1.5rem; }     /* 24px */
+  .s-28 { font-size: 1.625rem; }   /* 26px */
+  .s-30 { font-size: 1.75rem; }    /* 28px */
+  .s-32 { font-size: 1.875rem; }   /* 30px */
+  .s-34 { font-size: 2rem; }       /* 32px */
+  .s-36 { font-size: 2.125rem; }   /* 34px */
+  .s-38 { font-size: 2.25rem; }    /* 36px */
+  .s-40 { font-size: 2.3125rem; }  /* 37px */
+  .s-42 { font-size: 2.4375rem; }  /* 39px */  
+  .s-43 { font-size: 2.5rem; }     /* 40px */   
+  .s-44 { font-size: 2.5rem; }     /* 40px */
+  .s-45 { font-size: 2.5625rem; }  /* 41px */
+  .s-46 { font-size: 2.625rem; }   /* 42px */
+  .s-47 { font-size: 2.6875rem; }  /* 43px */
+  .s-48 { font-size: 2.75rem; }    /* 44px */ 
+  .s-50 { font-size: 2.875rem; }   /* 46px */ 
+  .s-52 { font-size: 3rem; }       /* 48px */ 
+  .s-54 { font-size: 3.125rem; }   /* 50px */ 
+  .s-56 { font-size: 3.25rem; }    /* 52px */
+  .s-58 { font-size: 3.375rem; }   /* 54px */
+  .s-60 { font-size: 3.5rem; }     /* 56px */
+  .s-62 { font-size: 3.625rem; }   /* 58px */
+  .s-64 { font-size: 3.75rem; }    /* 60px */
+  .s-66 { font-size: 3.875rem; }   /* 62px */
+  .s-68 { font-size: 4rem; }       /* 64px */
+
+  /* Button */
+  .btn.btn-sm { font-size: 0.975rem; padding: 0.65rem 1.4rem; }
+  .btn.ico-30.ico-left { padding: 0.3845rem 0; }
+  .btns-group .btn.ico-30.ico-left, .btns-group .btn.ico-30.ico-right { padding: 0.3845rem 0.5rem; }
+
+  /* Buttons Group */
+  .btns-group .btn:first-child { margin-right: 12px; }
+
+  /* Button Icon */
+  .btn.ico-20 [class*="flaticon-"]:before, 
+  .btn.ico-20 [class*="flaticon-"]:after { font-size: 1.15rem; line-height: 0.5rem!important;top: 3.5px; }
+
+  .btn.ico-30.ico-left span.ico-30-txt { margin-right: 0; }
+  .btn.ico-30.ico-right span.ico-30-txt { margin-left: 0; }
+  .btn.ico-left span { margin-right: 2px; }
+  .btn.ico-right span { margin-left: 2px; }
+
+  /* Button Text */
+  p.btn-txt, p.btns-group-txt { margin: 15px 0 0 0; }
+  .text-center p.btns-group-txt { margin-top: 18px; }
+  .btn-rating { margin: 15px 0 0 0; }
+
+  /* Transparent Link */
+  a.tra-link { font-size: 1.0625rem; }
+  .tra-link.ico-20 [class*="flaticon-"]:before, 
+  .tra-link.ico-20 [class*="flaticon-"]:after { font-size: 0.785rem; line-height: 0.7rem!important; top: 2px; left: 2px; }
+
+  /* OS Button */
+  .os-btn { width: 280px; min-width: 270px; padding: 16px 16px 14px; }
+  .os-btn-ico { margin-right: 16px; }
+
+  /* Watch Video Link */
+  .watch-video-link { margin-right: 10px; }
+  p.video-txt-lg { font-size: 1.125rem; }
+  p.video-txt-sm { font-size: 1rem; }
+
+  /* Vector Icon Background */ 
+  .ico-50 .shape-ico svg { width: 110px; height: 110px; top: -30px; left: calc(50% - 55px); }
+  .fbox-11 .ico-50 .shape-ico svg { top: -35px; left: calc(50% - 60px); }
+  .ico-55 .shape-ico svg { width: 115px; height: 115px; top: -30px; left: calc(50% - 60px); }
+  .ico-60 .shape-ico svg { width: 120px; height: 120px; top: -25px; left: calc(50% - 55px); }
+
+  /* Vector Rounded Icons */
+  .ico-rounded { width: 74px; height: 74px; }
+  .ico-rounded-md { width: 80px; height: 80px; }
+  .ico-rounded-lg { width: 90px; height: 90px; }
+
+  .ico-rounded [class*="flaticon-"]:before, 
+  .ico-rounded [class*="flaticon-"]:after { font-size: 2.35rem; line-height: 74px!important; }
+
+  .ico-rounded-md [class*="flaticon-"]:before, 
+  .ico-rounded-md [class*="flaticon-"]:after { font-size: 2.5rem; line-height: 80px!important; }
+
+  .ico-rounded-lg [class*="flaticon-"]:before, 
+  .ico-rounded-lg [class*="flaticon-"]:after { font-size: 2.875rem; line-height: 90px!important; }
+
+  /* Vector Square Icons */
+  .ico-square { width: 74px; height: 74px; }
+  .ico-square [class*="flaticon-"]:before, 
+  .ico-square [class*="flaticon-"]:after { font-size: 2.35rem; line-height: 74px!important; }
+
+  /* Section ID */
+  .section-id { font-size: 0.85rem; margin-bottom: 30px; }
+  .section-id.rounded-id { padding: 8px 22px; font-size: 0.8rem; margin-bottom: 35px; }
+
+  /* Section Title */
+  .section-title p.p-md, .section-title p.p-lg, 
+  .section-title p.p-xl, .section-title p.s-20, .section-title p.s-21 { margin-top: 15px; }
+  .section-title p.p-md, .section-title p.p-lg { padding: 0; }
+  .section-title p.s-20, .section-title p.s-21 { font-size: 1.18755rem; }
+
+  .section-title .btns-group.mt-25 { margin-top: 20px; }
+  .section-title .btns-group.mt-35, .section-title .stores-badge.mt-30 { margin-top: 26px; }
+
+  .section-title .advantages, .section-title .btns-txt, .section-title .btns-group-txt { margin-top: 16px; }
+
+  /*------------------------------------------*/
+  /*  PRELOAD ANIMATION    
+  /*------------------------------------------*/
+
+  #loading-center { height: 90px; width: 90px; margin-top: -45px; margin-left: -45px; }
+  .loader { width: 90px; height: 90px; }
+  .loader::after { border: 45px solid; }
+
+  /*------------------------------------------*/
+  /*  NAVIGATION MENU    
+  /*------------------------------------------*/
+
+  /* Header Logo */
+  .desktoplogo img { max-height: 34px; }
+  .blog-header .desktoplogo img { max-height: 28px; }
+
+  /* Nav Link */
+  .wsmenu > .wsmenu-list > li > a { margin: 0 5px; padding: 10px 15px; }
+
+  /* Nav Link Info */
+  span.sm-info { width: 18px; height: 18px; font-size: 0.725rem; line-height: 17px; margin-left: 5px; }
+
+  /* Button */
+  .wsmenu > .wsmenu-list > li a.btn { font-size: 0.9375rem; line-height: 28px; margin-top: 15px; padding: 3px 22px 5px; }
+  .wsmenu > .wsmenu-list > li a.btn.reg-btn { padding: 3px 20px 5px; }
+  .wsmenu > .wsmenu-list > li a.btn.fst-btn-link { margin-left: 0; }
+
+  .wsmenu > .wsmenu-list > li a.store.header-store { margin-top: 15px; margin-left: 0; }
+  .store.header-store img { max-height: 40px; }
+
+  .header-socials a { margin-left: 16px; }
+  .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.175rem; } 
+
+  /* SubMenu, HalfMenu, MegaMenu */
+  .wsmenu > .wsmenu-list > li > ul.sub-menu {min-width: 180px; }
+
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { width: 86%!important; left: 10%; }
+
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { width: 40%; }
+
+  .wsmegamenu .post-summary a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a  { font-size: 0.9375rem; }
+
+  /* Icons Menu */
+  .wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu { max-width: 225px; min-width: 225px; }
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { width: 62%; }
+
+  .icons-menu-ico { margin-right: 12px; }
+  .wsmegamenu.ico-30 .icons-menu-ico span { top: 8px!important; }
+
+  /*------------------------------------------*/
+  /*   HERO   
+  /*------------------------------------------*/
+
+  .hero-section h2 { margin-bottom: 24px; }
+  .hero-section h2.s-48, .hero-section h2.s-50 { margin-bottom: 35px; }
+
+  .hero-section p.p-md { margin-bottom: 25px; }
+  .hero-section p.p-lg, .hero-section p.p-xl { margin-bottom: 28px; }
+  .hero-section p.s-20, .hero-section p.s-22, .hero-section p.s-24 { margin-bottom: 32px; }
+  .hero-section p.s-21 { font-size: 1.25rem; margin-bottom: 22px; }
+  .hero-section .btn.mt-15, .hero-section .btns-group.mt-15 { margin-top: 10px; }
+
+  /* HERO LOGO */
+  .hero-logo, .hero-app-logo { margin-bottom: 35px; }
+  .hero-logo img { max-height: 30px; }
+  .hero-square-logo img { max-height: 80px; }
+  .hero-app-logo img { max-height: 90px; }
+  #hero-25 .hero-app-logo img { max-height: 100px; }
+
+  /* HERO DIGITS */
+  .hero-digits .block-txt p.p-sm { margin-top: 2px; }
+
+  /* HERO QUICK FORM */
+  .hero-section .quick-form .form-control, .hero-section .quick-form .btn { height: 60px; font-size: 1.15rem; }
+  .hero-section .quick-form.form-half .form-control { height: 54px; font-size: 1rem; padding: 0 14px; }
+  .hero-section .quick-form.form-half .btn { height: 54px; font-size: 0.985rem; padding: 13px 40px; margin-left: 10px; }
+
+  .hero-section .text-center .quick-form-msg { margin: 20px 0 -5px 0; }
+
+  /* HERO REQUEST FORM */
+  .request-form .form-control { height: 54px; }
+  #hero-10-form .btn, #hero-22-form .btn { height: 54px; padding: 16px; }
+
+  /* HERO-1 */
+  #hero-1 { padding-top: 120px; padding-bottom: 80px; }
+  .hero-1-img { margin: 0 -30px 0 -20px; }
+
+  /* HERO-2 */
+  #hero-2 { padding-top: 150px; padding-bottom: 80px; }
+  .hero-2-txt p { padding-right: 0; }
+  .hero-2-img { padding-right: 15px; }
+
+  /* HERO-3 */
+  #hero-3 { padding-top: 140px; }
+  #hero-3:after { height: 6%; }
+  .hero-3-txt { margin-top: -60px; }
+  .hero-3-img { margin: 0 -75% 0 0; }
+
+  /* HERO-4 */
+  #hero-4 { padding-top: 150px; }
+  .hero-4-txt h2, .hero-4-txt p { padding: 0; }
+  .hero-4-img { margin-top: 50px; }
+
+  /* HERO-5 */
+  #hero-5 { padding-top: 130px; padding-bottom: 50px; }
+  .hero-5-txt h2 { margin-bottom: 20px; }
+  .hero-5-txt p.p-lg { padding-right: 10%; margin-bottom: 25px; }
+
+  /* HERO-6 */
+  .hero-6-wrapper { padding: 65px 70px; }
+  .hero-6-txt h2 { margin-bottom: 18px; }
+  .hero-6-txt p.p-lg { margin-bottom: 22px; }
+
+  /* HERO-7 */
+  #hero-7 { padding-top: 140px; padding-bottom: 90px; }
+  #hero-7 .quick-form { margin-right: 3%; }
+  .hero-7-txt .quick-form.form-half.mt-35 { margin-top: 25px; }
+  .hero-7-img { padding-left: 15px; }
+
+  /* HERO-8 */
+  #hero-8 { padding-top: 150px; padding-bottom: 20px; }
+  .hero-8-txt { margin-top: -50px; }
+  #hero-8-form { padding: 38px 25px; }
+  #hero-8-form h4 { margin-bottom: 15px; }
+
+  /* HERO-9 */
+  #hero-9 { padding-top: 150px; }
+  .hero-9-txt h2 img { max-height: 80px; margin: 0 3px; top: -5px; }
+  .hero-9-txt p { padding: 0 5%; margin-top: 32px; }
+
+  #hero-9 .quick-form { margin-left: 8%; margin-right: 8%; }
+  .hero-9-img { margin: 50px 15px 0; }
+
+  /* HERO-10 */
+  #hero-10 { padding-top: 160px; padding-bottom: 80px; }
+  .hero-10-txt { padding-right: 10%; }
+  .hero-10-txt h4 { padding-right: 0; margin-bottom: 30px; }
+  .hero-10-img { margin: 0 -95% 0 0; }
+
+  /* HERO-12 */
+  #hero-12 { padding-top: 150px; }
+  .hero-12-txt h2, .hero-12-txt p { padding: 0; }
+  .hero-12-img { margin-bottom: -80px; }
+
+  /* HERO-13 */
+  #hero-13 { padding-top: 120px; padding-bottom: 70px; } 
+
+  /* HERO-14 */
+  #hero-14 { padding-top: 150px; }
+  .hero-14-txt p.s-21 { margin-bottom: 35px; }
+  #hero-14 .quick-form { margin-left: 7%; margin-right: 7%; }
+  .hero-14-img { margin: 50px 10px 0; }
+  .hero-14-txt .btn-txt { margin-top: 30px; }
+
+  /* HERO-15 */
+  #hero-15 { padding-top: 120px; }
+  .hero-15-txt h2 { padding-right: 10%; }
+
+  /* HERO-16 */
+  #hero-16 { padding-top: 150px; margin-bottom: 60px; }
+  .hero-16-txt h2 { padding: 0 4%; }
+  .hero-16-img { margin-top: 50px; margin-bottom: -60px; }
+
+  /* HERO-17 */
+  #hero-17 { padding-top: 160px; }
+  .hero-17-txt p { padding: 0 3%; }
+  #hero-17 .quick-form { margin-left: 10%; margin-right: 10%; }
+  #hero-17 #brands-1 { padding: 50px 6% 0; } 
+  #hero-17 #brands-1 .brands-carousel-5 .brand-logo { padding: 0 14px; } 
+
+  /* HERO-18 */
+  #hero-18 { padding-top: 140px; padding-bottom: 70px; }
+  #hero-18:after { width: 76%; left: 24%; }
+  .hero-18-txt p, .hero-18-img { padding-right: 0; }
+
+  /* HERO-19 */
+  #hero-19 { padding-top: 150px; }
+
+  /* HERO-20 */
+  #hero-20 { padding-top: 90px; padding-bottom: 90px; }
+  #hero-20:after { width: 50%; }
+  .hero-section .hero-20-txt h2.s-48 { margin-bottom: 25px; }
+
+  /* HERO-21 */
+  #hero-21 { padding-top: 150px; }
+  .hero-21-txt { margin-bottom: 50px; }
+  .hero-21-txt h2 { margin-bottom: 25px; }
+  #hero-21 .hero-overlay { padding: 80px 60px 0; }
+  .hero-21-img { margin-bottom: -25%; }
+
+  /* HERO-22 */
+  #hero-22 { padding-top: 150px; }
+  #hero-22 .hero-logo { margin-bottom: 20px; }
+  #hero-22-form h4 { margin-bottom: 15px; }
+  #hero-22-form { padding: 38px 25px 28px; }
+
+  /* HERO-23 */
+  #hero-23 { padding-top: 80px; margin-bottom: 25px; }
+  .hero-23-txt p { padding: 0; }
+  .hero-23-img { margin-top: 25px; margin-bottom: -25px; }
+
+  /* HERO-24 */
+  #hero-24 { padding-top: 160px; padding-bottom: 110px; }
+
+  /* HERO-25 */
+ #hero-25 { padding-top: 120px; padding-bottom: 80px; }
+  .hero-25-txt h2 { margin-bottom: 18px; }
+  .hero-25-txt p.p-lg { margin-bottom: 24px; }
+
+  /* HERO-26 */
+  #hero-26 { padding-top: 160px; }
+  .hero-26-txt h2 { padding-right: 3%; } 
+  #hero-26 .quick-form { margin-right: 3%; }
+  .hero-26-img { margin: 0 -90% 0 -30px; }
+
+  /* HERO-27 */
+  #hero-27 .hero-overlay { padding-top: 160px; }
+  .hero-27-txt h2 { margin-bottom: 28px!important; }
+  .hero-27-txt .btns-group.mt-15 { margin-top: 8px; }
+
+  /*------------------------------------------*/
+  /*  CONTENT
+  /*------------------------------------------*/
+
+  /* ABOUT */
+  .about-2-title { padding-right: 5%; margin-bottom: 40px }
+
+  .a2-txt { padding: 15px 20px 30px; }
+  .a-2-1 { margin-left: 3%; }
+
+  .a2-txt-quote { position: relative; margin-bottom: -40px; }
+  .a2-txt-quote.ico-40 [class*="flaticon-"]:before, .a2-txt-quote.ico-40 [class*="flaticon-"]:after { font-size: 4rem; }
+
+  .a2-txt-author { margin-top: 10px; }
+  .a2-txt-author { font-size: 1.0625rem; }
+  .a2-txt-author span { font-size: 0.95rem; margin-top: 1px; }
+
+  #about-1 .txt-block h3.mb-30, .about-2-title h2.mb-30 { margin-bottom: 25px; }
+  #about-3 .txt-block h5 { margin-bottom: 15px; }
+  #about-4 .txt-block p { margin-top: 20px; }
+
+  #a4-1 { padding-right: 20px; margin-top: -30px; }
+  #a4-2 { padding-left: 20px; margin-bottom: -30px; }
+
+  /* FEATURES */
+  .fbox-14-wrapper { padding: 70px 50px; }
+  .fbox-14-wrapper .col { padding: 0 8px; }
+
+  #features-12.py-100.shape--bg:after { width: 50%; height: 68%; top: 16%; left: 50%; }
+  #features-12.pt-100.shape--bg:after { width: 50%; height: 76%; top: 18%; left: 50%; }
+  #features-13.py-100.shape--bg:after { width: 50%; height: 68%; top: 16%; }
+  #features-13.pt-100.shape--bg:after { width: 50%; height: 76%; top: 18%; }
+
+  .fbox-12-wrapper { padding-left: 30px; }
+  .fbox-13-wrapper {  padding-right: 30px; }
+
+  .rows-2 .fb-1, .rows-2 .fb-2, .rows-2 .fb-3 { margin-bottom: 40px; }
+  .rows-2 .fbox-7.fb-1, .rows-2 .fbox-7.fb-2, .rows-2 .fbox-7.fb-3,
+  .rows-2 .fbox-9.fb-1, .rows-2 .fbox-9.fb-2, .rows-2 .fbox-9.fb-3 { margin-bottom: 30px; }
+
+  .row-cols-md-3 .fbox-4 { padding: 40px 30px; }
+  .row-cols-md-2 .fbox-4 { padding: 35px 20px; } 
+
+  .fbox-7 { padding: 40px 25px 37px; } 
+  .row-cols-md-2 .fbox-7 { padding: 28px 15px 25px; }
+
+  .fbox-8, .fbox-8.bg--white-100 { padding: 40px 25px; } 
+  .fbox-9 { padding: 30px 30px 27px; } 
+
+  .fbox-12, .fbox-13 { padding: 30px; } 
+
+  .fbox-14 { padding: 35px 25px 30px; } 
+
+  .fbox-img.h-180 img { max-height: 165px; }
+  .fbox-img.h-175 img { max-height: 160px; }
+  .fbox-img.h-170 img { max-height: 155px; }
+  .fbox-img.h-165 img { max-height: 150px; }
+  .fbox-img.h-160 img { max-height: 145px; }
+  .fbox-img.h-155 img { max-height: 140px; }
+  .fbox-img.h-150 img { max-height: 135px; }
+  .fbox-img.h-145 img { max-height: 130px; }
+  .fbox-img.h-140 img { max-height: 125px; }
+
+  .fbox-2 .fbox-img.h-135 img, .fbox-2 .fbox-img.h-140 img, 
+  .fbox-3 .fbox-img.h-135 img, .fbox-4 .fbox-img.h-135 img { max-height: 115px; }
+
+  .fbox-3 .fbox-img.h-175 img, .fbox-3 .fbox-img.h-180 img { max-height: 155px; }
+  .fbox-4 .fbox-img.h-170 img, .fbox-4 .fbox-img.h-175 img { max-height: 150px; }
+
+  .fbox-1 .fbox-img, .fbox-4 .fbox-img { margin-bottom: 25px; }
+  .row-cols-md-2 .fbox-1 .fbox-img, .row-cols-md-2 .fbox-3 .fbox-img, .row-cols-md-2 .fbox-4 .fbox-img { margin-bottom: 25px; }
+
+  .fbox-2 .fbox-img.h-135, .fbox-2 .fbox-img.h-140, .fbox-2 .fbox-img.h-145, .fbox-2 .fbox-img.h-150, 
+  .fbox-2 .fbox-img.h-155 { padding-top: 25px; margin-bottom: 50px; }
+
+  .fbox-2 .fbox-img.h-160 { padding-top: 30px; margin: 0 10px 50px; }
+  .fbox-2 .fbox-img.h-165, .fbox-2 .fbox-img.h-170 { padding-top: 34px; margin: 0 5px 50px; } 
+  .fbox-2 .fbox-img.h-175, .fbox-2 .fbox-img.h-180 { padding-top: 35px; margin: 0 0 50px; }  
+
+  .fbox-3 .fbox-img.h-135 { padding-top: 25px; margin: 0 0 25px; }
+  .fbox-3 .fbox-img.h-160 { padding-top: 30px; margin: 0 5px 25px; }
+  .fbox-3 .fbox-img.h-170, .fbox-3 .fbox-img.h-175, .fbox-3 .fbox-img.h-180 { padding-top: 35px; margin: 0 0 25px; }
+  
+  .fbox-4 .fbox-img.h-135 { margin-bottom: 25px; }
+
+  .fbox-5.fb-1 .fbox-5-img, .fbox-5.fb-5 .fbox-5-img, .fbox-5.fb-6 .fbox-5-img { margin: 35px 6% 0; }
+  .fbox-5.fb-2 .fbox-5-img, .fbox-5.fb-3 .fbox-5-img, .fbox-5.fb-4 .fbox-5-img { margin: 0 6% 30px; }
+
+  .fbox-ico { margin-bottom: 18px; }
+  .row-cols-md-2 .fbox-ico { margin-bottom: 15px; }
+  .row-cols-md-2 .fbox-ico.ico-rounded, .fbox-ico.ico-square { margin-bottom: 20px; }
+  .fbox-ico.ico-rounded-md, .fbox-ico.ico-rounded-lg { margin-bottom: 22px; }
+
+  .fbox-wrapper .row-cols-lg-3 .fbox-title { margin-bottom: 5px; }
+
+  .rows-2 .fbox-ico-wrap .ico-50 [class*="flaticon-"]:before, 
+  .rows-2 .fbox-ico-wrap .ico-50 [class*="flaticon-"]:after { font-size: 2.85rem; }
+
+  .rows-2 .fbox-ico-wrap { margin-right: 15px; }
+
+  .fbox-txt h5, .features-section h6.s-22, .rows-2 .fbox-11 h6, .fbox-wrapper .row-cols-md-2 h6 { margin-bottom: 12px; }
+  .fbox-14 h5 { padding-right: 8px; margin-bottom: 12px; }
+
+  /* CONTENT */
+  .ct-10 .section-overlay { margin-bottom: 80px; }
+  .cbox-6-wrapper { padding: 45px; }
+  .ct-11 .txt-block { padding-right: 40px; }
+  .ct-12 .txt-block { padding-left: 40px; }
+  .ct-13 .row.mb-60 { margin-bottom: 50px }
+
+  /* Content Box Wrapper */
+  .bc-1-wrapper .section-overlay, .bc-4-wrapper .section-overlay, .bc-6-wrapper .section-overlay { padding: 65px 50px; }
+  .bc-2-wrapper .section-overlay, .bc-3-wrapper .section-overlay, .bc-5-wrapper .section-overlay { padding: 65px 50px 0; }
+  .bc-6 { padding: 30px 25px; }
+
+  .bc-2-txt h2, .bc-3-txt h2, .bc-4-txt h2, .txt-block h3, .txt-block h2 { margin-bottom: 20px; }
+  .txt-block h5, .bc-6 h4 { margin-bottom: 18px; }
+  h5.h5-title { margin-top: 18px; margin-bottom: 18px; }
+  .cbox-2-txt h5, .cbox-3-txt h5, .bc-6 h4 { margin-bottom: 12px; }
+
+  .ct-08 .section-title h2, .ct-09 .section-title h2, .ct-10 .section-title h2 { padding: 0 5px; }
+
+  .txt-block .btn { margin-top: 22px; } 
+  .bc-6-link.mt-15 { margin-top: 10px; }
+  .txt-block-tra-link.mt-25 { margin-top: 18px; }
+
+  /* Text Block */
+  .bc-2-txt, .ct-07 .txt-block { margin-top: 20px; }
+  .bc-1-wrapper .txt-block.pr-25.left-column, .bc-2-wrapper .txt-block.pr-25.left-column { padding-right: 15px; }
+  .bc-1-wrapper .txt-block.pl-25.right-column, .bc-2-wrapper .txt-block.pl-25.right-column { padding-left: 15px; }
+
+  /* Content Box */
+  .cbox-5-content { padding: 35px; margin: 0 10%; }
+  .cbox-5-content .divider { margin-top: 22px; margin-bottom: 22px; }
+
+  .txt-block .cbox-5-title h2 { font-size: 3.15rem; margin-bottom: 10px; }
+  .cbox-5-title .statistic-number sup { font-size: 2.85rem; top: -5px; right: 6px; }
+
+  .cbox-5-fea { padding: 15px 20px; }
+
+  /* Content Box Icon */
+  .cbox-2 .ico-wrap { margin-right: 1.1rem; }
+  .cbox-2-ico { width: 2.35rem; height: 2.35rem; font-size: 1.135rem; line-height: 2rem; }
+  .ct-03 .cbox-2-ico { width: 2.15rem; height: 2.15rem; font-size: 1.0625rem; line-height: 1.95rem; }
+  .cbox-2-line { height: calc(100% - 74px); }
+
+  .cbox-3 .cbox-3-ico { top: 4px; }
+  .cbox-3-ico span[class*="flaticon-"]:before, .cbox-3-ico span[class*="flaticon-"]:after { font-size: 3rem; }
+
+  /* Content Box Text */
+  .cbox-2-txt, .cbox-3-txt { margin-bottom: 25px; }
+  .ct-03 .cbox-2-txt { margin-bottom: 25px; }
+  .cbox-4-txt { margin-bottom: 22px; }
+
+  /* Content Box Typography */
+  .ct-03 .cbox-2-txt h5 { margin-bottom: 12px; }
+  .cbox-6 h6 { margin-bottom: 12px; }
+  .cbox-1-txt p { margin-bottom: 5px; }
+
+  /* Accordion */
+  .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 { margin-bottom: 15px; }
+
+  /* Tabs */
+  .tabs-1 { margin: 0 auto 55px; }
+
+  /* Advantages */
+  .text-center .advantages { margin-top: 15px; }
+
+  /* Compatibility */
+  .compatibility { margin-top: 10px; }
+
+  /* Tools List / Payments Icons */
+  .tools-list p, .payment-methods p { margin-bottom: 10px; }
+  .payment-icons img { max-height: 32px; }
+
+  .tools-list.ico-35 [class*="flaticon-"]:before, .tools-list.ico-35 [class*="flaticon-"]:after { 
+    font-size: 2.1875rem;line-height: 2.1875rem!important; margin-right: 4px; 
+  }
+
+  /* Quote */
+  .quote-avatar img { width: 54px; height: 54px; }
+  .quote-author { padding: 0 0 0 10px; } 
+  .quote.pr-15, .quote.pr-40, .quote.pr-50, .quote.pr-60 { padding-right: 0; }
+
+  /* Content Box Shapes */
+  .cbox-5-shape-1 { right: -20px; top: -20px; }
+  .cbox-5-shape-2 { left: 10px; bottom: -25px; }
+  .cbox-5-shape-1 img, .cbox-5-shape-2 img { height: 70%; width: 70%; }
+
+  /* Content Image */
+  .ct-01 .img-block { margin-left: 5px; }
+  .ct-02 .img-block { margin-right: 5px; }
+  .ct-03 .img-block.left-column { margin-right: 15px; }
+  .ct-03 .img-block.right-column { margin-left: 15px; }
+  .ct-04 .img-block { margin-left: 15px; }
+  .ct-04 .img-block img { max-width: 175%; }
+  .ct-10 .img-block { margin-bottom: -80px; }
+
+  .img-block-txt, .img-block-btn { margin-top: 55px; }
+
+  .bc-1-wrapper .img-block.left-column, .bc-2-wrapper .img-block.left-column { padding-right: 10px; }
+  .bc-1-wrapper .img-block.right-column, .bc-2-wrapper .img-block.right-column { padding-left: 10px; }
+  .bc-3-img { margin: 0 -65% -25px 25px; }
+  .bc-4-img { margin-left: 25px; margin-right: -65%; }
+  .bc-6-img { padding: 40px 30px 0; margin-bottom: 25px; }
+
+  /* Content Images */
+  .img-block.img-block-bkg img { padding: 50px 35px; }
+  .ct-11 .img-block { padding-left: 50px; }
+  .ct-12 .img-block { padding-right: 50px; }
+
+  /* STATISTIC */
+  .sb-rounded .statistic-block { padding: 25px; }
+  #statistic-5 .statistic-digit { padding-bottom: 18px; margin: 0 70px 18px 0; }
+  .statistic-1-wrapper .statistic-block-digit { width: 32%; }
+  .statistic-1-wrapper .statistic-block-txt { width: 68%; padding-left: 10px; }
+  #sb-2-3, #sb-2-4 { padding-right: 12px; } 
+
+  h2.statistic-number, #statistic-5 .statistic-digit h2 { letter-spacing: -0.5px; }
+  #statistic-1 h2.statistic-number { letter-spacing: -0.5px; margin-top: 2px; }
+  #sb-2-1 h2.statistic-number, #sb-2-2 h2.statistic-number { margin-bottom: 10px; }
+
+  #statistic-5 .statistic-txt h5 { margin-bottom: 10px; }
+  #sb-2-3 .statistic-block p.p-sm, #sb-2-4 .statistic-block p.p-sm { margin-top: 1px; }
+  .statistic-4-wrapper p { margin-bottom: 12px; }
+
+  /* PROJECTS */
+  #pt-1-1, #pt-1-2, .inner-page-hero #pt-1-3, .inner-page-hero #pt-1-4 { margin-bottom: 40px; }
+  .project-details h5 {margin-bottom: 25px; }
+  .more-projects { margin-top: 45px; }
+
+  /* PROJECT DETAILS */
+  .single-project .project-title { margin-bottom: 60px; }
+  .project-title h2 { padding-bottom: 35px; margin-bottom: 30px; }
+
+  .project-txt h5.mt-35.mb-35 { margin-top: 30px; margin-bottom: 30px; }
+  .project-txt h5.mt-50.mb-35 { margin-top: 50px; margin-bottom: 30px; }
+
+  .project-description .more-projects { margin-top: 50px; }
+  .project-description .more-projects span { top: 1px; left: 5px; }
+  .project-description .more-projects.ico-25 [class*="flaticon-"]:before, 
+  .project-description .more-projects.ico-25 [class*="flaticon-"]:after { font-size: 1.275rem; } 
+
+  /* RATING */
+  .rating-section .rating-1-wrapper { padding: 0 12%; }
+  .rating-section .rating-2-wrapper { padding: 0 3%; }
+  .inner-page-hero .rating-1-wrapper.mt-50 { margin-top: 40px; }
+
+  .rbox-1-img img { max-height: 34px; } 
+
+  .rbox-1 .star-rating { font-size: 0.9rem; line-height: 1; }
+
+  /* TESTIMONIALS */
+  .reviews-section .col-md-8 .section-title h2 { padding: 0 5%; }
+
+  .reviews-4-wrapper, .reviews-5-wrapper { padding-left: 35px; }
+  #reviews-4 .txt-block.left-column, #reviews-5 .txt-block.left-column { padding-left: 10px; }
+
+  .review-1 { padding: 35px 25px 25px; }
+  .review-2 { padding: 40px 35px 30px; }
+  .review-3 { padding: 40px 35px 35px; }
+  .review-4 { padding: 35px 35px 25px; }
+  .review-5 { padding: 40px 35px 35px; }
+
+  #rw-3-2 { margin-bottom: 25px; }
+  #rw-3-2, #rw-3-3 { margin-left: 0; }
+  #rw-4-1, #rw-5-1 { margin-bottom: 25px; }
+
+  .review-txt { margin-top: -42px; }
+  .review-txt h6 { margin-bottom: 10px; }
+
+  .review-1 .author-data { margin-top: 15px; }
+  .review-2 .author-data, .review-3 .author-data, .review-5 .author-data { margin-top: 8px; }
+  .review-4 .author-data { margin-top: 0; }
+
+  .review-avatar img, .owl-item .review-avatar img { width: 44px; height: 44px; }
+  .review-2 .review-avatar img, .review-3 .review-avatar img, .review-5 .review-avatar img { width: 52px; height: 52px; }
+
+  .review-author { padding: 0 0 0 12px; }
+  .review-2 .review-author, .review-3 .review-author, .review-5 .review-author { margin-top: 5px; }
+
+  .review-author h6 { margin-bottom: 8px; }
+  .review-1 .review-author h6 { font-size: 1rem; }
+
+  /* PRESS */
+  .press-logo img { max-height: 74px; }
+  .press-txt { margin-top: 10px; }
+
+  /* BRANDS */
+  .brands-title.mb-40 { margin-bottom: 30px; }
+  .brands-title.mb-50 { margin-bottom: 40px; }
+
+  .brands-3-wrapper { padding: 40px 30px; }
+  .brands-3-wrapper.brands-3-static { margin-left: 3%; margin-right: 3%; }
+
+  #brands-1 .brands-carousel-5 .brand-logo, #brands-1 .brands-carousel-6 .brand-logo { padding: 0 12px; } 
+  #brands-1 .justify-content-center .brand-logo, #brands-3 .brand-logo { padding: 0 12px; }  
+  #brands-3 .brands-3-static .brand-logo { padding: 0 8px; }
+
+  .brands-section .brand-logo.mb-50 { margin-bottom: 40px; }
+
+  .brands-section .more-btn { margin-top: 30px; }
+
+  /* INTEGRATIONS */
+  .integrations-2-wrapper { padding: 80px 60px; }
+  .in_tool_logo { padding: 40px 30px; margin-bottom: 25px; }
+  .integrations-section .more-btn.mt-60, .integrations-section .more-btn.mt-70 { margin-top: 50px; }
+
+  #integrations-1 .in_tool-logo.ico-60 img { width: 48px; height: 48px; }
+  .integrations-1-wrapper .in_tool { padding: 16px 20px; }
+  .integrations-1-wrapper .in_tool.mb-30 { margin-bottom: 20px; }
+
+  .integrations-section .more-btn.mt-60, .integrations-section .more-btn.mt-70 { margin-top: 40px; }
+
+  /* PRICING */
+  .pricing-1-wrapper .col, .pricing-2-wrapper .col, .pricing-3-wrapper .col { padding: 0 8px; }
+  .pricing-1-table { padding: 40px 25px 35px; }
+  .text-center .pricing-1-table { padding: 50px 25px 40px; }
+  .pricing-2-table {  padding: 40px 25px; }
+  .pricing-3-table { padding: 30px 32px 35px; }
+  .pricing-4-table { padding: 35px 45px; }
+  #pt-4-1 { margin: 0 15px 40px 20px; }
+  #pt-4-2 { margin: 0 20px 40px 15px; }
+
+  .pricing-table-header h5 { margin-bottom: 25px; }
+  .pricing-table-header h4 { margin-bottom: 20px; }
+  .pricing-3-table .pricing-table-header h4 { margin-bottom: 10px; }
+
+  .pricing-1-table .pricing-discount { top: -2px; right: 0; padding: 7px 13px; }
+  .text-center .pricing-1-table .pricing-discount { top: -40px; right: -5px; }
+
+  /* Price */
+  .price span { font-size: 2.85rem; letter-spacing: -1.5px; } 
+  .pricing-2-table.highlight .price span { font-size: 2.15rem; } 
+  .pricing-3-table .price span { font-size: 4.5rem; letter-spacing: -3px; } 
+  .pricing-4-table .price span { font-size: 3.15rem; } 
+
+  .price sup { font-size: 2rem; top: -4px; right: 2px; }
+  .pricing-3-table .price sup { font-size: 2.4rem; top: -22px; }
+  .pricing-4-table .price sup { font-size: 2.25rem; top: -8px; }
+
+  .pricing-3-table .price sup.coins { font-size: 2.4rem; top: -27px; letter-spacing: -2px; }
+
+  .price sup.validity { font-size: 1.45rem; }
+  .pricing-3-table .price sup.validity { font-size: 1.2rem; top: 0; margin-top: 20px; margin-bottom: 35px; }
+  .pricing-4-table .price sup.validity { font-size: 1.65rem; left: 4px; top: -2px; }
+
+  .price p { margin-top: 20px; margin-bottom: 15px; }
+  .text-center .price p { padding: 0; }
+
+  .pricing-features.mt-25 { margin-top: 20px; }
+
+  .pricing-1-table hr { margin-top: 30px; }
+  .pricing-2-table hr { margin-top: 20px; }
+
+  .pricing-1-table .pt-btn, .pricing-2-table .pt-btn { margin-top: 20px; }
+
+  /* Pricing Notice */
+  .col-lg-10 .pricing-notice p { padding: 0 4%; }
+  .pricing-notice .btn.mt-25 { margin-top: 20px; }
+
+  /* Pricing Toggle Button */
+  #pricing-4 .ext-toggle-btn { margin: 0 20px 25px 15px; }
+
+  .toggle-btn-md .toggler-txt { font-size: 1.0625rem; line-height: 32px; }
+  .toggle-btn-lg .toggler-txt { font-size: 1.1rem; line-height: 36px; }
+
+  .switch-wrap { min-width: 50px; height: 30px; }
+  .toggle-btn-md .switch-wrap { min-width: 55px; height: 32px; margin: 0 6px; }
+  .toggle-btn-lg .switch-wrap { min-width: 60px; height: 36px; margin: 0 12px; }
+
+  .switcher { font-size: 0.9rem; height: 30px; }
+  .toggle-btn-md .switcher { height: 32px; padding: 0 10px 0 30px; border-radius: 32px; }
+  .toggle-btn-lg .switcher { height: 36px; padding: 0 15px 0 35px; border-radius: 36px; }
+
+  .switcher .show-annual, .switcher .show-monthly { line-height: 30px; }
+  .toggle-btn-md .switcher .show-annual, .toggle-btn-md .switcher .show-monthly { line-height: 32px; }
+  .toggle-btn-lg .switcher .show-annual, .toggle-btn-lg .switcher .show-monthly { line-height: 36px; }
+
+  .switcher:before { left: 4px; bottom: 4px; width: 22px; height: 22px; }
+  .toggle-btn-md .switcher:before { left: 5px; bottom: 5px; width: 22px; height: 22px; }
+  .toggle-btn-lg .switcher:before { left: 5px; bottom: 5px; width: 26px; height: 26px; }
+  .switcher.bg--grey:before, .switcher.bg--tra-white:before, .switcher.bg--ghost-white:before { left: 4px; bottom: 3px; }
+
+  .toggle-btn-md .switch-wrap input:checked + .switcher { padding: 0 30px 0 10px; }
+  .toggle-btn-lg .switch-wrap input:checked + .switcher { padding: 0 35px 0 15px; }
+
+  /* Pricing Compare */
+  .comp-table .table-responsive.mb-50 { margin-bottom: 30px; }
+  .comp-table .table-responsive thead th { font-size: 1.1rem; }
+  .comp-table .table-responsive tbody th { font-size: 1rem; }
+  .comp-table .table-responsive tbody td { font-size: 0.975rem; top: 1px; }
+  .comp-table .table-responsive tbody td span { top: 2px; }
+
+  .table-responsive .ico-15 [class*="flaticon-"]:before, 
+  .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.785rem; }
+
+  .table-responsive .ico-20 [class*="flaticon-"]:before, 
+  .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 1.0625rem; }
+
+  .comp-table-payment h6 { margin-bottom: 14px; }
+  .comp-table-payment p { font-size: 0.965rem; }
+
+  /* TEAM */
+  #tm-2-1, #tm-2-4, #tm-2-7, #tm-2-10 { margin-right: 10px; }
+  #tm-2-2, #tm-2-5, #tm-2-8, #tm-2-11 { margin-left: 5px; margin-right: 5px; }
+  #tm-2-3, #tm-2-6, #tm-2-9, #tm-2-12 { margin-left: 10px; }
+
+  .team-member-photo { margin-bottom: 20px; }
+  #team-2 .team-member-data { margin-left: 5px; }
+
+  .team-member-data h6.s-20 { margin-bottom: 6px; }
+  ul.tm-social { top: 0; right: 5px; }
+
+  .team-section .more-btn.mt-20 { margin-top: 10px; }
+
+  /* CAREERS */
+  #careers-1 { padding-bottom: 56px; }
+  .role-box { padding: 22px 30px; margin-bottom: 24px; }
+  .role-box-txt span, #careers-1 .role-box span { font-size: 0.825rem; margin-bottom: 14px; }
+  .role-box-txt p { margin-bottom: 10px; }
+
+  /* CAREER ROLE */
+  #role-page .inner-page-title { margin-bottom: 35px; }
+  #role-page .inner-page-title span { margin-bottom: 24px; }
+
+  .role-info hr { margin: 40px 0; }
+  #role-page .cbox-6-wrapper { margin: 35px 0; }
+  .role-info h5 { margin-bottom: 18px; }
+  .txt-block.role-info .btn { margin-top: 40px; }
+
+  /* BANNER */
+  #banner-12 { margin-top: 30px; margin-bottom: 5px; }
+  #banner-9 { padding-top: 70px; padding-bottom: 70px; }
+
+  .banner-1-wrapper .banner-overlay { padding: 60px 15% 70px; } 
+  .banner-2-wrapper .banner-overlay { padding: 60px 18% 70px; }
+  .banner-3-wrapper .banner-overlay { padding: 60px 22% 70px; }
+  .banner-11-wrapper .banner-overlay { padding: 10px 65px 0; } 
+  .banner-12-wrapper .banner-overlay, .banner-13-wrapper .banner-overlay { padding-left: 65px; } 
+  .banner-16-wrapper .banner-overlay { padding: 40px 20%; }
+
+  .banner-9-txt { padding-left: 15px; padding-right: 30%; }
+  .banner-10-txt { padding-left: 25px; }
+  .banner-12-txt { padding-right: 10%; }
+
+  .banner-section .section-id { margin-bottom: 25px; }
+  #banner-15.banner-section .section-id { margin-bottom: 30px; }
+
+  .banner-1-txt h2 { margin-bottom: 16px; }
+  .banner-2-txt h2 { padding: 0 2%; margin-bottom: 30px; }
+  .banner-4-txt h2 { margin-bottom: 25px; }
+  .col-md-8 .banner-5-txt h2 {padding: 0 5%; }
+  .banner-7-txt h2 { margin-bottom: 30px; }
+  .banner-10-txt h2 { margin-bottom: 22px; }
+  .banner-11-txt h2, .banner-12-txt h2 { margin-bottom: 18px; }
+  .banner-13-txt h2 { padding-right: 4%; margin-bottom: 18px; }
+  .banner-15-txt h2 { margin-bottom: 40px; }
+  .banner-16-txt h4 { margin-bottom: 10px; }
+
+  .banner-section p.p-lg, .banner-section p.p-xl { margin-bottom: 25px; }
+  .sm-title .banner-1-txt p.p-lg, .sm-title .banner-1-txt p.p-xl { margin-top: 10px; margin-bottom: 20px!important; }
+  .banner-3-txt p.p-lg, .banner-3-txt p.p-xl, .banner-5-txt p.p-lg, .banner-5-txt p.p-xl { margin-top: 15px; }
+  .banner-5-txt p.s-21, .banner-5-txt p.s-22 { margin-top: 15px;margin-bottom: 21px; }
+  .banner-6-txt p.p-lg, .banner-6-txt p.p-xl { margin-top: 12px; margin-bottom: 22px!important; }
+  .banner-9-txt p.p-lg, .banner-9-txt p.p-xl { margin-top: 15px; margin-bottom: 22px!important; }
+  .banner-14-txt p.p-lg { margin-top: 28px; margin-bottom: 28px; }
+
+  .banner-5-txt .btns-group.mt-35 { margin-top: 30px; }
+  .banner-8-buttons.mt-20 { margin-top: 8px; }
+  .banner-15-txt .download-links { margin-top: 20px; }
+  .banner-16-txt .txt-block-tra-link.mt-15 { margin-top: 10px; }
+ 
+  .banner-9-img { padding-right: 15px; }
+  .banner-10-img { padding-left: 25px; }
+  .banner-12-img { margin: -30px -20px -20px -40px; }
+  .banner-13-img { margin: -60px -120px -70px -25px; }
+
+  /* DOWNLOAD */
+  .version-release { margin-bottom: 60px; }
+  .release-data { padding-bottom: 25px; margin-bottom: 25px; }
+  .release-data h5 { margin-bottom: 30px; }
+
+  span.version-data { font-size: 1.9rem; }
+  span.release-date { font-size: 1.1rem; }
+
+  /* FAQs */
+  #faqs-1, #faqs-4 { padding-bottom: 55px; }
+
+  .faqs-3-questions .questions-holder { padding: 0; }
+
+  /* FAQs Section Title */
+  #faqs-1 .section-title { margin-bottom: 30px; } 
+  #faqs-2 .inner-page-title { margin-bottom: 38px; }
+  #faqs-3 .section-title { margin-bottom: 55px; }
+
+  /* FAQs Accordion */
+  .faqs-section .accordion-thumb { padding: 20px 0 22px; }
+  #faqs-2.faqs-section .accordion-thumb { padding: 22px 0 28px; }
+
+  .faqs-section .accordion-item .accordion-thumb:after, 
+  .faqs-section .accordion-item.is-active .accordion-thumb:after { font-size: 0.9rem; top: 19px; right: 2px; }
+  #faqs-2.faqs-section .accordion-item .accordion-thumb:after, 
+  #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after { font-size: 1rem; top: 23px; right: 2px; }
+
+  .accordion-panel { padding: 0 0 5px 0; }
+  #faqs-2 .accordion-panel { padding: 35px 0 20px 0; } 
+  #faqs-2 .accordion-panel-item.mb-35 { margin-bottom: 30px; }
+  #faqs-3 .question.mb-35 { margin-bottom: 25px; }
+
+  .question h5, .accordion-panel-item h5 { margin-bottom: 15px; }
+
+  /* FAQs Tabs */
+  .faqs-section .tabs-1 {  margin: 0 auto 50px; }
+  #faqs-4 .tabs-content { padding: 0 15px; }
+
+  .faqs-section .tabs-1 { margin: 0 auto 50px; }
+  .faqs-section .tabs-1 li { min-width: 220px; padding: 25px 0; margin: 0 5px; }
+
+  /* More Questions Link */
+  #faqs-2 .more-questions { margin: 50px auto 0; }
+  #faqs-3 .more-questions.mt-40 { margin-top: 20px; }
+  .more-questions-txt { padding: 18px 44px; }
+  .more-questions-txt p { font-size: 1.125rem; }
+
+  /* NEWSLETTER */
+  #newsletter-1 .newsletter-overlay { padding-top: 45px; padding-bottom: 45px; }  
+  #newsletter-2 .newsletter-overlay { padding: 45px; }
+  #newsletter-3 { margin-top: 30px; margin-bottom: 30px; }
+  #newsletter-4 .newsletter-overlay, #newsletter-5 .newsletter-overlay { padding-top: 65px; padding-bottom: 55px; }
+
+  #newsletter-1 .newsletter-txt, #newsletter-2 .newsletter-txt { padding-right: 8%; }
+  #newsletter-3 .newsletter-txt { padding-right: 12%; }
+  #newsletter-3 .col-lg-6 .newsletter-txt { padding-right: 3%; }
+
+  .newsletter-txt h2 { margin-bottom: 25px; }
+  #newsletter-4 .newsletter-txt h2 { margin-bottom: 30px; }
+
+  #newsletter-1 .newsletter-form { margin-top: 25px; padding-left: 8%; }
+  #newsletter-2 .newsletter-form { margin-top: 25px; padding-left: 8%; }
+  #newsletter-5 .newsletter-form { margin-top: 30px; padding: 0 8%; }
+
+  .newsletter-section .form-control { height: 50px; }
+  #newsletter-1.newsletter-section .form-control { height: 50px; font-size: 0.975rem; }
+  #newsletter-5.newsletter-section .form-control { height: 54px; font-size: 1.0625rem; }
+
+  .newsletter-section .btn { height: 50px; }
+  #newsletter-1 .btn { height: 50px; font-size: 0.925rem; padding: 0.7rem 1.3rem; }
+  #newsletter-5.newsletter-section .btn { height: 54px; }
+
+  #newsletter-3 .newsletter-img { margin-top: -30px; margin-bottom: -30px; }
+  #newsletter-3 .col-lg-6 .newsletter-img { padding-left: 50px; }
+
+  /* BLOG */
+  #blog-1.pb-60 { padding-bottom: 40px; }
+  #blog-1 .col-lg-4, #blog-page .col-lg-4 { padding-left: 10px; padding-right: 10px; }
+
+  .blog-post-img.mb-35 { margin-bottom: 25px; }
+  .post-tag { font-size: 0.85rem; margin-bottom: 15px; }
+
+  .blog-post-txt h6 { margin-bottom: 12px; }
+  .blog-post-txt h4.mb-20, .blog-post-txt h3 { margin-bottom: 16px; }
+
+  .blog-post-meta.mt-20 { margin-top: 14px; }
+  .blog-post-meta.mt-30 { margin-top: 16px; }
+  .meta-list-divider { padding: 0 1px; }
+
+  /* Blog Listing */
+  .wide-post { margin-bottom: 80px; }
+  .wide-post .blog-post-img { padding-right: 10px; }
+  .wide-post .blog-post-txt { padding-left: 10px; }
+
+  .square-post { margin-top: 20px; margin-bottom: 40px; }
+  .square-post .blog-post-txt { padding: 0 30px 0 50px; }
+
+  .posts-category { margin-top: 20px; margin-bottom: 40px; }
+  ..posts-category span { top: -1.5px; }
+  .posts-category.ico-20 [class*="flaticon-"]:before, 
+  .posts-category .more-projects.ico-20 [class*="flaticon-"]:after { font-size: 1.125rem; } 
+
+  /* Single Blog Post */
+  .single-post-title h3, .single-post-title h2 { padding: 0 10%; }
+  .single-post-txt h5, .single-post-txt h4 { margin-top: 16px; margin-bottom: 20px; }
+
+  .single-post-txt .blockquote p { font-size: 1.225rem; margin-bottom: 30px; }
+  .single-post-txt .blockquote-footer { font-size: 1.05rem; }
+
+  .post-share-list { margin-top: 40px; padding-bottom: 60px; }
+
+  .post-author-avatar { margin-right: 25px; }
+  .post-author-avatar img { width: 80px; height: 80px; }
+  .post-author-txt h5 { margin-bottom: 15px; }
+
+  .author-follow-btn { padding: 5px 12px; top: 60px; right: 10px; }
+  .author-follow-btn a { font-size: 0.875rem; }
+
+  .post-comments { padding-top: 60px; }
+  .post-comments img { width: 60px; height: 60px; }
+  .comment-meta { margin-bottom: 5px; }
+  .comment-meta h6 { margin-bottom: 5px; }
+  .comment-date, .btn-reply a { font-size: 1rem; } 
+
+  .post-comments #leave-comment h5 {; margin-top: 60px; }
+  .comment-form .form-control { height: 52px; font-size: 1.05rem; }
+  .comment-form textarea { min-height: 190px; }
+
+  /* CONTACTS */
+  #contacts-1 .contact-form .contact-form-notice p { font-size: 0.875rem; margin-top: 30px; }
+  
+  #contacts-1 .contact-form .col-md-12 span { margin-bottom: 15px; }
+  .contact-form .form-control, .contact-form .form-select { height: 54px; }
+  .contact-form textarea { min-height: 190px; }
+
+  /* FOOTER */
+  .footer { padding-bottom: 35px; }
+  .footer hr { margin-top: 10px; margin-bottom: 35px; }
+
+  #footer-10.pt-50 { padding-top: 10px; }
+
+  img.footer-logo, img.footer-logo-dark { max-height: 34px; }
+  #footer-6 .footer-logo, #footer-7 .footer-logo { margin-bottom: 25px; }
+  #footer-10 img.footer-logo { max-height: 39px; }
+
+  .footer h6 { margin-bottom: 20px; }
+
+  #footer-1 .footer-info { padding-right: 5%; }
+  #footer-3 .footer-info { margin-bottom: 50px; }
+  #footer-10 .footer-info { margin-bottom: 30px; padding-bottom: 40px; }
+
+  #footer-2 .footer-links.fl-1 { padding-left: 34%; }
+  #footer-2 .footer-links.fl-2 { padding-left: 22%; }
+  #footer-2 .footer-links.fl-3 { padding-left: 0%; }
+  #footer-2.ft-2-ntr .footer-links.fl-1 { padding-left: 25%; }
+  #footer-2.ft-2-ntr .footer-links.fl-2 { padding-left: 0; }
+  #footer-3.ft-3-ntr .footer-links.fl-3 { padding-left: 28%; }
+
+  #footer-8 .footer-info, #footer-8 .footer-links { margin-bottom: 20px; }
+  #footer-10 .footer-links { margin-bottom: 10px; }
+
+  #footer-1 .footer-info .footer-mail-link { margin-top: 35px; }
+  #footer-2 .footer-links .footer-mail-link, #footer-3 .footer-links .footer-mail-link { margin-bottom: 14px; }
+
+  .footer-mail-link { font-size: 1.0625rem; }
+
+  .foo-links li a span.ext-link { left: 3px; top: 1px; }
+  .foo-links.ico-15 [class*="flaticon-"]:before, .foo-links.ico-15 [class*="flaticon-"]:after { font-size: 0.815rem; }
+
+  .footer-socials.ico-20 a, .footer-socials.ico-25 a { margin-right: 14px; } 
+  .footer-socials.ico-25 [class*="flaticon-"]:before, .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.1875rem; }
+
+  #footer-2 .footer-form, #footer-3 .footer-form { padding-left: 5%; }
+  .footer-form .form-control, .footer-form .btn { height: 28px; }
+
+  .footer-form .ico-15 [class*="flaticon-"]:before, 
+  .footer-form .ico-15 [class*="flaticon-"]:after { line-height: 24px!important; }
+
+  /* INNER PAGE WRAPPER */
+  .inner-page-hero { padding-top: 160px; }
+  .page-hero-section-overlay { padding-top: 120px; }
+  .inner-page-title { margin-bottom: 60px; }
+  .inner-page-title p { font-size: 1.15rem; margin-top: 18px; }
+  .page-hero-section h2 { line-height: 1.25;  padding-right: 3%; margin-bottom: 20px; }
+
+  /* TERMS, PRIVACY, COOKIES */
+  .txt-block.legal-info h5 { margin-top: 25px; margin-bottom: 25px; }
+  .txt-block.legal-info h4 { margin-top: 60px; margin-bottom: 25px; }
+  .txt-block.legal-info h4 span, .txt-block.legal-info h5 span { margin-right: 2px; }
+
+  /* SIGN IN / SIGN UP */
+  #reset-password { padding-bottom: 80px; }
+
+  .register-page-txt img { max-height: 30px; margin-bottom: 45px; }
+  .login-page-logo { margin-bottom: 40px; }
+  .login-page-logo img { max-height: 40px; }
+
+  .register-form-title { margin-bottom: 30px; }
+
+  #login .register-page-txt, #signup .register-page-txt { padding: 60px 45px; }
+
+  #signup .register-page-txt h2 { line-height: 1; }
+
+  #login .register-page-copyright { left: 45px; bottom: 40px; }
+  #signup .register-page-copyright { right: 45px; bottom: 40px; }
+  .register-page-copyright p { font-size: 0.9rem; }
+
+  #login .register-page-form { padding: 50px 45px 50px 35px; }
+  #signup .register-page-form { padding: 50px 35px 50px 45px; }
+
+  #login.login-1 .register-page-form, #signup.signup-1 .register-page-form { padding: 10px 30px; }
+
+  .separator-line { margin: 20px 0; }
+  .register-page-form p.input-header { font-size: 0.9rem; margin-bottom: 10px; padding-left: 5px; }
+  .register-page-form p.create-account { margin-top: 20px; }
+
+  .reset-form-title { margin-bottom: 25px; }
+  .reset-form-title p.p-sm { font-size: 0.95rem; margin-top: 20px; }
+
+  .reset-page-wrapper { margin: 0; }
+  .reset-page-wrapper form {  padding: 40px 25px 15px; }
+
+  .reset-page-wrapper .form-control, .register-page-form .form-control { height: 54px; margin-bottom: 20px; }
+
+  #login .register-page-form .btn.submit { height: 54px; margin-top: 12px; }
+  #signup .register-page-form .btn.submit { height: 54px; margin-top: 20px; }
+
+  .btn-show-pass { top: 18px; }
+
+  /* PAGE 404 */
+  .page-404-txt { padding-top: 160px; padding-bottom: 80px; }
+  .page-404-txt h2 { margin-bottom: 20px; }
+  .page-404-txt h6 { padding: 0 8%; margin-bottom: 25px; }
+  .page-404-img { padding: 0 8%; margin-bottom: 40px; }
+
+  /* MODAL */
+  #modal-1 .modal-dialog { max-width: 580px; }
+  #modal-2 .modal-dialog { width: 350px; }
+  #modal-3 .modal-dialog.modal-xl { width: 700px; }
+
+  #modal-2 .modal-body-content { padding: 30px 30px 10px; }
+  #modal-3 .modal-body-content { padding: 50px 30px 40px; }
+
+  .modal-body .newsletter-form { margin-top: 20px; }
+  .modal .newsletter-form .form-control, .modal .newsletter-form .btn { height: 50px; font-size: 0.975rem; }
+
+  #modal-3 .request-form-title p { margin-top: 15px; margin-bottom: 20px; }
+  #modal-3 .request-form .btn { height: 54px; font-size: 0.975rem; }
+
+
+
+}
+
+
+
+
+/* ------------------------------------------------------------------------ */
+/* ------------------------------------------------------------------------ */
+/* ------------------------------------------------------------------------ */
+
+@media (min-width: 768px) and (max-width: 991.98px) { 
+
+  /*------------------------------------------*/
+  /*  BASE
+  /*------------------------------------------*/
+
+  html { font-size: 85%; } 
+
+  .py-5 { padding-top: 0; padding-bottom: 0; }
+  .py-10 { padding-top: 0; padding-bottom: 0; }
+  .py-15 { padding-top: 5px; padding-bottom: 5px; }
+  .py-20 { padding-top: 10px; padding-bottom: 10px; }
+  .py-30 { padding-top: 15px; padding-bottom: 15px; }
+  .py-40 { padding-top: 20px; padding-bottom: 20px; }
+  .py-50 { padding-top: 30px; padding-bottom: 30px; }
+  .py-60 { padding-top: 40px; padding-bottom: 40px; }
+  .py-70 { padding-top: 50px; padding-bottom: 50px; }
+  .py-80 { padding-top: 50px; padding-bottom: 50px; }
+  .py-90 { padding-top: 60px; padding-bottom: 60px; }
+  .py-100 { padding-top: 70px; padding-bottom: 70px; }
+
+  .pt-30 { padding-top: 10px; }
+  .pt-40 { padding-top: 20px; }
+  .pt-50 { padding-top: 30px; }
+  .pt-60 { padding-top: 40px; }
+  .pt-70 { padding-top: 50px; }
+  .pt-80 { padding-top: 50px; }
+  .pt-90 { padding-top: 60px; }
+  .pt-100 { padding-top: 70px; }
+
+  .pb-30 { padding-bottom: 10px; }
+  .pb-40 { padding-bottom: 20px; }
+  .pb-50 { padding-bottom: 30px; }
+  .pb-60 { padding-bottom: 40px; }
+  .pb-70 { padding-bottom: 50px; }
+  .pb-80 { padding-bottom: 50px; }
+  .pb-90 { padding-bottom: 60px; }
+  .pb-100 { padding-bottom: 70px; }
+
+  .mt-40 { margin-top: 30px; }
+  .mt-45 { margin-top: 35px; }
+  .mt-50 { margin-top: 30px; }
+  .mt-55 { margin-top: 35px; }
+  .mt-60 { margin-top: 50px; }
+  .mt-65 { margin-top: 55px; }
+  .mt-70 { margin-top: 50px; }
+  .mt-75 { margin-top: 55px; }
+  .mt-80 { margin-top: 50px; }
+  .mt-85 { margin-top: 55px; }
+  .mt-90 { margin-top: 60px; }
+  .mt-95 { margin-top: 65px; }
+  .mt-100 { margin-top: 70px; }
+
+  .mb-40 { margin-bottom: 30px; }
+  .mb-45 { margin-bottom: 35px; }
+  .mb-50 { margin-bottom: 30px; }
+  .mb-55 { margin-bottom: 35px; }
+  .mb-60 { margin-bottom: 50px; }
+  .mb-65 { margin-bottom: 55px; }
+  .mb-70 { margin-bottom: 50px; }
+  .mb-75 { margin-bottom: 55px; }
+  .mb-80 { margin-bottom: 50px; }
+  .mb-85 { margin-bottom: 55px; }
+  .mb-90 { margin-bottom: 60px; }
+  .mb-95 { margin-bottom: 65px; }
+  .mb-100 { margin-bottom: 70px; }
+
+  /* Backgroud Shape */
+  .shape--02:after { width: 140%; height: 82%; top: 12%; left: -20%; }
+  .shape--03:after { height: 129%; top: -60px; }
+  .shape--04:after { height: 80%; top: 10%; }
+
+  ol.digit-list p { margin-bottom: 5px; }
+
+  /* Font Size */
+  .s-15, .s-16 { font-size: 1rem; }                /* 13.6px */
+  .s-17, .s-18 { font-size: 1.066176rem; }         /* 14.5px */
+  .s-19 { font-size: 1.3rem; }                     /* 18px */
+  .s-20, .s-21, .s-22, .s-23 { font-size: 1.397058rem; }  /* 19px */
+  .s-24, .s-26, .s-28 { font-size: 1.470588rem; }  /* 20px */
+  .s-30, .s-32, .s-34 { font-size: 1.764705rem; }  /* 24px */ 
+  .s-36, .s-38, .s-40 { font-size: 1.98529rem; }   /* 27px */   
+  .s-42, .s-43, .s-44, .s-45 { font-size: 2.20588rem; }   /* 30px */
+  .s-46 { font-size: 2.35294rem; }                 /* 32px */
+  .s-47 { font-size: 2.42647rem; }                 /* 33px */
+  .s-48 { font-size: 2.5rem; }                     /* 34px */ 
+  .s-50 { font-size: 2.64705rem; }                 /* 36px */ 
+  .s-52, .s-54 { font-size: 2.79411rem; }          /* 38px */
+  .s-56 { font-size: 2.94117rem; }                 /* 40px */
+  .s-58 { font-size: 3.08823rem; }                 /* 42px */
+  .s-60 { font-size: 3.23529rem; }                 /* 44px */
+  .s-62 { font-size: 3.38235rem; }                 /* 46px */
+  .s-64 { font-size: 3.52941rem; }                 /* 48px */
+  .s-66 { font-size: 3.67647rem; }                 /* 50px */
+  .s-68 { font-size: 3.82352rem; }                 /* 52px */
+
+  /* Paragraphs */
+  p.p-sm { font-size: 1rem; }                 
+  p.p-md, p.p-lg { font-size: 1.066176rem; } 
+
+  /* Transparent Link */
+  a.tra-link { font-size: 1.0625rem; }
+  .tra-link.ico-20 [class*="flaticon-"]:before, 
+  .tra-link.ico-20 [class*="flaticon-"]:after { font-size: 0.785rem; line-height: 0.7rem!important; top: 2px; left: 2px; }
+
+  /* Button */
+  .btn.btn-sm { font-size: 0.975rem; padding: 0.65rem 1.35rem; }
+  .btn.ico-30.ico-left { padding: 0.3665rem 0; }
+  .btns-group .btn.ico-30.ico-left, .btns-group .btn.ico-30.ico-right { padding: 0.31175rem 0.5rem; }
+
+  /* Buttons Group */
+  .btns-group .btn:first-child { margin-right: 10px; }
+
+  /* Button Icon */
+  .btn.ico-20 [class*="flaticon-"]:before, 
+  .btn.ico-20 [class*="flaticon-"]:after { font-size: 1rem; line-height: 0.65rem!important;top: 3px; }
+
+  .btn.ico-30 [class*="flaticon-"]:before, .btn.ico-30 [class*="flaticon-"]:after { font-size: 2rem; }
+
+  .btn.ico-30.ico-left span.ico-30-txt { font-size: 1.065rem; top: -8px; margin-right: 0; }
+  .btn.ico-30.ico-right span.ico-30-txt { font-size: 1.065rem; top: -8px; margin-left: 0; }
+  .btn.ico-left span { margin-right: 2px; }
+  .btn.ico-right span { margin-left: 2px; }
+
+  /* Button Text */
+  p.btn-txt { margin: 13px 0 0 0; }
+  p.btns-group-txt, .btn-rating { margin: 15px 0 0 0; }
+  .text-center p.btns-group-txt { margin-top: 18px; }
+  .star-rating span.rating-txt { font-size: 1rem; }
+
+  /* OS Button */
+  .os-btn { width: 240px; min-width: 240px; padding: 14px 15px 12px; }
+  .os-btn-ico { margin-right: 14px; }
+  .os-btn-txt p { margin-top: 4px; }
+
+  .btn-os.mb-15 { margin-bottom: 15px; }
+  .btn-os.mr-15 { margin-right: 10px; }
+
+  /* Store Badges*/
+  .badge-img-xs .store img { max-height: 2.595rem; }
+  .badge-img-sm .store img { max-height: 2.72rem; }
+  .badge-img-md .store img { max-height: 2.97rem; }
+  .badge-img-lg .store img { max-height: 3.095rem; }
+
+  /* Watch Video Link */
+  .watch-video { margin-top: 18px; }
+  .watch-video-link { margin-right: 10px; }
+  .watch-video-link span[class^="flaticon-"]:before, .watch-video-link span[class^="flaticon-"]:after { margin-left: 3px; }
+  p.video-txt-lg { font-size: 1.1rem; }
+  p.video-txt-sm { font-size: 1rem; }
+
+  /* Video Popup Icon */
+  .video-btn-xl { width: 7rem; height: 7rem; margin-top: -3.5rem; margin-left: -3.5rem; }
+  .video-btn-lg { width: 6.5rem; height: 6.5rem; margin-top: -3.125rem;; margin-left: -3.125rem;; }
+  .video-btn-md { width: 5.625rem; height: 5.625rem; margin-top: -2.8125rem; margin-left: -2.8125rem; }
+  .video-btn-sm { width: 5rem; height: 5rem; margin-top: -2.5rem; margin-left: -2.5rem; }
+
+  .video-btn.video-btn-xl [class^="flaticon-"]:before, .video-btn.video-btn-lg [class^="flaticon-"]:after {
+    font-size: 5.5rem; line-height: 7rem!important; margin-left: 8px;
+  }
+
+  .video-btn.video-btn-lg [class^="flaticon-"]:before, .video-btn.video-btn-lg [class^="flaticon-"]:after {
+    font-size: 5rem; line-height: 6.25rem!important; margin-left: 10px;
+  }
+
+  .video-btn.video-btn-md [class^="flaticon-"]:before, .video-btn.video-btn-lg [class^="flaticon-"]:after {
+    font-size: 4.5rem; line-height: 5.625rem!important; margin-left: 8px;
+  }
+
+  .video-btn.video-btn-sm [class^="flaticon-"]:before, .video-btn.video-btn-md [class^="flaticon-"]:after {
+    font-size: 4.35rem; line-height: 5rem!important; margin-left: 8px;
+  }
+
+  /* Vector Icon Background */ 
+  .ico-50 .shape-ico svg { width: 95px; height: 95px; top: -25px; left: calc(50% - 50px); }
+  .fbox-11 .ico-50 .shape-ico svg { top: -30px; left: calc(50% - 52px); }
+  .ico-55 .shape-ico svg { width: 100px; height: 100px; top: -30px; left: calc(50% - 55px); }
+  .ico-60 .shape-ico svg { width: 105px; height: 105px; top: -20px; left: calc(50% - 50px); }
+
+  /* Vector Rounded Icons */
+  .ico-rounded { width: 70px; height: 70px; }
+  .ico-rounded-md { width: 70px; height: 70px; }
+  .ico-rounded-lg { width: 80px; height: 80px; }
+
+  .ico-rounded [class*="flaticon-"]:before, 
+  .ico-rounded [class*="flaticon-"]:after { font-size: 2.5rem; line-height: 70px!important; }
+
+  .ico-rounded-md [class*="flaticon-"]:before, 
+  .ico-rounded-md [class*="flaticon-"]:after { font-size: 2.5rem; line-height: 70px!important; }
+
+  .ico-rounded-lg [class*="flaticon-"]:before, 
+  .ico-rounded-lg [class*="flaticon-"]:after { font-size: 2.875rem; line-height: 80px!important; }
+
+  /* Vector Square Icons */
+  .ico-square { width: 70px; height: 70px; }
+  .ico-square [class*="flaticon-"]:before, 
+  .ico-square [class*="flaticon-"]:after { font-size: 2.5rem; line-height: 70px!important; }
+
+  /* Section ID */
+  .section-id { margin-bottom: 25px; }
+  .section-id.rounded-id { padding: 7px 22px; margin-bottom: 30px; }
+
+  /* Section Title */
+  .section-title.mb-60, .section-title.mb-70, .section-title.mb-80 { margin-bottom: 40px; }
+
+  .section-title p.p-md, .section-title p.p-lg, .section-title p.p-xl { margin-top: 12px; }
+  .section-title p.s-20, .section-title p.s-21 { font-size: 1.32352rem; margin-top: 12px; }
+  .section-title p.p-md, .section-title p.p-lg { padding: 0; }
+
+  .section-title .btns-group.mt-25 { margin-top: 18px; }
+  .section-title .btns-group.mt-35 { margin-top: 22px; }
+  .section-title .stores-badge.mt-30 { margin-top: 25px; }
+
+  .section-title .advantages, .section-title .btns-txt, .section-title .btns-group-txt { margin-top: 15px; }
+
+  /*------------------------------------------*/
+  /*  PRELOAD ANIMATION    
+  /*------------------------------------------*/
+
+  #loading-center { height: 90px; width: 90px; margin-top: -45px; margin-left: -45px; }
+  .loader { width: 90px; height: 90px; }
+  .loader::after { border: 45px solid; }
+
+  /*------------------------------------------*/
+  /*  NAVIGATION MENU    
+  /*------------------------------------------*/
+
+  .headtoppart { display: none; }
+
+  .wsmobileheader .smllogo { display: block; margin-top: 22px; padding-left: 22px; }
+  .blog-header .wsmobileheader .smllogo { margin-top: 28px; }
+  .smllogo img { width: auto; max-width: inherit; max-height: 34px; }
+  .blog-header .smllogo img { max-height: 28px; }
+
+  .wsmobileheader { height: 80px; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); } 
+  .tra-menu .wsmobileheader, .white-menu .wsmobileheader { background-color: #fff; }
+  .dark-menu .wsmobileheader, .black-scroll .wsmobileheader { background-color: #1d222f; }
+
+  .theme--dark .tra-menu .wsmobileheader, 
+  .theme--dark .white-menu .wsmobileheader { 
+    background-color: #1d222f!important; 
+    -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+    -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+    box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  }
+
+  /* Mobile Header Phone Icon */
+  .wsmenu > .wsmenu-list > li.header-phone > a { font-size: 19px; padding: 7px 32px 6px 15px; margin: 0; }
+  .wsmenu > .wsmenu-list > li.header-phone > a span { width: 24px; height: 24px;line-height: 25px;top: 3px; }
+
+  /* Mobile Header Burger Menu */
+  .wsanimated-arrow { padding: 14px 22px 14px 0px; margin: 24px 28px 0 0; }
+  .wsanimated-arrow span:before { top: -8px; width: 26px; }
+  .wsanimated-arrow span:after { bottom: -8px; width: 20px; }
+
+  .dark-menu .wsanimated-arrow span, .dark-menu .wsanimated-arrow span:before, 
+  .dark-menu .wsanimated-arrow span:after, .black-scroll .wsanimated-arrow span, 
+  .black-scroll .wsanimated-arrow span:before, .black-scroll .wsanimated-arrow span:after { background: #fff; }
+
+  .theme--dark .wsanimated-arrow span, .theme--dark .wsanimated-arrow span:before, 
+  .theme--dark .wsanimated-arrow span:after { background: #b1b7cd; }
+
+  .wsactive .wsanimated-arrow span:before, .wsactive .wsanimated-arrow.active span:after { width: 28px; top: 0; }
+  .wsactive .wsanimated-arrow span:after { width: 28px; top: 0; }
+  .wsactive .wsanimated-arrow span { background: transparent; }
+
+  .wsmenu > .wsmenu-list > li > .wsmenu-click { height: 64px; }
+  .wsmenu > .wsmenu-list > li.mobile-last-link > a { border-bottom: none; }
+
+  /* Dark Header Settings */
+  .dark-menu .wsmenu > .wsmenu-list, .black-scroll .wsmenu > .wsmenu-list { background-color: #2c3142!important; }
+
+  .dark-menu .wsmenu > .wsmenu-list > li > a, 
+  .black-scroll .wsmenu > .wsmenu-list > li > a { border-bottom-color: rgba(255, 255, 255, .13); }
+
+  .dark-menu .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before,
+  .black-scroll .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before { border-color: rgba(255, 255, 255, .85); }
+
+  /* Nav Link */
+  .wsmenu > .wsmenu-list > li > a { font-size: 1.25rem; line-height: 46px; padding: 5px 32px 4px 20px; margin: 0; }
+  .tra-menu .wsmenu > .wsmenu-list > li > a, .tra-menu.navbar-light .wsmenu > .wsmenu-list > li > a { color: #666; }
+  .black-scroll .wsmenu > .wsmenu-list > li > a.h-link { color: #fff; }
+  .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 10px; width: 10px; margin: 21px 18px 0px 0px; }
+  .wsmenu > .wsmenu-list > li .wsmenu-click.ws-activearrow > i { transform: rotate(-45deg); margin-top: 28px; }
+
+  .theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a,
+  .theme--dark .navbar-dark .wsmenu > .wsmenu-list > li > a { color: #fff!important; }
+
+  /* Nav Link Info */
+  span.sm-info { width: 22px; height: 22px; font-size: 0.95rem; line-height: 20px; top: -1px; }
+
+  /* SubMenu / HalfMenu / MegaMenu */
+  .wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu { width: 100%!important; min-width: 100%!important; }
+
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { width: 100%!important; padding: 10px; }
+
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { width: 100%!important; left: 0; padding: 12px 10px; }
+
+  .wsmegamenu.w-75 .col-lg-3, .wsmegamenu.icons-menu.w-75 .col-lg-4, 
+  .wsmegamenu.halfmenu .col-lg-6, .wsmegamenu.halfmenu.icons-menu .col-lg-6 { padding: 0; }
+
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { right: 0; }
+
+  .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { top: 5px; -webkit-border-radius: 0; -moz-border-radius: 0; 
+  -o-border-radius: 0; -webkit-box-shadow: 0 0; -moz-box-shadow: 0 0; box-shadow: 0 0; border-bottom: 1px solid #ddd; }
+
+  .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu { 
+    opacity: 1!important; visibility: visible!important; -webkit-transform: rotateX(0deg);
+    -moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);-o-transform: rotateX(0deg);transform: rotateX(0deg); 
+  }
+
+  .dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu, .dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu,
+  .dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu, 
+  .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { 
+    border-bottom: 1px solid rgba(255, 255, 255, .13)!important; -webkit-box-shadow: 0 0; -moz-box-shadow: 0 0;box-shadow: 0 0; 
+  }
+
+  .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu,
+  .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { background-color: #2c3142!important; }
+
+  /* Sub Menu / Half Menu / Mega Menu Links */
+  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { 
+    color: #666; font-size: 1.1765rem; padding: 15px 14px; 
+  }
+
+  /* Black Scroll */
+  .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+  .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+  .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+    color: #ddd;
+    background-color: rgba(255, 255, 255, 0)!important;
+  }
+
+  /* Sub Menu / Half Menu / Mega Menu Links Hover */
+  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 15px 14px; text-decoration: none; }
+
+  /* Black Scroll */
+  .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
+  .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+  .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+    background-color: rgba(255, 255, 255, .05)!important;
+  }
+
+  /* Sub Menu / Half Menu / Mega Menu Icons */
+  .icons-menu.ico-30 [class*="flaticon-"]:before, .icons-menu.ico-30 [class*="flaticon-"]:after { font-size: 2.1875rem; }
+  .icons-menu.ico-40 [class*="flaticon-"]:before, .icons-menu.ico-40 [class*="flaticon-"]:after { font-size: 2.5rem; }
+
+  .icons-menu-ico { margin-right: 14px; }
+  .wsmegamenu.ico-30 .icons-menu-ico span { top: 8px!important; }
+
+  .icons-menu-txt h6 { font-size: 1.1765rem; }
+  .icons-menu-txt span { font-size: 1.066176rem; }
+
+  .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title { font-size: 1.1765rem; padding: 0 14px; margin-bottom: 10px; } 
+
+  .dark-menu .title, .black-scroll .title, 
+  .dark-menu .icons-menu-txt span, .black-scroll .icons-menu-txt span { color: #b1b7cd!important; } 
+
+  /* Button */
+  .wsmenu > .wsmenu-list > li a.btn {  
+    font-size: 1.25rem;
+    line-height: 44px; 
+    border-width: 2px;
+    padding: 5px 22px;
+    margin: 1px 0 2px 0;
+    -webkit-border-radius: 0; 
+    -moz-border-radius: 0; 
+    border-radius: 0; 
+  }
+
+  .wsmenu > .wsmenu-list > li a.btn.reg-btn { line-height: 44px; padding: 5px 22px; }
+  .wsmenu > .wsmenu-list > li a.btn.fst-btn-link, .wsmenu > .wsmenu-list > li.reg-fst-link > a { margin-left: 0; }
+
+  /* Header Store Badges */
+  .wsmenu > .wsmenu-list > li a.store.header-store { margin: 5px 0 0 12px; display: block; float: none; border-bottom: none; }
+  .store.header-store img { max-height: 46px; }
+
+  /* Header Social Links */
+  .wsmenu > .wsmenu-list > li.header-socials { display: block; }
+  .header-socials a { margin-left: 25px; }
+  .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.65rem; } 
+
+  /* Navbar Transparent Buttons */
+  .white-scroll .btn--tra-black { color: #fff!important; background-color: #353f4f!important; border-color: #353f4f!important; }
+
+  .black-scroll .btn--tra-white, 
+  .black-scroll .btn--tra-black { color: #353f4f!important; background-color: #fff!important; border-color: #fff!important; }
+
+  .white-scroll .btn--tra-grey, 
+  .black-scroll .btn--tra-grey { color: #353f4f!important; background-color: #eee!important; border-color: #eee!important; }
+
+  /* Navbar Buttons Hover */
+  .white-scroll .hover--tra-white:hover
+  { color: #353f4f!important; border-color: #353f4f!important; background-color: transparent!important; }
+
+  .theme--dark .white-scroll .hover--tra-white:hover
+  { color: #fff!important; border-color: #fff!important; background-color: transparent!important; }
+
+  .white-scroll .hover--blue:hover, 
+  .black-scroll .hover--blue:hover { color: #fff!important; border-color: #007aff!important; background-color: #007aff!important; }
+
+  .white-scroll .hover--tra-blue:hover, .black-scroll .hover--tra-blue:hover 
+  { color: #007aff!important; border-color:#007aff!important; background-color: transparent!important; }
+
+  .white-scroll .hover--violet:hover, 
+  .black-scroll .hover--violet:hover {color: #fff!important;border-color: #b55e98!important;background-color: #b55e98!important;}
+
+  .white-scroll .hover--tra-violet:hover, .black-scroll .hover--tra-violet:hover 
+  { color: #b55e98!important; border-color: #b55e98!important; background-color: transparent!important; }
+
+  .theme--dark .wsmenu > .wsmenu-list { background-color: #2c3142!important; }
+  .theme--dark .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before { border-color: rgba(255, 255, 255, 1); }
+
+  .theme--dark .navbar-dark .hover--tra-black:hover,
+  .theme--dark .navbar-dark .scroll .hover--tra-black:hover {
+    color: #fff!important;background-color:transparent!important;border-color: #fff!important; 
+  }
+
+  /*------------------------------------------*/
+  /*   HERO   
+  /*------------------------------------------*/
+
+  .hero-section { margin-top: 80px; }
+
+  .hero-section h2 { margin-bottom: 18px; }
+  .hero-section h2.s-48, .hero-section h2.s-50 { margin-bottom: 24px; }
+
+  .hero-section p.p-md, .hero-section p.p-lg, .hero-section p.p-xl { margin-bottom: 24px; }
+  .hero-section p.s-20, .hero-section p.s-22, .hero-section p.s-24 { margin-bottom: 26px; }
+  .hero-section p.s-21 { font-size: 1.397058rem; margin-bottom: 22px; }
+  .hero-section .btn.mt-10, .hero-section .btns-group.mt-10 { margin-top: 5px; }
+  .hero-section .btn.mt-15, .hero-section .btns-group.mt-15 { margin-top: 8px; }
+
+  /* HERO LOGO */
+  .hero-logo { margin-bottom: 30px; }
+  .hero-logo img { max-height: 28px; }
+  .hero-square-logo img { max-height: 65px; }
+
+  /* HERO APP LOGO */
+  .hero-app-logo { margin-bottom: 25px; }
+  .hero-app-logo img { max-height: 78px; }
+  #hero-25 .hero-app-logo img { max-height: 88px; }
+
+  /* HERO DIGITS */
+  .hero-digits { margin-top: -8px; }
+  #hero-9 .hero-digits { margin-top: 10px; }
+  .hero-section .col-lg-6 .hero-digits { padding: 0 15%; }
+  #hd-1-1, #hd-1-2 { width: 50%; padding-right: 0; }
+  .hero-digits-block { display: block!important; }
+  .hero-digits .block-txt { padding-left: 0; }
+  .hero-digits h2.statistic-number { font-size: 2.75rem; }
+  .hero-digits h2.statistic-number span { font-size: 2.25rem; }
+  .hero-digits .block-txt p.p-sm { margin-top: 10px; }
+
+  /* HERO QUICK FORM */
+  .hero-section .quick-form.mt-45 { margin-top: 30px; }
+  .hero-section .quick-form.mt-35 { margin-top: 0; }
+  .hero-section .quick-form .form-control, .hero-section .quick-form .btn { font-size: 1.125rem; height: 52px; }
+  .hero-section .quick-form.form-half .form-control { height: 48px; font-size: 1.0625rem; padding: 0 12px; }
+  .hero-section .quick-form.form-half .btn { height: 48px; font-size: 1rem; padding: 13px 22px; margin-left: 10px; }
+
+  .hero-section .text-center .quick-form-msg { margin: 20px 0 -5px 0; }
+
+  /* HERO REQUEST FORM */
+  .request-form .form-control { height: 48px; font-size: 1.0625rem; padding: 0 14px; }
+  #hero-10-form .btn, #hero-22-form .btn { height: 48px; font-size: 1.0625rem; padding: 16px; }
+
+  /* HERO-1 */
+  #hero-1 { padding-top: 70px; padding-bottom: 70px; } 
+  .hero-1-txt p { padding-right: 0; }
+  .hero-1-img { margin: 0 -30px 0 -20px; }
+
+  /* HERO-2 */
+  #hero-2 { padding-top: 70px; padding-bottom: 70px; } 
+  .hero-2-txt p { padding-right: 0; }
+  .hero-2-img { padding-right: 5px; }
+
+  /* HERO-3 */
+  #hero-3 { padding-top: 80px; }
+  .hero-3-txt { margin-top: -50px; }
+  .hero-3-txt p.p-lg { padding-right: 0; }
+  .hero-3-img { margin: 0 -90% 0 10px; }
+
+  /* HERO-4 */
+  #hero-4 { padding-top: 80px; }
+  #hero-4:after { height: 11%; }
+  .hero-4-txt p { padding: 0; }
+  .hero-4-img { margin-top: 40px; }
+
+  /* HERO-5 */
+  #hero-5 { padding-top: 80px; padding-bottom: 50px; }
+  .hero-5-txt h2 { margin-bottom: 20px; }
+  .hero-5-txt p.p-lg { padding-right: 0; margin-bottom: 25px; }
+
+  /* HERO-6 */
+  #hero-6 { padding-top: 70px; }
+  .hero-6-wrapper { padding: 50px 40px; margin: 0 -10px; }
+  .hero-6-txt h2 { padding-right: 5%; margin-bottom: 15px; }
+  .hero-6-txt p.p-lg { margin-bottom: 18px; }
+
+  /* HERO-7 */
+  #hero-7 { padding-top: 80px; padding-bottom: 80px; }
+  .hero-7-txt p.p-lg { margin-bottom: 15px; }
+  #hero-7 .quick-form { margin-right: 2%; }
+  .hero-7-img { padding-left: 5px; }
+
+  /* HERO-8 */
+  #hero-8 { padding-top: 80px; padding-bottom: 30px; }
+  .hero-8-txt { margin-top: -30px; }
+  .hero-8-txt p, .hero-8-txt .hero-digits { padding-right: 0; }
+
+  #hero-8-form { padding: 26px 25px; margin-left: 25px; border-radius: 10px; }
+  #hero-8-form h4, #hero-10-form p { margin-bottom: 15px; }
+  #hero-8-form p.p-sm { padding: 0!important; }
+
+  /* HERO-9 */
+  #hero-9 { padding-top: 80px; }
+  .hero-9-txt h2 { padding: 0 3%; }
+  .hero-9-txt h2 img { max-height: 66px; margin: 0 3px; top: -5px; }
+  .hero-9-txt p { padding: 0; margin-top: 28px; }
+
+  #hero-9 .quick-form { margin-left: 6%; margin-right: 6%; }
+  .hero-9-img { margin: 45px 0 0; }
+
+  /* HERO-10 */
+  #hero-10 { padding-top: 70px; padding-bottom: 70px; }
+  .hero-10-txt h4 { padding-right: 5%; margin-bottom: 30px; }
+  .hero-10-img { margin: 0 -98% 0 15px; }
+
+  /* HERO-11 */
+  .hero-11-txt { margin-top: -40px; }
+  .hero-11-txt p { padding-right: 0; }
+  .hero-11-img { margin: -100px -12% -50px 0; }
+
+  /* HERO-12 */
+  #hero-12 { padding-top: 80px; }
+  .hero-12-txt p{ padding: 0; }
+  .hero-12-img { margin-top: 40px; margin-bottom: -100px; }
+  .hero-12-img .video-btn { top: calc(50% - 35px); }
+
+  /* HERO-13 */
+  #hero-13 { margin-top: 80px; padding-top: 60px; padding-bottom: 70px; } 
+  .hero-13-txt h2 { margin-bottom: 15px; }
+  .hero-13-txt p { padding-right: 0; }
+
+  /* HERO-6 */
+  #hero-14 { padding-top: 80px; }
+  .hero-14-txt h2.s-62 { margin-bottom: 18px; }
+  .hero-14-txt p.s-21 { margin-bottom: 25px; }
+  #hero-14 .quick-form { margin-left: 7%; margin-right: 7%; }
+  .hero-14-img { margin-top: 40px; }
+  .hero-14-txt .btn-txt { margin-top: 25px; }
+
+  /* HERO-15 */
+  #hero-15 { padding-top: 70px; }
+  .hero-15-txt { margin-top: -35px; }
+  .hero-15-txt h2 { padding-right: 0; }
+
+  /* HERO-16 */
+  #hero-16 { padding-top: 80px; margin-bottom: 50px; }
+  .hero-16-txt h2 { padding: 0 6%; }
+  .hero-16-img { margin-top: 40px; margin-bottom: -50px; }
+
+  /* HERO-17 */
+  #hero-17 { padding-top: 80px; }
+  .hero-17-txt { padding: 0 3%; }
+  #hero-17 .quick-form { margin-left: 10%; margin-right: 10%; }
+  #hero-17 #brands-1 { padding: 30px 3% 0; } 
+  #hero-17 #brands-1 .brands-carousel-5 .brand-logo { padding: 0 9px; } 
+
+  /* HERO-18 */
+  #hero-18 { padding-top: 70px; padding-bottom: 60px; } 
+  #hero-18:after { width: 78%; left: 22%; }
+  .hero-18-txt p { padding-right: 0; }
+  .hero-18-img { padding-right: 5px; }
+
+  /* HERO-19 */
+  #hero-19 { padding-top: 80px; }
+  .hero-19-txt h2 { padding: 0 5%; }
+  .hero-19-txt p { padding: 0 8%; }
+
+  /* HERO-20 */
+  #hero-20 { padding-top: 90px; padding-bottom: 80px; }
+  #hero-20:after { width: 54%; }
+  .hero-20-txt { padding: 0 10% 0 0; }
+  .hero-20-txt .hero-logo { display: none; }
+  .hero-section .hero-20-txt h2.s-48 { margin-bottom: 18px; }
+
+  /* HERO-21 */
+  #hero-21 { padding-top: 80px; }
+  .hero-21-txt { margin-bottom: 40px; }
+  .hero-21-txt h2 { padding: 0 3%; margin-bottom: 20px; }
+  #hero-21 .hero-overlay { padding: 65px 45px 0; }
+  .hero-21-img { margin-bottom: -24%; }
+  .hero-21-img .video-btn { top: calc(50% - 50px); }
+
+  /* HERO-22 */
+  #hero-22 { padding-top: 80px; }
+  #hero-22-form { padding: 35px 25px 25px; }
+  #hero-22 .hero-logo { margin-bottom: 20px; }
+  #hero-22-form h4 { font-size: 1.65rem; margin-bottom: 15px; }
+  #hero-22-form p { font-size: 1.1rem; margin-bottom: 15px; }
+
+  /* HERO-23 */
+  #hero-23 { padding-top: 80px; margin-bottom: 25px; }
+  .hero-23-txt p { padding: 0; }
+  .hero-23-img { margin-top: 20px; margin-bottom: -25px; }
+
+  /* HERO-24 */
+  #hero-24 { padding-top: 100px; padding-bottom: 100px; }
+
+  /* HERO-25 */
+  #hero-25 { padding-top: 70px; padding-bottom: 80px; }
+  .hero-25-txt h2 { margin-bottom: 14px; }
+  .hero-25-txt p.p-lg { padding-right: 0; margin-bottom: 22px; }
+
+  /* HERO-26 */
+  #hero-26 { padding-top: 80px; }
+  .hero-26-txt h2 { padding-right: 2%; } 
+  #hero-26 .quick-form { margin-right: 3%; }
+  .hero-26-img { margin: 0 -94% 0 -20px; }
+
+  /* HERO-27 */
+  #hero-27 .hero-overlay { padding-top: 80px; }
+  .hero-27-txt h2 { margin-bottom: 24px!important; }
+  .hero-27-txt p.s-20, .hero-27-txt p.s-21 { padding: 0; }
+  .hero-27-txt .btns-group.mt-15 { margin-top: 0; }
+
+  /*------------------------------------------*/
+  /*  CONTENT
+  /*------------------------------------------*/
+
+  /* ABOUT */
+  .about-2-title { padding-right: 5%; margin-bottom: 30px; }
+
+  .a2-txt { padding: 12px 15px 20px; }
+  .a-2-1 { margin-left: -10%; margin-bottom: 20px; } 
+  .a-2-2 { margin-left: -20%; }
+  .a-2-3 { margin-right: -8%; margin-bottom: 20px; }
+  .a-2-4 { margin-right: -20%; }
+
+  .a2-txt-quote { position: relative; margin-bottom: -35px; }
+  .a2-txt-quote.ico-40 [class*="flaticon-"]:before, .a2-txt-quote.ico-40 [class*="flaticon-"]:after { font-size: 4rem; }
+
+  .a2-txt-author { margin-top: 10px; }
+  .a2-txt-author { font-size: 1.1rem; }
+  .a2-txt-author span { font-size: 0.95rem; margin-top: 1px; }
+
+  #about-1 .txt-block h3.mb-30, .about-2-title h2.mb-30 { margin-bottom: 20px; }
+  #about-3 .txt-block h5 { margin-bottom: 14px; }
+  #about-4 .txt-block p { margin-top: 15px; }
+
+  #a4-1 { padding-right: 10px; margin-top: -30px; }
+  #a4-2 { padding-left: 10px; margin-bottom: -30px; }
+
+  /* FEATURES */
+  .fbox-14-wrapper { padding: 60px 50px; }
+  .fbox-14-wrapper .col { padding: 0 14px; }
+
+  #features-12.py-100.shape--bg:after { width: 52%; height: 68%; top: 16%; left: 48%; }
+  #features-12.pt-100.shape--bg:after { width: 52%; height: 75%; top: 19%; left: 48%; }
+  #features-13.py-100.shape--bg:after { width: 52%; height: 68%; top: 16%; }
+  #features-13.pt-100.shape--bg:after { width: 52%; height: 75%; top: 19%; }
+
+  .fbox-12-wrapper { padding-left: 0; }
+  .fbox-13-wrapper {  padding-right: 0; }
+
+  #features-4 .row-cols-md-3 .col { padding: 0 8px; }
+  .row-cols-md-2 .fb-1, .row-cols-md-2 .fb-2, .rows-2 .fb-1, .rows-2 .fb-2, .rows-2 .fb-3  { margin-bottom: 35px; }
+
+  .fbox-14.fb-1, .fbox-14.fb-2 { margin-bottom: 30px; }
+
+  .row-cols-md-3 .fbox-4 { padding: 30px 15px; }
+  .row-cols-md-2 .fbox-4 { padding: 30px 45px; }
+  .fbox-5 { padding: 35px 25px; } 
+
+  .row-cols-md-2 .fbox-4.fb-1, .row-cols-md-2 .fbox-4.fb-2, .row-cols-md-2 .fbox-7.fb-1, .row-cols-md-2 .fbox-7.fb-2, 
+  .row-cols-md-2 .fbox-9.fb-1, .row-cols-md-2 .fbox-9.fb-2, .rows-2 .fbox-7.fb-1, .rows-2 .fbox-7.fb-2, .rows-2 .fbox-7.fb-3, 
+  .rows-2 .fbox-9.fb-1, .rows-2 .fbox-9.fb-2, .rows-2 .fbox-9.fb-3 { margin-bottom: 22px; }
+
+  .fbox-7 { padding: 30px 15px 27px; }
+  .fbox-8, .fbox-8.bg--white-100 { padding: 30px 15px; }
+  .fbox-9 { padding: 25px 15px 22px; } 
+
+  .fbox-12, .fbox-13 { padding: 22px 18px; } 
+  .fbox-12.mb-30, .fbox-13.mb-30 { margin-bottom: 20px; } 
+
+  .fbox-14 { text-align: center; padding: 40px 30px 35px; } 
+
+  .fbox-img.h-155 img, .fbox-img.h-160 img, .fbox-img.h-165 img, 
+  .fbox-img.h-170 img, .fbox-img.h-175 img, .fbox-img.h-180 img { max-height: 128px; }
+
+  .fbox-2 .fbox-img.h-135 img, .fbox-3-wrapper .fbox-img.h-135 img, 
+  .fbox-img.h-140 img, .fbox-img.h-145 img, .fbox-img.h-150 img { max-height: 132px; }
+
+  .fbox-2 .fbox-img.h-160 img, .fbox-2 .fbox-img.h-165 img, .fbox-2 .fbox-img.h-170 img, 
+  .fbox-2 .fbox-img.h-175 img, .fbox-2 .fbox-img.h-180 img, .fbox-3 .fbox-img.h-160 img, 
+  .fbox-3 .fbox-img.h-170 img, .fbox-3 .fbox-img.h-175 img, .fbox-3 .fbox-img.h-180 img { max-height: 120px; }
+
+  .fbox-4 .fbox-img.h-160 img, .fbox-4 .fbox-img.h-165 img, 
+  .fbox-4 .fbox-img.h-170 img, .fbox-4 .fbox-img.h-175 img { max-height: 110px; }
+
+  .fbox-1 .fbox-img, .row-cols-md-2 .fbox-1 .fbox-img, .fbox-4 .fbox-img, .row-cols-md-2 .fbox-4 .fbox-img { margin-bottom: 25px; }
+
+  .fbox-2 .fbox-img.h-135, .fbox-2 .fbox-img.h-140, .fbox-2 .fbox-img.h-145, .fbox-2 .fbox-img.h-150, 
+  .fbox-2 .fbox-img.h-155 { padding-top: 25px; margin: 0 40px 45px; }
+
+  .fbox-2 .fbox-img.h-160 { padding-top: 25px; margin: 0 0 45px; }
+
+  .fbox-2 .fbox-img.h-165, .fbox-2 .fbox-img.h-170, 
+  .fbox-2 .fbox-img.h-175, .fbox-2 .fbox-img.h-180 { padding-top: 30px; margin: 0 0 45px; }  
+
+  .fbox-3 .fbox-img.h-160, .fbox-3 .fbox-img.h-170, 
+  .fbox-3 .fbox-img.h-175, .fbox-3 .fbox-img.h-180 { padding-top: 25px; margin: 0 0 25px; }
+
+  .fbox-3 .fbox-img.h-135 { padding-top: 30px; margin: 0 40px 25px; }
+
+  .fbox-5.fb-1 .fbox-5-img, .fbox-5.fb-5 .fbox-5-img, .fbox-5.fb-6 .fbox-5-img { margin: 30px 6% 0; }
+  .fbox-5.fb-2 .fbox-5-img, .fbox-5.fb-3 .fbox-5-img, .fbox-5.fb-4 .fbox-5-img { margin: 0 6% 25px; }
+
+  .fbox-ico { margin-bottom: 18px; }
+  .row-cols-md-2 .fbox-ico.ico-rounded, .fbox-ico.ico-rounded-md, 
+  .fbox-ico.ico-rounded-lg, .fbox-ico.ico-square { margin-bottom: 18px; }
+
+  .fbox-wrapper .row-cols-md-2 .ico-50 [class*="flaticon-"]:before, 
+  .fbox-wrapper .row-cols-md-2 .ico-50 [class*="flaticon-"]:after { font-size: 3.75rem; }
+
+  .fbox-wrapper .row-cols-md-2 .ico-rounded { width: 80px; height: 80px; }
+  .fbox-wrapper .row-cols-md-2 .ico-rounded [class*="flaticon-"]:before, 
+  .fbox-wrapper .row-cols-md-2 .ico-rounded [class*="flaticon-"]:after { font-size: 2.875rem; line-height: 80px!important; }
+
+  .fbox-wrapper .row-cols-md-2 .ico-square { width: 80px; height: 80px; }
+  .fbox-wrapper .row-cols-md-2 .ico-square [class*="flaticon-"]:before, 
+  .fbox-wrapper .row-cols-md-2 .ico-square [class*="flaticon-"]:after { font-size: 2.875rem; line-height: 80px!important; }
+
+  .fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:before, 
+  .fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:after { font-size: 2.75rem; }
+
+  .fbox-ico-wrap { margin-right: 18px; }
+  .rows-2 .fbox-ico-wrap { margin-right: 0; }
+  .rows-2 .fbox-11 { display: block; text-align: center; }
+  .rows-2 .fbox-11 .fbox-ico { margin-top: 0; }
+
+  .fbox-10 .fbox-title span { float: none; line-height: 1!important; margin-right: 0; }
+  .fbox-10 .fbox-title h6 { line-height: 1!important; margin-top: 10px; margin-bottom: 15px; }
+
+  .features-section h6.s-18 { font-size: 1.397058rem; margin-bottom: 12px; }
+  .features-section h6.s-20, .features-section h6.s-22, .fbox-txt h5 { margin-bottom: 12px; }
+  .rows-2 .fbox-11 h6, .fbox-wrapper .row-cols-md-2 h6 { margin-bottom: 12px; }
+  .fbox-12 h5, .fbox-13 h5 { font-size: 1.3rem; margin-bottom: 10px; }
+  .fbox-14 h5 { padding-right: 0; margin-bottom: 12px; }
+  .row-cols-md-2 .fbox-7 p { padding: 0 15%; } 
+  .fbox-14 p { padding: 0 20%; }
+
+  /* CONTENT */
+  .ct-10 .section-overlay { margin-bottom: 80px; }
+  .cbox-6-wrapper { padding: 40px 35px; }
+
+  .ct-11 .txt-block { padding-right: 25px; }
+  .ct-12 .txt-block { padding-left: 25px; }
+  .ct-13 .row.mb-60 { margin-bottom: 30px }
+
+  /* Content Box Wrapper */
+  .bc-1-wrapper .section-overlay, .bc-4-wrapper .section-overlay { padding: 60px 40px; }
+  .bc-2-wrapper .section-overlay, .bc-3-wrapper .section-overlay, .bc-5-wrapper .section-overlay { padding: 60px 40px 0; }
+  .bc-6-wrapper .section-overlay { padding: 60px 30px; }
+  .bc-6 { padding: 24px 16px; }
+
+  .bc-2-txt h2, .bc-3-txt h2, .bc-4-txt h2, .txt-block h3, .txt-block h2 { margin-bottom: 15px; }
+  .txt-block h5, .bc-6 h4 { margin-bottom: 18px; }
+  h5.h5-title { margin-top: 18px; margin-bottom: 18px; }
+
+  .txt-block p.s-20, .txt-block p.s-21 { font-size: 1.14705rem; }
+
+  .ct-08 .section-title h2, .ct-09 .section-title h2, .ct-10 .section-title h2 { padding: 0 5%; }
+  .bc-5-wrapper .section-title {  margin-bottom: 35px; }
+
+  .txt-box { margin-bottom: 5px; }
+  .txt-block .txt-box h5 { margin-bottom: 13.5px; }
+  .bc-6-txt h5 { margin-bottom: 12px; }
+  ul.simple-list li:not(:last-child) p { margin-bottom: 8px; }
+  .txt-block .btn { margin-top: 15px; } 
+  .txt-block .btns-group .btn.btn--transparent { margin-top: 10px; } 
+  .txt-block .stores-badge.mt-15, .ws-wrapper .stores-badge.mt-15 { margin-top: 5px; }
+  .bc-6-link.mt-15 { margin-top: 10px; }
+  .txt-block-tra-link.mt-25 { margin-top: 14px; }
+
+  .img-block-txt .box-title h6, .img-block-txt .box-title h5 { line-height: 1; margin-bottom: 15px; }
+  .img-block-txt .box-title span { display: block; top: 0; margin-right: 0; }
+
+  /* Text Block */
+  .ct-07 .txt-block { margin-top: 30px; }
+  .bc-1-wrapper .txt-block.pr-25.left-column, .bc-2-wrapper .txt-block.pr-25.left-column { padding-right: 0; }
+  .bc-1-wrapper .txt-block.pl-25.right-column, .bc-2-wrapper .txt-block.pl-25.right-column { padding-left: 0; }
+  .bc-6-txt { padding: 0; }
+
+  /* Content Box */
+  .cbox-5-content { padding: 30px; margin: 0 5%; }
+  .cbox-5-content .divider { margin-top: 22px; margin-bottom: 22px; }
+
+  .txt-block .cbox-5-title h2 { font-size: 3rem; margin-bottom: 10px; }
+  .cbox-5-title .statistic-number sup { font-size: 2.5rem; top: -5px; right: 6px; }
+
+  .cbox-5-fea { padding: 12px 16px; margin-top: 18px; }
+
+  #cb-6-1, #cb-6-2 { margin-bottom: 30px; }
+
+  /* Content Box Icon */
+  .cbox-2 .ico-wrap { margin-right: 1.15rem; }
+  .cbox-2-ico { width: 2.15rem; height: 2.15rem; font-size: 1.125rem; line-height: 1.85rem; }
+  .ct-03 .cbox-2-ico { width: 2rem; height: 2rem; font-size: 1.0625rem; line-height: 1.8rem; }
+  .cbox-2-line { height: calc(100% - 74px); }
+
+  .cbox-3 .cbox-3-ico { top: 5px; }
+  .cbox-3-ico span[class*="flaticon-"]:before, .cbox-3-ico span[class*="flaticon-"]:after { font-size: 3rem; }
+
+  /* Content Box Text */
+  .cbox-2-txt, .ct-03 .cbox-2-txt, .cbox-3-txt { margin-bottom: 20px; }
+  .cbox-4-txt { margin-bottom: 16px; }
+
+  /* Content Box Typography */
+  .cbox-2-txt h5, .cbox-3-txt h5 { margin-bottom: 10px; }
+  .cbox-6 h6 { margin-bottom: 12px; }
+  .cbox-1-txt p {  margin-bottom: 5px; }
+
+  /* Accordion */
+  .txt-block .accordion-1 .accordion-item { padding: 18px 30px; }
+  .txt-block .accordion-2 .accordion-item { padding: 10px 0 20px; }
+  .txt-block .accordion-1 .accordion-item.is-active { padding: 30px 30px 14px 30px; }
+  .txt-block .accordion-2 .accordion-item.is-active { padding: 15px 0 20px; }
+
+  .txt-block .accordion-1 .accordion-item .accordion-thumb:before { font-size: 0.85rem; top: 0.5px; }
+
+  .txt-block .accordion-1 .accordion-panel { padding: 0; }
+
+  .accordion-2 .accordion-thumb span[class*="flaticon-"]:before, 
+  .accordion-2 .accordion-thumb span[class*="flaticon-"]:after { font-size: 2.1875rem; line-height: 1.5rem; top: 9px; }
+
+  .txt-block .accordion-1 .accordion-thumb h5 { padding-left: 20px; }
+  .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 { margin-bottom: 15px; }
+
+  /* Tabs */
+  .tabs-1 { margin: 0 auto 50px; }
+  .tabs-1 li { font-size: 1.125rem; }
+
+  /* Advantages */
+  .text-center .advantages { margin-top: 15px; }
+
+  /* Compatibility */
+  .compatibility { margin-top: 5px; }
+
+  /* Tools List / Payments Icons */
+  .tools-list p, .payment-methods p { margin-bottom: 10px; }
+  .payment-icons img { max-height: 26px; }
+
+  .tools-list.ico-35 [class*="flaticon-"]:before, 
+  .tools-list.ico-35 [class*="flaticon-"]:after {  font-size: 2rem; line-height: 2rem!important; margin-right: 4px; }
+
+  /* Quote */
+  .quote-avatar img { width: 54px; height: 54px; }
+  .quote p { font-size: 1.05rem; padding-left: 14px; margin-top: 15px; }
+  .quote-author { padding: 0 0 0 10px; } 
+  .quote.pr-15, .quote.pr-40, .quote.pr-50, .quote.pr-60 { padding-right: 0; }
+
+  /* Content Box Shapes */
+  .cbox-5-shape-1 { right: -55px; top: -20px; }
+  .cbox-5-shape-2 { left: -20px; bottom: -25px; }
+  .cbox-5-shape-1 img, .cbox-5-shape-2 img { height: 55%; width: 55%; }
+
+  /* Content Images */
+  .img-block.img-block-bkg img { padding: 35px 20px; }
+  .img-block-hidden, .ct-10 .img-block, .bc-5-img.bc-5-dashboard.img-block-hidden { margin-bottom: -80px; }
+
+  .ct-01 .img-block, .ct-03 .img-block.right-column { margin-left: 0; }
+  .ct-02 .img-block, .ct-03 .img-block.left-column { margin-right: 0; }
+  .ct-04 .img-block { margin-left: 15px; }
+  .ct-04 .img-block img { max-width: 220%; }
+  .ct-06 .img-block { margin-right: -20%; }
+  .ct-07 .img-block { margin-left: -20%; }
+
+  .img-block-txt, .img-block-btn { margin-top: 45px; }
+
+  .bc-1-wrapper .img-block.left-column, .bc-2-wrapper .img-block.left-column { padding-right: 0; }
+  .bc-1-wrapper .img-block.right-column, .bc-2-wrapper .img-block.right-column { padding-left: 0; }
+  .bc-2-img { margin: 0 -45% 0 15px; }
+  .bc-3-img { margin: 0 -90% -25px 15px; }
+  .bc-4-img { margin-left: 15px; margin-right: -100%; }
+  .bc-5-img.bc-5-tablet.img-block-hidden { margin-bottom: -150px; }
+  .bc-6-img { padding: 30px 20px 0; margin-bottom: 20px; }
+
+  .bc-5-img.bc-5-tablet.img-block-hidden .video-btn { top: calc(50% - 60px); }
+
+  .ct-11 .img-block { padding-left: 15px; }
+  .ct-12 .img-block { padding-right: 15px; }
+  .ct-13 .img-block { margin-top: 30px; }
+
+  /* STATISTIC */
+  .sb-rounded .statistic-block { padding: 20px; }
+  #sb-2-1, #sb-2-2 { width: 50%; }
+
+  #statistic-5 .statistic-digit { padding-bottom: 15px; margin: 0 40px 15px 0; }
+  #statistic-1 .statistic-block { display: block!important; text-align: center; }
+  .statistic-1-wrapper .statistic-block-digit { width: 100%; display: block!important; float: none; margin-bottom: 15px; }
+  .statistic-1-wrapper .statistic-block-txt { width: 100%; display: inline-block!important; padding: 0 8%; }
+
+  #sb-2-3, #sb-2-4 { width: 50%; padding-right: 0; }
+  #sb-2-3 .statistic-block, #sb-2-4 .statistic-block { display: block!important; }
+  #sb-2-3 .statistic-block-txt, #sb-2-4 .statistic-block-txt { padding-left: 0; }
+  #statistic-2 .statistic-block-digit { display: block!important; }
+
+  h2.statistic-number { letter-spacing: -0.5px; }
+  .txt-block-stat h2.statistic-number, .#statistic-5 .statistic-digit h2 { font-size: 2.5rem; letter-spacing: -0.5px; }
+  #statistic-1 h2.statistic-number { font-size: 2.5rem; line-height: 1; letter-spacing: -0.5px; }
+  #sb-2-1 h2.statistic-number, #sb-2-2 h2.statistic-number { margin-bottom: 10px; }
+  #sb-2-3 .statistic-block p.p-sm, #sb-2-4 .statistic-block p.p-sm { margin-top: 10px; }
+
+  #statistic-5 .statistic-txt h5 { margin-bottom: 10px; }
+  .statistic-3-wrapper p { margin-top: 12px; }
+  .statistic-4-wrapper p { margin-bottom: 12px; }
+  #statistic-5 .statistic-txt p { padding-right: 0; }
+
+  .txt-block-stat .statistic-block .txt-block-rating { margin-top: -2px; margin-bottom: -1px; }
+
+  /* PROJECTS */
+  .projects-wrapper { padding: 0; }
+  #pt-1-1, #pt-1-2, .inner-page-hero #pt-1-3, .inner-page-hero #pt-1-4 { margin-bottom: 35px; }
+  .project-details h5 { margin-bottom: 20px; }
+  .more-projects { margin-top: 35px; }
+
+  /* PROJECT DETAILS */
+  .single-project .project-title { margin-bottom: 40px; }
+  .project-title h2 { padding-right: 10%; padding-bottom: 30px; margin-bottom: 25px; }
+
+  .project-priview-img.mb-50 { margin-bottom: 40px; }
+  .project-txt h5.mt-35.mb-35 { margin-top: 20px; margin-bottom: 20px; }
+  .project-txt h5.mt-50.mb-35 { margin-top: 40px; margin-bottom: 20px; }
+
+  .project-description .more-projects { margin-top: 45px; }
+  .project-description .more-projects span { top: 1px; left: 4px; }
+  .project-description .more-projects.ico-25 [class*="flaticon-"]:before, 
+  .project-description .more-projects.ico-25 [class*="flaticon-"]:after { font-size: 1.175rem; } 
+
+  /* RATING */
+  .rating-section .rating-1-wrapper { padding: 0 10%; }
+  .rating-section .rating-2-wrapper { padding: 0; }
+  .inner-page-hero .rating-1-wrapper.mt-50 { margin-top: 40px; }
+
+  .rbox-1 .star-rating { font-size: 1rem; }
+  .rbox-2-txt { margin-top: 14px; }
+  p.rbox-2-txt { margin-top: 10px; line-height: 1; }
+
+  .rbox-1-img { margin-bottom: 12px; }
+  .rbox-1-img img { max-height: 28px; }
+  .rbox-2-txt img { display: block; max-height: 28px; margin: 8px auto 0; }
+
+  .rbox-2 .ico-25 [class*="flaticon-"]:before, .rbox-2 .ico-25 [class*="flaticon-"]:after { font-size: 1.3rem; } 
+
+  /* TESTIMONIALS */
+  .reviews-2-wrapper, .reviews-3-wrapper { padding: 0; }
+  .reviews-4-wrapper, .reviews-5-wrapper { padding-left: 15px; }
+  #reviews-4 .txt-block.left-column p, #reviews-5 .txt-block.left-column p { margin-right: -10px; }
+
+  .review-1, .review-2, .review-3 { padding: 35px 25px 25px; }
+  .review-4, .review-5 { padding: 35px 30px 25px; }
+
+  #rw-2-1, #rw-2-2 { margin-bottom: 12px; }
+  #rw-3-2 { margin-bottom: 30px; }
+  #rw-3-2, #rw-3-3 { margin-left: 8px; }
+  #rw-4-1, #rw-5-1 { margin-bottom: 25px; }
+
+  .review-txt { margin-top: -38px; }
+  .review-txt h6 { margin-bottom: 10px; }
+
+  .review-1 .author-data, .review-2 .author-data, 
+  .review-3 .author-data, .review-4 .author-data, .review-5 .author-data { margin-top: 0; }
+
+  .review-avatar img, .owl-item .review-avatar img { width: 40px; height: 40px; }
+  .review-2 .review-avatar img, .review-3 .review-avatar img, .review-5 .review-avatar img { width: 46px; height: 46px; }
+
+  .review-author { padding: 0 0 0 12px; }
+  .review-1 .review-author, .review-2 .review-author, .review-3 .review-author, .review-5 .review-author { margin-top: 3px; }
+
+  .review-author h6 { margin-bottom: 5px; }
+  .review-1 .review-author h6 { font-size: 1rem; }
+
+  /* PRESS */
+  #press-05, #press-06 { margin-bottom: 30px; }
+  .press-logo img { max-height: 74px; }
+  .press-txt { margin-top: 10px; }
+
+  /* BRANDS */
+  .brands-title.mb-35, .brands-title.mb-40 { margin-bottom: 25px; }
+  .brands-title.mb-50 { margin-bottom: 35px; }
+
+  .brands-title h4, .brands-title h3, .brands-title h2 { margin-bottom: 5px; }
+
+  .brands-3-wrapper { padding: 35px 25px; }
+  .brands-3-wrapper.brands-3-static { margin-left: 3%; margin-right: 3%; }
+
+  #brands-1 .brands-carousel-5 .brand-logo { padding: 0 12px; } 
+  #brands-1 .brands-carousel-6 .brand-logo { padding: 0 10px; } 
+  #brands-1 .justify-content-center .brand-logo, #brands-3 .brand-logo { padding: 0 10px; }  
+  #brands-3 .brands-3-static .brand-logo { padding: 0 8px; }
+  #brands-4 .brand-logo { padding: 0 8px; } 
+
+  .brands-section .brand-logo.mb-50 { margin-bottom: 40px; }
+  .brands-section .more-btn { margin-top: 30px; }
+
+  /* INTEGRATIONS */
+  .integrations-2-wrapper { padding: 60px 40px; }
+
+  .in_tool_logo { padding: 30px; margin-bottom: 25px; }
+  .in_tool_logo.ico-65 img { width: 48px; height: 48px; }
+  .in_tool h6 { line-height: 1.3; }
+
+  #integrations-1 .in_tool-logo.ico-60 img { width: 52px; height: 52px; }
+  .integrations-1-wrapper .in_tool { padding: 16px; }
+  .integrations-1-wrapper .in_tool.mb-30, .integrations-1-wrapper .it-8 { margin-bottom: 20px; }
+  .integrations-1-wrapper .in_tool-txt h6 { margin-top: 2px; }
+  .integrations-1-wrapper .in_tool-txt p { font-size: 1.0625rem; margin-top: 0; }
+
+  .integrations-section .more-btn.mt-60, .integrations-section .more-btn.mt-70 { margin-top: 30px; }
+
+  /* PRICING */
+  #pricing-1 .container, #pricing-2 .container, #pricing-3 .container, 
+  .pricing-1-wrapper .col, .pricing-2-wrapper .col, .pricing-3-wrapper .col { padding: 0 5px; }
+
+  .pricing-1-table { padding: 30px 25px 25px; }
+  .text-center .pricing-1-table { padding: 35px 25px 25px; }
+  .pricing-2-table {  padding: 30px 25px; }
+  .pricing-3-table { padding: 25px 20px 30px; }
+  .pricing-4-table { padding: 30px 35px; }
+  #pt-4-1 { margin: 0 10px 40px 35px; }
+  #pt-4-2 { margin: 0 35px 40px 10px; }
+
+  .pricing-table-header h5 { margin-bottom: 20px; }
+  .pricing-table-header h4 { margin-bottom: 15px; }
+  .pricing-3-table .pricing-table-header h4 { margin-bottom: 10px; }
+
+  .pricing-1-table hr { margin-top: 30px; }
+  .pricing-2-table hr, .pricing-3-table hr { margin-top: 20px; }
+
+  .pricing-discount { top: 0; right: -2px; padding: 6px 11px; }
+  .pricing-1-table .pricing-discount { top: -12px; right: -3px; padding: 5px 9px; }
+  .text-center .pricing-1-table .pricing-discount { top: -30px; right: -5px; }
+  .pricing-discount h6 { font-size: 1rem; }
+  .pricing-1-table .pricing-discount h6 { font-size: 0.8rem; }
+
+  /* Price */
+  .pricing-3-table .price.mt-25 { margin-top: 20px; }
+
+  .price span { font-size: 2.45rem; letter-spacing: -1.5px; } 
+  .pricing-2-table.highlight .price span { font-size: 2.05rem; } 
+  .pricing-3-table .price span { font-size: 4.15rem; letter-spacing: -3px; } 
+  .pricing-4-table .price span { font-size: 2.85rem; } 
+
+  .price sup { font-size: 2.125rem; top: -2px; }
+  .pricing-3-table .price sup { font-size: 2.25rem; top: -20px; }
+  .pricing-4-table .price sup { font-size: 2rem; top: -7px; }
+
+  .pricing-3-table .price sup.coins { font-size: 2rem; top: -25px; letter-spacing: -1px; }
+
+  .price sup.validity { font-size: 1.2rem; }
+  .pricing-3-table .price sup.validity { font-size: 1.125rem; top: 0; margin-top: 15px; margin-bottom: 25px; }
+  .pricing-4-table .price sup.validity { font-size: 1.3rem; left: 4px; top: -2px; }
+
+  .pt-btn { font-size: 0.95rem; padding: 0.785rem 0.5rem; margin-top: 25px; }
+  .pricing-1-table .pt-btn, .pricing-2-table .pt-btn { margin-top: 15px; }
+  .pricing-4-table .pt-btn { margin-top: 20px; }
+  .pricing-3-table .pt-btn { margin-top: 0; }
+  .p-table p.btn-txt { font-size: 0.875rem; }
+
+  .price p { font-size: 0.9075rem; margin-top: 14px; margin-bottom: 14px; }
+  .pricing-4-table .price p { margin-bottom: 10px; }
+  .text-center .price p, .text-center .pricing-2-table .price p { padding: 0; }
+  .pricing-table-header p.p-md { font-size: 0.9rem; }
+
+  .pricing-features.mt-25 { margin-top: 15px; }
+  .pricing-features li, .text-center .pricing-features li { padding: 6px 0; }
+  .pricing-4-table .pricing-features li {padding: 6px 0; }  
+  .pricing-features span { display: none; }
+  .pricing-features p.p-md { font-size: 0.935rem; line-height: 1.5; }
+
+  /* Pricing Notice */
+  .pricing-notice { margin-top: 0; }
+  .col-lg-9 .pricing-notice p { padding: 0 15%; }
+  .col-lg-10 .pricing-notice p { padding: 0 8%; }
+  .pricing-notice .btn.mt-25 { margin-top: 20px; }
+
+  /* Pricing Toggle Button */
+  .pricing-section .toggle-btn.mt-30 { margin-top: 20px; }
+  #pricing-4 .ext-toggle-btn { margin: 0 35px 20px 10px; }
+  .toggle-btn-md .toggler-txt, .toggle-btn-lg .toggler-txt { font-size: 1rem; line-height: 32px; }
+
+  .switch-wrap { min-width: 50px; height: 30px; }
+  .toggle-btn-md .switch-wrap, .toggle-btn-lg .switch-wrap { min-width: 55px; height: 32px; margin: 0 6px; }
+
+  .switcher { font-size: 0.85rem; height: 30px; }
+  .toggle-btn-md .switcher, .toggle-btn-lg .switcher { height: 32px; padding: 0 10px 0 30px; border-radius: 32px; }
+
+  .switcher .show-annual, .switcher .show-monthly { line-height: 30px; }
+  .toggle-btn-md .switcher .show-annual, .toggle-btn-md .switcher .show-monthly,
+  .toggle-btn-lg .switcher .show-annual, .toggle-btn-lg .switcher .show-monthly { line-height: 32px; }
+
+  .switcher:before { left: 4px; bottom: 4px; width: 22px; height: 22px; }
+  .toggle-btn-md .switcher:before, .toggle-btn-lg .switcher:before { left: 5px; bottom: 5px; width: 22px; height: 22px; }
+  .switcher.bg--grey:before, .switcher.bg--tra-white:before, .switcher.bg--ghost-white:before { left: 4px; bottom: 3px; }
+
+  .toggle-btn-md .switch-wrap input:checked + .switcher, 
+  .toggle-btn-lg .switch-wrap input:checked + .switcher { padding: 0 30px 0 10px; }
+
+  /* Pricing Compare */
+  .table-responsive.mb-50 { margin-bottom: 30px; }
+  .table>:not(caption)>*>* { padding-top: 10px; padding-bottom: 10px; }
+  .comp-table .table-responsive thead th { font-size: 1rem; }
+  .comp-table .table-responsive tbody th { font-size: 0.9375rem; }
+  .comp-table .table-responsive tbody td { font-size: 0.9215rem; top: 1px; }
+
+  .comp-table .table-responsive tbody td span { top: 1px; }
+
+  .table-responsive .ico-15 [class*="flaticon-"]:before, 
+  .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.715rem; }
+
+  .table-responsive .ico-20 [class*="flaticon-"]:before, 
+  .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.925rem; }
+
+  .comp-table-payment .col { padding: 0 10px; }
+  .comp-table-payment h6 { font-size: 1.15rem; margin-bottom: 14px; }
+  .payment-icons li { padding-right: 2px; }
+  .comp-table-payment .payment-icons { margin-top: 18px; }
+  .comp-table-payment .payment-icons img { width: auto; max-width: inherit; max-height: 22px; }
+
+  /* TEAM */
+  #tm-2-1, #tm-2-4, #tm-2-7, #tm-2-10 { margin-right: 0; }
+  #tm-2-2, #tm-2-5, #tm-2-8, #tm-2-11 { margin-left: 0; margin-right: 0; }
+  #tm-2-3, #tm-2-6, #tm-2-9, #tm-2-12 { margin-left: 0; }
+
+  .team-member-photo { margin-bottom: 20px; }
+  #team-2 .team-member-data { margin-left: 5px; }
+
+  .team-member-data h6.s-20 { margin-bottom: 6px; } 
+  .team-member-data p, .team-member-data p.p-md, .team-member-data p.p-lg { font-size: 1.135rem; } 
+  
+  ul.tm-social { top: 4px; right: 5px; }
+  ul.tm-social li { margin-left: 8px; }
+
+  .team-section .more-btn.mt-20 { margin-top: 10px; }
+
+  /* CAREERS */
+  .role-box { padding: 20px; margin-bottom: 20px; }
+  .role-box-txt span, #careers-1 .role-box span { font-size: 0.85rem; margin-bottom: 12px; }
+  .role-box-txt h6 { margin-bottom: 5px; }
+  #careers-1 .role-box h6 { margin-bottom: 5px; }
+  .role-box-txt p { margin-bottom: 10px; }
+
+  /* CAREER ROLE */
+  #role-page .inner-page-title { margin-bottom: 25px; }
+  #role-page .inner-page-title span { margin-bottom: 20px; }
+
+  .role-info hr { margin: 25px 0; }
+  #role-page .cbox-6-wrapper { margin: 25px 0; }
+  .role-info h5 { margin-bottom: 15px; }
+  .txt-block.role-info .btn { margin-top: 30px; }
+
+  /* BANNER */
+  #banner-11 { margin-top: 20px; }
+  #banner-12 { margin-top: 30px; margin-bottom: 5px; }
+  #banner-8 { text-align: center; }
+  #banner-9 { padding-top: 55px; padding-bottom: 55px; }
+
+  .banner-1-wrapper .banner-overlay { padding: 45px 12% 55px; } 
+  .banner-2-wrapper .banner-overlay { padding: 45px 15% 55px; }
+  .banner-3-wrapper .banner-overlay { padding: 45px 20% 55px; }
+  #banner-5 .banner-overlay.pt-80.pb-90, #banner-7 .banner-overlay.pt-80.pb-90 { padding-top: 45px; padding-bottom: 55px; }
+  #banner-6 .banner-overlay { padding-top: 45px; padding-bottom: 55px; }
+  #banner-8 .banner-overlay { padding-top: 40px; padding-bottom: 50px; }
+  .banner-11-wrapper .banner-overlay { padding: 0 40px 0 45px; } 
+  .banner-12-wrapper .banner-overlay, .banner-13-wrapper .banner-overlay { padding-left: 45px; } 
+  .banner-16-wrapper .banner-overlay { padding: 40px 16% 35px; }
+
+  .banner-9-txt { padding-right: 25%; }
+  .banner-12-txt { margin-top: 0; padding-right: 0; }
+  .banner-13-txt { padding-right: 8%; }
+
+  .banner-section .section-id { margin-bottom: 18px; }
+  #banner-15.banner-section .section-id { margin-bottom: 22px; }
+
+  .banner-1-txt h2 { margin-bottom: 16px; }
+  .banner-2-txt h2 { padding: 0 3%; margin-bottom: 25px; }
+  .banner-4-txt h2 { margin-bottom: 25px; }
+  .col-md-8 .banner-5-txt h2 {padding: 0 5%; }
+  .banner-7-txt h2 { margin-bottom: 25px; }
+  .banner-10-txt h2 { margin-bottom: 22px; }
+  .banner-11-txt h2 { margin-bottom: 14px; }
+  .banner-12-txt h2, .banner-13-txt h2 { padding-right: 10%; margin-bottom: 14px; }
+  .banner-15-txt h2 { margin-bottom: 30px; }
+  .banner-16-txt h4 { margin-bottom: 10px; }
+  
+  .banner-section p.p-lg, .banner-section p.p-xl { margin-bottom: 20px; }
+  .sm-title .banner-1-txt p.p-lg, .sm-title .banner-1-txt p.p-xl { margin-top: 10px; margin-bottom: 18px!important; }
+  .banner-3-txt p.p-lg, .banner-3-txt p.p-xl { margin-top: 10px; margin-bottom: 15px; }
+  .banner-5-txt p.p-lg, .banner-5-txt p.p-xl { margin-top: 15px; }
+  .banner-5-txt p.s-21, .banner-5-txt p.s-22 { margin-top: 15px;margin-bottom: 20px; }
+  .banner-6-txt p.p-lg, .banner-6-txt p.p-xl { margin-top: 12px; margin-bottom: 20px!important; }
+  .banner-9-txt p.p-lg, .banner-9-txt p.p-xl { margin-top: 15px; margin-bottom: 22px!important; }
+  .banner-11-txt p { padding-right: 0; }
+  .banner-14-txt p.p-lg { font-size: 1.2rem; margin-top: 25px; margin-bottom: 25px; }
+
+  .banner-5-txt .btns-group.mt-35 { margin-top: 25px; }
+  .banner-8-buttons.text-end { text-align: center!important; margin-top: 20px; }
+  .banner-15-txt .download-links { margin-top: 15px; }
+  .banner-16-txt .txt-block-tra-link.mt-15 { margin-top: 10px; }
+
+  .banner-9-img { padding-right: 10px; }
+  .banner-10-img { padding-left: 0; } 
+  .banner-11-img { margin-top: -20px; margin-left: -3px; }
+  .banner-12-img { margin: -30px -20px -20px -40px; }
+  .banner-13-img { margin: -30px -100px -30px 0; }
+
+  /* DOWNLOAD */
+  .version-release { margin-bottom: 50px; }
+  .release-data { padding-bottom: 20px; margin-bottom: 20px; }
+  .release-data h5 { margin-bottom: 30px; }
+
+  /* FAQs */
+  #faqs-1, #faqs-4 { padding-bottom: 50px; }
+
+  .faqs-3-questions .questions-holder { padding: 0; }
+
+  /* FAQs Section Title */
+  #faqs-1 .section-title { margin-bottom: 27px; } 
+  #faqs-2 .inner-page-title { margin-bottom: 25px; }
+  #faqs-3 .section-title { margin-bottom: 45px; }
+
+  /* FAQs Accordion */
+  .faqs-section .accordion-thumb { padding: 18px 0 20px; }
+  #faqs-2.faqs-section .accordion-thumb { padding: 20px 0 25px; }
+
+  .faqs-section .accordion-item .accordion-thumb:after, 
+  .faqs-section .accordion-item.is-active .accordion-thumb:after { font-size: 0.825rem; top: 19px; right: 2px; }
+  #faqs-2.faqs-section .accordion-item .accordion-thumb:after, 
+  #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after { font-size: 0.935rem; top: 23px; right: 2px; }
+
+  .accordion-panel { padding: 0 0 5px 0; }
+  #faqs-2 .accordion-panel { padding: 25px 0 10px 0; } 
+  #faqs-2 .accordion-panel-item.mb-35 { margin-bottom: 25px; }
+  #faqs-3 .question.mb-35 { margin-bottom: 20px; }
+
+  .question h5, .accordion-panel-item h5 { margin-bottom: 12px; }
+
+  .accordion-panel { padding: 0 0 5px 0; }
+
+  /* FAQs Tabs */
+  .faqs-section .tabs-1 { margin: 0 auto 35px; }
+  .faqs-section .tabs-1 li { min-width: 162px; padding: 20px 0; margin: 0 4px; }
+
+  /* More Questions Link */
+  #faqs-2 .more-questions { margin: 45px auto 0; }
+  #faqs-3 .more-questions.mt-40 { margin-top: 15px; }
+  .more-questions-txt { padding: 18px 42px; }
+  .more-questions-txt p { font-size: 1.125rem; }
+
+  /* NEWSLETTER */
+  #newsletter-1 .newsletter-overlay, #newsletter-2 .newsletter-overlay { text-align: center; padding: 40px 18% 30px; }
+  #newsletter-3 { margin-top: 20px; margin-bottom: 20px; }  
+  #newsletter-4 .newsletter-overlay, #newsletter-5 .newsletter-overlay { padding-top: 50px; padding-bottom: 40px; }
+
+  #newsletter-3 .newsletter-txt { padding-right: 5%; margin-top: -10px; }
+  #newsletter-3 .col-lg-6 .newsletter-txt { margin-top: 0; }
+
+  .newsletter-txt h2, #newsletter-4 .newsletter-txt h2 { margin-bottom: 20px; }
+  .newsletter-txt h4, .newsletter-txt h3 { padding: 0 10%; margin-bottom: 22px; }
+
+  #newsletter-4 .newsletter-txt p { padding: 0 5%; }
+  #newsletter-5 .newsletter-txt p { margin-top: 15px; }
+
+  #newsletter-1 .newsletter-form, #newsletter-2 .newsletter-form { margin-top: 0; padding: 0 10%; }
+  #newsletter-4 .newsletter-form { padding: 0 5%; }
+  #newsletter-5 .newsletter-form { margin-top: 20px; padding: 0 5%; }
+
+  .newsletter-section .form-control { height: 46px; margin-right: 8px; }
+  #newsletter-1.newsletter-section .form-control { height: 46px; font-size: 1.0625rem; }
+  #newsletter-5.newsletter-section .form-control { height: 46px; font-size: 1.0625rem; }
+
+  .newsletter-section .btn { height: 46px; }
+  #newsletter-1 .btn { height: 46px; font-size: 1.0625rem; padding: 0.7rem 1.3rem; }
+  #newsletter-5.newsletter-section .btn { height: 46px; }
+
+  #newsletter-3 .newsletter-img { margin-top: -25px; margin-bottom: -25px; }
+  #newsletter-3 .col-lg-6 .newsletter-img { padding-left: 0; margin-left: -20px; margin-right: -20px }
+
+  /* BLOG */
+  .blog-post.mb-40 { margin-bottom: 30px; }
+  .posts-wrapper .col-md-12 .blog-post.mb-40 { margin-top: 5px; }
+  #bp-1-3 { display: none; }
+
+  .blog-post-img.mb-35 { margin-bottom: 25px; }
+  .posts-wrapper .col-md-12 .blog-post-img.mb-35 { margin-bottom: 0; }
+  .post-tag { font-size: 0.85rem; margin-bottom: 12px; }
+
+  .blog-post-txt h6 { margin-bottom: 12px; }
+  .blog-post-txt h4.mb-20, .blog-post-txt h3 { margin-bottom: 14px; }
+
+  .blog-post-meta.mt-20, .blog-post-meta.mt-30 { margin-top: 14px; }
+  .meta-list-divider { padding: 0 1px; }
+
+  /* Blog Listing */
+  .wide-post { margin-bottom: 60px; }
+  .wide-post .blog-post-img { padding-right: 0; }
+  .wide-post .blog-post-txt { padding-left: 0; }
+
+  .square-post { margin-top: 30px; margin-bottom: 40px; }
+  .square-post .col-md-12 { padding: 0; }
+  .square-post .blog-post-txt { padding: 0 10px 0 30px; }
+
+  .posts-category { margin-top: 30px; margin-bottom: 40px; }
+  .posts-category span { top: 1px; }
+  .posts-category.ico-20 [class*="flaticon-"]:before, 
+  .posts-category .more-projects.ico-20 [class*="flaticon-"]:after { font-size: 1.125rem; } 
+
+  .posts-wrapper .col-md-12 .blog-post-img { display: inline-block; width: 50%; float: left;  }
+  .posts-wrapper .col-md-12 .blog-post-txt { display: inline-block; width: 50%; margin-top: 25px; padding-left: 25px; float: none; }
+
+  /* Single Blog Post */
+  .single-post-title h3, .single-post-title h2 { padding: 0 3%; margin-bottom: 20px; }
+  .single-post-title .blog-post-meta.mt-35 { margin-top: 25px; }
+  .post-inner-img { margin-top: 30px; margin-bottom: 30px; }
+
+  .single-post-txt h5, .single-post-txt h4 { margin-top: 15px; margin-bottom: 18px; }
+
+  .txt-code { padding: 18px 15px; margin: 20px 0; }
+
+  .single-post-txt figure { margin-bottom: 20px; }
+  .single-post-txt .blockquote p { font-size: 1.25rem; margin-bottom: 25px; }
+  .single-post-txt .blockquote-footer { font-size: 1rem; }
+
+  .post-share-list { margin-top: 30px; padding-bottom: 40px; }
+
+  .post-author { padding-top: 50px; padding-bottom: 50px; }
+  .post-author-avatar { margin-right: 25px; }
+  .post-author-avatar img { width: 75px; height: 75px; }
+  .post-author-txt h5 { margin-bottom: 12px; }
+  .post-author-txt p { padding-right: 4%; }
+
+  .author-follow-btn { padding: 5px 12px; top: 45px; right: 10px; }
+
+  .post-comments { padding-top: 50px; }
+  .post-comments h5 { margin-bottom: 40px; }
+  .comment-body { margin-left: 20px; }
+  .post-comments img { width: 52px; height: 52px; }
+  .comment-meta { margin-bottom: 5px; }
+  .comment-meta h6 { margin-bottom: 5px; }
+  .comment-date, .btn-reply a { font-size: 1.0625rem; } 
+  .post-comments #leave-comment h5 { margin-top: 50px; }
+
+  .comment-form { margin-top: 40px; }
+  .comment-form p { margin-bottom: 12px; }
+  .comment-form .form-control { height: 52px; }
+  .comment-form textarea { min-height: 190px; }
+  .comment-form .btn { margin-top: 0; }
+
+  /* CONTACTS */
+  #contacts-1 .contact-form .contact-form-notice p { font-size: 0.875rem; margin-top: 30px; }
+
+  #contacts-1 .contact-form .col-md-12 span { margin-bottom: 15px; }
+  .contact-form .form-control, .contact-form .form-select { height: 52px; }
+  .contact-form textarea { min-height: 160px; }
+  .contact-form textarea.form-control { padding: 15px; }
+
+  .contact-form .form-btn.mt-15 { margin-top: 0; }
+
+  /* FOOTER */
+  .footer { padding-bottom: 25px; }
+  .footer hr { margin-top: 5px; margin-bottom: 25px; }
+
+  #footer-10.pt-50 { padding-top: 10px; }
+
+  img.footer-logo, img.footer-logo-dark { max-height: 33px; }
+  #footer-1 .footer-logo, #footer-5 .footer-logo, #footer-6 .footer-logo, #footer-7 .footer-logo { margin-bottom: 20px; }
+  #footer-10 img.footer-logo { max-height: 36px; }
+
+  .footer h6 { font-size: 1.17647rem; margin-bottom: 16px; } /* 16px */
+
+  #footer-6 .footer-info { padding-left: 5%; }
+  #footer-7 .footer-info { margin-bottom: 0; }
+  #footer-8 .footer-info { margin-bottom: 25px; }
+  #footer-10 .footer-info { margin-bottom: 30px; padding-bottom: 40px; }
+
+  #footer-1 .footer-links.fl-1 { padding-left: 22%; }
+  #footer-1 .footer-links.fl-2 { padding-left: 12%; }
+  #footer-2 .footer-links.fl-1 { padding-left: 18%; }
+  #footer-2 .footer-links.fl-2 { padding-left: 10%; }
+  #footer-2 .footer-links.fl-3, #footer-2.ft-2-ntr .footer-links.fl-1, #footer-2.ft-2-ntr .footer-links.fl-2 { padding-left: 0; }
+  #footer-6 .footer-links.fl-2 { padding-left: 18%; }
+  #footer-8 .footer-links.text-end { text-align:left!important; margin-bottom: 10px; }
+  #footer-10 .footer-links { margin-bottom: 10px; }
+
+  .footer-mail-link { font-size: 1.073529rem; }
+
+  #footer-5 .footer-info p { margin-bottom: 5px; }
+
+  #footer-1 .footer-info .footer-mail-link { margin-top: 15px; }
+  #footer-2 .footer-links .footer-mail-link, #footer-3 .footer-links .footer-mail-link { margin-bottom: 10px; }
+
+  .footer .foo-links li p { margin-bottom: 8px; }
+
+  .foo-links li a span.ext-link { left: 3px; top: 1px; }
+  .foo-links.ico-15 [class*="flaticon-"]:before, .foo-links.ico-15 [class*="flaticon-"]:after { font-size: 0.775rem; }
+
+  .footer-socials.ico-20 a, .footer-socials.ico-25 a { margin-right: 11px; } 
+  .footer-socials.ico-20 li:last-child a, .footer-socials.ico-25 li:last-child a { margin-right: 0; } 
+  .footer-socials.ico-25 [class*="flaticon-"]:before, .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.175rem; }
+
+  #footer-2 .footer-form { padding-left: 3%; }
+  #footer-7 .footer-form { padding-left: 0; }
+  .footer-form .form-control, .footer-form .btn { height: 28px; }
+  .footer-form .ico-15 [class*="flaticon-"]:before, .footer-form .ico-15 [class*="flaticon-"]:after { line-height: 24px!important; }
+
+  #footer-8 .bottom-footer { margin-top: 0; }
+
+  /* INNER PAGE WRAPPER */
+  .inner-page-hero { margin-top: 80px; padding-top: 70px; }
+  .page-hero-section-overlay { margin-top: 80px; padding-top: 60px; }
+
+  .inner-page-title { margin-bottom: 45px; }
+  .inner-page-title h2 { margin-bottom: 0; }
+  .inner-page-title p { font-size: 1.15rem; margin-top: 14px; }
+  .page-hero-section h2 { line-height: 1.25; margin-bottom: 20px; }
+
+  /* TERMS, PRIVACY, COOKIES */
+  .txt-block.legal-info h5 { margin-top: 20px; margin-bottom: 20px; }
+  .txt-block.legal-info h4 { margin-top: 40px; margin-bottom: 20px; }
+  .txt-block.legal-info h4 span, .txt-block.legal-info h5 span { margin-right: 2px; }
+
+  /* SIGN IN / SIGN UP */
+  #reset-password { padding-bottom: 80px; }
+
+  .register-page-txt img { max-height: 26px; margin-bottom: 40px; }
+  .login-page-logo { margin-bottom: 40px; }
+  .login-page-logo img { max-height: 35px; }
+
+  .register-form-title { margin-bottom: 30px; }
+  #login .register-page-txt, #signup .register-page-txt { padding: 50px 30px 0; }
+
+  #signup .register-page-txt h2 { line-height: 1; }
+  .register-page-txt p.mt-25 { margin-top: 20px; }
+  .reset-password-link p { margin-top: 0; margin-bottom: 10px; }
+  #signup .form-data span { font-size: 0.9rem; }
+
+  #login .register-page-copyright { left: 30px; bottom: 40px; }
+  #signup .register-page-copyright { right: 30px; bottom: 40px; }
+  .register-page-copyright p { font-size: 0.95rem; }
+
+  #login .register-page-form { padding: 45px 35px 45px 25px; }
+  #signup .register-page-form { padding: 45px 25px 45px 35px; }
+  #login.login-1 .register-page-form, #signup.signup-1 .register-page-form { padding: 10px 30px; }
+
+  .separator-line { font-size: 1rem; margin: 20px 0; }
+  .register-page-form p.input-header { font-size: 0.95rem; margin-bottom: 10px; padding-left: 5px; }
+  .register-page-form p.create-account { margin-top: 20px; }
+
+  .reset-password-link p { font-size: 1rem; margin-top: -3px; margin-bottom: 10px; }
+  .form-data span { font-size: 0.875rem; }
+  .reset-page-wrapper .form-data span { font-size: 1rem; }
+  .register-page-form p.create-account { font-size: 1rem; }
+
+  .reset-form-title { margin-bottom: 20px; }
+  .reset-form-title p.p-sm { font-size: 1rem; margin-top: 15px; }
+
+  .reset-page-wrapper { margin: 0 30px; }
+  .reset-page-wrapper form { padding: 35px 25px 10px; }
+
+  .reset-page-wrapper .form-control, 
+  .register-page-form .form-control { height: 50px; font-size: 1.0625rem; padding: 5px 15px; margin-bottom: 20px; }
+
+  #login .register-page-form .btn.submit { height: 50px; font-size: 1.0625rem; margin-top: 12px; }
+  #signup .register-page-form .btn.submit { height: 50px; font-size: 1.0625rem; margin-top: 20px; }
+  .reset-page-wrapper .btn.submit { height: 50px; font-size: 1.0625rem; }
+
+  .btn-google img { width: 18px; height: 18px; top: -2px; }
+  .register-page-form .btn-google { font-size: 1rem; }
+
+  .btn-show-pass { top: 17px; }
+
+  /* PAGE 404 */
+  .page-404-txt { margin-top: 80px; padding-top: 100px; padding-bottom: 80px; }
+  .page-404-txt h2 { margin-bottom: 20px; }
+  .page-404-txt h6 { padding: 0 5%; margin-bottom: 25px; }
+  .page-404-img { padding: 0 8%; margin-bottom: 30px; }
+
+  /* MODAL */
+  #modal-1 .modal-dialog { max-width: 520px; }
+  #modal-2 .modal-dialog { width: 320px; }
+  #modal-3 .modal-dialog.modal-xl { max-width: 600px!important; }
+
+  #modal-2 .modal-body-content { padding: 30px 30px 10px; }
+  #modal-3 .modal-body-content { padding: 40px 25px 30px; }
+
+  .modal-body .newsletter-form { margin-top: 20px; }
+  .modal .newsletter-form .form-control, .modal .newsletter-form .btn { height: 50px; font-size: 0.975rem; }
+
+  #modal-3 .request-form-title p { margin-top: 15px; margin-bottom: 20px; }
+  #modal-3 .request-form .form-control {  margin: 0 0 20px 0; }
+  #modal-3 .request-form .btn { height: 48px; font-size: 0.975rem; }
+
+
+
+
+}
+
+
+
+
+/* ------------------------------------------------------------------------ */
+/* ------------------------------------------------------------------------ */
+/* ------------------------------------------------------------------------ */
+
+@media (max-width: 767px) { 
+
+  /*------------------------------------------*/
+  /*  BASE
+  /*------------------------------------------*/
+
+  .block-shadow { 
+    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .08); 
+    -moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .08); 
+    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .08); 
+  }
+
+  .ts-0 { padding-top: 80px; }
+
+  .py-5 { padding-top: 0; padding-bottom: 0; }
+  .py-10 { padding-top: 0; padding-bottom: 0; }
+  .py-15 { padding-top: 5px; padding-bottom: 5px; }
+  .py-20 { padding-top: 10px; padding-bottom: 10px; }
+  .py-30 { padding-top: 15px; padding-bottom: 15px; }
+  .py-40 { padding-top: 20px; padding-bottom: 20px; }
+  .py-50 { padding-top: 30px; padding-bottom: 30px; }
+  .py-60 { padding-top: 40px; padding-bottom: 40px; }
+  .py-70 { padding-top: 50px; padding-bottom: 50px; }
+  .py-80 { padding-top: 50px; padding-bottom: 50px; }
+  .py-90 { padding-top: 60px; padding-bottom: 60px; }
+  .py-100 { padding-top: 70px; padding-bottom: 70px; }
+
+  .pt-30 { padding-top: 10px; }
+  .pt-40 { padding-top: 20px; }
+  .pt-50 { padding-top: 30px; }
+  .pt-60 { padding-top: 40px; }
+  .pt-70 { padding-top: 50px; }
+  .pt-80 { padding-top: 50px; }
+  .pt-90 { padding-top: 60px; }
+  .pt-100 { padding-top: 70px; }
+
+  .pb-30 { padding-bottom: 10px; }
+  .pb-40 { padding-bottom: 20px; }
+  .pb-50 { padding-bottom: 30px; }
+  .pb-60 { padding-bottom: 40px; }
+  .pb-70 { padding-bottom: 50px; }
+  .pb-80 { padding-bottom: 50px; }
+  .pb-90 { padding-bottom: 60px; }
+  .pb-100 { padding-bottom: 70px; }
+
+  .mt-40 { margin-top: 30px; }
+  .mt-45 { margin-top: 35px; }
+  .mt-50 { margin-top: 30px; }
+  .mt-55 { margin-top: 35px; }
+  .mt-60 { margin-top: 50px; }
+  .mt-65 { margin-top: 55px; }
+  .mt-70 { margin-top: 50px; }
+  .mt-75 { margin-top: 55px; }
+  .mt-80 { margin-top: 50px; }
+  .mt-85 { margin-top: 55px; }
+  .mt-90 { margin-top: 60px; }
+  .mt-95 { margin-top: 65px; }
+  .mt-100 { margin-top: 70px; }
+
+  .mb-40 { margin-bottom: 30px; }
+  .mb-45 { margin-bottom: 35px; }
+  .mb-50 { margin-bottom: 30px; }
+  .mb-55 { margin-bottom: 35px; }
+  .mb-60 { margin-bottom: 50px; }
+  .mb-65 { margin-bottom: 55px; }
+  .mb-70 { margin-bottom: 50px; }
+  .mb-75 { margin-bottom: 55px; }
+  .mb-80 { margin-bottom: 50px; }
+  .mb-85 { margin-bottom: 55px; }
+  .mb-90 { margin-bottom: 60px; }
+  .mb-95 { margin-bottom: 65px; }
+  .mb-100 { margin-bottom: 70px; }
+
+  h2, h3, h4, h5, h6 { line-height: 1.35; }
+
+  p.p-sm { font-size: 1rem; }
+
+  /* Button Text */
+  p.btn-txt { margin: 12px 0 0 0; }
+  p.btns-group-txt { margin: 12px 0 0 0; }
+  .text-center p.btns-group-txt { margin-top: 16px; }
+
+  /* Section ID */
+  .section-id { margin-bottom: 24px; }
+  .section-id.rounded-id { margin-bottom: 35px; }
+
+  /* Section Title */
+  .section-title.mb-60 { margin-bottom: 40px; }
+  .section-title.mb-70, .section-title.mb-80 { margin-bottom: 50px; }
+
+  .section-title .btns-group.mt-25 { margin-top: 18px; }
+  .section-title .btns-group.mt-35 { margin-top: 22px; }
+  .section-title .stores-badge.mt-30 { margin-top: 25px; }
+
+  .section-title .advantages, .section-title .btns-txt, .section-title .btns-group-txt { margin-top: 15px; }
+
+  /*------------------------------------------*/
+  /*  NAVIGATION MENU    
+  /*------------------------------------------*/
+
+  .headtoppart { display: none; }
+
+  .wsmobileheader .smllogo { display: block; margin-top: 22px; padding-left: 22px; }
+  .blog-header .wsmobileheader .smllogo { margin-top: 27px; }
+  .smllogo img { width: auto; max-width: inherit; max-height: 36px; }
+  .blog-header .smllogo img { max-height: 30px; }
+
+  .wsmobileheader { height: 80px; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); } 
+  .tra-menu .wsmobileheader, .white-menu .wsmobileheader { background-color: #fff; }
+  .dark-menu .wsmobileheader, .black-scroll .wsmobileheader { background-color: #1d222f; }
+
+  .theme--dark .tra-menu .wsmobileheader, 
+  .theme--dark .white-menu .wsmobileheader { 
+    background-color: #1d222f!important; 
+    -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+    -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+    box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  }
+
+  /* Mobile Header Phone Icon */
+  .wsmenu > .wsmenu-list > li.header-phone > a { font-size: 19px; padding: 7px 32px 6px 15px; margin: 0; }
+  .wsmenu > .wsmenu-list > li.header-phone > a span { width: 24px; height: 24px;line-height: 25px;top: 3px; }
+
+  /* Mobile Header Burger Menu */
+  .wsanimated-arrow { padding: 14px 22px 14px 0px; margin: 24px 28px 0 0; }
+  .wsanimated-arrow span:before { top: -8px; width: 26px; }
+  .wsanimated-arrow span:after { bottom: -8px; width: 20px; }
+
+  .dark-menu .wsanimated-arrow span, .dark-menu .wsanimated-arrow span:before, 
+  .dark-menu .wsanimated-arrow span:after, .black-scroll .wsanimated-arrow span, 
+  .black-scroll .wsanimated-arrow span:before, .black-scroll .wsanimated-arrow span:after { background: #fff; }
+
+  .theme--dark .wsanimated-arrow span, .theme--dark .wsanimated-arrow span:before, 
+  .theme--dark .wsanimated-arrow span:after { background: #b1b7cd; }
+
+  .wsactive .wsanimated-arrow span:before, .wsactive .wsanimated-arrow.active span:after { width: 28px; top: 0; }
+  .wsactive .wsanimated-arrow span:after { width: 28px; top: 0; }
+  .wsactive .wsanimated-arrow span { background: transparent; }
+
+  .wsmenu > .wsmenu-list > li > .wsmenu-click { height: 64px; }
+  .wsmenu > .wsmenu-list > li.mobile-last-link > a { border-bottom: none; }
+
+  /* Dark Header Settings */
+  .dark-menu .wsmenu > .wsmenu-list, .black-scroll .wsmenu > .wsmenu-list { background-color: #2c3142!important; }
+
+  .dark-menu .wsmenu > .wsmenu-list > li > a, 
+  .black-scroll .wsmenu > .wsmenu-list > li > a { border-bottom-color: rgba(255, 255, 255, .13); }
+
+  .dark-menu .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before,
+  .black-scroll .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before { border-color: rgba(255, 255, 255, .85); }
+
+  /* Nav Link */
+  .wsmenu > .wsmenu-list > li > a { font-size: 1.125rem; line-height: 46px; padding: 5px 32px 4px 20px; margin: 0; }
+  .tra-menu .wsmenu > .wsmenu-list > li > a, .tra-menu.navbar-light .wsmenu > .wsmenu-list > li > a { color: #666; }
+  .black-scroll .wsmenu > .wsmenu-list > li > a.h-link { color: #fff; }
+  .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 10px; width: 10px; margin: 21px 18px 0px 0px; }
+  .wsmenu > .wsmenu-list > li .wsmenu-click.ws-activearrow > i { transform: rotate(-45deg); margin-top: 28px; }
+
+  .theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a,
+  .theme--dark .navbar-dark .wsmenu > .wsmenu-list > li > a { color: #fff!important; }
+
+  /* SubMenu / HalfMenu / MegaMenu */
+  .wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu { width: 100%!important; min-width: 100%!important; }
+
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu g{ width: 100%!important; padding: 10px; }
+
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { width: 100%!important; left: 0; padding: 12px 10px; }
+
+  .wsmegamenu.w-75 .col-lg-3, .wsmegamenu.icons-menu.w-75 .col-lg-4, 
+  .wsmegamenu.halfmenu .col-lg-6, .wsmegamenu.halfmenu.icons-menu .col-lg-6 { padding: 0; }
+
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { right: 0; }
+
+  .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { top: 5px; -webkit-border-radius: 0; -moz-border-radius: 0; 
+  -o-border-radius: 0; -webkit-box-shadow: 0 0; -moz-box-shadow: 0 0; box-shadow: 0 0; border-bottom: 1px solid #ddd; }
+
+  .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu { 
+    opacity: 1!important; visibility: visible!important; -webkit-transform: rotateX(0deg);
+    -moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);-o-transform: rotateX(0deg);transform: rotateX(0deg); 
+  }
+
+  .dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu, 
+  .dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu,
+  .dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, 
+  .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu, 
+  .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu, 
+  .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { 
+    border-bottom: 1px solid rgba(255, 255, 255, .13)!important; -webkit-box-shadow: 0 0; -moz-box-shadow: 0 0;box-shadow: 0 0;
+  }
+
+  .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu,
+  .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { background-color: #2c3142!important; }
+
+  /* Sub Menu / Half Menu / Mega Menu Links */
+  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {color: #666; font-size: 1.0625rem; padding: 15px 14px;}
+
+  /* Black Scroll */
+  .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+  .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+  .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+    color: #ddd;
+    background-color: rgba(255, 255, 255, 0)!important;
+  }
+
+  /* Sub Menu / Half Menu / Mega Menu Links Hover */
+  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 15px 14px; text-decoration: none; }
+
+  /* Black Scroll */
+  .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
+  .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+  .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+    background-color: rgba(255, 255, 255, .05)!important;
+  }
+
+  /* Sub Menu / Half Menu / Mega Menu Icons */
+  .icons-menu.ico-30 [class*="flaticon-"]:before, .icons-menu.ico-30 [class*="flaticon-"]:after { font-size: 2.1875rem; }
+  .icons-menu.ico-40 [class*="flaticon-"]:before, .icons-menu.ico-40 [class*="flaticon-"]:after { font-size: 2.5rem; }
+
+  .icons-menu-ico { margin-right: 14px; }
+  .wsmegamenu.ico-30 .icons-menu-ico span { top: 8px!important; }
+
+  .icons-menu-txt h6 { font-size: 1.0625rem; }
+  .icons-menu-txt span { font-size: 1rem; }
+
+  .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title { font-size: 1.0625rem; padding: 0 7px; margin-bottom: 10px; } 
+
+  .dark-menu .title, .black-scroll .title, .dark-menu .icons-menu-txt span, 
+  .black-scroll .icons-menu-txt span { color: #b1b7cd!important; }  
+
+  /* Button */
+  .wsmenu > .wsmenu-list > li a.btn {  
+    font-size: 1.125rem;
+    line-height: 44px; 
+    border-width: 2px;
+    padding: 5px 22px;
+    margin: 1px 0 2px 0;
+    -webkit-border-radius: 0; 
+    -moz-border-radius: 0; 
+    border-radius: 0; 
+  }
+
+  .wsmenu > .wsmenu-list > li a.btn.reg-btn { line-height: 44px; padding: 5px 22px; }
+  .wsmenu > .wsmenu-list > li a.btn.fst-btn-link, .wsmenu > .wsmenu-list > li.reg-fst-link > a { margin-left: 0; }
+
+  /* Header Store Badges */
+  .wsmenu > .wsmenu-list > li a.store.header-store { margin: 5px 0 0 12px; display: block; float: none; border-bottom: none; }
+  .store.header-store img { max-height: 46px; }
+
+  /* Header Social Links */
+  .wsmenu > .wsmenu-list > li.header-socials { display: block; }
+  .header-socials a { margin-left: 25px; }
+  .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.45rem; } 
+
+  /* Navbar Transparent Buttons */
+  .white-scroll .hover--tra-white:hover
+  { color: #353f4f!important; border-color: #353f4f!important; background-color: transparent!important; }
+
+  .theme--dark .white-scroll .hover--tra-white:hover
+  { color: #fff!important; border-color: #fff!important; background-color: transparent!important; }
+
+  .white-scroll .btn--tra-black { color: #fff!important; background-color: #353f4f!important; border-color: #353f4f!important; }
+
+  .black-scroll .btn--tra-white, 
+  .black-scroll .btn--tra-black { color: #353f4f!important; background-color: #fff!important; border-color: #fff!important; }
+
+  .white-scroll .btn--tra-grey, 
+  .black-scroll .btn--tra-grey { color: #353f4f!important; background-color: #eee!important; border-color: #eee!important; }
+
+  /* Navbar Buttons Hover */
+  .white-scroll .hover--blue:hover, 
+  .black-scroll .hover--blue:hover {color: #fff!important; border-color: #007aff!important; background-color: #007aff!important;}
+
+  .white-scroll .hover--tra-blue:hover, .black-scroll .hover--tra-blue:hover 
+  { color: #007aff!important; border-color: #007aff!important; background-color: transparent!important; }
+
+  .white-scroll .hover--violet:hover, .black-scroll .hover--violet:hover 
+  { color: #fff!important; border-color: #b55e98!important; background-color: #b55e98!important; }
+
+  .white-scroll .hover--tra-violet:hover, .black-scroll .hover--tra-violet:hover 
+  { color: #b55e98!important; border-color: #b55e98!important; background-color: transparent!important; }
+
+  .theme--dark .wsmenu > .wsmenu-list { background-color: #2c3142!important; }
+  .theme--dark .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before { border-color: rgba(255, 255, 255, 1); }
+
+  .theme--dark .navbar-dark .hover--tra-black:hover,
+  .theme--dark .navbar-dark .scroll .hover--tra-black:hover {
+    color: #fff!important;background-color:transparent!important;border-color: #fff!important; 
+  }
+
+  /*------------------------------------------*/
+  /*   HERO   
+  /*------------------------------------------*/
+
+  .hero-section { margin-top: 80px; }
+
+  .hero-section h2 { margin-bottom: 15px; }
+  .hero-section h2.s-48, .hero-section h2.s-50 { margin-bottom: 25px; }
+  .hero-section h2.s-62 { margin-bottom: 15px; }
+
+  .hero-section p.p-sm { padding: 0!important; }
+  .hero-section p.p-md, .hero-section p.p-lg, .hero-section p.p-xl { margin-bottom: 22px; }
+  .hero-section p.s-20, .hero-section p.s-21, .hero-section p.s-22, .hero-section p.s-24 { margin-bottom: 24px; }
+  .hero-section .btn.mt-10, .hero-section .btns-group.mt-10 { margin-top: 5px; }
+  .hero-section .btn.mt-15, .hero-section .btns-group.mt-15 { margin-top: 8px; }
+
+  /* HERO DIGITS */
+  #hd-1-1, #hd-1-2 { width: 50%; padding-right: 0; }
+  .hero-digits-block { display: block!important; }
+  .hero-digits .block-txt { padding-left: 0; }
+  .hero-digits .block-txt p.p-sm { margin-top: 10px; }
+
+  /* HERO QUICK FORM */
+  .hero-section .quick-form .form-control { text-align: center; margin-bottom: 15px; }
+  .hero-section .quick-form .input-group-btn { display: block; width: 100%!important; }
+  .hero-section .quick-form .btn { display: block; width: 100%!important; margin-left: 0; }
+  .hero-section .quick-form.form-half .btn { margin-left: 0; }
+
+  /* HERO-1 */
+  #hero-1 { text-align: center; padding-top: 80px; padding-bottom: 80px; }
+  .hero-1-txt p { padding-right: 0; }
+  .hero-1-img { margin-top: 40px; }
+
+  /* HERO-2 */
+  #hero-2 { text-align: center; padding-top: 80px; padding-bottom: 80px; }
+  .hero-2-txt p { padding-right: 0; }
+  .hero-2-img { margin-top: 40px; padding-right: 0; }
+
+  /* HERO-3 */
+  #hero-3 { text-align: center; padding-top: 80px; }
+  .hero-3-txt { margin-top: 0; }
+  .hero-3-txt p { padding-right: 0; }
+  .hero-3-img { margin: 40px 0 0; }
+
+  /* HERO-4 */
+  #hero-4 { padding-top: 80px; }
+  .hero-4-txt h2, .hero-4-txt p { padding: 0; }
+
+  /* HERO-5 */
+  #hero-5 { text-align: center; padding-top: 80px; padding-bottom: 0; }
+  .hero-5-txt p.p-lg { padding-right: 0%; }
+  .hero-5-img { margin: 40px 0 -50px; }
+
+  /* HERO-6 */
+  #hero-6 { text-align: center; padding-top: 70px; }
+  .hero-6-wrapper { padding: 65px 60px; }
+  .hero-6-img { margin-top: 40px; }
+
+  /* HERO-7 */
+  #hero-7 { padding-top: 80px; text-align: center; }
+  #hero-7 .quick-form { margin-right: 0; }
+  .hero-7-img { padding-left: 0; margin-top: 40px; }
+
+  /* HERO-8 */
+  #hero-8 { text-align: center; padding-top: 80px; padding-bottom: 0; margin-bottom: 10px; }
+  .hero-8-txt { margin-top: 0; }
+  .hero-8-txt p { padding-right: 0; }
+  #hero-8-form { margin-top: 40px; }
+
+  /* HERO-9 */
+  #hero-9 { padding-top: 80px; }
+  .hero-9-txt h2 img { max-height: 64px; margin: 0 3px; top: -5px; }
+  .hero-9-txt p { padding: 0; margin-top: 28px; }
+
+  /* HERO-10 */
+  #hero-10 { text-align: center; padding-top: 80px; padding-bottom: 0; }
+  #hero-10:after {position: absolute; content: ''; z-index: -1; width: 100%; height: 7%; bottom: 0;left: 0;background-color: #fff;}
+  .hero-10-txt h4 { padding-right: 0; margin-bottom: 30px; }
+  .hero-10-img { margin: 40px 0 0 0; }
+
+  /* HERO-11 */
+   #hero-11 { text-align: center; padding-top: 80px; }
+  .hero-11-txt { margin-top: 0; }
+  .hero-11-txt p { padding-right: 0; }
+  .hero-11-img { margin: 40px 0 -100px; }
+
+  /* HERO-12 */
+  #hero-12 { padding-top: 80px; border-bottom: none; }
+  #hero-12:after {position: absolute; content: ''; z-index: -1; width: 100%; height: 7%; bottom: 0;left: 0;background-color: #fff;}
+  .hero-12-txt h2, .hero-12-txt p { padding: 0; }
+  .hero-12-img { margin-top: 40px; margin-bottom: 0; }
+  .hero-12-img .video-btn { top: calc(50% - 2px); }
+
+  /* HERO-13 */
+  #hero-13 { text-align: center; padding-top: 80px; padding-bottom: 80px; } 
+  #hero-13:after { display: none; }
+  .hero-13-txt p { padding-right: 0; }
+  .hero-13-img { margin-top: 40px; }
+
+  /* HERO-14 */
+  #hero-14 { padding-top: 80px; }
+  .hero-14-txt h2.s-62 { margin-bottom: 18px; }
+
+  /* HERO-15 */
+  #hero-15 { text-align: center; padding-top: 80px; }
+  .hero-15-txt { margin-top: 0; }
+  .hero-15-txt h2, .hero-15-txt p { padding-right: 0; }
+  .hero-15-img { margin-top: 40px; }
+
+  /* HERO-16 */
+  #hero-16 { padding-top: 80px; margin-bottom: 50px; }
+  .hero-16-img { margin-bottom: -50px }
+
+  /* HERO-17 */
+  #hero-17 { padding-top: 80px; }
+  #hero-17 .quick-form { margin-left: 0; margin-right:0; }
+  #hero-17 #brands-1 { padding: 45px 0 0; } 
+
+  /* HERO-18 */
+  #hero-18 { text-align: center; padding-top: 80px; padding-bottom: 70px; }
+  #hero-18:after { width: 100%; left: 0; }
+  .hero-18-txt p { padding-right: 0; }
+  #hero-18 .quick-form { margin-right: 0; }
+  .hero-18-img { margin-top: 40px; padding-right: 0; }
+
+  /* HERO-19 */
+  #hero-19 { padding-top: 80px; }
+  .hero-19-txt p { padding: 0; }
+
+  /* HERO-20 */
+  #hero-20 { text-align: center; padding-top: 80px; padding-bottom: 0; }
+  #hero-20:after { width: 100%; }
+  .hero-20-txt { padding: 0; }
+
+  /* HERO-21 */
+  #hero-21 { text-align: center; padding-top: 80px; }
+  .hero-21-txt { margin-bottom: 40px; }
+  #hero-21 .hero-overlay { padding: 65px 45px 0; }
+
+  /* HERO-22 */
+  #hero-22 { padding-top: 80px; }
+  #hero-22 .hero-logo { margin-bottom: 20px; }
+
+  /* HERO-23 */
+  #hero-23 { padding-top: 80px; margin-bottom: 25px; }
+  .hero-23-txt p { padding: 0; }
+  .hero-23-img { margin-top: 15px; margin-bottom: -25px; }
+
+  /* HERO-24 */
+  #hero-24 { padding-top: 100px; padding-bottom: 100px; }
+
+  /* HERO-25 */
+  #hero-25 { text-align: center; padding-top: 80px; padding-bottom: 80px; }
+  .hero-25-txt h2 { margin-bottom: 14px; }
+  .hero-25-txt p.p-lg { padding-right: 0; margin-bottom: 22px; }
+
+  /* HERO-26 */
+  #hero-26 { text-align: center; padding-top: 80px; }
+  .hero-26-txt { margin-top: 0; } 
+  .hero-26-txt h2 { padding-right: 0; } 
+  #hero-26 .quick-form { margin-right: 0; }
+  .hero-26-img { margin: 40px 0 0 0; }
+
+  /* HERO-27 */
+  #hero-27 .hero-overlay { padding-top: 80px; }
+  .hero-27-txt h2 { margin-bottom: 24px!important; }
+  .hero-27-txt p.s-20, .hero-27-txt p.s-21 { padding: 0; }
+  .hero-27-txt .btns-group.mt-15 { margin-top: 0; }
+
+  /*------------------------------------------*/
+  /*  CONTENT
+  /*------------------------------------------*/
+
+  /* ABOUT */
+  .about-2-title { margin-bottom: 30px; }
+
+  .a-2-1 { display: none; margin-left: 0; margin-bottom: 30px; } 
+  .a-2-2 { margin-left: 0; margin-bottom: 30px; }
+  .a-2-3 { margin-right: 0; margin-bottom: 30px; }
+  .a-2-4 { display: none; margin-right: 0; }
+
+  #a3-1 { margin-bottom: 25px; }
+
+  #about-1 .txt-block h3.mb-30, .about-2-title h2.mb-30 { margin-bottom: 20px; }
+  .txt-block h5.mb-20 { margin-bottom: 15px; }
+  #about-4 .txt-block p { margin-top: 18px; }
+
+  #a4-1 { display: none; }
+  #a4-2 { padding-left: 0; margin-top: 30px; margin-bottom: 0; }
+
+  /* FEATURES */
+  .fbox-14-wrapper .col { padding: 0 12px; }
+
+  #features-12.py-100.shape--bg:after { width: 100%; height: 70%; top: 30%; left: 0; }
+  #features-12.pt-100.shape--bg:after { width: 100%; height: 66%; top: 30.25%; left: 0; }
+  #features-13.py-100.shape--bg:after { width: 100%; height: 70%; top: 30%; }
+  #features-13.pt-100.shape--bg:after { width: 100%; height: 66%; top: 30.25%; }
+
+  .fbox-12-wrapper { text-align: center; padding-left: 0; }
+  .fbox-13-wrapper { text-align: center; padding-right: 0; }
+
+  .fb-1, .fb-2, .rows-2 .fb-1, .rows-2 .fb-2, .rows-2 .fb-3, .rows-2 .fb-4, .rows-2 .fb-5, .row-cols-md-2 .fb-3, .fbox-5.fb-3, 
+  .fbox-5.fb-5, .rows-2 .fbox-7.fb-1, .rows-2 .fbox-7.fb-2, .rows-2 .fbox-7.fb-3, .rows-2 .fbox-9.fb-1, .rows-2 .fbox-9.fb-2, 
+  .rows-2 .fbox-9.fb-3, .rows-3 .fbox-11.fb-5 { margin-bottom: 40px; }
+
+  .rows-3 .fb-3.fbox-11-lst { margin-bottom: 40px; }
+
+  .fbox-5.fb-2, .fbox-5.fb-4, .fbox-5.fb-6 { margin-bottom: 0; }
+
+  .fbox-5.fb-1, .fbox-5.fb-5, .fbox-5.fb-6 { display: flex; flex-flow: wrap; }
+
+  .fbox-8.fb-1 { padding-top: 0; margin-bottom: 0; }
+  .fbox-8.fb-2 { margin-bottom: 0; }
+  .fbox-8.fb-3 { padding-bottom: 0; margin-bottom: 0; } 
+
+  .fbox-9, .fbox-10 { text-align: center; }
+
+  #fb-12-1, #fb-12-2, #fb-12-3, #fb-13-1, #fb-13-2, #fb-13-3 { margin-bottom: 40px; }
+  #fb-12-1, #fb-13-1 { margin-top: 75px; }
+  #features-12 .txt-block, #features-13 .txt-block { margin-bottom: 40px; }
+
+  .fbox-14 { text-align: center; }
+  .fbox-14.fb-1, .fbox-14.fb-2 { margin-bottom: 35px; }
+
+  .fbox-1 .fbox-img { margin-bottom: 30px; }
+  .fbox-2 .fbox-img img { margin-bottom: -20px; } 
+
+  .fbox-5-1 .fbox-5-img, .fbox-5-2 .fbox-5-img, .fbox-5-3 .fbox-5-img, 
+  .fbox-5-4 .fbox-5-img, .fbox-5-5 .fbox-5-img, .fbox-5-6 .fbox-5-img { margin: 0 5% 40px; }
+
+  .fbox-ico { margin-bottom: 15px; }
+  .row-cols-md-2 .fbox-ico.ico-rounded, .fbox-ico.ico-rounded-md, 
+  .fbox-ico.ico-rounded-lg, .fbox-ico.ico-square { margin-bottom: 20px; }
+
+  .fbox-11 { display: block; text-align: center; }
+  .fbox-11 .fbox-ico { margin-top: 0; }
+  .fbox-ico-wrap, .rows-2 .fbox-ico-wrap  { margin-right: 0; }
+
+  .fbox-title { display: inline-block; text-align: center; margin: 0 auto 8px; }
+  .fbox-wrapper .row-cols-lg-3 .fbox-title { margin-bottom: 0; } 
+  .fbox-title h6 { display: inline-block; }
+  .fbox-14 h5 { padding-right: 0; margin-bottom: 12px; }
+
+  /* CONTENT */
+  .ct-11, .ct-12 { padding: 0; }
+  .ct-11 .txt-block { padding-right: 0; }
+  .ct-12 .txt-block { padding-left: 0; }
+  .ct-top { margin-bottom: 80px; }
+
+  .ct-13 .row.mb-60 { margin-bottom: 0; }
+  .ct-13 .txt-block, .ct-13 .img-block { margin-bottom: 40px; }
+  .ct-13 .txt-block.ml-block, .ct-13 .img-block.ml-block { margin-bottom: 0; }
+  .bc-6-txt { padding: 0; }
+
+  .ct-11:after, .ct-12:after { width: 100%; top: 0; left: 0; }
+
+  .bc-2-txt h2, .bc-3-txt h2, .bc-4-txt h2, .txt-block h3, .txt-block h2 { margin-bottom: 15px; }
+  .txt-block h5 { margin-bottom: 18px; }
+  h5.h5-title { margin-top: 18px; margin-bottom: 18px; }
+
+  .txt-block .btn, .txt-block .btns-group .btn.btn--transparent { margin-top: 10px; }
+
+  /* Content Box Wrapper */
+  .bc-1-wrapper .section-overlay, .bc-4-wrapper .section-overlay, 
+  .bc-2-wrapper .section-overlay, .bc-3-wrapper .section-overlay { padding: 60px 50px; }
+
+  /* Text Block */
+  .ct-06 { padding-top: 0!important; padding-bottom: 80px; margin-top: 80px; margin-bottom: 0; }
+  .ct-10 .section-overlay { margin-bottom: 80px; }
+  .ct-06 .txt-block, .ct-07 .txt-block, .bc-2-txt, .bc-2-wrapper .txt-block, .bc-3-txt { margin-top: 0; }
+
+  #ib-box-1, #ib-box-2 { margin-bottom: 25px; }
+  #cb-6-1, #cb-6-2, #cb-6-3 { margin-bottom: 30px; }
+
+  .bc-1-wrapper .txt-block.pr-25.left-column, .bc-2-wrapper .txt-block.pr-25.left-column { padding-right: 0; }
+  .bc-1-wrapper .txt-block.pl-25.right-column, .bc-2-wrapper .txt-block.pl-25.right-column { padding-left: 0; }
+
+  .bc-6-top { margin-bottom: 40px; }
+
+  /* Tabs */
+  .tabs-1 { margin: 0 auto 40px; }
+  .tabs-1 li { display: block;font-size: 1.135rem; margin: 0 20px 10px; } 
+  .tabs-1 li.current { margin: 0 20px 20px; }
+  #tabs-1 .tab-content .img-block { margin-bottom: 40px; }
+
+  /* Advantages */
+  .text-center .advantages { margin-top: 16px; }
+
+  /* Quote */
+  .quote-avatar img { width: 54px; height: 54px; }
+  .quote p { padding-left: 14px; margin-top: 15px; }
+  .quote-author { padding: 0 0 0 10px; } 
+  .quote.pr-15, .quote.pr-40, .quote.pr-50, .quote.pr-60 { padding-right: 0; }
+
+  /* Content Images */
+  .img-block.img-block-bkg { margin-left: 0!important; margin-right: 0!important; }
+  .img-block-hidden, .ct-10 .img-block, .bc-5-img.bc-5-dashboard.img-block-hidden { margin-bottom: -80px; }
+  .ct-01 .img-block { margin-left: 0; margin-bottom: 40px; }
+  .ct-02 .img-block { margin-right: 0; margin-bottom: 40px; }
+  .ct-03 .img-block, .ct-05 .img-block, .ct-07 .img-block { margin-bottom: 40px; }
+  .ct-03 .img-block.right-column { margin-left: 0; }
+  .ct-03 .img-block.left-column { margin-right: 0; }
+  .ct-04 .img-block { margin-left: 0; margin-bottom: 40px; }
+  .ct-04 .img-block img { max-width: 100%; }
+  .ct-06 .img-block { margin-top: -80px; margin-bottom: 40px; }
+
+  .bc-1-wrapper .img-block.left-column, .bc-2-wrapper .img-block.left-column { padding-right: 0; }
+  .bc-1-wrapper .img-block.right-column, .bc-2-wrapper .img-block.right-column { padding-left: 0; }
+
+  .bc-1-wrapper .img-block, .bc-2-wrapper .img-block { margin-bottom: 40px; }
+  .bc-2-img, .bc-3-img, .bc-4-img { margin: 0 0 40px 0; }
+  .bc-5-img.bc-5-tablet.img-block-hidden { margin-bottom: -100px; }
+
+  .bc-5-img.bc-5-tablet.img-block-hidden .video-btn { top: calc(50% - 30px); }
+
+  .ct-11 .img-block { margin-bottom: 40px; padding-left: 0; }
+  .ct-12 .img-block { margin-bottom: 40px; padding-right: 0; }
+
+  .ct-11 .img-block, .ct-12 .img-block { margin-bottom: 40px; padding: 50px 15%; border-radius: 12px; overflow: hidden; }
+  .ct-11 .img-block .tra-bkg, .ct-12 .img-block .tra-bkg { opacity: 100; -moz-opacity: 100; }
+
+  /* STATISTIC */
+  #sb-2-1, #sb-2-2, #sb-2-3, #sb-2-4 { width: 40%; padding-right: 0; }
+  #sb-1-1, #sb-1-2, #sb-3-1, #sb-3-2 { margin-bottom: 40px; }
+  #sb-4-1, #sb-4-2 { margin-bottom: 30px; }
+  #sb-5-1, #sb-5-2 { margin-bottom: 40px; }
+
+  #statistic-5 { text-align: center; }
+  #statistic-1 .statistic-block { display: block!important; text-align: center; }
+  .statistic-1-wrapper .statistic-block-digit { width: 100%; display: block!important; float: none; margin-bottom: 15px; }
+  .statistic-1-wrapper .statistic-block-txt { width: 100%; display: inline-block!important; padding-left: 0; }
+  #statistic-5 .statistic-digit { padding-bottom: 20px; margin: 0 0 20px 0; }
+
+  #sb-2-3 .statistic-block, #sb-2-4 .statistic-block { display: block!important; }
+  #sb-2-3 .statistic-block-txt, #sb-2-4 .statistic-block-txt { padding-left: 0; }
+  #statistic-2 .statistic-block-digit { display: block!important; }
+
+  #sb-2-1 h2.statistic-number, #sb-2-2 h2.statistic-number { margin-bottom: 10px; }
+  #sb-2-3 .statistic-block p.p-sm, #sb-2-4 .statistic-block p.p-sm { margin-top: 10px; }
+  .statistic-3-wrapper p { margin-top: 12px; }
+  .statistic-4-wrapper p { margin-bottom: 12px; }
+  #statistic-5 .statistic-txt p { padding-right: 0; }
+
+  .txt-block-stat .statistic-block .txt-block-rating { margin-top: -2px; margin-bottom: -1px; }
+
+  /* PROJECTS */
+  .projects-wrapper { padding: 0; }
+  #pt-1-1, #pt-1-2, #pt-1-3, .inner-page-hero #pt-1-3, .inner-page-hero #pt-1-4, .inner-page-hero #pt-1-5 { margin-bottom: 40px; }
+  .project-details h5 { margin-bottom: 25px; }
+  .more-projects { margin-top: 40px; }
+
+  /* RATING */
+  .rating-section .rating-1-wrapper, .rating-section .rating-2-wrapper { padding: 0; }
+  .inner-page-hero .rating-1-wrapper.mt-50 { margin-top: 40px; }
+
+  #rb-1-1, #rb-1-2, #rb-2-1, #rb-2-2 { margin-bottom: 30px; }
+  .rbox-2-txt img { max-height: 24px; top: -1px; left: 6px; }
+  p.rbox-2-txt { line-height: 24px; margin-top: 8px; }
+
+  /* TESTIMONIALS */
+  .reviews-2-wrapper, .reviews-3-wrapper { padding: 0; }
+  .reviews-4-wrapper, .reviews-5-wrapper { padding-left: 0; }
+  #reviews-4 .txt-block, #reviews-5 .txt-block { margin-bottom: 40px; }
+
+  #rw-2-1, #rw-2-2, #rw-2-3, #rw-3-1, #rw-3-2 { margin-bottom: 30px; }
+  #rw-3-2, #rw-3-3 { margin-left: 0; }
+  .inner-page-hero #rw-2-3, .inner-page-hero #rw-2-4, .inner-page-hero #rw-2-5 { margin-bottom: 30px; }
+
+  /* INTEGRATIONS */
+  .integrations-2-wrapper { padding: 60px 40px 70px; }
+  .it-1, .it-2, .it-3, .it-4, .it-5 { display: block; margin-bottom: 30px; }
+  .in_tool_logo { display: inline-block; padding: 30px; margin-bottom: 25px; }
+  .in_tool_logo.ico-65 img { width: 52px; height: 52px; }
+  .in_tool h6 { font-size: 1rem; }
+
+  .integrations-1-wrapper .it-7, .integrations-1-wrapper .it-8 { margin-bottom: 30px; }
+
+  /*.integrations-section .more-btn.mt-60, .integrations-section .more-btn.mt-70 { margin-top: 0; }*/
+
+  /* PRESS */
+  #press-05, #press-06, #press-07 { margin-bottom: 40px; }
+
+  /* PRICING */
+  #pt-4-1, #pt-4-2 { margin: 0 0 40px 0; }
+
+  .pricing-table-header h5, .pricing-table-header h4 { margin-bottom: 15px; }
+  .pricing-3-table .pricing-table-header h4 { margin-bottom: 10px; }
+
+  .price p { margin-top: 14px; margin-bottom: 18px; }
+
+  .pricing-features.mt-25 { margin-top: 20px; }
+
+  /* Pricing Notice */
+  .pricing-notice { margin-top: 0; }
+  .pricing-notice .btn.mt-25 { margin-top: 20px; }
+
+  /* Pricing Toggle Button */
+  .pricing-section .toggle-btn.mt-30 { margin-top: 20px; }
+  .toggle-btn-md .toggler-txt, .toggle-btn-lg .toggler-txt { font-size: 1rem; line-height: 32px; }
+
+  .switch-wrap { min-width: 50px; height: 30px; }
+  .toggle-btn-md .switch-wrap, .toggle-btn-lg .switch-wrap { min-width: 55px; height: 32px; margin: 0 6px; }
+
+  .switcher { font-size: 0.85rem; height: 30px; }
+  .toggle-btn-md .switcher, .toggle-btn-lg .switcher { height: 32px; padding: 0 10px 0 30px; border-radius: 32px; }
+
+  .switcher .show-annual, .switcher .show-monthly { line-height: 30px; }
+  .toggle-btn-md .switcher .show-annual, .toggle-btn-md .switcher .show-monthly,
+  .toggle-btn-lg .switcher .show-annual, .toggle-btn-lg .switcher .show-monthly { line-height: 32px; }
+
+  .switcher:before { left: 4px; bottom: 4px; width: 22px; height: 22px; }
+  .toggle-btn-md .switcher:before, .toggle-btn-lg .switcher:before { left: 5px; bottom: 5px; width: 22px; height: 22px; }
+  .switcher.bg--grey:before, .switcher.bg--tra-white:before, .switcher.bg--ghost-white:before { left: 4px; bottom: 3px; }
+
+  .toggle-btn-md .switch-wrap input:checked + .switcher, 
+  .toggle-btn-lg .switch-wrap input:checked + .switcher { padding: 0 30px 0 10px; }
+
+  .comp-table-payment .payment-icons { margin-top: 18px; }
+
+  /* TEAM */
+  #tm-2-1, #tm-2-4, #tm-2-7, #tm-2-10 { margin-right: 0; }
+  #tm-2-2, #tm-2-5, #tm-2-8, #tm-2-11 { margin-left: 0; margin-right: 0; }
+  #tm-2-3, #tm-2-6, #tm-2-9, #tm-2-12 { margin-left: 0; }
+
+  .team-section .more-btn.mt-20 { margin-top: 10px; }
+
+  /* CAREER ROLE */
+  #role-page .inner-page-title { margin-bottom: 40px; }
+
+  .role-info hr { margin: 30px 0; }
+  #role-page .cbox-6-wrapper { margin: 30px 0; }
+  .role-info h5 { margin-bottom: 15px; }
+
+  /* BANNER */
+  #banner-8, #banner-9, #banner-10 { text-align: center; } 
+  #banner-11, #banner-12, #banner-13 { margin-top: 0; text-align: center; }
+
+  .banner-11-txt p { padding-right: 0; }
+
+  .banner-8-buttons.text-end { text-align: center!important; }
+
+  .banner-11-img { margin-top: 40px; margin-left: 0; }
+  .banner-12-img { margin: 40px 0 0; }
+  .banner-13-img { display: none; }
+
+  /* DOWNLOAD */
+  #download-1 { padding-bottom: 30px; }
+  .version-release { margin-bottom: 40px; }
+  .release-data h5 { margin-bottom: 30px!important; }
+  .release-data { padding-bottom: 30px; margin-bottom: 25px; } 
+  .release-download { position: relative; right: 0; bottom: 0; margin-top: 20px; }
+
+  /*FAQS */
+  .faqs-3-questions .questions-holder { padding: 0; }
+
+  /* NEWSLETTER */
+  #newsletter-1 .newsletter-overlay, #newsletter-2 .newsletter-overlay { text-align: center; }
+  #newsletter-3 { text-align: center; margin-top: 0; margin-bottom: 0; padding-top: 70px; padding-bottom: 70px; }
+  .newsletter-img.text-end { display: none; } 
+
+  #newsletter-1 .newsletter-form, #newsletter-2 .newsletter-form { margin-top: 0; padding-left: 0; }
+  .newsletter-section .form-control { text-align: center; margin-right: 0; margin-bottom: 15px; }
+  .newsletter-section .input-group-btn { display: block; width: 100%!important; }
+  .newsletter-section .btn { display: block; width: 100%!important; margin: 0; }
+
+  /* BLOG */
+  #bp-1-1, #bp-1-2 { margin-bottom: 40px; }
+  .blog-post-img.mb-35 { margin-bottom: 30px; }
+
+  /* Blog Listing */
+  #blog-page.pb-60 { padding-bottom: 30px; }
+  .wide-post { margin-bottom: 40px; }
+  .wide-post .blog-post-img { padding-right: 0; margin-bottom: 30px; }
+  .wide-post .blog-post-txt { padding-left: 0; }
+
+  .square-post { margin-top: 10px; margin-bottom: 50px; }
+  .square-post .col-md-12 { padding: 0; }
+  .square-post .blog-post-txt { padding: 45px 35px 35px; }
+
+  .posts-category { margin-top: 10px; margin-bottom: 40px; }
+
+  /* Single Blog Post */
+  .post-inner-img { margin-top: 40px; margin-bottom: 40px; }
+
+  .single-post-txt h5, .single-post-txt h4 { margin-top: 18px; margin-bottom: 18px; }
+
+  .txt-code { padding: 18px 15px; margin: 20px 0; }
+
+  .single-post-txt figure { margin-bottom: 20px; }
+
+  .comment-body { margin-left: 20px; }
+
+  .comment-form .form-control { height: 52px; }
+  .comment-form textarea { min-height: 190px; }
+
+  /* CONTACTS */
+  .contact-form textarea { min-height: 190px; }
+  .contact-form .form-btn.mt-15 { margin-top: 0; }
+
+  /* FOOTER */
+  #footer-1 .footer-info .footer-mail-link { margin-top: 15px; }
+  #footer-2 .footer-links .footer-mail-link, #footer-3 .footer-links .footer-mail-link { margin-bottom: 15px; }
+  #footer-11 { text-align: center; }
+
+  #footer-9 .footer-info.text-end { text-align: left!important; }
+
+  #footer-2 .footer-links, #footer-7 .footer-form { padding-left: 0; }
+
+  #footer-8 .footer-links.text-end, .footer-stores-badge.text-end, .bottom-footer .bottom-footer-socials.text-end, 
+  .bottom-footer .bottom-secondary-link.text-end, .bottom-footer .bottom-footer-list.text-end { text-align: left!important; }
+  #footer-11 .bottom-footer-list.text-end { text-align: center!important; }
+
+  /* INNER PAGE WRAPPER */
+  .inner-page-hero, .page-hero-section-overlay { padding-top: 80px; margin-top: 80px; margin-bottom: 40px; }
+  .page-hero-section-overlay .txt-block { margin-top: 0; margin-bottom: 40px; }
+
+  .inner-page-title { margin-bottom: 60px; }
+  .inner-page-title p { line-height: 1.6666; margin-top: 15px; margin-bottom: 0; }
+
+  .page-hero-section-overlay .img-block { margin-bottom: -50px; }
+
+  /* TERMS, PRIVACY, COOKIES */
+  .txt-block.legal-info h5 { margin-top: 20px; margin-bottom: 20px; }
+  .txt-block.legal-info h4 { margin-top: 40px; margin-bottom: 20px; }
+  .txt-block.legal-info h4 span, .txt-block.legal-info h5 span { margin-right: 2px; }
+
+  /* SIGN IN / SIGN UP */
+  #login, #signup, #reset-password { padding-top: 70px; padding-bottom: 70px; }
+  #login .register-page-wrapper:after, #signup .register-page-wrapper:after { width: 100%; left: 0; }
+
+  .register-form-title { margin-bottom: 30px; }
+  #login .register-page-txt, #signup .register-page-txt { display: none; }
+
+  /* PAGE 404 */
+  .page-404-txt { margin-top: 80px; padding-top: 70px; padding-bottom: 70px; }
+  
+
+}
+
+
+
+
+/* ------------------------------------------------------------------------ */
+/* ------------------------------------------------------------------------ */
+/* ------------------------------------------------------------------------ */
+
+@media (min-width: 480px) and (max-width: 767.98px) {
+
+  /*------------------------------------------*/
+  /*  BASE
+  /*------------------------------------------*/
+
+  .bg--fixed { width: auto; }
+  .bg--scroll { width: auto; background-attachment: scroll!important; }
+
+  /* Backgroud Shape */
+  .shape--01:after { height: 90%; top: 6%; }
+  .shape--02:after { width: 140%; height: 92%; top: 5.5%; left: -20%; }
+  .shape--03:after { height: 128%; top: -65px; }
+  .shape--04:after { height: 90%; top: 0; }
+  .shape--07:after { height: 80%; top: 15%; }
+
+  .font--jakarta h1, .font--jakarta h2 { line-height: 1.35; }
+  .font--jakarta h3, .font--jakarta h4, .font--jakarta h5, .font--jakarta h6 { line-height: 1.4; }
+
+  /* Font Size */
+  .s-15, .s-16 { font-size: 1.0625rem; }                /* 17px */
+  .s-17 { font-size: 1.125rem; }                        /* 18px */
+  .s-18, .s-19, .s-20, .s-21, .s-22 { font-size: 1.4375rem; }  /* 23px */
+  .s-24, .s-26, .s-28 { font-size: 1.625rem; }          /* 26px */
+  .s-30, .s-32, .s-34 { font-size: 1.81255rem; }        /* 29px */
+  .s-36, .s-38, .s-40 { font-size: 2.0625rem; }         /* 33px */  
+  .s-42, .s-43, .s-44, .s-45, .s-46, .s-47, .s-48 { font-size: 2.25rem; }  /* 36px */
+  .s-50, .s-52, .s-54, .s-56 { font-size: 2.375rem; }   /* 38px */ 
+  .s-58 { font-size: 2.5rem; }                          /* 40px */
+  .s-60, .s-62 { font-size: 2.625rem; }                 /* 42px */
+
+  .s-64, .s-66 { font-size: 2.75rem; }                  /* 44px */
+  .s-68 { font-size: 2.875rem; }                        /* 46px */
+
+  /* Paragraphs */
+  p.p-sm { font-size: 1rem; } 
+  p { font-size: 1.0625rem; } 
+  p.p-md, p.p-lg { font-size: 1.125rem; }
+  p.p-xl { font-size: 1.1875rem; }
+
+  /* Transparent Link */
+  a.tra-link { font-size: 1.125rem; }
+  .tra-link.ico-20 [class*="flaticon-"]:before, 
+  .tra-link.ico-20 [class*="flaticon-"]:after { font-size: 0.785rem; line-height: 0.7rem!important; top: 1px; left: 2px; }
+
+  /* Button */
+  .btn { font-size: 1.125rem; }
+  .btn.btn-sm { font-size: 1rem; padding: 0.7rem 1.5rem; }
+  .btns-group .btn.ico-30.ico-left, .btns-group .btn.ico-30.ico-right { padding: 0.3845rem 0.5rem; }
+
+  /* Button Icon */
+  .btn.ico-20 [class*="flaticon-"]:before, 
+  .btn.ico-20 [class*="flaticon-"]:after { font-size: 1.225rem; line-height: 0.45rem!important;top: 4px; }
+
+  .btn.ico-30 [class*="flaticon-"]:before, .btn.ico-30 [class*="flaticon-"]:after { font-size: 2.05rem; }
+
+  .btn.ico-30.ico-left span.ico-30-txt { font-size: 1.15rem; top: -10px; margin-right: 0; }
+  .btn.ico-30.ico-right span.ico-30-txt { font-size: 1.15rem; top: -10px; margin-left: 0; }
+  .btn.ico-left span { margin-right: 3px; }
+  .btn.ico-right span { margin-left: 3px; }
+
+  /* Button Text */
+  p.btn-txt, p.btns-group-txt, .btn-rating { margin: 15px 0 0 0; }
+  .text-center p.btns-group-txt { margin-top: 18px; }
+  .star-rating span.rating-txt { font-size: 1.0625rem; }
+
+   /* Store Badge */
+  .store-btn-4 { margin-top: 15px; }
+
+  /* OS Button */
+  .os-btn { width: 280px; min-width: 280px; padding: 14px 15px 12px; }
+  .os-btn-ico { margin-right: 14px; }
+  .os-btn-txt p { margin-top: 4px; }
+
+  .btn-os.mb-15 { margin-bottom: 15px; }
+  .btn-os.mr-15 { margin-right: 0; margin-bottom: 15px; }
+
+  /* Watch Link */
+  .watch-video { margin-top: 22px; }
+  p.video-txt-lg { font-size: 1.125rem; }
+  p.video-txt-sm { font-size: 1.0625rem; }
+
+  /* Vector Icon Background */ 
+  .ico-50 .shape-ico svg { width: 125px; height: 125px; top: -35px; left: calc(50% - 65px); }
+  .ico-55 .shape-ico svg { width: 135px; height: 135px; top: -30px; left: calc(50% - 70px); }
+  .ico-60 .shape-ico svg { width: 140px; height: 140px; top: -35px; left: calc(50% - 65px); }
+
+  /* Vector Rounded Icons */
+  .ico-rounded, .ico-rounded-md, .ico-rounded-lg { width: 94px; height: 94px; }
+
+  .ico-rounded [class*="flaticon-"]:before, 
+  .ico-rounded [class*="flaticon-"]:after, 
+  .ico-rounded-md [class*="flaticon-"]:before, 
+  .ico-rounded-md [class*="flaticon-"]:after, 
+  .ico-rounded-lg [class*="flaticon-"]:before, 
+  .ico-rounded-lg [class*="flaticon-"]:after { font-size: 3rem; line-height: 94px!important; }
+
+  /* Vector Square Icons */
+  .ico-square { width: 88px; height: 88px; }
+  .ico-square [class*="flaticon-"]:before, 
+  .ico-square [class*="flaticon-"]:after { font-size: 2.85rem; line-height: 88px!important; }
+
+  /* Section ID */
+  .section-id { margin-bottom: 25px; }
+
+  /* Section Title */
+  .section-title p.p-md, .section-title p.p-lg, .section-title p.p-xl { margin-top: 14px; }
+  .section-title p.s-20, .section-title p.s-21 { font-size: 1.21875rem; margin-top: 12px; }  /* 19.5px */
+  .section-title p.p-md, .section-title p.p-lg { padding: 0; }
+
+  .section-title .btns-group.mt-25 { margin-top: 20px; }
+  .section-title .btns-group.mt-35, .section-title .stores-badge.mt-30 { margin-top: 25px; }
+
+  /*------------------------------------------*/
+  /*   NAVIGATION MENU    
+  /*------------------------------------------*/
+
+  /* Header Logo */
+  .wsmobileheader .smllogo { display: block; margin-top: 23px; padding-left: 18px; }
+  .smllogo img { width: auto; max-width: inherit; max-height: 34px; }
+
+  .wsmenu > .wsmenu-list { width: 345px; margin-right: -345px; }
+  .wsactive .wsmobileheader { margin-right: 345px; }
+  .overlapblackbg { width: calc(100% - 345px); }
+
+  .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 18px 0 0; }
+
+  /* Nav Link Info */
+  span.sm-info { width: 22px; height: 22px; font-size: 0.8rem; line-height: 20px; top: -1px; margin-left: 8px; }
+
+  .wsmenu > .wsmenu-list > li > a { padding: 5px 32px 4px 20px; margin: 0; }
+  .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 8px; width: 8px; margin: 24px 18px 0px 0px; }
+
+  .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { top: 0; }
+
+  .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { padding: 6px 10px; }
+
+  .wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { padding: 6px 10px; }
+
+  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a,
+  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 12px 10px; }
+
+  /* Header Store Badges */
+  .store.header-store img { max-height: 46px; }
+
+  /* Header Social Links */
+  .header-socials.ico-20 [class*="flaticon-"]:before, 
+  .header-socials.ico-25 [class*="flaticon-"]:after {line-height: 52px!important;} 
+
+  .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title { margin-top: 12px; } 
+
+  .icons-menu-ico { margin-right: 18px; }
+  .icons-menu-txt span { font-size: 1rem; }
+
+  /*------------------------------------------*/
+  /*   HERO   
+  /*------------------------------------------*/
+
+  .hero-section h2 { margin-bottom: 15px; }
+  .hero-section h2.s-48, .hero-section h2.s-50 { margin-bottom: 25px; }
+  .hero-section p.p-md, .hero-section p.p-lg, .hero-section p.p-xl { margin-bottom: 25px; }
+  .hero-section p.s-21 { font-size: 1.375rem; margin-bottom: 22px; }
+
+  /* HERO LOGO */
+  .hero-logo { margin-bottom: 30px; }
+  .hero-logo img { max-height: 34px; }
+  .hero-square-logo img { max-height: 65px; }
+
+  /* HERO APP LOGO */
+  .hero-app-logo { margin-bottom: 32px; }
+  .hero-app-logo img { max-height: 100px; }
+  #hero-25 .hero-app-logo img { max-height: 100px; }
+
+  /* HERO DIGITS */
+  .hero-digits { padding: 0 10%; }
+  .hero-digits h2.statistic-number { font-size: 2.75rem; }
+  .hero-digits h2.statistic-number span { font-size: 2.25rem; }
+  #hero-9 .hero-digits { padding: 0; }
+
+  /* HERO QUICK FORM */
+  .hero-section .quick-form.mt-45 { margin-top: 0; }
+  .hero-section .quick-form .form-control, .hero-section .quick-form .btn { font-size: 1.175rem; height: 60px; }
+
+  .hero-section .text-center .quick-form-msg { margin: 20px 0 -5px 0; }
+
+  /* HERO REQUEST FORM */
+  .request-form .form-control { height: 56px; font-size: 1.0625rem; padding: 0 14px; }
+  #hero-10-form .btn, #hero-22-form .btn { height: 56px; font-size: 1.0625rem; padding: 16px; }
+
+  /* HERO-1 */
+  .hero-1-txt, .hero-2-txt { padding: 0 3%; }
+
+  /* HERO-3 */
+  .hero-3-txt { padding: 0 4%; }
+
+  /* HERO-4 */
+  #hero-4:after { height: 8%; }
+  .hero-4-img { margin-top: 40px; }
+
+  /* HERO-5 */
+  #hero-5 { margin-bottom: 50px; }
+  .hero-5-txt {padding: 0 5%; }
+
+  /* HERO-6 */
+  .hero-6-wrapper { padding: 60px 50px; }
+
+  /* HERO-7 */
+  #hero-7 .quick-form { margin: 25px 4% 0; }
+
+  /* HERO-8 */
+  .hero-8-txt .hero-logo { display: none; }
+  .hero-8-txt .hero-digits { padding: 0 10%; }
+
+  #hero-8-form { padding: 40px 30px; margin: 40px 5% 0; border-radius: 10px; }
+  #hero-8-form h4 { margin-bottom: 15px; }
+  #hero-8-form p { padding: 0 3%; margin-bottom: 20px; }
+  #hero-8-form p.p-sm { padding: 0 5%!important; }
+
+  /* HERO-9 */
+  .hero-9-txt h2 { padding: 0 3%; }
+  .hero-9-txt h2 img { max-height: 66px; margin: 0 2px; top: -5px; }
+  .hero-9-txt p { padding: 0 4%; margin-top: 28px; }
+  .hero-9-txt p.s-20 { font-size: 1.175rem; }
+
+  #hero-9 .quick-form { margin-left: 4%; margin-right: 4%; }
+  .hero-9-img { margin: 45px 0 0; }
+
+  /* HERO-10 */
+  #hero-10 { padding-bottom: 0; }
+  .hero-10-txt h2 { padding: 0 8%; }
+  .hero-10-txt h4 { padding: 0 5%; margin-bottom: 30px; }
+
+  /* HERO-11 */
+  .hero-11-txt { padding: 0 3%; }
+  .hero-11-img { margin: 40px 0 -80px; }
+
+  /* HERO-12 */
+  .hero-12-img { margin-top: 35px; }
+
+  /* HERO-13 */
+  .hero-13-txt { padding: 0 10%; }
+
+  /* HERO-14 */
+  .hero-14-txt p.s-21 { padding: 0 3%; margin-bottom: 25px; }
+  #hero-14 .quick-form { margin-left: 4%; margin-right: 4%; }
+  .hero-14-img { margin-top: 40px; }
+  .hero-14-txt .btn-txt { margin-top: 25px; }
+
+  /* HERO-15 */
+  .hero-15-txt h2 { padding: 0 5%; }
+
+  /* HERO-16 */
+  #hero-16 { margin-bottom: 40px; }
+  .hero-16-txt h2 { padding: 0 4%; }
+  .hero-16-img { margin: 40px 0 -40px; }
+
+  /* HERO-17 */
+  .hero-17-txt p { padding: 0 2%; }
+  #hero-17 .quick-form { margin-left: 4%; margin-right: 4%; }
+  #hero-17 #brands-1 { padding-top: 35px; } 
+
+  /* HERO-18 */
+  .hero-18-txt { padding: 0 3%; }
+  #hero-18 .quick-form { margin: 25px 4% 0; }
+
+  /* HERO-19 */
+  .hero-19-txt h2 { padding: 0 5%; }
+
+  /* HERO-20 */
+  .hero-20-txt .hero-logo { display: none; }
+  .hero-section .hero-20-txt h2.s-48 { margin-bottom: 20px; }
+
+  /* HERO-21 */
+  .hero-21-txt h2 { margin-bottom: 20px; }
+  #hero-21 .hero-overlay { padding: 55px 35px 0; }
+  .hero-21-wrapper { border-radius: 12px; }
+  .hero-21-img { margin-bottom: -18%; }
+  .hero-21-img .video-btn { top: calc(50% - 30px); }
+
+  /* HERO-22 */
+  #hero-22-form { text-align: center; padding: 45px 40px 35px; margin: 0 3%; }
+  #hero-22 .hero-logo { display: none; }
+  #hero-22-form h4 { font-size: 2rem; padding: 0; margin-bottom: 16px; }
+  #hero-22-form p { font-size: 1.175rem; margin-bottom: 25px; padding: 0 3%; }
+
+  /* HERO-24 */
+  #hero-24 { padding-top: 80px; padding-bottom: 80px; }
+  #hero-24 .quick-form { margin-left: 4%; margin-right: 4%; }
+
+  /* HERO-25 */
+  .hero-25-txt { padding: 0 10%; }
+  .hero-25-img { margin: 40px 5% 0; }
+
+  /* HERO-26 */
+  .hero-26-txt { padding: 0 5%; } 
+
+  /* HERO-27 */
+  .hero-27-txt p.s-20, .hero-27-txt p.s-21 { font-size: 1.285rem; padding: 0 2%; }
+
+  /*------------------------------------------*/
+  /*  CONTENT
+  /*------------------------------------------*/
+
+  /* ABOUT */
+  #about-2 .container-fluid { max-width: 540px; }
+  .a2-txt { padding: 20px 30px 40px; }
+
+  .a2-txt-quote { position: relative; margin-bottom: -40px; }
+  .a2-txt-quote.ico-40 [class*="flaticon-"]:before, .a2-txt-quote.ico-40 [class*="flaticon-"]:after { font-size: 4.25rem; }
+
+  .a2-txt-author { margin-top: 10px; }
+  .a2-txt-author { font-size: 1.125rem; }
+  .a2-txt-author span { font-size: 0.975rem; margin-top: 1px; }
+
+  #about-4 .txt-block h2 { padding: 0 10%; }
+
+  /* FEATURES */
+  .fbox-14-wrapper { padding: 70px 50px; }
+
+  .row-cols-md-3 .fbox-4, .row-cols-md-2 .fbox-4 { padding: 45px 65px 40px; }
+  .fbox-5 { padding: 50px 50px 45px; } 
+  .fbox-7, .row-cols-md-2 .fbox-7 { padding: 45px 50px 40px; }
+  .fbox-8.fb-1 { padding: 0 75px 50px; }
+  .fbox-8.bg--white-100 {padding: 45px 75px; }
+  .fbox-8.fb-3 { padding: 55px 75px 0; }
+  .fbox-9 { padding: 40px 75px 35px; } 
+
+  .fbox-12, .fbox-13 { padding: 40px 50px; } 
+
+  .fbox-img.h-135 img, .fbox-img.h-140 img, .fbox-img.h-145 img, .fbox-img.h-150 img, .fbox-img.h-155 img, 
+  .fbox-img.h-160 img, .fbox-img.h-165 img, .fbox-img.h-170 img, .fbox-img.h-175 img, .fbox-img.h-180 img { max-height: 220px; }
+
+  .fbox-1 .fbox-img, .row-cols-md-2 .fbox-1 .fbox-img, .fbox-4 .fbox-img, .row-cols-md-2 .fbox-4 .fbox-img { margin-bottom: 30px; }
+
+  .fbox-2 .fbox-img.h-135, .fbox-2 .fbox-img.h-140, .fbox-2 .fbox-img.h-145, 
+  .fbox-2 .fbox-img.h-150, .fbox-2 .fbox-img.h-155, .fbox-2 .fbox-img.h-160, 
+  .fbox-2 .fbox-img.h-165, .fbox-2 .fbox-img.h-170, .fbox-2 .fbox-img.h-175, 
+  .fbox-2 .fbox-img.h-180 { padding-top: 46px; margin: 0 10% 50px; }
+
+  .fbox-3 .fbox-img.h-135, .fbox-3 .fbox-img.h-140, .fbox-3 .fbox-img.h-145, 
+  .fbox-3 .fbox-img.h-150, .fbox-3 .fbox-img.h-155, .fbox-3 .fbox-img.h-160, 
+  .fbox-3 .fbox-img.h-165, .fbox-3 .fbox-img.h-170, .fbox-3 .fbox-img.h-175, 
+  .fbox-3 .fbox-img.h-180 { padding-top: 46px; margin: 0 10% 30px; }
+
+  .fbox-5.fb-1 .fbox-5-img, .fbox-5.fb-2 .fbox-5-img, .fbox-5.fb-3 .fbox-5-img, 
+  .fbox-5.fb-4 .fbox-5-img, .fbox-5.fb-5 .fbox-5-img, .fbox-5.fb-6 .fbox-5-img { margin: 0 10% 30px; }
+
+  .fbox-ico { margin-bottom: 18px; }
+  .row-cols-md-2 .fbox-ico.ico-rounded, .fbox-ico.ico-rounded-md, 
+  .fbox-ico.ico-rounded-lg, .fbox-ico.ico-square { margin-bottom: 22px; }
+
+  .fbox-wrapper .ico-50 [class*="flaticon-"]:before, 
+  .fbox-wrapper .ico-50 [class*="flaticon-"]:after,
+  .fbox-wrapper .ico-55 [class*="flaticon-"]:before, 
+  .fbox-wrapper .ico-55 [class*="flaticon-"]:after,
+  .fbox-wrapper .ico-60 [class*="flaticon-"]:before, 
+  .fbox-wrapper .ico-60 [class*="flaticon-"]:after,
+  .fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:before,
+  .fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:after { font-size: 4rem; }
+
+  .features-section h6.s-18, .features-section h6.s-20, .features-section h6.s-22 { font-size: 1.625rem; }  /* 26px */
+  .features-section h6, .fbox-txt h5 { margin-bottom: 15px; }
+
+  .fbox-10 .fbox-title { margin: 0 auto; }
+  .fbox-10 .fbox-title span { float: none; line-height: 1!important; margin-right: 0; }
+  .fbox-10 .fbox-title h6 { display: block; line-height: 1!important; margin-top: 15px; margin-bottom: 15px; }
+  .fbox-14 h5 { padding: 0 14% }
+
+  .fbox-1 .fbox-txt p, .fbox-10 .fbox-txt p { padding: 0 5%; }
+  .fbox-2 .fbox-txt p { padding: 0 6%; }
+  .rows-2 .fbox-11 p { padding: 0 8%; } 
+  .fbox-6 .fbox-txt p { padding: 0 5%; }
+  .row-cols-lg-3 .fbox-10 .fbox-txt p { padding: 0; }
+  .rows-3 .fbox-11 p { padding: 0 2%; }
+
+  /* CONTENT */
+  .ct-10 .section-overlay { margin-bottom: 50px; }
+
+  /* Content Box Wrapper */
+  .bc-1-wrapper .section-overlay, .bc-2-wrapper .section-overlay, 
+  .bc-3-wrapper .section-overlay, .bc-4-wrapper .section-overlay, .bc-6-wrapper .section-overlay { padding: 70px 50px; }
+  .bc-5-wrapper .section-overlay { padding: 70px 40px 0; }
+  .cbox-6-wrapper { padding: 45px 35px; }
+
+  .bc-6 { padding: 35px 30px 40px; }
+  
+  .bc-2-txt h2, .bc-3-txt h2, .bc-4-txt h2, .txt-block h3, .txt-block h2 { margin-bottom: 20px; }
+  .txt-block h5 { margin-bottom: 18px; }
+  h5.h5-title { margin-top: 18px; margin-bottom: 18px; }
+  .cbox-2-txt h5, .cbox-3-txt h5, .bc-6-txt h5 { margin-bottom: 12px; }
+
+  .txt-block p.s-20, .txt-block p.s-21 { font-size: 1.3125rem; }
+
+  .txt-block .btn { margin-top: 18px; } 
+  .txt-block .stores-badge.mt-15, .ws-wrapper .stores-badge.mt-15 { margin-top: 8px; }
+  .txt-block-tra-link.mt-25 { margin-top: 18px; }
+
+  .box-title h6, .box-title h5 { margin-bottom: 20px; }
+  .cbox-6 h6 { margin-bottom: 12px; }
+
+  /* Content Box */
+  .ct-03 .cbox-2-ico { width: 2.15rem; height: 2.15rem; font-size: 1.0625rem; line-height: 1.95rem; }
+
+  .right-column .cbox-5 { margin-bottom: 60px; }
+  .cbox-5-content { padding: 35px; margin: 0 ; }
+  .cbox-5-content .divider { margin-top: 22px; margin-bottom: 22px; }
+
+  .cbox-5-fea { margin-top: 15px; }
+  .txt-block .cbox-5-title h2 { font-size: 3.25rem; margin-bottom: 10px; }
+  .cbox-5-title .statistic-number sup { font-size: 2.75rem; top: -5px; right: 6px; }
+
+  .cbox-5-fea { padding: 15px 20px; margin-top: 20px; }
+  .cbox-5-txt .btn { margin-top: 10px; }
+
+  .cbox-3 .cbox-3-ico { top: 4px; }
+
+  /* Accordion */
+  .txt-block .accordion-1 .accordion-item { padding: 18px 25px; }
+  .txt-block .accordion-1 .accordion-item.is-active { padding: 30px 25px 14px 25px; }
+
+  .txt-block .accordion-1 .accordion-item .accordion-thumb:before { top: 0; }
+  .txt-block .accordion-1 .accordion-panel { padding: 0; }
+
+  .txt-block .accordion-2 .accordion-item .accordion-thumb:after, 
+  .txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {top: 14px; }
+
+  /* Advantages */
+  .advantages, .text-center .advantages { margin-top: 15px; }
+
+  /* Compatibility */
+  .compatibility { margin-top: 10px; }
+
+  /* Tools List / Payments Icons */
+  .tools-list p, .payment-methods p { margin-bottom: 15px; }
+  .payment-icons img { max-height: 32px; }
+
+  .tools-list.ico-35 [class*="flaticon-"]:before, .tools-list.ico-35 [class*="flaticon-"]:after { 
+    font-size: 2.125rem; line-height: 2.5rem!important; margin-right: 5px; 
+  }
+
+  /* Content Box Shapes */
+  .cbox-5-shape-1 { right: -50px; top: -30px; }
+  .cbox-5-shape-2 { left: -30px; bottom: -25px; }
+  .cbox-5-shape-1 img, .cbox-5-shape-2 img { height: 80%; width: 80%; }
+
+  /* Content Images */
+  .ct-10 .img-block, .img-block-hidden, .bc-5-img.bc-5-dashboard.img-block-hidden { margin-bottom: -50px; }
+  .ct-01 .img-block, .ct-02 .img-block, 
+  .ct-03 .img-block.right-column, .ct-03 .img-block.left-column { margin-left: 3%; margin-right: 3%; }
+
+  .ct-01 .img-block.j-img, .ct-02 .img-block.j-img { margin-left: 0%; margin-right: 0; }
+  .img-block-txt, .img-block-btn { margin-top: 45px; }
+
+  .ct-11 .img-block, .ct-12 .img-block { margin-bottom: 40px; padding: 50px 10%; }
+  .bc-6-img { padding: 35px 30px 0; margin-bottom: 25px; }
+
+  /* STATISTIC */
+  .sb-rounded .statistic-block { text-align: center; padding: 25px; }
+  #statistic-5 .statistic-digit { padding-bottom: 20px; margin: 0 12% 20px; }
+
+  .statistic-1-wrapper .statistic-block-digit { margin-bottom: 12px; }
+
+  h2.statistic-number { font-size: 2.5rem; letter-spacing: -0.5px; }
+  .txt-block-stat h2.statistic-number { font-size: 2.35rem; }
+  #statistic-1 h2.statistic-number { letter-spacing: -0.5px; }
+  .txt-block-stat h2.statistic-number { font-size: 2.5rem; letter-spacing: -0.5px; }
+  #statistic-5 .statistic-digit h2 { font-size: 2.5rem; letter-spacing: -0.5px; }
+  #sb-2-1 h2.statistic-number, #sb-2-2 h2.statistic-number { margin-bottom: 12px; }
+
+  #statistic-5 .statistic-txt h5 { margin-bottom: 12px; }
+  .txt-block-stat .statistic-block p { font-size: 0.95rem; }
+  #sb-2-3 .statistic-block p.p-sm, #sb-2-4 .statistic-block p.p-sm { margin-top: 12px; }
+  #statistic-5 .statistic-txt p { padding: 0 5%; }
+
+  /* PROJECTS */
+  #pt-1-1, #pt-1-2, #pt-1-3, .inner-page-hero #pt-1-3, .inner-page-hero #pt-1-4, .inner-page-hero #pt-1-5 { margin-bottom: 40px; }
+
+  /* PROJECT DETAILS */
+  .single-project .project-title { margin-bottom: 50px; }
+  .project-title h2 { padding-bottom: 35px; margin-bottom: 30px; }
+  .project-data p { margin-bottom: 10px; }
+
+  .project-priview-img.mb-50 { margin-bottom: 40px; }
+  .project-inner-img .top-img { margin-bottom: 30px; }
+  .project-txt h5.mt-35.mb-35 { margin-top: 25px; margin-bottom: 25px; }
+  .project-txt h5.mt-50.mb-35 { margin-top: 40px; margin-bottom: 25px; }
+
+  .project-description .more-projects { margin-top: 45px; }
+  .project-description .more-projects span { top: 1px; left: 5px; }
+  .project-description .more-projects.ico-25 [class*="flaticon-"]:before, 
+  .project-description .more-projects.ico-25 [class*="flaticon-"]:after { font-size: 1.2125rem; } 
+
+  /* RATING */
+  .rating-title h5 { font-size: 1.1875rem; }
+  .rbox-2-txt img { max-height: 34px; }
+  p.rbox-2-txt { line-height: 30px; margin-top: 8px; }
+  .rbox-1 .star-rating { font-size: 0.9rem; line-height: 1; }
+
+  .rbox-1 .star-rating span { top: 2px; }
+  .rbox-1 .ico-10 [class*="flaticon-"]:before, .rbox-1 .ico-10 [class*="flaticon-"]:after { font-size: 0.9rem; } 
+  .rbox-1 .ico-15 [class*="flaticon-"]:before, .rbox-1 .ico-15 [class*="flaticon-"]:after { font-size: 1rem; } 
+  .rbox-2 .ico-20 [class*="flaticon-"]:before, .rbox-2 .ico-20 [class*="flaticon-"]:after { font-size: 1.35rem; } 
+  .rbox-2 .ico-25 [class*="flaticon-"]:before, .rbox-2 .ico-25 [class*="flaticon-"]:after { font-size: 1.35rem; } 
+
+  /* TESTIMONIALS */
+  .reviews-section .col-md-8 .section-title h2 { padding: 0 5%; }
+
+  #reviews-4 .txt-block, #reviews-5 .txt-block { text-align: center; padding: 0 10%; }
+  .review-1 { padding: 35px 32px 30px; }
+  .review-2, .review-3, .review-4, .review-5 { padding: 35px 35px 30px; }
+
+  .review-txt { margin-top: -43px; }
+  .review-txt h6 { margin-bottom: 10px; }
+
+  .review-1 .author-data, .review-2 .author-data, 
+  .review-3 .author-data, .review-4 .author-data, .review-5 .author-data { margin-top: 20px; }
+
+  .review-avatar img, .owl-item .review-avatar img { width: 52px; height: 52px; }
+  .review-2 .review-avatar img, .review-3 .review-avatar img, .review-5 .review-avatar img { width: 52px; height: 52px; }
+
+  .review-author { padding: 0 0 0 12px; }
+  .review-1 .review-author, .review-2 .review-author, .review-3 .review-author, .review-5 .review-author { margin-top: 3px; }
+
+  .review-author h6 { margin-bottom: 8px; }
+  .review-1 .review-author h6, .review-2 .review-author h6, .review-3 .review-author h6, 
+  .review-4 .review-author h6, .review-5 .review-author h6 { font-size: 1.25rem; }
+
+  /* BRANDS */
+  .brands-title { padding: 0; } 
+  .brands-title.mb-35, .brands-title.mb-40 { margin-bottom: 30px; }
+  .brands-title.mb-50 { margin-bottom: 40px; }
+
+  .brands-title h5.s-19 { font-size: 1.25rem; }
+  .brands-title h4, .brands-title h3, .brands-title h2 { margin-bottom: 8px; }
+
+  .brands-3-wrapper { padding: 35px 25px; }
+  .brands-3-wrapper.brands-3-static { padding: 35px 30px; }
+
+  #brand-2-1, #brand-2-2, #brand-2-3, #brand-4-6, #brands-4 .brand-logo.mb-40 { margin-bottom: 35px; }
+  #brand-3-1, #brand-3-2 { margin-bottom: 25px; }
+  #brand-4-10 { display: none; }
+
+  #brands-1 .brands-carousel-5 .brand-logo, #brands-1 .justify-content-center .brand-logo { padding: 0 20px; }   
+  #brands-2 .brand-logo { padding: 0 10px; } 
+  #brands-3 .brand-logo { padding: 0 15px; } 
+  #brands-3 .brands-3-static .brand-logo { padding: 0 8px; } 
+  #brands-4 .brand-logo { padding: 0 15px; } 
+
+  .brands-section .brand-logo.mb-50 { margin-bottom: 35px; }
+
+  .brands-section .more-btn { margin-top: 40px; }
+
+  /* INTEGRATIONS */
+  #integrations-1 .section-title h2 { padding: 0 5%; }
+
+  .integrations-1-wrapper .in_tool { padding: 25px; }
+  .integrations-1-wrapper .in_tool-txt h6 { font-size: 1.4rem; line-height: 1; margin-top: 4px; }
+  .integrations-1-wrapper .in_tool-txt p { font-size: 1.0625rem; margin-top: 6px; }
+
+  .integrations-section .more-btn.mt-60, .integrations-section .more-btn.mt-70 { margin-top: 30px; }
+
+  /* PRICING */
+  .pricing-1-table, .text-center .pricing-1-table { padding: 35px 30px 40px; }
+  .pricing-2-table { padding: 35px 30px 40px; }
+  .pricing-3-table { padding: 35px 25px; }
+
+  .pricing-table-header h5, .pricing-table-header h4 { font-size: 1.6875rem!important; }
+  .p-table p.btn-txt { margin: 12px 0 0 0; }
+
+  /* Price */
+  .price span { font-size: 2.875rem; letter-spacing: -1.5px; } 
+  .pricing-2-table.highlight .price span { font-size: 2.65rem; } 
+  .pricing-3-table .price span { font-size: 4.5rem; letter-spacing: -3px; } 
+  .pricing-4-table .price span { font-size: 2.875rem; } 
+
+  .price sup { font-size: 2.15rem; top: -4px; }
+  .pricing-3-table .price sup { font-size: 2.5rem; top: -20px; }
+  .pricing-4-table .price sup { font-size: 2.15rem; top: -6px; right: 2px; }
+
+  .pricing-3-table .price sup.coins { font-size: 2.5rem; top: -24px; letter-spacing: -2px; }
+
+  .price sup.validity { font-size: 1.4375rem; }
+  .pricing-3-table .price sup.validity { font-size: 1.4375rem; top: 0; margin-top: 20px; margin-bottom: 35px; }
+  .pricing-4-table .price sup.validity { font-size: 1.4375rem; left: 4px; }
+
+  .text-center .price p, .text-center .pricing-2-table .price p { padding: 0; }
+
+  .pricing-2-table hr { margin-top: 20px; }
+
+  /* Pricing Features */
+  .pricing-features.mt-25 { margin-top: 18px; }
+  .pricing-features li, .pricing-4-table .pricing-features li { padding: 10px 8px; }
+
+  /* Pricing Notice */
+  .pricing-notice.mb-40 { margin-bottom: 30px; }
+  .col-lg-9 .pricing-notice p, .col-lg-10 .pricing-notice p { padding: 0; }
+
+  /* Pricing Toggle Button */
+  #pricing-4 .ext-toggle-btn { margin: 0 auto 30px; }
+  .toggle-btn-md .toggler-txt, .toggle-btn-lg .toggler-txt { font-size: 1.15rem; }
+
+  /* Pricing Compare */
+  .table-responsive.mb-50 { margin-bottom: 35px; }
+  .table>:not(caption)>*>* { padding-top: 9px; padding-bottom: 9px; }
+  .comp-table .table-responsive thead th { font-size: 0.975rem; }
+  .comp-table .table-responsive tbody th { font-size: 0.95rem; }
+  .comp-table .table-responsive tbody td { font-size: 0.915rem; top: 0; }
+
+  .comp-table .table-responsive tbody td span { top: 1px; }
+
+  .table-responsive .ico-15 [class*="flaticon-"]:before, 
+  .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.725rem; }
+
+  .table-responsive .ico-20 [class*="flaticon-"]:before, 
+  .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.875rem; }
+
+  #pbox-1, #pbox-2, #pbox-3 { margin-bottom: 30px; }
+  .pricing-section .txt-box-last, .pricing-section .pm-last { margin-bottom: 40px; }
+  .comp-table-payment h6 { margin-bottom: 15px; }
+
+  /* TEAM */
+  .team-member.mb-40, .team-member.mb-50, .team-member.mb-60 { margin-bottom: 40px; }
+  .team-member-photo { margin-bottom: 20px; }
+  #team-2 .team-member-data { margin-left: 5px; }
+
+  .team-member-data h6.s-20 { margin-bottom: 6px; }
+  .team-member-data p { font-size: 1.15rem; }
+  ul.tm-social { top: 6px; right: 5px; }
+
+  /* CAREERS */
+  #careers-1 { padding-bottom: 40px; }
+  .role-box { text-align: center; padding: 30px; }
+  .role-box-txt span, #careers-1 .role-box span { margin-bottom: 12px; }
+  .role-box-txt h6 { line-height: 1.4; margin-bottom: 5px; }
+  #careers-1 .role-box h6 { line-height: 1.4; margin-bottom: 4px; }
+  .role-box-txt p { margin-bottom: 18px; }
+
+  /* CAREER ROLE */ 
+  #role-page .inner-page-title { margin-bottom: 25px; }
+  #role-page .inner-page-title span { margin-bottom: 20px; }
+  .role-info hr, #role-page .cbox-6-wrapper { margin: 35px 0; }
+  .txt-block.role-info .btn { margin-top: 35px; }
+
+  /* BANNER */
+  #banner-12, #banner-13 { margin-top: 0; margin-bottom: 15px; }
+  #banner-9.py-70 { padding-top: 55px; padding-bottom: 65px; }  
+
+  #banner-1 .container, #banner-2 .container, #banner-3 .container,
+  #banner-11 .container, #banner-12 .container, #banner-13 .container { max-width: 100%; }
+  .banner-1-wrapper, .banner-2-wrapper, .banner-3-wrapper,
+  .banner-11-wrapper, .banner-12-wrapper, .banner-13-wrapper { margin: 0 -15px; border-radius: 0 0!important; }
+
+  .banner-1-wrapper .banner-overlay { padding: 55px 60px 65px; }
+  .banner-2-wrapper .banner-overlay, .banner-3-wrapper .banner-overlay { padding: 55px 60px 65px; }
+
+  #banner-5 .banner-overlay.pt-80.pb-90, #banner-7 .banner-overlay.pt-80.pb-90, #banner-6 .banner-overlay, 
+  #banner-8 .banner-overlay, #banner-14 .banner-overlay, #banner-15 .banner-overlay { padding-top: 55px; padding-bottom: 65px; }
+
+  #banner-10 .banner-overlay { padding-top: 60px; padding-bottom: 65px; }
+  .banner-11-wrapper .banner-overlay { overflow: hidden; padding: 60px 60px 0; border-radius: 0 0!important; } 
+  .banner-12-wrapper .banner-overlay { overflow: visible; padding: 60px 60px 0; border-radius: 0 0!important; } 
+  .banner-13-wrapper .banner-overlay { overflow: visible; padding: 60px 60px 70px; border-radius: 0 0!important; } 
+  .banner-16-wrapper .banner-overlay { padding: 40px 6%; }
+
+  .col-md-8 .banner-5-txt {padding: 0 3%; }
+  .banner-9-txt { padding: 0 14%; }
+  .banner-12-txt, .banner-13-txt { margin-top: 0; padding: 0 3%; }
+
+  .banner-section .section-id { margin-bottom: 20px; }
+  #banner-15.banner-section .section-id { margin-bottom: 24px; }
+
+  .banner-1-txt h2 { margin-bottom: 12px; }
+  .banner-2-txt h2 { margin-bottom: 25px; }
+  .banner-4-txt h2 { margin-bottom: 24px; }
+  .banner-7-txt h2 { margin-bottom: 25px; }
+  .banner-10-txt h2 { margin-bottom: 22px; }
+  .banner-11-txt h2 { margin-bottom: 14px; }
+  .banner-12-txt h2, .banner-13-txt h2 { margin-bottom: 14px; }
+  .banner-15-txt h2 { margin-bottom: 30px; }
+  .banner-16-txt h4 { margin-bottom: 14px; }
+  
+  .banner-section p.p-lg, .banner-section p.p-xl { margin-bottom: 20px; }
+  .sm-title .banner-1-txt p.p-lg, .sm-title .banner-1-txt p.p-xl,
+  .banner-6-txt p.p-lg, .banner-6-txt p.p-xl { margin-top: 12px; margin-bottom: 22px!important; }
+  .banner-3-txt p.p-lg, .banner-3-txt p.p-xl, .banner-5-txt p.p-lg, .banner-5-txt p.p-xl { margin-top: 12px; }
+  .banner-5-txt p.s-21, .banner-5-txt p.s-22 { margin-top: 12px;margin-bottom: 18px; }
+  .banner-9-txt p.p-lg, .banner-9-txt p.p-xl { margin-top: 15px; margin-bottom: 22px!important; }
+  .banner-11-txt p { padding-right: 0; }
+  .banner-14-txt p.p-lg { font-size: 1.125rem; margin-top: 20px; margin-bottom: 25px; }
+  
+  .banner-5-txt .btns-group.mt-35 { margin-top: 25px; }
+  .banner-8-buttons.mt-20 { margin-top: 22px; }
+  .banner-15-txt .download-links { margin-top: 20px; }
+  .banner-section .btns-group .btn.mr-15 { margin-right: 8px; }
+  .banner-16-txt .txt-block-tra-link.mt-15 { margin-top: 14px; }
+
+  .banner-9-img, .banner-10-img { margin: 40px 10% 0; } 
+  .banner-11-img { margin: 40px 5% -30px; }
+  .banner-12-img { transform: rotate(0deg); margin: 35px 0 -40px; }
+  
+  /* FAQs */
+  #faqs-1, #faqs-4 { padding-bottom: 50px; }
+
+  /* FAQs Section Title */
+  #faqs-1 .section-title { margin-bottom: 20px; }
+  #faqs-2 .inner-page-title { margin-bottom: 30px; }
+  #faqs-3 .section-title { margin-bottom: 40px; }
+
+  /* FAQs Accordion */
+  .faqs-section .accordion-thumb { padding: 20px 0 22px; }
+  #faqs-2.faqs-section .accordion-thumb { padding: 20px 0 25px; }
+
+  .faqs-section .accordion-item .accordion-thumb:after, 
+  .faqs-section .accordion-item.is-active .accordion-thumb:after { font-size: 0.875rem; top: 20px; right: 2px; }
+  #faqs-2.faqs-section .accordion-item .accordion-thumb:after, 
+  #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after { font-size: 0.9rem; top: 22px; right: 2px; }
+
+  .accordion-panel { padding: 0 0 5px 0; }
+  #faqs-2 .accordion-panel { padding: 30px 0 15px 0; } 
+  #faqs-2 .accordion-panel-item.mb-35, #faqs-3 .question.mb-35 { margin-bottom: 25px; }
+
+  .question h5, .accordion-panel-item h5 { margin-bottom: 15px; }
+
+  /* FAQs Tabs */
+  .faqs-section .tabs-1 { margin: 0 auto 20px; }
+  .faqs-section .tabs-1 li { min-width: 240px; margin: 0 6px 20px; }
+
+  /* More Questions Link */
+  #faqs-2 .more-questions { margin: 45px auto 0; }
+  #faqs-3 .more-questions.mt-40 { margin-top: 15px; }
+  .more-questions-txt { padding: 18px 42px; }
+  .more-questions-txt p { font-size: 1.125rem; }
+
+  /* NEWSLETTER */
+  #newsletter-1 .newsletter-overlay, #newsletter-5 .newsletter-overlay { padding-top: 50px; padding-bottom: 40px; }  
+  #newsletter-2 .newsletter-overlay { padding: 50px 3% 40px; }
+  #newsletter-3, #newsletter-4 .newsletter-overlay { padding-top: 55px; padding-bottom: 60px; }
+
+  #newsletter-3 .newsletter-txt, #newsletter-4 .newsletter-txt, #newsletter-5 .newsletter-txt { padding: 0 8%; }
+
+  .newsletter-txt h2, #newsletter-4 .newsletter-txt h2 { margin-bottom: 30px; }
+  .newsletter-txt h4, .newsletter-txt h3 { font-size: 2.0625rem; padding: 0 5%; margin-bottom: 30px; }
+
+  #newsletter-4 .newsletter-txt p { font-size: 1rem; padding: 0; margin-bottom: 0; }
+  #newsletter-5 .newsletter-txt p { margin-top: 15px; }
+
+  #newsletter-1 .newsletter-form, #newsletter-2 .newsletter-form { padding: 0 10%; }
+  #newsletter-3 .newsletter-form, #newsletter-4 .newsletter-form { padding: 0 2%; }
+  #newsletter-5 .newsletter-form { margin-top: 20px; padding: 0; }
+
+  .newsletter-section .form-control, #newsletter-1.newsletter-section .form-control, 
+  #newsletter-5.newsletter-section .form-control { height: 54px; font-size: 1.0625rem; }
+  .newsletter-section .btn, #newsletter-1 .btn, #newsletter-5.newsletter-section .btn { height: 54px; font-size: 1.0625rem; }
+
+  /* BLOG */
+  .wide-post h3.s-36, .wide-post h3.s-38, .wide-post h3.s-40, .square-post h4.s-34 { font-size: 1.4375rem; }
+  .square-post .blog-post-txt { padding: 45px 35px; }
+
+  .blog-post-txt h6, .blog-post-txt h4.mb-20, .blog-post-txt h3 { margin-bottom: 18px; }
+  .blog-post-meta.mt-20, .blog-post-meta.mt-30 { margin-top: 18px; }
+
+  .posts-category span { top: 1px; }
+  .posts-category.ico-20 [class*="flaticon-"]:before, 
+  .posts-category .more-projects.ico-20 [class*="flaticon-"]:after { font-size: 1.125rem; } 
+  
+  /* Single Blog Post */
+  .single-post-title h3, .single-post-title h2 { padding: 0 5%; margin-bottom: 20px; }
+  .single-post-title .blog-post-meta.mt-35 { margin-top: 20px; }
+  .single-post-txt h5, .single-post-txt h4 { margin-top: 15px; margin-bottom: 18px; }
+
+  .single-post-txt .blockquote p { font-size: 1.1875rem; margin-bottom: 30px; }
+  .single-post-txt .blockquote-footer { font-size: 1.0625rem; }
+
+  .post-share-list { margin-top: 30px; padding-bottom: 40px; }
+
+  .post-author { padding-top: 60px; padding-bottom: 60px; }
+  .post-author-avatar { margin-right: 14px; }
+  .post-author-avatar img { width: 70px; height: 70px; }
+  .post-author-txt h5 { margin-bottom: 15px; }
+
+  .author-follow-btn { padding: 5px 12px; top: 60px; right: 10px; }
+
+  .post-comments { padding-top: 50px; }
+  .post-comments h5 { margin-bottom: 40px; }
+  .post-comments img { width: 52px; height: 52px; }
+  .comment-body { margin-left: 20px; }
+  .comment-meta { margin-bottom: 5px; }
+  .comment-meta h6 { margin-bottom: 5px; }
+  .post-comments #leave-comment h5 { margin-top: 50px; }
+
+  .comment-form { margin-top: 50px; }
+  .comment-form .btn { margin-top: 0; }
+
+  /* CONTACTS */
+  #contacts-1 .contact-form .contact-form-notice p { font-size: 0.875rem; margin-top: 30px; }
+
+  #contacts-1 .contact-form .col-md-12 span { margin-bottom: 15px; }
+  .contact-form .form-control, .contact-form .form-select { height: 54px; }
+
+  /* FOOTER */
+  .footer { padding-bottom: 30px; }
+  .footer hr { margin-top: 15px; margin-bottom: 30px; }
+
+  #footer-10.pt-50 { padding-top: 5px; }
+  #footer-11.p-404.pt-50 { padding-top: 40px; padding-bottom: 40px; }
+
+  .footer-info, .footer-links, .footer-stores-badge {margin-bottom: 35px; }
+
+  #footer-2 .footer-links.fl-3 { margin-top: 20px; }
+  #footer-6 .footer-info, #footer-7 .footer-info { margin-top: 15px; margin-bottom: 0; }
+  #footer-10 .footer-info { margin-bottom: 30px; padding-bottom: 45px; }
+
+  #footer-8 .footer-links, #footer-10 .footer-links { margin-bottom: 10px; }
+  #footer-4 .footer-stores-badge { margin-top: 15px; }
+
+  img.footer-logo, img.footer-logo-dark { max-height: 38px; }
+  #footer-1 .footer-logo, #footer-5 .footer-logo, #footer-6 .footer-logo, #footer-7 .footer-logo { margin-bottom: 24px; }
+  #footer-2 .footer-logo, #footer-3 .footer-logo { margin-bottom: 30px; }
+  #footer-10 img.footer-logo { max-height: 38px; }
+
+  .footer h6 { font-size: 1.21875rem; margin-bottom: 20px; } /* 19.5px */
+
+  .footer-mail-link { font-size: 1.125rem; }
+  .footer-mail-link span { top: 3px; right: 4px; }
+  #footer-1 .footer-info .footer-mail-link { margin-top: 5px; }
+
+  #footer-8 .foo-links li { display: block!important; padding-left: 0; }
+  #footer-10 .foo-links li { padding: 0 8px; }
+
+  .foo-links li a span.ext-link { left: 3px; top: 1px; }
+  .foo-links.ico-10 li span { top: 1px; right: 3px; }
+
+  .footer-stores-badge .store { margin-right: 10px; }
+
+  .footer-socials.ico-25 [class*="flaticon-"]:before, 
+  .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.3925rem; }
+
+  #footer-9 .footer-form { padding-right: 15%; margin-bottom: 0; }
+  .footer-form .form-control { font-size: 1.0625rem; height: 32px; }
+  .footer-form .btn { height: 32px; }
+  .footer-form .ico-15 [class*="flaticon-"]:before, .footer-form .ico-15 [class*="flaticon-"]:after { line-height: 26px!important; }
+
+  .bottom-footer-socials { margin-top: 10px; }
+  .bottom-footer-socials li { padding-left: 12px; }
+  .bottom-footer-socials li:first-child { padding-left: 0; }
+
+  .bottom-footer-list { margin-top: 5px; } 
+
+  .footer-list-divider { top: -1px; }
+  .bottom-secondary-link p span { top: 1.5px; padding: 0 2px; }
+  .footer-info-copyright p span { top: 2px; padding: 0 2px; }
+
+  .footer-info-copyright.ico-15 [class*="flaticon-"]:before, 
+  .footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.815rem; }
+
+  /* INNER PAGE WRAPPER */
+  .inner-page-title { margin-bottom: 50px; }
+  .inner-page-title h2 { margin-bottom: 0; }
+  .inner-page-title p { font-size: 1.15rem; margin-top: 10px; }
+  .page-hero-section h1 { line-height: 1.25; margin-bottom: 20px; }
+
+  /* SIGN IN / SIGN UP */
+  .register-form-title h3 { font-size: 2.0625rem; }
+
+  .separator-line, .register-page-form p.input-header, .reset-password-link p, 
+  .form-data span, .register-page-form p.create-account, .register-page-form .btn-google { font-size: 1rem; }
+  .reset-password-link p { margin-top: 0; margin-bottom: 10px; }
+
+  .register-page-wrapper { margin: 0 25px; width: auto; }
+  .reset-page-wrapper { margin: 0 45px; }
+
+  #login .register-page-form, #signup .register-page-form { padding: 50px 40px; }
+  #login.login-1 .register-page-form, #signup.signup-1 .register-page-form { padding: 10px 40px; }
+
+  .reset-form-title { margin-bottom: 25px; }
+  .reset-form-title p.p-sm { font-size: 1.0625rem; margin-top: 20px; }
+
+  .reset-page-wrapper .form-control, .register-page-form .form-control, #login .register-page-form .btn.submit, 
+  #signup .register-page-form .btn.submit, .reset-page-wrapper .btn.submit { height: 54px; font-size: 1.0625rem; }
+  .btn-google img { width: 20px; height: 20px; top: -2px; right: 5px; }
+
+  /* PAGE 404 */
+  .page-404-txt { padding-top: 100px; }
+  .page-404-txt h2 { margin-bottom: 15px; }
+  .page-404-txt h2 { margin-bottom: 15px; }
+  .page-404-txt h6 { font-size: 1.375rem; padding: 0 3%; line-height: 1.666; margin-bottom: 25px; }
+  .page-404-img { padding: 0 8%; margin-bottom: 40px; }
+
+  /* MODAL */
+  #modal-1 .modal-dialog { max-width: 490px; }
+  #modal-2 .modal-dialog { width: 390px; }
+  #modal-3 .modal-dialog.modal-xl { width: 400px; }
+
+  #modal-2 .modal-body-content { padding: 25px 30px 5px; }
+  #modal-3 .modal-body-content { padding: 40px 25px 30px; }
+
+  .modal-body .newsletter-form { margin-top: 20px; }
+  .modal .newsletter-form .form-control, .modal .newsletter-form .btn { height: 54px; font-size: 1.0625rem; }
+
+  #modal-3 .request-form-title p { margin-top: 15px; margin-bottom: 20px; }
+
+
+}
+
+
+
+
+/* ------------------------------------------------------------------------ */
+/* ------------------------------------------------------------------------ */
+/* ------------------------------------------------------------------------ */
+
+@media (min-width: 414px) and (max-width: 479.98px) {
+
+  /*------------------------------------------*/
+  /*  BASE
+  /*------------------------------------------*/
+
+  #stlChanger { display: none; }
+  .division { padding-left: 10px; padding-right: 10px; }
+  .bg--fixed { width: auto; }
+  .bg--scroll { width: auto; background-attachment: scroll!important; }
+
+  /* Backgroud Shape */
+  .shape--01:after { height: 90%; top: 6.5%; }
+  .shape--02:after { width: 140%; height: 90%; top: 6.5%; left: -20%; }
+  .shape--03:after { width: 140%; height: 129%; top: -70px; left: -20%; }
+  .shape--04:after { height: 94%; top: 0; }
+  .shape--06:after { height: 92%; }
+  .shape--07:after { height: 80%; top: 14%; }
+
+  ol.digit-list p { margin-bottom: 5px; }
+
+  .font--jakarta h1, .font--jakarta h2 { line-height: 1.35; }
+  .font--jakarta h3, .font--jakarta h4, .font--jakarta h5, .font--jakarta h6 { line-height: 1.4; }
+
+  /* Font Size */
+  .s-15, .s-16 { font-size: 1.0625rem; }                              /* 17px */
+  .s-17 { font-size: 1.125rem; }                                      /* 18px */
+  .s-18, .s-19, .s-20, .s-21, .s-22, .s-23 { font-size: 1.3125rem; }  /* 21px */
+  .s-24, .s-26, .s-28 { font-size: 1.4375rem; }                       /* 23px */
+  .s-30, .s-32, .s-34 { font-size: 1.5625rem; }                       /* 25px */
+  .s-36, .s-38, .s-40 { font-size: 1.6875rem; }                       /* 27px */
+  .s-42, .s-43, .s-44, .s-45, .s-46, .s-47 { font-size: 1.8125rem; }  /* 29px */
+  .s-48 { font-size: 1.9375rem; }                                     /* 31px */
+  .s-50, .s-52, .s-54, .s-56, .s-58, .s-60 { font-size: 2.0625rem; }  /* 33px */
+  .s-62 { font-size: 2.125rem; }                                      /* 34px */
+  .s-64, .s-66 { font-size: 2.25rem; }                                /* 36px */
+  .s-68 { font-size: 2.375rem; }                                      /* 38px */
+
+  /* Paragraphs */
+  p.p-sm { font-size: 1rem; } 
+  p { font-size: 1.0625rem; } 
+  p.p-md, p.p-lg { font-size: 1.125rem; }
+
+  /* Transparent Link */
+  a.tra-link { font-size: 1.125rem; }
+  .tra-link.ico-20 [class*="flaticon-"]:before, 
+  .tra-link.ico-20 [class*="flaticon-"]:after { font-size: 0.785rem; line-height: 0.7rem!important; top: 1px; left: 2px; }
+
+  /* Transparent Link */
+  a.tra-link { font-size: 1.125rem; }
+  .tra-link.ico-20 [class*="flaticon-"]:before, 
+  .tra-link.ico-20 [class*="flaticon-"]:after { font-size: 0.785rem; line-height: 0.7rem!important; top: 1px; left: 2px; }
+
+  /* Button */
+  .btn { font-size: 1.125rem; }
+  .btn.btn-sm { font-size: 1rem; padding: 0.7rem 1.5rem; }
+  .btns-group .btn.ico-30.ico-left, .btns-group .btn.ico-30.ico-right { padding: 0.68165rem 0.5rem 0; }
+
+  /* Buttons Group */
+  .btns-group .btn:first-child { margin-left: 8px; margin-right: 8px; margin-bottom: 15px; }
+  .btns-group .btn:last-child { margin-left: 8px; margin-right: 8px; }
+
+  /* Button Icon */
+  .btn.ico-20 [class*="flaticon-"]:before, 
+  .btn.ico-20 [class*="flaticon-"]:after { font-size: 1.225rem; line-height: 0.45rem!important;top: 4px; }
+
+  .btn.ico-30 [class*="flaticon-"]:before, .btn.ico-30 [class*="flaticon-"]:after { font-size: 2.05rem; }
+
+  .btn.ico-30.ico-left span.ico-30-txt { font-size: 1.15rem; top: -10px; margin-right: 0; }
+  .btn.ico-30.ico-right span.ico-30-txt { font-size: 1.15rem; top: -10px; margin-left: 0; }
+  .btn.ico-left span { margin-right: 3px; }
+  .btn.ico-right span { margin-left: 3px; }
+
+  /* Button Text */
+  p.btn-txt, .text-center p.btns-group-txt { margin-top: 18px; margin-bottom: 0; }
+  .btn-rating { margin: 15px 0 0 0; }
+  .btn-rating p.p-sm { font-size: 0.9375rem; }
+
+  /* OS Button */
+  .os-btn { width: 280px; min-width: 280px; padding: 14px 15px 10px; }
+  .os-btn-ico { margin-right: 14px; }
+  .os-btn-txt p { margin-top: 4px; }
+
+  .btn-os.mb-15 { margin-bottom: 15px; }
+  .btn-os.mr-15 { margin-right: 0; margin-bottom: 15px; }
+
+  /* Store Badge */
+  .store { margin-right: 6px; }
+  .store.store-btn-2 { margin-right: 0; }
+  .store-btn-3, .store-btn-4 { margin-top: 15px; }
+
+  /* Watch Video Link */
+  .watch-video { margin-top: 20px; }
+  .watch-video-link { margin-right: 10px; }
+  p.video-txt-lg { font-size: 1.125rem; }
+  p.video-txt-sm { font-size: 1.0625rem; }
+
+  /* Vector Icon Background */ 
+  .ico-50 .shape-ico svg { width: 120px; height: 120px; top: -35px; left: calc(50% - 60px); }
+  .fbox-11 .ico-50 .shape-ico svg { top: -35px; left: calc(50% - 65px); }
+  .ico-55 .shape-ico svg { width: 125px; height: 125px; top: -30px; left: calc(50% - 65px); }
+  .ico-60 .shape-ico svg { width: 130px; height: 130px; top: -35px; left: calc(50% - 60px); }
+
+  /* Vector Rounded Icons */
+  .ico-rounded, .ico-rounded-md, .ico-rounded-lg { width: 94px; height: 94px; }
+
+  .ico-rounded [class*="flaticon-"]:before, 
+  .ico-rounded [class*="flaticon-"]:after,
+  .ico-rounded-md [class*="flaticon-"]:before, 
+  .ico-rounded-md [class*="flaticon-"]:after,
+  .ico-rounded-lg [class*="flaticon-"]:before, 
+  .ico-rounded-lg [class*="flaticon-"]:after { font-size: 3rem; line-height: 94px!important; }
+
+  /* Vector Square Icons */
+  .ico-square { width: 88px; height: 88px; }
+  .ico-square [class*="flaticon-"]:before, 
+  .ico-square [class*="flaticon-"]:after { font-size: 2.85rem; line-height: 88px!important; }
+
+  /* Section ID */
+  .section-id.rounded-id { padding: 8px 22px; font-size: 0.8rem; margin-bottom: 30px; }
+
+  /* Section Title */
+  .section-title.mb-60 { margin-bottom: 35px; }
+  .section-title.mb-70, .section-title.mb-80 { margin-bottom: 45px; }
+
+  .section-title h2 { padding: 0 1%; }
+  .content-section .col-md-8 .section-title h2 { padding: 0 1.5%; }
+
+  .section-title p.p-md, .section-title p.p-lg { margin-top: 14px; }
+  .section-title p.p-xl { font-size: 1.125rem; margin-top: 14px; }
+  .section-title p.s-20, .section-title p.s-21 { font-size: 1.1875rem; padding: 0 3%; margin-top: 12px; }  /* 19px */
+  .section-title p.p-md, .section-title p.p-lg { padding: 0; }
+
+  .section-title .btns-group.mt-35 { margin-top: 20px; }
+
+  /*------------------------------------------*/
+  /*   NAVIGATION MENU    
+  /*------------------------------------------*/
+
+  /* Header Logo */
+  .wsmobileheader .smllogo { display: block; margin-top: 23px; padding-left: 16px; }
+  .blog-header .wsmobileheader .smllogo { margin-top: 29px; }
+  .smllogo img { width: auto; max-width: inherit; max-height: 34px; }
+  .blog-header .smllogo img { max-height: 28px; }
+
+  .wsmenu > .wsmenu-list { width: 325px; margin-right: -325px; }
+  .wsactive .wsmobileheader { margin-right: 325px; }
+  .overlapblackbg { width: calc(100% - 325px); }
+
+  .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 16px 0 0; }
+
+  /* Nav Link Info */
+  span.sm-info { width: 22px; height: 22px; font-size: 0.8rem; line-height: 20px; top: -1px; margin-left: 8px; }
+
+  .wsmenu > .wsmenu-list > li > a { padding: 5px 32px 4px 20px; margin: 0; }
+  .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 8px; width: 8px; margin: 24px 18px 0px 0px; }
+
+  .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { top: 0; }
+
+  .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { padding: 6px 10px; }
+
+  .wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { padding: 6px 10px; }
+
+  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a,
+  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 12px 10px; }
+
+  /* Header Store Badges */
+  .store.header-store img { max-height: 45px; }
+
+  /* Header Social Links */
+  .header-socials.ico-20 [class*="flaticon-"]:before, 
+  .header-socials.ico-25 [class*="flaticon-"]:after { line-height: 52px!important; } 
+
+  .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title { margin-top: 12px; } 
+
+  .icons-menu-ico { margin-right: 18px; }
+  .icons-menu-txt span { font-size: 1rem; }
+
+  /*------------------------------------------*/
+  /*   HERO   
+  /*------------------------------------------*/
+
+  .hero-section.blur--purple:after { top: -25%; opacity: .18; }
+
+  .hero-section h2 { margin-bottom: 18px; }
+  .hero-section h2.s-48, .hero-section h2.s-50 { margin-bottom: 20px; }
+  .hero-section p.p-md, .hero-section p.p-lg, .hero-section p.p-xl { margin-bottom: 25px; }
+  .hero-section p.s-21 { font-size: 1.3125rem; margin-bottom: 22px; }
+  .hero-section .btn.mt-15, .hero-section .btns-group.mt-15 { margin-top: 8px; }
+
+  /* Hero Advantages */
+  .hero-section .text-center .advantages { margin-top: 18px; }
+  .hero-section .advantages li { display: block!important; margin-top: 4px; }
+  .hero-section .advantages li p { display: block; float: none; }
+  .hero-section li.advantages-links-divider { display: none!important; }
+
+  /* HERO LOGO */
+  .hero-logo, .hero-app-logo { margin-bottom: 30px; }
+  .hero-logo img { max-height: 34px; }
+
+  .hero-square-logo { margin-bottom: 12px; }
+  .hero-square-logo img { max-height: 64px; }
+
+  .hero-app-logo img { max-height: 96px; }
+  #hero-25 .hero-app-logo img { max-height: 96px; }
+
+  /* HERO DIGITS */
+  .hero-digits { padding: 0 3%; margin-top: -5px; }
+  #hero-9 .hero-digits { padding: 0; margin-top: 3px; }
+  .hero-digits h2.statistic-number { font-size: 2.5rem; }
+  .hero-digits h2.statistic-number span { font-size: 2.25rem; }
+
+  /* HERO QUICK FORM */
+  .hero-section .quick-form.mt-45, .hero-section .quick-form.mt-35 { margin-top: 0; }
+  .hero-section .quick-form .form-control, .hero-section .quick-form .btn { font-size: 1.175rem; height: 58px; }
+  .hero-section .quick-form.form-half .form-control { height: 58px; font-size: 1.175rem; padding: 0 14px; }
+  .hero-section .quick-form.form-half .btn { height: 58px; font-size: 1.15rem; }
+
+  .hero-section .text-center .quick-form-msg { margin: 20px 0 0 0; }
+
+  /* HERO REQUEST FORM */
+  .request-form .form-control { height: 56px; font-size: 1.0625rem; padding: 0 14px; }
+  #hero-10-form .btn, #hero-22-form .btn { height: 56px; font-size: 1.0625rem; padding: 16px; }
+
+  /* HERO-1 */
+  .hero-1-txt { padding: 0 4%; }
+  .hero-1-img { margin-top: 35px; }
+
+  /* HERO-2 */
+  .hero-2-txt { padding: 0 3%; }
+  .hero-2-img { margin-top: 40px; }
+
+  /* HERO-3 */
+  .hero-3-txt { padding: 0 3%; }
+  #hero-3:after { height: 8%; }
+  .hero-3-img { margin-top: 35px; }
+
+  /* HERO-4 */
+  #hero-4 { padding-top: 70px; }
+  #hero-4:after { height: 7%; }
+  .hero-4-txt h2 { padding: 0 3%; }
+  .font--inter .hero-4-txt h2 { padding: 0 5.5%; }
+  .hero-4-txt p { padding: 0 4%; }
+  .hero-4-img { margin-top: 40px; }
+
+  /* HERO-5 */
+  #hero-5 { margin-bottom: 50px; }
+  .hero-5-txt h2 { margin-bottom: 15px; }
+  .hero-5-txt p.p-lg { margin-bottom: 20px; }
+
+  /* HERO-6 */
+  #hero-6 { padding-top: 0; }
+  #hero-6 .container { max-width: 100%; }
+  .hero-6-wrapper { padding: 70px 25px; margin: 0 -15px; border-radius: 0 0!important; }
+  .hero-6-img { margin: 35px 1% 0; }
+
+  /* HERO-7 */
+  #hero-7 { padding-top: 80px; padding-bottom: 80px; }
+  .hero-7-txt h2 { padding: 0 6%; }
+  #hero-7 .quick-form { margin-left: 3%; margin-right: 3%; }
+  .hero-7-img { margin-top: 35px; }
+
+  /* HERO-8 */
+  .hero-8-txt { padding: 0 5%; }
+  .hero-8-txt .hero-logo { display: none; }
+  .hero-8-txt .hero-digits { padding: 0 3%; }
+
+  #hero-8-form { padding: 30px 22px; margin: 40px 4% 0; border-radius: 10px; }
+  #hero-8-form h4 { margin-bottom: 15px; }
+  #hero-8-form p { font-size: 1.0625rem; margin-bottom: 16px; }
+  #hero-8-form p.p-sm { font-size: 1rem; padding: 0 2%!important; }
+
+  /* HERO-9 */
+  .hero-9-txt h2 { padding: 0 3%; line-height: 1.45; }
+  .hero-9-txt h2 img { max-height: 56px; margin: 0 2px; top: -9px; }
+  .hero-9-txt p.s-20 { font-size: 1.125rem; margin-top: 10px; }
+
+  #hero-9 .quick-form { margin-left: 2%; margin-right: 2%; }
+  .hero-9-img { margin: 45px 0 0; }
+
+  /* HERO-10 */
+  #hero-10:after { height: 7%; }
+  .hero-10-txt h2 { padding: 0 2%; margin-bottom: 15px; }
+  .hero-10-txt h4 { padding: 0 2%; margin-bottom: 25px; }
+  .hero-10-img { margin-top: 35px; }
+
+  /* HERO-11 */
+  .hero-11-txt { padding: 0 4%; }
+  .hero-11-img { margin: 35px 3% -50px; }
+
+  /* HERO-12 */
+  #hero-12:after { height: 7%; }
+  .hero-12-txt h2 { padding: 0 6%; }
+  .font--inter .hero-12-txt h2 { padding: 0 5.5%; }
+  .hero-12-txt p { padding: 0 4%; }
+  .hero-12-img { margin-top: 35px; }
+
+  /* HERO-13 */
+  #hero-13 { padding-top: 70px; padding-bottom: 70px; } 
+  .hero-13-txt { padding: 0 3%; }
+  .hero-13-img { margin: 40px 2% 0; }
+
+  /* HERO-14 */
+  #hero-14 { margin-bottom: 20px; }
+  .hero-14-txt h2 { padding: 0 3%; }
+  .hero-14-txt h2.s-62 { font-size: 2.0625rem; } 
+  .hero-14-txt p.s-21 { padding: 0 3%; margin-bottom: 25px; }
+  #hero-14 .quick-form { margin-left: 4%; margin-right: 4%; }
+  .hero-14-img { margin-top: 35px; margin-bottom: -20px; }
+  .hero-14-txt .btn-txt { margin-top: 25px; }
+
+  /* HERO-15 */
+  .hero-15-txt { padding: 0 3%; }
+  .hero-15-img { margin: 35px 2% 0; }
+
+  /* HERO-16 */
+  #hero-16 { padding-top: 70px; margin-bottom: 35px; }
+  .hero-16-txt p { padding: 0 5%; }
+  .hero-16-img { margin: 40px 0 -35px; }
+
+  /* HERO-17 */
+  .hero-17-txt p { padding: 0 2%; }
+  #hero-17 .quick-form { margin-left: 4%; margin-right: 4%; }
+  #hero-17 #brands-1 { padding-top: 35px; } 
+
+  /* HERO-18 */
+  .hero-18-txt { padding: 0 3%; }
+  #hero-18 .quick-form { margin: 20px 0 0; }
+  .hero-18-img { margin-top: 40px; }
+
+  /* HERO-19 */
+  .hero-19-txt h2 { padding: 0 5%; }
+  .hero-19-txt p { padding: 0 2%; }
+
+  /* HERO-20 */
+  .hero-20-txt { padding: 0 7%; }
+  .hero-20-txt .hero-logo { display: none; }
+  .hero-section .hero-20-txt h2.s-48 { margin-bottom: 20px; }
+
+  /* HERO-21 */
+  #hero-21 { overflow: visible; margin-bottom: 50px; }
+  #hero-21 .container { max-width: 100%; }
+  .hero-21-txt { margin-bottom: 50px; }
+  .hero-21-txt h2 {  margin-bottom: 18px; }
+
+  .hero-21-wrapper { overflow: visible; margin: 0 -15px; border-radius: 0 0!important; }
+  #hero-21 .hero-overlay { position: relative; padding: 60px 25px 0; }
+  .hero-21-img { margin-bottom: -50px; }
+  .hero-21-img .video-btn { top: calc(50% - 2px); }
+
+  /* HERO-22 */
+  #hero-22-form { text-align: center; padding: 35px 25px 25px; margin: 0 2%; }
+  #hero-22 .hero-logo { display: none; }
+   #hero-22-form h4 { font-size: 1.6875rem; padding: 0; margin-bottom: 15px; }
+  #hero-22-form p { font-size: 1.125rem; padding: 0 5%; margin-bottom: 16px; }
+
+  /* HERO-23 */
+  .hero-23-txt { padding: 0 4%; }
+  .hero-23-img { margin-top: 12px; }
+
+  /* HERO-24 */
+  #hero-24 { padding-top: 80px; padding-bottom: 80px; }
+  .hero-24-txt p.p-xl { padding: 0 3%; }
+  #hero-24 .quick-form { margin-left: 4%; margin-right: 4%; }
+
+  /* HERO-25 */
+  .hero-25-txt p.p-lg { margin-bottom: 22px; }
+  .hero-25-img { margin: 35px 2% 0; }
+
+  /* HERO-26 */
+  .hero-26-txt { padding: 0 5%; } 
+  .hero-26-txt h2 { padding: 0 3%; } 
+  .hero-26-img { margin-top: 35px; }
+
+  /* HERO-27 */
+  .hero-27-txt h2 { font-size: 2.05rem; margin-bottom: 15px!important; }
+  .hero-27-txt p.s-20, .hero-27-txt p.s-21 { font-size: 1.1875rem; }
+  .hero-27-txt .btns-group.mt-15 { margin-top: 0!important; }
+
+  /*------------------------------------------*/
+  /*  CONTENT
+  /*------------------------------------------*/
+
+  /* ABOUT */
+  .about-2-title { margin-bottom: 30px; }
+  .a2-txt { padding: 15px 20px 30px; }
+
+  .a2-txt-quote { position: relative; margin-bottom: -40px; }
+  .a2-txt-quote.ico-40 [class*="flaticon-"]:before, .a2-txt-quote.ico-40 [class*="flaticon-"]:after { font-size: 4.25rem; }
+
+  .a2-txt-author { margin-top: 10px; }
+  .a2-txt-author { font-size: 1.125rem; }
+  .a2-txt-author span { font-size: 0.975rem; margin-top: 1px; }
+
+  #about-1 .txt-block h3.mb-30, .about-2-title h2.mb-30 { margin-bottom: 15px; }
+
+  #about-4 .txt-block h2 { padding: 0 6%; }
+  #about-4 .txt-block p { margin-top: 12px; }
+  #a4-2 { margin: 35px 3% 0; }
+
+  /* FEATURES */
+  #features-14 .container { max-width: 100%; }
+  .fbox-14-wrapper { padding: 70px 30px; margin: 0 -15px; border-radius: 0 0!important; } 
+
+  #features-12.py-100.shape--bg:after, #features-13.py-100.shape--bg:after { height: 68%; top: 32%; }
+  #features-12.pt-100.shape--bg:after, #features-13.pt-100.shape--bg:after { height: 64%; top: 32.35%; }
+
+  .row-cols-md-3 .fbox-4, .row-cols-md-2 .fbox-4, .fbox-7, .fbox-9 { padding: 40px 25px 35px; }
+  .fbox-5 { padding: 45px 25px 40px; } 
+  .row-cols-md-2 .fbox-7 { padding: 40px 55px 35px; }
+  .fbox-8.fb-1 { padding: 0 25px 40px; }
+  .fbox-8.bg--white-100 {padding: 45px 25px; }
+  .fbox-8.fb-3 { padding: 45px 25px 0; }
+
+  .fbox-12, .fbox-13 { padding: 35px 30px; } 
+  #fb-12-1, #fb-13-1 { margin-top: 65px; }
+
+  .fbox-14 { padding: 45px 40px; } 
+  .fbox-14.fb-1, .fbox-14.fb-2 { margin-bottom: 30px; }
+
+  .fbox-img.h-135 img, .fbox-img.h-140 img, .fbox-img.h-145 img, .fbox-img.h-150 img, .fbox-img.h-155 img, 
+  .fbox-img.h-160 img, .fbox-img.h-165 img, .fbox-img.h-170 img, .fbox-img.h-175 img, .fbox-img.h-180 img { max-height: 185px; }
+
+  .fbox-2 .fbox-img.h-135 img, .fbox-2 .fbox-img.h-140 img, .fbox-2 .fbox-img.h-145 img, .fbox-2 .fbox-img.h-150 img, 
+  .fbox-2 .fbox-img.h-155 img, .fbox-2 .fbox-img.h-160 img, .fbox-2 .fbox-img.h-165 img, .fbox-2 .fbox-img.h-170 img, 
+  .fbox-2 .fbox-img.h-175 img, .fbox-2 .fbox-img.h-180 img { max-height: 180px; }
+
+  .fbox-3 .fbox-img.h-135 img, .fbox-3 .fbox-img.h-140 img, .fbox-3 .fbox-img.h-145 img, .fbox-3 .fbox-img.h-150 img, 
+  .fbox-3 .fbox-img.h-155 img, .fbox-3 .fbox-img.h-160 img, .fbox-3 .fbox-img.h-165 img, .fbox-3 .fbox-img.h-170 img, 
+  .fbox-3 .fbox-img.h-175 img, .fbox-3 .fbox-img.h-180 img { max-height: 180px; }
+
+  .fbox-4 .fbox-img.h-135 img, .fbox-4.fbox-img.h-140 img, .fbox-4 .fbox-img.h-145 img, .fbox-4 .fbox-img.h-150 img, 
+  .fbox-4 .fbox-img.h-155 img, .fbox-4 .fbox-img.h-160 img, .fbox-4 .fbox-img.h-165 img, .fbox-4 .fbox-img.h-170 img, 
+  .fbox-4 .fbox-img.h-175 img { max-height: 165px; }
+
+  .fbox-1 .fbox-img, .row-cols-md-2 .fbox-1 .fbox-img, .fbox-4 .fbox-img, .row-cols-md-2 .fbox-4 .fbox-img { margin-bottom: 30px; }
+
+  .fbox-2 .fbox-img.h-135, .fbox-2 .fbox-img.h-140, .fbox-2 .fbox-img.h-145, 
+  .fbox-2 .fbox-img.h-150, .fbox-2 .fbox-img.h-155, .fbox-2 .fbox-img.h-160, 
+  .fbox-2 .fbox-img.h-165, .fbox-2 .fbox-img.h-170, .fbox-2 .fbox-img.h-175, 
+  .fbox-2 .fbox-img.h-180 { padding-top: 40px; margin: 0 12px 50px; }
+
+  .fbox-3 .fbox-img.h-135, .fbox-3 .fbox-img.h-140, .fbox-3 .fbox-img.h-145, 
+  .fbox-3 .fbox-img.h-150, .fbox-3 .fbox-img.h-155,  .fbox-3 .fbox-img.h-160, 
+  .fbox-3 .fbox-img.h-165, .fbox-3 .fbox-img.h-170, .fbox-3 .fbox-img.h-175, 
+  .fbox-3 .fbox-img.h-180 { padding-top: 40px; margin: 0 12px 30px; }
+
+  .fbox-5.fb-1 .fbox-5-img, .fbox-5.fb-2 .fbox-5-img, .fbox-5.fb-3 .fbox-5-img, 
+  .fbox-5.fb-4 .fbox-5-img, .fbox-5.fb-5 .fbox-5-img, .fbox-5.fb-6 .fbox-5-img { margin: 0 9% 30px; }
+
+  .fbox-ico, .fbox-ico.ico-rounded, .fbox-ico.ico-square { margin-bottom: 20px; }
+
+  .fbox-wrapper .ico-50 [class*="flaticon-"]:before, 
+  .fbox-wrapper .ico-50 [class*="flaticon-"]:after,
+  .fbox-wrapper .ico-55 [class*="flaticon-"]:before, 
+  .fbox-wrapper .ico-55 [class*="flaticon-"]:after,
+  .fbox-wrapper .ico-60 [class*="flaticon-"]:before, 
+  .fbox-wrapper .ico-60 [class*="flaticon-"]:after,
+  .fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:before, 
+  .fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:after{ font-size: 3.65rem; }
+
+  .fbox-10 .fbox-title { margin: 0 auto; }
+  .fbox-10 .fbox-title span { float: none; line-height: 1!important; margin-right: 0; }
+  .fbox-10 .fbox-title h6 { display: block; line-height: 1!important; margin-top: 15px; margin-bottom: 15px; }
+
+  .features-section h6.s-18, .features-section h6.s-20, .features-section h6.s-22 { font-size: 1.4375rem; }  /* 23px */
+  .features-section h6, .fbox-txt h5, .rows-2 .fbox-11 h6, .fbox-wrapper .row-cols-md-2 h6 { margin-bottom: 15px; }
+  .fbox-14 h5 { padding: 0 10%; margin-bottom: 12px; }
+
+  .row-cols-md-3 .fbox-1 p, .row-cols-md-3 .fbox-2 p, .row-cols-md-3 .fbox-3 p, .row-cols-md-3 .fbox-6 p, 
+  .row-cols-md-2 .fbox-1 p, .row-cols-md-2 .fbox-2 p, .row-cols-md-2 .fbox-3 p, .fbox-5 .fbox-txt p, .fbox-10 p { padding: 0 8%; } 
+
+  .row-cols-md-3 .fbox-4 p, .row-cols-md-2 .fbox-4 p { padding: 0 4%; } 
+  .fbox-5 .fbox-txt p, .rows-3 .fbox-11 p { padding: 0 2%; } 
+  .row-cols-md-2 .fbox-6 p { padding: 0 10%; } 
+  .row-cols-lg-3 .fbox-10 .fbox-txt p { padding: 0 2%; }
+
+  /* CONTENT */
+  .ct-10 .section-overlay { margin-bottom: 40px; }
+  .ct-top { margin-bottom: 70px; }
+
+  .ct-13 .txt-block, .ct-13 .img-block { margin-bottom: 35px; }
+  .ct-13 .txt-block.ml-block, .ct-13 .img-block.ml-block { margin-bottom: 0; }
+
+  /* Content Box Wrapper */
+  .content-section.ws-wrapper { margin: 0 -15px; }
+  .bc-1-wrapper .section-overlay, .bc-4-wrapper .section-overlay { padding: 70px 22px; }
+  .bc-2-wrapper .section-overlay, .bc-3-wrapper .section-overlay { padding: 70px 14px; }
+  .bc-5-wrapper .section-overlay { padding: 70px 14px 0; }
+  .cbox-6-wrapper { padding: 30px 20px; }
+  .bc-6-wrapper .section-overlay { padding: 70px 20px; }
+  .bc-6 { padding: 25px 17px 35px; }
+
+  .bc-1-wrapper, .bc-2-wrapper, .bc-3-wrapper, .bc-4-wrapper, .bc-5-wrapper, .bc-6-wrapper { border-radius: 0 0!important; } 
+
+  .bc-5-wrapper .section-title p { padding: 0 5%; } 
+
+  .bc-2-txt h2, .bc-3-txt h2, .bc-4-txt h2, .txt-block h3, .txt-block h2 { margin-bottom: 15px; }
+  .cbox-2-txt h5, .cbox-3-txt h5, .bc-6-txt h5 { margin-bottom: 12px; }
+
+  .txt-block p.p-sm, .txt-block p { margin-bottom: 0.875rem; }
+  .txt-block p.s-20, .txt-block p.s-21 { font-size: 1.1875rem; }
+  .cbox-5-fea p, .txt-block p.video-txt-sm, .txt-block p.btn-txt, .txt-block p.btns-group-txt,
+  .txt-block p.compatibility { margin-bottom: 0; }
+  .txt-block p.video-txt-lg {margin-bottom: 6px; }
+
+  .txt-block .btn { margin-top: 18px; } 
+  .txt-block .btns-group .btn.btn--transparent { margin-top: 0; } 
+  .txt-block .stores-badge.mt-15, .ws-wrapper .stores-badge.mt-15 { margin-top: 8px; }
+  .bc-6-link.mt-15 { margin-top: 12px; }
+  .txt-block-tra-link.mt-25 { margin-top: 16px; }
+
+  /* Content Box */
+  .right-column .cbox-5 { margin-bottom: 40px; }
+  .cbox-5-content { padding: 35px; margin: 0 ; }
+  .cbox-5-content .divider { margin-top: 22px; margin-bottom: 22px; }
+
+  .txt-block .cbox-5-title h2 { font-size: 3rem; margin-bottom: 10px; }
+  .cbox-5-title .statistic-number sup { font-size: 2.5rem; top: -5px; right: 6px; }
+
+  .cbox-5-fea { padding: 15px 20px; margin-top: 20px; }
+  .txt-block .cbox-5-fea h4 { font-size: 1.625rem; }
+  .cbox-5-txt .btn { margin-top: 14px; }
+
+  #cb-6-1, #cb-6-2, #cb-6-3 { margin-bottom: 24px; }
+
+  /* Content Box Icon */
+  .cbox-1.ico-10 span { right: 6px; }
+  .cbox-1.ico-15 span { top: 0.5px; right: 6px; }
+  .cbox-1.ico-15 [class*="flaticon-"]:before, .cbox-1.ico-15 [class*="flaticon-"]:after { font-size: 0.7rem; }
+
+  .cbox-2 .ico-wrap { margin-right: 1rem; }
+  .cbox-2-ico { width: 2.3rem; height: 2.3rem; font-size: 1.15rem; line-height: 2.05rem; }
+  .ct-03 .cbox-2-ico { width: 2rem; height: 2rem; font-size: 1.0625rem; line-height: 1.8rem; }
+  .cbox-2-line { height: calc(100% - 74px); }
+
+  .cbox-3 { display: block; text-align: center; }
+  .cbox-3 .ico-wrap { margin-right: 0; }
+  .cbox-3 .cbox-3-ico { top: 0; margin-bottom: 10px; }
+
+  .cbox-2-txt, .ct-03 .cbox-2-txt, .cbox-3-txt { margin-bottom: 25px; }
+  .ct-03 .cbox-2-txt { margin-bottom: 20px; }
+
+  .cbox-4 { text-align: center; }
+  .box-title h6, .box-title h5 { display: block; line-height: 1!important; margin-bottom: 15px; }
+  .cbox-4-txt { margin-bottom: 30px; }
+  .img-block-txt .box-title h6, 
+  .img-block-txt .box-title h5 { display: inline-block; line-height: 2.35rem!important; margin-bottom: 20px; }
+  .box-title span { display: block; position: relative; top:0; margin-right: 0; margin-bottom: 10px; }
+  .img-block-txt .box-title span { display: inline-block; top: 10px; margin-right: 10px; margin-bottom: 0; }
+  .box-title span[class*="flaticon-"]:before, .box-title span[class*="flaticon-"]:after { font-size: 3.25rem; }
+
+  .img-block-txt .box-title span[class*="flaticon-"]:before, 
+  .img-block-txt .box-title span[class*="flaticon-"]:after { font-size: 2.35rem; }
+
+  /* Content Box Typography */
+  .cbox-1-txt p { margin-bottom: 5px; }
+  .cbox-6 h6 { margin-bottom: 12px; }
+
+  /* Accordion */
+  .txt-block .accordion-1 .accordion-item { padding: 18px 25px; }
+  .txt-block .accordion-2 .accordion-item { padding: 10px 0 20px; }
+
+  .txt-block .accordion-1 .accordion-item .accordion-thumb:before { font-size: 0.95rem; top: 0; }
+  .txt-block .accordion-2 .accordion-item .accordion-thumb:after,
+  .txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { font-size: 0.95rem; top: 8px; }
+
+  .txt-block .accordion-1 .accordion-item.is-active { padding: 30px 25px 14px 25px; }
+  .txt-block .accordion-2 .accordion-item.is-active { padding: 15px 0 20px; }
+
+  .txt-block .accordion-1 .accordion-panel { padding: 0; }
+
+  .txt-block .accordion-2 .accordion-thumb h5 { padding-left: 12px; padding-right: 0; }
+
+  .accordion-2 .accordion-thumb span[class*="flaticon-"]:before,
+  .accordion-2 .accordion-thumb span[class*="flaticon-"]:after { font-size: 1.75rem; top: 6px; }
+
+  /* Tabs */
+  .tabs-1 li { font-size: 1.125rem; } 
+
+  /* Advantages */
+  .advantages, .text-center .advantages { margin-top: 15px; }
+  .img-block-btn .advantages li { display: block!important; margin-top: 4px; }
+  .img-block-btn .advantages li p { display: block; float: none; }
+  .img-block-btn li.advantages-links-divider { display: none!important; }
+
+  /* Compatibility */
+  .compatibility { margin-top: 5px; }
+
+  /* Tools List / Payments Icons */
+  .tools-list p, .payment-methods p { margin-bottom: 12px; }
+  .tools-list span { padding-right: 1px; }
+  .payment-icons img { max-height: 30px; }
+
+  .tools-list.ico-35 [class*="flaticon-"]:before, 
+  .tools-list.ico-35 [class*="flaticon-"]:after {  font-size: 2.125rem; line-height: 2.125rem!important; margin-right: 4px; }
+
+  /* Content Box Shapes */
+  .cbox-5-shape-1, .cbox-5-shape-2 { display: none; }
+
+  /* Content Images */
+  .img-block.img-block-bkg img { padding: 40px 25px; }
+  .img-block-hidden, .bc-5-img.bc-5-dashboard.img-block-hidden { margin-bottom: -30px; }
+  .ct-10 .img-block { margin-bottom: -40px; }
+
+  .ct-01 .img-block, .ct-02 .img-block, .ct-03 .img-block.right-column, .ct-03 .img-block.left-column { margin: 0 2% 35px; }
+  .ct-01 .img-block.j-img, .ct-02 .img-block.j-img { margin-left: 0%; margin-right: 0; }
+  .ct-06 .img-block, .ct-07 .img-block { margin-top: -80px; margin-bottom: 40px; }
+  .bc-5-img.bc-5-tablet.img-block-hidden { margin-bottom: -70px; }
+  .bc-6-img { padding: 30px 15px 0; margin-bottom: 25px; }
+
+  .img-block-hidden .video-btn, .bc-5-img.bc-5-dashboard.img-block-hidden .video-btn { top: 50%; }
+  .bc-5-img.bc-5-tablet.img-block-hidden .video-btn { top: calc(50% - 30px); }
+  .img-block-txt, .img-block-btn { margin-top: 35px; }
+  .ct-11 .img-block, .ct-12 .img-block { margin-bottom: 40px; padding: 40px 8%; }
+
+  /* STATISTIC */
+  .sb-rounded .statistic-block { text-align: center; padding: 25px; }
+  #statistic-5 .statistic-digit { padding-bottom: 18px; margin: 0 12% 18px; }
+
+  #sb-2-1, #sb-2-2, #sb-2-3, #sb-2-4 { width: 50%; }
+  #sb-3-3, #sb-4-3 { margin-bottom: 30px; }
+  #sb-2-3, #sb-2-4 { padding-right: 12px; }
+  #sb-5-1, #sb-5-2 { margin-bottom: 35px; }
+
+  .statistic-1-wrapper .statistic-block-digit { margin-bottom: 12px; }
+
+  h2.statistic-number { font-size: 2.25rem; line-height: 1; letter-spacing: -0.5px; }
+  .txt-block-stat h2.statistic-number { font-size: 2.125rem; }
+  #statistic-1 h2.statistic-number { letter-spacing: -0.5px; }
+  #sb-2-1 h2.statistic-number, #sb-2-2 h2.statistic-number { margin-bottom: 12px; }
+  #statistic-5 .statistic-digit h2 { font-size: 2.125rem; letter-spacing: -0.5px; }
+
+  #sb-2-3 .statistic-block p.p-sm, #sb-2-4 .statistic-block p.p-sm { margin-top: 12px; }
+  .txt-block-stat .statistic-block p { font-size: 0.95rem; }
+  #statistic-5 .statistic-txt p { padding: 0 8%; }
+
+  /* PROJECTS */
+  #pt-1-1, #pt-1-2, #pt-1-3, .inner-page-hero #pt-1-3, .inner-page-hero #pt-1-4, .inner-page-hero #pt-1-5 { margin-bottom: 40px; }
+  .project-details h5 { margin-bottom: 25px; }
+  .more-projects { margin-top: 45px; }
+
+  /* PROJECT DETAILS */
+  .single-project .project-title { margin-bottom: 40px; }
+  .project-title h2 { padding-right: 0; padding-bottom: 25px; margin-bottom: 25px; }
+  .project-data p { margin-bottom: 5px; }
+
+  .project-priview-img.mb-50 { margin-bottom: 35px; }
+  .project-inner-img .top-img { margin-bottom: 30px; }
+  .project-inner-img.mt-50 { margin-top: 35px; }
+  .project-txt h5.mt-35.mb-35 { margin-top: 20px; margin-bottom: 20px; }
+  .project-txt h5.mt-50.mb-35 { margin-top: 35px; margin-bottom: 20px; }
+
+  .project-description .more-projects { margin-top: 45px; }
+  .project-description .more-projects span { top: 1px; left: 4px; }
+  .project-description .more-projects.ico-25 [class*="flaticon-"]:before, 
+  .project-description .more-projects.ico-25 [class*="flaticon-"]:after { font-size: 1.125rem; } 
+
+  /* RATING */
+  #rb-2-1, #rb-2-2 { margin-bottom: 25px; }
+
+  .rating-title h5 { font-size: 1.125rem; }
+  .rbox-1-img { margin-bottom: 15px; }
+  .rbox-1-img img { max-height: 31px; }
+  .rbox-2-txt img { max-height: 31px; }
+  p.rbox-2-txt { line-height: 31px; margin-top: 8px; }
+
+  .rbox-1 .star-rating { padding: 5px 16px; }
+  .rbox-1 .star-rating { font-size: 0.9rem; line-height: 1; }
+
+  .rbox-1 .star-rating span { top: 2px; }
+  .rbox-1 .ico-10 [class*="flaticon-"]:before, .rbox-1 .ico-10 [class*="flaticon-"]:after { font-size: 0.9rem; } 
+  .rbox-1 .ico-15 [class*="flaticon-"]:before, .rbox-1 .ico-15 [class*="flaticon-"]:after { font-size: 1rem; } 
+  .rbox-2 .ico-20 [class*="flaticon-"]:before, .rbox-2 .ico-20 [class*="flaticon-"]:after { font-size: 1.35rem; } 
+  .rbox-2 .ico-25 [class*="flaticon-"]:before, .rbox-2 .ico-25 [class*="flaticon-"]:after { font-size: 1.35rem; } 
+
+  /* TESTIMONIALS */
+  #reviews-4 .txt-block, #reviews-5 .txt-block { text-align: center; }
+  #reviews-4 .txt-block h2, #reviews-5 .txt-block h2 { font-size: 1.90625rem; padding: 0 6%; }  /* 30.5px */
+
+  .review-1 { padding: 35px 20px 30px; margin: 0 6px 20px; }
+  .review-2, .review-3, .review-4, .review-5 { padding: 35px 20px 30px; }
+
+  .review-txt { margin-top: -40px; }
+  .review-txt h6 { margin-bottom: 10px; }
+  .review-3 .review-txt p { font-size: 1.0625rem; }  
+
+  .review-1 .author-data, .review-2 .author-data, 
+  .review-3 .author-data, .review-4 .author-data, .review-5 .author-data { margin-top: 20px; }
+
+  .review-avatar img, .owl-item .review-avatar img { width: 52px; height: 52px; }
+  .review-2 .review-avatar img, .review-3 .review-avatar img, .review-5 .review-avatar img { width: 52px; height: 52px; }
+
+  .review-author { padding: 0 0 0 12px; }
+  .review-1 .review-author, .review-2 .review-author, .review-3 .review-author, .review-5 .review-author { margin-top: 3px; }
+
+  .review-author h6 { margin-bottom: 8px; }
+  .review-1 .review-author h6, .review-2 .review-author h6, .review-3 .review-author h6, 
+  .review-4 .review-author h6, .review-5 .review-author h6 { font-size: 1.2rem; }
+
+  /* PRESS */
+  .press-logo img { max-height: 74px; }
+  .press-txt { padding: 0 3%; margin-top: 10px; }
+
+  /* BRANDS */
+  #brands-3:after { height: 75%; }
+
+  .brands-title { padding: 0 4%; } 
+  .brands-title.mb-35, .brands-title.mb-40 { margin-bottom: 25px; }
+  .brands-title.mb-50 { margin-bottom: 30px; }
+
+  .brands-title h4, .brands-title h3, .brands-title h2 { margin-bottom: 8px; }
+  .brands-title p.p-md, .brands-title p.p-lg { font-size: 1.0625rem; }
+
+  .brands-3-wrapper, .brands-3-wrapper.brands-3-static { padding: 25px 15px; }
+
+  #brand-2-1, #brand-2-2, #brand-2-3, #brand-2-4, #brand-3-1, #brand-3-2, #brand-4-1, #brand-4-2, #brand-4-3, 
+  #brand-4-4, #brand-4-5, #brand-4-6, #brand-4-7, #brand-4-8, #brands-4 .brand-logo.mb-40 { margin-bottom: 30px; }
+  #brand-3-5 { display: none; }
+
+  #brands-1 .brands-carousel-6 .brand-logo, #brands-1 .brands-carousel-5 .brand-logo { padding: 0 25px; }   
+  #brands-1 .justify-content-center .brand-logo, #brands-4 .brand-logo { padding: 0 25px; }   
+  #brands-2 .brand-logo, #brands-3 .brand-logo, #brands-3 .brands-3-static .brand-logo { padding: 0 20px; } 
+
+  .brands-section .more-btn { margin-top: 30px; }
+
+  /* INTEGRATIONS */
+  #integrations-2 .container { max-width: 100%; }
+  .integrations-2-wrapper { padding: 70px 20px; margin: 0 -15px; border-radius: 0 0!important; }
+  .in_tool_logo.ico-65 img { width: 55px; height: 55px; }
+  .in_tool h6 { font-size: 1.125rem; }
+
+  .integrations-1-wrapper .in_tool { padding: 20px 25px; }
+  .integrations-1-wrapper .in_tool-txt h6 { font-size: 1.4rem; line-height: 1; margin-top: 4px; }
+  .integrations-1-wrapper .in_tool-txt p { font-size: 1.0625rem; margin-top: 6px; }
+
+  .integrations-section .more-btn.mt-60, .integrations-section .more-btn.mt-70 { margin-top: 30px; }
+
+  /* PRICING */
+  .pricing-1-table, .text-center .pricing-1-table { padding: 35px 40px 35px; }
+  .pricing-2-table { padding: 35px 50px; }
+  .pricing-3-table { padding: 30px 50px 35px; }
+  .pricing-4-table { padding: 35px 40px; }
+
+  .pricing-table-header h5, .pricing-table-header h4 { font-size: 1.5625rem!important; }
+
+  .pricing-discount { top: 0; right: -2px; padding: 6px 11px; }
+  .pricing-1-table .pricing-discount { top: -4px; right: 0; padding: 7px 13px; }
+  .text-center .pricing-1-table .pricing-discount { top: -32px; right: -5px; }
+  .pricing-discount h6 { font-size: 1.05rem; }
+  .pricing-1-table .pricing-discount h6 { font-size: 0.9375rem; }
+
+  .p-table p.btn-txt { margin: 12px 0 0 0; }
+
+  .price span { font-size: 2.75rem; } 
+  .pricing-2-table.highlight .price span { font-size: 2.5rem; } 
+  .pricing-3-table .price span { font-size: 4.25rem; letter-spacing: -3px; } 
+  .pricing-4-table .price span { font-size: 2.75rem; } 
+
+  .price sup { font-size: 2rem; top: -5px; }
+  .pricing-3-table .price sup { font-size: 2.45rem; top: -19px; }
+  .pricing-4-table .price sup { font-size: 2rem; top: -5px; }
+
+  .pricing-3-table .price sup.coins { font-size: 2.45rem; top: -22px; letter-spacing: -2px; }
+
+  .price sup.validity { font-size: 1.3125rem; }
+  .pricing-3-table .price sup.validity { font-size: 1.3125rem; top: 0; margin-top: 20px; margin-bottom: 35px; }
+  .pricing-4-table .price sup.validity { font-size: 1.3125rem; left: 4px; }
+
+  .text-center .price p, .text-center .pricing-2-table .price p { padding: 0; }
+
+  .pricing-2-table hr { margin-top: 20px; }
+
+  /* Pricing Features */
+  .pricing-features.mt-25 { margin-top: 20px; }
+  .pricing-features li, .pricing-4-table .pricing-features li { padding: 10px 8px; }
+
+  /* Pricing Notice */
+  .pricing-notice.mb-40 { margin-bottom: 30px; }
+  .col-lg-9 .pricing-notice p, .col-lg-10 .pricing-notice p { padding: 0 ; }
+
+  /* Pricing Toggle Button */
+  #pricing-4 .ext-toggle-btn { margin: 0 auto 30px; }
+  .toggle-btn-md .toggler-txt, .toggle-btn-lg .toggler-txt { font-size: 1.15rem; }
+
+  /* Pricing Compare */
+  .table-responsive.mb-50 { margin-bottom: 30px; }
+  .table>:not(caption)>*>* { padding-top: 9px; padding-bottom: 9px; }
+  .comp-table .table-responsive thead th { font-size: 0.9375rem; }
+  .comp-table .table-responsive tbody th { font-size: 0.915rem; line-height: 1.25; }
+  .comp-table .table-responsive tbody td { font-size: 0.9rem; top: 0; line-height: 1.25; }
+
+  .comp-table .table-responsive tbody td span { top: 3px; }
+
+  .table-responsive .ico-15 [class*="flaticon-"]:before, 
+  .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.675rem; }
+
+  .table-responsive .ico-20 [class*="flaticon-"]:before, 
+  .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.835rem; }
+
+  .pbox { padding: 0; }
+  #pbox-1, #pbox-2, #pbox-3 { margin-bottom: 40px; }
+  .pricing-section .txt-box-last, .pricing-section .pm-last { margin-bottom: 40px; }
+  .comp-table-payment h6 { margin-bottom: 15px; }
+
+  /* TEAM */
+  #team-1.pb-40, #team-2.pb-40 { padding-bottom: 30px; }
+  .team-member.mb-40, .team-member.mb-50, .team-member.mb-60 { margin-bottom: 40px; }
+
+  .team-member-photo { margin-bottom: 25px; }
+  #team-1 .team-member-data, #team-2 .team-member-data { margin-left: 10px; }
+
+  .team-member-data h6.s-20 { font-size: 1.4375rem; margin-bottom: 6px; }    /* 23px */
+  .team-member-data p { font-size: 1.175rem; }
+
+  ul.tm-social, #team-1 ul.tm-social { top: 5px; right: 10px; }
+  .tm-social.ico-20 [class*="flaticon-"]:before, .tm-social.ico-20 [class*="flaticon-"]:after { font-size: 1.4125rem; }
+
+  /* CAREERS */
+  #careers-1 { padding-bottom: 40px; }
+  .role-box { text-align: center; padding: 28px 50px; }
+  .role-box-txt span, #careers-1 .role-box span { margin-bottom: 12px; }
+  .role-box-txt h6 { line-height: 1.4; margin-bottom: 5px; }
+  #careers-1 .role-box h6 { line-height: 1.4; margin-bottom: 6px; }
+  .role-box-txt p { margin-bottom: 14px; }
+
+  /* CAREER ROLE */
+  #role-page .inner-page-title { margin-bottom: 25px; }
+  #role-page .inner-page-title span { margin-bottom: 20px; }
+  #role-page .inner-page-title p { padding: 0; }
+  .role-info hr, #role-page .cbox-6-wrapper { margin: 35px 0; }
+  .txt-block.role-info .btn { margin-top: 30px; }
+
+  /* BANNER */
+  #banner-12, #banner-13 { margin-top: 0; margin-bottom: 25px; }
+  #banner-9.py-70 { padding-top: 55px; padding-bottom: 65px; }
+
+  #banner-1 .container, #banner-2 .container, #banner-3 .container,
+  #banner-11 .container, #banner-12 .container, #banner-13 .container { max-width: 100%; }
+  .banner-1-wrapper, .banner-2-wrapper, .banner-3-wrapper,
+  .banner-11-wrapper, .banner-12-wrapper, .banner-13-wrapper { margin: 0 -15px; border-radius: 0 0!important; }
+
+  .banner-1-wrapper .banner-overlay, .banner-2-wrapper .banner-overlay, 
+  .banner-3-wrapper .banner-overlay { padding: 60px 30px 70px; }
+  .banner-1-wrapper .banner-overlay.sm-title { padding: 55px 30px 65px; }
+
+  #banner-5 .banner-overlay.pt-80.pb-90, #banner-7 .banner-overlay.pt-80.pb-90, #banner-6 .banner-overlay, 
+  #banner-8 .banner-overlay, #banner-14 .banner-overlay, #banner-15 .banner-overlay { padding-top: 55px; padding-bottom: 65px; }
+
+  #banner-10 .banner-overlay { padding-top: 60px; padding-bottom: 60px; }
+  .banner-11-wrapper .banner-overlay { overflow: hidden; padding: 55px 45px 0; border-radius: 0 0!important; } 
+  .banner-12-wrapper .banner-overlay { overflow: visible; padding: 55px 45px 0; border-radius: 0 0!important; } 
+  .banner-13-wrapper .banner-overlay { overflow: visible; padding: 55px 45px 65px; border-radius: 0 0!important; } 
+  .banner-16-wrapper .banner-overlay { padding: 40px 10%; }
+  
+  .banner-5-txt {padding: 0; }
+  .col-md-8 .banner-5-txt {padding: 0 3%; }
+  .banner-8-txt {padding: 0 5%; }
+  .banner-12-txt, .banner-13-txt { margin-top: 0; padding-right: 0; }
+
+  .banner-section .section-id { margin-bottom: 18px; }
+  #banner-15.banner-section .section-id { margin-bottom: 22px; }
+
+  .banner-section h2 { font-size: 1.90625rem!important; }
+  .banner-section h3 { font-size: 1.78125rem!important; }
+  .banner-1-txt h2 { margin-bottom: 12px; }
+  .banner-2-txt h2 { margin-bottom: 25px; }
+  .banner-4-txt h2, .banner-10-txt h2 { margin-bottom: 22px; }
+  .banner-7-txt h2 { margin-bottom: 25px; padding: 0 4%; }
+  .banner-10-txt h6 { margin-bottom: 8px; }
+  .banner-10-txt h2 { font-size: 3.5rem!important; margin-bottom: 18px; }
+  .banner-11-txt h2, .banner-12-txt h2, .banner-13-txt h2 { margin-bottom: 14px; }
+  .banner-15-txt h2 { margin-bottom: 30px; }
+  .banner-16-txt h4 { padding: 0 5%; margin-bottom: 10px; }
+  
+  .banner-section p.p-lg, .banner-section p.p-xl { margin-bottom: 20px; }
+  .sm-title .banner-1-txt p.p-lg, .sm-title .banner-1-txt p.p-xl,
+  .banner-6-txt p.p-lg, .banner-6-txt p.p-xl { margin-top: 12px; margin-bottom: 22px!important; }
+  .banner-3-txt p.p-lg, .banner-3-txt p.p-xl, .banner-5-txt p.p-lg, .banner-5-txt p.p-xl { margin-top: 12px; }
+  .banner-5-txt p.s-21, .banner-5-txt p.s-22 { margin-top: 12px; margin-bottom: 18px; }
+  .banner-9-txt p.p-lg, .banner-9-txt p.p-xl { margin-top: 12px; margin-bottom: 22px!important; }
+  .banner-11-txt p { padding-right: 0; }
+  .banner-14-txt p.p-lg { font-size: 1.125rem; padding: 0 10%; margin-top: 20px; margin-bottom: 25px; }
+
+  .banner-5-txt .btns-group.mt-35 { margin-top: 20px; }
+  .banner-8-buttons { margin-top: 15px; padding: 0 4%; }
+  .banner-15-txt .download-links { margin-top: 15px; }
+  .banner-section .btns-group .btn:first-child { margin-right: 0; margin-left: 0; margin-bottom: 15px; }
+  .banner-16-txt .txt-block-tra-link.mt-15 { margin-top: 12px; }
+
+  .banner-9-img { margin: 40px 5% 0; }
+  .banner-10-img { margin: 40px 8% 0; }
+  .banner-11-img { margin: 35px 3% -20px; }
+  .banner-12-img { transform: rotate(0deg); margin: 35px 0 -40px; }
+
+  /* DOWNLOAD */
+  span.version-data { font-size: 2rem; margin-right: 10px; }
+  span.release-date span { margin-left: 10px; }
+
+  /* FAQs */
+  #faqs-1, #faqs-4 { padding-bottom: 50px; }
+
+  /* FAQs Section Title */
+  #faqs-1 .section-title { margin-bottom: 20px; }
+  #faqs-2 .inner-page-title { margin-bottom: 30px; }
+  #faqs-3 .section-title { margin-bottom: 40px; }
+  #faqs-4 .inner-page-title { margin-bottom: 40px; }
+  #faqs-3 .section-title h2 { padding: 0 4%; }
+
+  #faqs-3 .section-title .contact-link { display: block; }
+
+  /* FAQs Accordion */
+  .faqs-section .accordion-thumb { padding: 20px 0 22px; }
+  #faqs-2.faqs-section .accordion-thumb { padding: 20px 0 25px; }
+
+  .faqs-section .accordion-item .accordion-thumb:after, 
+  .faqs-section .accordion-item.is-active .accordion-thumb:after { font-size: 0.875rem; top: 23px; right: 0; }
+  #faqs-2.faqs-section .accordion-item .accordion-thumb:after, 
+  #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after { font-size: 0.9rem; top: 22px; right: 2px; }
+
+  .accordion-panel { padding: 0 0 5px 0; }
+  #faqs-2 .accordion-panel { padding: 30px 0 15px 0; } 
+  #faqs-2 .accordion-panel-item.mb-35, #faqs-3 .question.mb-35 { margin-bottom: 25px; }
+
+  .faqs-section .accordion-thumb h5 { line-height: 1.4; padding-right: 8%; }
+  .question h5, .accordion-panel-item h5 { line-height: 1.4; margin-bottom: 15px; }
+
+  /* FAQs Tabs */
+  .faqs-section .tabs-1 { margin: 0 5px 10px; }
+  .faqs-section .tabs-1 li { min-width: 100%; padding: 20px 0; margin: 0 0 20px; }
+
+  /* More Questions Link */
+  #faqs-2 .more-questions { margin: 45px auto 0; }
+  #faqs-3 .more-questions.mt-40 { margin-top: 15px; }
+  .more-questions-txt { padding: 18px 36px; }
+  .more-questions-txt p { font-size: 1.125rem; }
+
+  /* NEWSLETTER */
+  #newsletter-1 .newsletter-overlay, #newsletter-5 .newsletter-overlay { padding-top: 50px; padding-bottom: 40px; }  
+  #newsletter-2 .container { max-width: 100%; }
+  #newsletter-2 .newsletter-overlay { padding: 50px 8% 40px; margin: 0 -15px; border-radius: 0 0!important; }
+  #newsletter-3, #newsletter-4 .newsletter-overlay { padding-top: 55px; padding-bottom: 60px; }
+
+  #newsletter-4 .newsletter-txt, #newsletter-5 .newsletter-txt { padding: 0; }
+
+  .newsletter-txt h2, #newsletter-4 .newsletter-txt h2 { margin-bottom: 25px; }
+   #newsletter-3 .newsletter-txt h2 { padding: 0 1%; }
+  .newsletter-txt h4, .newsletter-txt h3 { font-size: 1.75rem; padding: 0; margin-bottom: 25px; }
+
+  #newsletter-3 .newsletter-txt p { padding: 0 5%; }
+  #newsletter-4 .newsletter-txt p { font-size: 1rem; padding: 0 5%; margin-bottom: 0; }
+  #newsletter-5 .newsletter-txt p { margin-top: 15px; }
+
+  #newsletter-1 .newsletter-form, #newsletter-2 .newsletter-form, 
+  #newsletter-3 .newsletter-form, #newsletter-4 .newsletter-form { padding: 0 5%; }
+  #newsletter-5 .newsletter-form { margin-top: 25px; padding: 0 5%; }
+
+  .newsletter-section .form-control, #newsletter-1.newsletter-section .form-control, 
+  #newsletter-5.newsletter-section .form-control { height: 54px; font-size: 1.0625rem; }
+  .newsletter-section .btn, #newsletter-1 .btn, #newsletter-5.newsletter-section .btn { height: 54px; font-size: 1.0625rem; }
+
+  /* BLOG */
+  .blog-post-img.mb-35 { margin-bottom: 30px; }
+  .post-tag { font-size: 0.825rem; margin-bottom: 14px; }
+
+  .blog-post-txt h6 { margin-bottom: 14px; }
+  .blog-post-txt h4.mb-20, .blog-post-txt h3 { margin-bottom: 14px; }
+  .blog-post-meta.mt-20, .blog-post-meta.mt-30 { margin-top: 14px; }
+  .post-meta-list p { margin-bottom: 0; }
+
+  /* Blog Listing */
+  .wide-post { margin-bottom: 40px; }
+  .wide-post h3.s-36, .wide-post h3.s-38, .wide-post h3.s-40, .square-post h4.s-34 { font-size: 1.3125rem; }
+  .wide-post .blog-post-img { margin-bottom: 30px; }
+
+  .square-post { margin-top: 10px; margin-bottom: 40px; }
+  .square-post .blog-post-txt { padding: 40px 20px; }
+
+  .posts-category { margin-top: 10px; margin-bottom: 30px; }
+  .posts-category span { top: 1.25px; }
+  .posts-category.ico-20 [class*="flaticon-"]:before, 
+  .posts-category .more-projects.ico-20 [class*="flaticon-"]:after { font-size: 1.0625rem; } 
+
+  /* Single Blog Post */
+  .single-post-title h3, .single-post-title h2 { padding: 0 8%; margin-bottom: 20px; }
+  .single-post-title .blog-post-meta.mt-35 { margin-top: 25px; }
+  #single-post .post-meta-list .meta-list-divider { display: none!important; }
+  #single-post .post-meta-list li { display: block!important; margin-top: 10px; }
+
+  .post-inner-img { margin-top: 30px; margin-bottom: 30px; }
+
+  .single-post-txt h5, .single-post-txt h4 { margin-top: 15px; margin-bottom: 18px; }
+
+  .single-post-txt .blockquote p { font-size: 1.0625rem; margin-bottom: 25px; }
+  .single-post-txt .blockquote-footer { font-size: 1rem; line-height: 1.3; }
+
+  .post-share-list { margin-top: 30px; padding-bottom: 40px; }
+
+  .post-author { display: block!important; padding: 50px 0; }
+  .post-author-avatar { display: block!important; text-align: left; margin-right: 0; margin-bottom: 20px; }
+  .post-author-avatar img { width: 70px; height: 70px; }
+  .post-author-txt h5 { margin-bottom: 10px; }
+
+  .author-follow-btn { padding: 5px 12px; top: 135px; right: 10px; }
+
+  .post-comments { padding-top: 50px; }
+  .post-comments h5 { margin-bottom: 40px; }
+  .post-comments img { width: 45px; height: 45px; }
+  .comment-body { margin-left: 18px; }
+  .comment-meta { margin-bottom: 8px; }
+  .comment-meta h6 { margin-bottom: 5px; }
+  .post-comments #leave-comment h5 { margin-top: 50px; }
+
+  .comment-form p { margin-bottom: 10px; }
+
+  .comment-form { margin-top: 50px; }
+  .comment-form .btn { font-size: 1rem; margin-top: 0; }
+
+  /* CONTACTS */
+  #contacts-1 .section-title p { padding: 0 3%; }
+  #contacts-1 .contact-form .contact-form-notice p { font-size: 0.875rem; margin-top: 30px; }
+
+  #contacts-1 .contact-form .col-md-12 span { line-height: 1.4; margin-bottom: 15px; }
+  .contact-form .form-control, .contact-form .form-select { height: 54px; }
+  .contact-form textarea { min-height: 170px; }
+  .contact-form textarea.form-control { padding: 15px; }
+
+  /* FOOTER */
+  .footer { padding-bottom: 30px; }
+  .footer hr { margin-top: 5px; margin-bottom: 30px; }
+  .bottom-footer p.p-sm { margin-bottom: 0; }
+
+  #footer-10.pt-50 { padding-top: 0; }
+  #footer-11.p-404.pt-50 { padding-top: 40px; padding-bottom: 40px; }
+
+  .footer .col-sm-4, .footer .col-sm-6, .footer .col-sm-8 { width: 50%!important; float: left; }
+  #footer-3.footer .col-sm-6.col-md-3 { width: 100%!important; float: none; }
+
+  .footer-info, .footer-links, .footer-stores-badge { margin-bottom: 35px; }
+  #footer-2 .footer-info { margin-bottom: 40px; }
+
+  #footer-6 .footer-info, #footer-7 .footer-info { margin-top: 15px; margin-bottom: 0; }
+  #footer-10 .footer-info { margin-bottom: 25px; padding-bottom: 35px; }
+  #footer-8 .footer-links, #footer-10 .footer-links { margin-bottom: 10px; }
+
+  img.footer-logo, img.footer-logo-dark { max-height: 37px; }
+  #footer-1 .footer-logo, #footer-5 .footer-logo, #footer-6 .footer-logo, #footer-7 .footer-logo { margin-bottom: 24px; }
+  #footer-10 img.footer-logo { max-height: 37px; }
+
+  .footer h6 { font-size: 1.21875rem; margin-bottom: 20px; } /* 19.5px */
+
+  .footer-mail-link { font-size: 1.125rem; } /* 18px */
+  .footer-mail-link span { top: 3px; right: 0; }
+  #footer-1 .footer-info .footer-mail-link { margin-top: 5px; }
+
+  #footer-8 .foo-links li { display: block!important; padding-left: 0; }
+  #footer-10 .foo-links li { padding: 0 8px; }
+
+  .foo-links li a span.ext-link { left: 3px; top: 0.5px; }
+  .foo-links.ico-10 li span { top: 1px; right: 3px; }
+
+  .footer-stores-badge .store { margin-right: 0; }
+
+  .footer-socials.ico-25 [class*="flaticon-"]:before, 
+  .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.3925rem; }
+
+  .footer-form { margin-right: 5%; }
+  #footer-9 .footer-form { margin-bottom: 0; }
+  #footer-9 .footer-form h6 { padding-right: 10%; }
+  .footer-form .form-control { font-size: 1.1rem; height: 34px; }
+  .footer-form .btn { height: 34px; }
+  .footer-form .ico-15 [class*="flaticon-"]:before, 
+  .footer-form .ico-15 [class*="flaticon-"]:after { font-size: 1.125rem; line-height: 28px!important; }
+
+  .bottom-footer-socials { margin-top: 10px; }
+  .bottom-footer-socials li { padding-left: 12px; }
+  .bottom-footer-socials li:first-child { padding-left: 0; }
+
+  .bottom-footer-list { margin-top: 3px; } 
+  #footer-4 .bottom-footer-list li, #footer-9 .bottom-footer-list li { padding-left: 8px; }
+
+  .footer-list-divider { top: -1px; }
+  .bottom-secondary-link p span { top: 1.5px; padding: 0 2px; }
+  .footer-info-copyright p span { top: 2px; padding: 0 2px; }
+
+  .footer-info-copyright.ico-15 [class*="flaticon-"]:before, 
+  .footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.815rem; }
+
+  /* INNER PAGE WRAPPER */
+  .inner-page-title { margin-bottom: 50px; }
+  .inner-page-title h2 { margin-bottom: 0; }
+  .inner-page-title p { font-size: 1.15rem; padding: 0 5%; line-height: 1.6666; margin-top: 10px; }
+  .page-hero-section h1 { line-height: 1.25; margin-bottom: 20px; }
+
+  /* PAGE PAGINATION */
+  .page-link { font-size: 0.95rem; padding: 2px 10px; }
+  .pagination.ico-20 [class*="flaticon-"]:before, 
+  .pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.75rem; } 
+
+  /* SIGN IN / SIGN UP */
+  .login-page-logo { margin-bottom: 40px; }
+  .login-page-logo img { max-height: 40px; }
+
+  .register-form-title { margin-bottom: 25px; }
+  .register-form-title h3 { font-size: 1.6875rem; }
+
+  .separator-line, .register-page-form p.input-header, .form-data span, .register-page-form .btn-google { font-size: 1rem; }
+  #signup .form-data span { font-size: 0.9rem; }
+  .reset-password-link p { font-size: 1rem; margin-top: 0; margin-bottom: 8px; }
+  .register-page-form p.create-account { font-size: 1rem; margin-top: 20px; }
+  .separator-line { margin: 24px 0; }
+
+  .reset-page-wrapper { margin: 0 15px; }
+  .reset-page-wrapper form {  padding: 40px 20px 15px; }
+
+  #login .register-page-form, #signup .register-page-form { padding: 35px 20px; }
+  #login.login-1 .register-page-form, #signup.signup-1 .register-page-form { padding: 15px; }
+
+  .reset-form-title { margin-bottom: 20px; }
+  .reset-form-title p.p-sm { font-size: 1rem; margin-top: 20px; }
+
+  .reset-page-wrapper .form-control, .register-page-form .form-control, #login .register-page-form .btn.submit, 
+  #signup .register-page-form .btn.submit, .reset-page-wrapper .btn.submit { height: 54px; font-size: 1.0625rem; }
+  .btn-google img { width: 20px; height: 20px; top: -2px; right: 5px; }
+
+  .btn-show-pass { top: 18px; }
+
+  /* PAGE 404 */
+  .page-404-txt { padding-top: 100px; padding-bottom: 60px; }
+  .page-404-txt h2 { margin-bottom: 15px; }
+  .page-404-txt h6 { line-height: 1.6666; padding: 0 2%; margin-bottom: 22px; }
+  .page-404-img { padding: 0 4%; margin-bottom: 35px; }
+
+  /* MODAL */
+  #modal-1 .modal-dialog { max-width: 370px; margin: auto auto; }
+  #modal-2 .modal-dialog { width: 340px; margin: auto auto; }
+  #modal-3 .modal-dialog.modal-xl { width: 360px; margin: auto auto; }
+
+  #modal-1.modal .btn-close { right: 10px!important; top: 10px!important; }
+
+  #modal-2 .modal-body-content { padding: 25px 30px 5px; }
+  #modal-3 .modal-body-content { padding: 30px 15px 20px; }
+
+  .modal-body .newsletter-form { margin-top: 20px; }
+  .modal .newsletter-form .form-control, .modal .newsletter-form .btn { height: 52px; font-size: 1rem; }
+
+  #modal-3 .request-form-title p { margin-top: 15px; margin-bottom: 20px; }
+
+
+}
+
+
+
+
+/* ------------------------------------------------------------------------ */
+/* ------------------------------------------------------------------------ */
+/* ------------------------------------------------------------------------ */
+
+@media (min-width: 390px) and (max-width: 413.98px) {
+
+  /*------------------------------------------*/
+  /*  BASE
+  /*------------------------------------------*/
+
+  #stlChanger { display: none; }
+  .division { padding-left: 3px; padding-right: 3px; }
+  .bg--fixed { width: auto; }
+  .bg--scroll { width: auto; background-attachment: scroll!important; }
+
+  /* Backgroud Shape */
+  .shape--01:after { height: 90%; top: 6.5%; }
+  .shape--02:after { width: 140%; height: 90%; top: 6.5%; left: -20%; }
+  .shape--03:after { width: 140%; height: 129%; top: -70px; left: -20%; }
+  .shape--04:after { height: 94%; top: 0; }
+  .shape--06:after { height: 92%; }
+  .shape--07:after { height: 80%; top: 15%; }
+
+  ol.digit-list p { margin-bottom: 5px; }
+
+  .font--jakarta h1, .font--jakarta h2 { line-height: 1.35; }
+  .font--jakarta h3, .font--jakarta h4, .font--jakarta h5, .font--jakarta h6 { line-height: 1.4; }
+
+  /* Font Size */
+  .s-15, .s-16 { font-size: 1.0625rem; }                             /* 17px */
+  .s-17 { font-size: 1.125rem; }                                     /* 18px */
+  .s-18, .s-19, .s-20, .s-21, .s-22, .s-23 { font-size: 1.3125rem; } /* 21px */
+  .s-24, .s-26, .s-28 { font-size: 1.4375rem; }                      /* 23px */
+  .s-30, .s-32, .s-34 { font-size: 1.5625rem; }                      /* 25px */
+  .s-36, .s-38, .s-40 { font-size: 1.6875rem; }                      /* 27px */ 
+  .s-42, .s-43, .s-44, .s-45, .s-46, .s-47 { font-size: 1.8125rem; } /* 29px */
+  .s-48 { font-size: 1.9375rem; }                                    /* 31px */
+  .s-50, .s-52, .s-54, .s-56, .s-58, .s-60 { font-size: 2rem; }      /* 32px */ 
+  .s-62 { font-size: 2.0625rem; }                                    /* 33px */
+  .s-64, .s-66 { font-size: 2.125rem; }                              /* 34px */
+  .s-68 { font-size: 2.25rem; }                                      /* 36px */
+
+  /* Paragraphs */
+  p.p-sm { font-size: 1rem; } 
+  p { font-size: 1.0625rem; } 
+  p.p-md, p.p-lg { font-size: 1.125rem; }
+
+  /* Transparent Link */
+  a.tra-link { font-size: 1.125rem; }
+  .tra-link.ico-20 [class*="flaticon-"]:before, 
+  .tra-link.ico-20 [class*="flaticon-"]:after { font-size: 0.785rem; line-height: 0.7rem!important; top: 1px; left: 2px; }
+
+  /* Transparent Link */
+  a.tra-link { font-size: 1.0625rem; }
+  .tra-link.ico-20 [class*="flaticon-"]:before, 
+  .tra-link.ico-20 [class*="flaticon-"]:after { font-size: 0.785rem; line-height: 0.7rem!important; top: 2px; left: 2px; }
+
+  /* Button */
+  .btn { font-size: 1.0625rem; }
+  .btn.btn-sm { font-size: 1rem; padding: 0.7rem 1.5rem; }
+  .btns-group .btn.ico-30.ico-left, .btns-group .btn.ico-30.ico-right { padding: 0.61915rem 0.5rem 0; }
+
+  /* Buttons Group */
+  .btns-group .btn:first-child { margin-left: 8px; margin-right: 8px; margin-bottom: 15px; }
+  .btns-group .btn:last-child { margin-left: 8px; margin-right: 8px; }
+
+  /* Button Icon */
+  .btn.ico-20 [class*="flaticon-"]:before, 
+  .btn.ico-20 [class*="flaticon-"]:after { font-size: 1.225rem; line-height: 0.45rem!important;top: 4px; }
+
+  .btn.ico-30 [class*="flaticon-"]:before, .btn.ico-30 [class*="flaticon-"]:after { font-size: 2.05rem; }
+
+  .btn.ico-30.ico-left span.ico-30-txt { font-size: 1.15rem; top: -10px; margin-right: 0; }
+  .btn.ico-30.ico-right span.ico-30-txt { font-size: 1.15rem; top: -10px; margin-left: 0; }
+  .btn.ico-left span { margin-right: 3px; }
+  .btn.ico-right span { margin-left: 3px; }
+
+  /* Button Text */
+  p.btn-txt, .text-center p.btns-group-txt { margin-top: 18px; margin-bottom: 0; }
+  .btn-rating { margin: 15px 0 0 0; }
+  .btn-rating p.p-sm { font-size: 0.9375rem; }
+
+  /* OS Button */
+  .os-btn { width: 280px; min-width: 280px; padding: 14px 15px 10px; }
+  .os-btn-ico { margin-right: 14px; }
+  .os-btn-txt p { margin-top: 4px; }
+
+  .btn-os.mb-15 { margin-bottom: 15px; }
+  .btn-os.mr-15 { margin-right: 0; margin-bottom: 15px; }
+
+  /* Store Badge */
+  .store { margin-right: 6px; }
+  .store.store-btn-2 { margin-right: 0; }
+  .store-btn-3, .store-btn-4 { margin-top: 15px; }
+
+  /* Watch Video Link */
+  .watch-video { margin-top: 20px; }
+  .watch-video-link { margin-right: 10px; }
+  p.video-txt-lg { font-size: 1.125rem; }
+  p.video-txt-sm { font-size: 1.0625rem; }
+
+  /* Vector Icon Background */ 
+  .ico-50 .shape-ico svg { width: 120px; height: 120px; top: -35px; left: calc(50% - 60px); }
+  .fbox-11 .ico-50 .shape-ico svg { top: -35px; left: calc(50% - 65px); }
+  .ico-55 .shape-ico svg { width: 125px; height: 125px; top: -30px; left: calc(50% - 65px); }
+  .ico-60 .shape-ico svg { width: 130px; height: 130px; top: -35px; left: calc(50% - 60px); }
+
+  /* Vector Rounded Icons */
+  .ico-rounded, .ico-rounded-md, .ico-rounded-lg { width: 94px; height: 94px; }
+
+  .ico-rounded [class*="flaticon-"]:before, 
+  .ico-rounded [class*="flaticon-"]:after,
+  .ico-rounded-md [class*="flaticon-"]:before, 
+  .ico-rounded-md [class*="flaticon-"]:after,
+  .ico-rounded-lg [class*="flaticon-"]:before, 
+  .ico-rounded-lg [class*="flaticon-"]:after { font-size: 3rem; line-height: 94px!important; }
+
+  /* Vector Square Icons */
+  .ico-square { width: 88px; height: 88px; }
+  .ico-square [class*="flaticon-"]:before, 
+  .ico-square [class*="flaticon-"]:after { font-size: 2.85rem; line-height: 88px!important; }
+
+  /* Section ID */
+  .section-id.rounded-id { padding: 8px 22px; font-size: 0.8rem; margin-bottom: 30px; }
+
+  /* Section Title */
+  .section-title.mb-60 { margin-bottom: 35px; }
+  .section-title.mb-70, .section-title.mb-80 { margin-bottom: 40px; }
+
+  .section-title h2 { padding: 0 1%; }
+
+  .section-title p.p-md, .section-title p.p-lg { margin-top: 14px; }
+  .section-title p.p-xl { font-size: 1.125rem; margin-top: 14px; }
+  .section-title p.s-20, .section-title p.s-21 { font-size: 1.1875rem; padding: 0 2%; margin-top: 12px; }  /* 19px */
+  .section-title p.p-md, .section-title p.p-lg { padding: 0; }
+
+  .section-title .btns-group.mt-35 { margin-top: 20px; }
+  .section-title .btns-group .btn { margin-left: 10px; margin-right: 10px; }  
+  .section-title .btns-group .btn:first-child { margin-bottom: 15px; }
+
+  /*------------------------------------------*/
+  /*   NAVIGATION MENU    
+  /*------------------------------------------*/
+
+  /* Header Logo */
+  .wsmobileheader .smllogo { display: block; margin-top: 23px; padding-left: 16px; }
+  .blog-header .wsmobileheader .smllogo { margin-top: 29px; }
+  .smllogo img { width: auto; max-width: inherit; max-height: 34px; }
+  .blog-header .smllogo img { max-height: 28px; }
+
+  .wsmenu > .wsmenu-list { width: 325px; margin-right: -325px; }
+  .wsactive .wsmobileheader { margin-right: 325px; }
+  .overlapblackbg { width: calc(100% - 325px); }
+
+  .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 16px 0 0; }
+
+  /* Nav Link Info */
+  span.sm-info { width: 22px; height: 22px; font-size: 0.8rem; line-height: 20px; top: -1px; margin-left: 8px; }
+
+  .wsmenu > .wsmenu-list > li > a { padding: 5px 32px 4px 20px; margin: 0; }
+  .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 8px; width: 8px; margin: 24px 18px 0px 0px; }
+
+  .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { top: 0; }
+
+  .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { padding: 6px 10px; }
+
+  .wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { padding: 6px 10px; }
+
+  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a,
+  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 12px 10px; }
+
+  /* Header Store Badges */
+  .store.header-store img { max-height: 45px; }
+
+  /* Header Social Links */
+  .header-socials.ico-20 [class*="flaticon-"]:before, 
+  .header-socials.ico-25 [class*="flaticon-"]:after { line-height: 52px!important; } 
+
+  .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title { margin-top: 12px; } 
+
+  .icons-menu-ico { margin-right: 18px; }
+  .icons-menu-txt span { font-size: 1rem; }
+
+  /*------------------------------------------*/
+  /*   HERO   
+  /*------------------------------------------*/
+
+  .hero-section.blur--purple:after { top: -25%; opacity: .18; }
+
+  .hero-section h2 { margin-bottom: 15px; }
+  .hero-section h2.s-48, .hero-section h2.s-50 { margin-bottom: 20px; }
+  .hero-section p.p-md, .hero-section p.p-lg, .hero-section p.p-xl { margin-bottom: 25px; }
+  .hero-section p.s-21 { font-size: 1.3125rem; margin-bottom: 22px; }
+  .hero-section .btn.mt-15, .hero-section .btns-group.mt-15 { margin-top: 8px; }
+
+  /* Hero Advantages */
+  .hero-section .text-center .advantages { margin-top: 18px; }
+  .hero-section .advantages li { display: block!important; margin-top: 4px; }
+  .hero-section .advantages li p { display: block; float: none; }
+  .hero-section li.advantages-links-divider { display: none!important; }
+
+  /* HERO LOGO */
+  .hero-logo { margin-bottom: 28px; }
+  .hero-logo img { max-height: 32px; }
+
+  .hero-square-logo { margin-bottom: 10px; }
+  .hero-square-logo img { max-height: 64px; }
+
+  /* HERO APP LOGO */
+  .hero-app-logo { margin-bottom: 25px; }
+  .hero-app-logo img { max-height: 90px; }
+  #hero-25 .hero-app-logo img { max-height: 90px; }
+
+  /* HERO DIGITS */
+  .hero-digits { margin-top: -5px; }
+  #hero-9 .hero-digits { margin-top: 3px; }
+  .hero-digits h2.statistic-number { font-size: 2.25rem; }
+  .hero-digits h2.statistic-number span { font-size: 2rem; }
+
+  /* HERO QUICK FORM */
+  .hero-section .quick-form.mt-45, .hero-section .quick-form.mt-35 { margin-top: 0; }
+  .hero-section .quick-form .form-control, .hero-section .quick-form .btn { font-size: 1.175rem; height: 58px; }
+  .hero-section .quick-form.form-half .form-control { height: 58px; font-size: 1.175rem; padding: 0 14px; }
+  .hero-section .quick-form.form-half .btn { height: 58px; font-size: 1.15rem; }
+
+  .hero-section .text-center .quick-form-msg { margin: 20px 0 0 0; }
+
+  /* HERO REQUEST FORM */
+  .request-form .form-control { height: 56px; font-size: 1.0625rem; padding: 0 14px; }
+  #hero-10-form .btn, #hero-22-form .btn { height: 56px; font-size: 1.0625rem; padding: 16px; }
+
+  /* HERO-1 */
+  .hero-1-txt { padding: 0 3%; }
+  .hero-1-img { margin-top: 35px; }
+
+  /* HERO-2 */
+  .hero-2-txt { padding: 0 2%; }
+  .hero-2-img { margin-top: 35px; }
+
+  /* HERO-3 */
+  .hero-3-txt { padding: 0 2%; }
+  #hero-3:after { height: 8%; }
+  .hero-3-img { margin-top: 35px; }
+
+  /* HERO-4 */
+  #hero-4 { padding-top: 70px; }
+  #hero-4:after { height: 7%; }
+
+  .hero-4-txt h2 { padding: 0 3%; }
+  .font--inter .hero-4-txt h2 { padding: 0 4%; }
+  .hero-4-txt p { padding: 0 5px; }
+  .hero-4-img { margin-top: 35px; }
+
+   /* HERO-5 */
+  #hero-5 { margin-bottom: 50px; }
+  .hero-5-txt h2 { margin-bottom: 15px; }
+  .hero-5-txt p.p-lg { margin-bottom: 20px; }
+
+  /* HERO-6 */
+  #hero-6 { padding-top: 0; }
+  #hero-6 .container { max-width: 100%; }
+  .hero-6-wrapper { padding: 70px 20px; margin: 0 -15px; border-radius: 0 0!important; }
+  .hero-6-txt p { padding: 0 3%; }
+  .hero-6-img { margin: 35px 1% 0; }
+
+  /* HERO-7 */
+  #hero-7 { padding-top: 80px; padding-bottom: 80px; }
+  .hero-7-txt h2 { padding: 0 5%; }
+  #hero-7 .quick-form { margin-left: 3%; margin-right: 3%; }
+  .hero-7-img { margin-top: 35px; }
+
+  /* HERO-8 */
+  .hero-8-txt { padding: 0 4%; }
+  .hero-8-txt .hero-logo { display: none; }
+  .hero-8-txt .hero-digits { padding: 0; }
+
+  #hero-8-form { padding: 30px 18px; margin: 40px 2% 0; border-radius: 10px; }
+  #hero-8-form h4 { margin-bottom: 15px; }
+  #hero-8-form p { font-size: 1.0625rem; margin-bottom: 16px; }
+  #hero-8-form p.p-sm { font-size: 1rem; padding: 0!important; }
+
+  /* HERO-9 */
+  .hero-9-txt h2 { padding: 0 3%; line-height: 1.45; }
+  .hero-9-txt h2 img { max-height: 52px; margin: 0 2px; top: -9px; }
+  .hero-9-txt p.s-20 { font-size: 1.125rem; margin-top: 10px; }
+
+  #hero-9 .quick-form { margin-left: 2%; margin-right: 2%; }
+  .hero-9-img { margin-top: 35px; }
+
+  /* HERO-10 */
+  #hero-10:after { height: 7%; }
+  .hero-10-txt h2 { padding: 0 2%; }
+  .hero-10-txt h4 { padding: 0 2%; margin-bottom: 25px; }
+  .hero-10-img { margin-top: 35px; }
+
+  /* HERO-11 */
+  .hero-11-txt p { padding: 0 4%; }
+  .hero-11-img { margin: 30px 3% -50px; }
+
+  /* HERO-12 */
+  #hero-12:after { height: 7%; }
+  .hero-12-txt h2 { padding: 0 5%; }
+  .font--inter .hero-12-txt h2 { padding: 0 4%; }
+  .hero-12-txt p { padding: 0 5px; }
+  .hero-12-img { margin-top: 35px; }
+
+  /* HERO-13 */
+  .hero-13-txt { padding: 0 3%; }
+  .hero-13-img { margin: 40px 2% 0; }
+
+  /* HERO-14 */
+  #hero-14 { margin-bottom: 20px; }
+  .hero-14-txt h2.s-62 { font-size: 2rem; padding: 0 3%; margin-bottom: 15px; }
+  .hero-14-txt p.s-21 { padding: 0; margin-bottom: 25px; }
+  #hero-14 .quick-form { margin-left: 4%; margin-right: 4%; }
+  .hero-14-img { margin-top: 35px; margin-bottom: -20px; }
+  .hero-14-txt .btn-txt { margin-top: 25px; }
+
+  /* HERO-15 */
+  .hero-15-txt { padding: 0 3%; }
+  .hero-15-img { margin: 0 2%; }
+  .hero-15-img { margin: 35px 2% 0; }
+
+  /* HERO-16 */
+  #hero-16 { padding-top: 70px; margin-bottom: 35px; }
+  .hero-16-txt h2 { padding: 0 5%; }
+  .hero-16-img { margin: 35px 0 -35px; }
+
+  /* HERO-17 */
+  .hero-17-txt p { padding: 0 2%; }
+  #hero-17 .quick-form { margin-left: 2%; margin-right: 2%; }
+  #hero-17 #brands-1 { padding-top: 40px; } 
+
+  /* HERO-18 */
+  .hero-18-txt { padding: 0 2%; }
+  .hero-18-img { margin-top: 35px; }
+
+  /* HERO-19 */
+  .hero-19-txt h2 { padding: 0 4%; }
+  .hero-19-txt p { padding: 0 1%; }
+
+  /* HERO-20 */
+  .hero-20-txt { padding: 0 4%; }
+  .hero-20-txt .hero-logo { display: none; }
+  .hero-section .hero-20-txt h2.s-48 { margin-bottom: 20px; }
+
+  /* HERO-21 */
+  #hero-21 { margin-bottom: 40px; }
+  #hero-21 .container { max-width: 100%; }
+  .hero-21-txt { margin-bottom: 50px; }
+  .hero-21-txt h2 { margin-bottom: 20px; }
+
+  .hero-21-wrapper { overflow: visible; margin: 0 -15px; border-radius: 0 0!important; }
+  #hero-21 .hero-overlay { position: relative; padding: 60px 25px 0; }
+  .hero-21-img { margin-bottom: -40px; }
+  .hero-21-img .video-btn { top: calc(50% - 2px); }
+
+  /* HERO-22 */
+  #hero-22-form { text-align: center; padding: 35px 20px 25px; margin: 0 1%; }
+  #hero-22 .hero-logo { display: none; }
+  #hero-22-form h4 { font-size: 1.6875rem; padding: 0; margin-bottom: 15px; }
+  #hero-22-form p { font-size: 1.125rem; padding: 0 5%; margin-bottom: 16px; }
+
+  /* HERO-23 */
+  .hero-23-txt { padding: 0 2%; }
+  .hero-23-img { margin-top: 12px; }
+
+  /* HERO-24 */
+  #hero-24 { padding-top: 80px; padding-bottom: 80px; }
+  .hero-24-txt p.p-xl { padding: 0 2%; }
+  #hero-24 .quick-form { margin-left: 2%; margin-right: 2%; }
+
+  /* HERO-25 */
+  .hero-25-img { margin: 35px 2% 0; }
+  .hero-25-txt p.p-lg { margin-bottom: 22px; }
+
+  /* HERO-26 */
+  .hero-26-txt { padding: 0 5%; } 
+  .hero-26-img { margin-top: 35px; }
+
+  /* HERO-27 */
+  .hero-27-txt h2 { font-size: 1.9rem; margin-bottom: 15px!important; }
+  .hero-27-txt p.s-20, .hero-27-txt p.s-21 { font-size: 1.15rem; }
+  .hero-27-txt .btns-group.mt-15 { margin-top: 0!important; }
+
+  /*------------------------------------------*/
+  /*  CONTENT
+  /*------------------------------------------*/
+
+  /* ABOUT */
+  .about-2-title { margin-bottom: 30px; }
+  .a2-txt { padding: 15px 20px 30px; }
+
+  .a2-txt-quote { position: relative; margin-bottom: -40px; }
+  .a2-txt-quote.ico-40 [class*="flaticon-"]:before, .a2-txt-quote.ico-40 [class*="flaticon-"]:after { font-size: 4.25rem; }
+
+  .a2-txt-author { margin-top: 10px; }
+  .a2-txt-author { font-size: 1.125rem; }
+  .a2-txt-author span { font-size: 0.975rem; margin-top: 1px; }
+
+  #about-1 .txt-block h3.mb-30, .about-2-title h2.mb-30 { margin-bottom: 15px; }
+
+  #about-4 .txt-block h2 { padding: 0 6%; }
+  #about-4 .txt-block p { margin-top: 15px; }
+  #a4-2 { margin: 35px 3% 0; }
+
+  /* FEATURES */
+  #features-14 .container { max-width: 100%; }
+  .fbox-14-wrapper { padding: 70px 30px; margin: 0 -15px; border-radius: 0 0!important; } 
+
+  #features-12.py-100.shape--bg:after, #features-13.py-100.shape--bg:after { height: 67%; top: 33%; }
+  #features-12.pt-100.shape--bg:after, #features-13.pt-100.shape--bg:after { height: 64%; top: 32.6%; }
+
+  .row-cols-md-3 .fbox-4, .row-cols-md-2 .fbox-4, .fbox-7, .fbox-9 { padding: 40px 25px 35px; }
+  .fbox-5 { padding: 45px 25px 40px; } 
+  .row-cols-md-2 .fbox-7 { padding: 40px 35px 35px; }
+  .fbox-8.fb-1 { padding: 0 25px 40px; }
+  .fbox-8.bg--white-100 { padding: 45px 25px; }
+  .fbox-8.fb-3 { padding: 45px 25px 0; }
+  .fbox-12, .fbox-13 { padding: 32px 25px; } 
+  #fb-12-1, #fb-13-1 { margin-top: 60px; }
+
+  .fbox-14 { padding: 40px 30px; } 
+  .fbox-14.fb-1, .fbox-14.fb-2 { margin-bottom: 30px; }
+
+  .fbox-img.h-135 img, .fbox-img.h-140 img, .fbox-img.h-145 img, .fbox-img.h-150 img, .fbox-img.h-155 img, 
+  .fbox-img.h-160 img, .fbox-img.h-165 img, .fbox-img.h-170 img, .fbox-img.h-175 img, .fbox-img.h-180 img { max-height: 185px; }
+
+  .fbox-2 .fbox-img.h-135 img, .fbox-2 .fbox-img.h-140 img, .fbox-2 .fbox-img.h-145 img, .fbox-2 .fbox-img.h-150 img, 
+  .fbox-2 .fbox-img.h-155 img, .fbox-2 .fbox-img.h-160 img, .fbox-2 .fbox-img.h-165 img, .fbox-2 .fbox-img.h-170 img, 
+  .fbox-2 .fbox-img.h-175 img, .fbox-2 .fbox-img.h-180 img { max-height: 180px; }
+
+  .fbox-3 .fbox-img.h-135 img, .fbox-3 .fbox-img.h-140 img, .fbox-3 .fbox-img.h-145 img, .fbox-3 .fbox-img.h-150 img, 
+  .fbox-3 .fbox-img.h-155 img, .fbox-3 .fbox-img.h-160 img, .fbox-3 .fbox-img.h-165 img, .fbox-3 .fbox-img.h-170 img, 
+  .fbox-3 .fbox-img.h-175 img, .fbox-3 .fbox-img.h-180 img { max-height: 180px; }
+
+  .fbox-4 .fbox-img.h-135 img, .fbox-4.fbox-img.h-140 img, .fbox-4 .fbox-img.h-145 img, .fbox-4 .fbox-img.h-150 img, 
+  .fbox-4 .fbox-img.h-155 img, .fbox-4 .fbox-img.h-160 img, .fbox-4 .fbox-img.h-165 img, .fbox-4 .fbox-img.h-170 img, 
+  .fbox-4 .fbox-img.h-175 img { max-height: 165px; }
+
+  .fbox-1 .fbox-img, .row-cols-md-2 .fbox-1 .fbox-img, .fbox-4 .fbox-img, .row-cols-md-2 .fbox-4 .fbox-img { margin-bottom: 30px; }
+
+  .fbox-2 .fbox-img.h-135, .fbox-2 .fbox-img.h-140, .fbox-2 .fbox-img.h-145, 
+  .fbox-2 .fbox-img.h-150, .fbox-2 .fbox-img.h-155, .fbox-2 .fbox-img.h-160, 
+  .fbox-2 .fbox-img.h-165, .fbox-2 .fbox-img.h-170, .fbox-2 .fbox-img.h-175, 
+  .fbox-2 .fbox-img.h-180 { padding-top: 40px; margin: 0 12px 50px; }
+
+  .fbox-3 .fbox-img.h-135, .fbox-3 .fbox-img.h-140, .fbox-3 .fbox-img.h-145, 
+  .fbox-3 .fbox-img.h-150, .fbox-3 .fbox-img.h-155, .fbox-3 .fbox-img.h-160, 
+  .fbox-3 .fbox-img.h-165, .fbox-3 .fbox-img.h-170, .fbox-3 .fbox-img.h-175, 
+  .fbox-3 .fbox-img.h-180 { padding-top: 40px; margin: 0 12px 30px; }
+
+  .fbox-5.fb-1 .fbox-5-img, .fbox-5.fb-2 .fbox-5-img, .fbox-5.fb-3 .fbox-5-img, 
+  .fbox-5.fb-4 .fbox-5-img, .fbox-5.fb-5 .fbox-5-img, .fbox-5.fb-6 .fbox-5-img { margin: 0 9% 30px; }
+
+  .fbox-ico, .fbox-ico.ico-rounded, .fbox-ico.ico-square { margin-bottom: 20px; }
+
+  .fbox-wrapper .ico-50 [class*="flaticon-"]:before, 
+  .fbox-wrapper .ico-50 [class*="flaticon-"]:after,
+  .fbox-wrapper .ico-55 [class*="flaticon-"]:before, 
+  .fbox-wrapper .ico-55 [class*="flaticon-"]:after,
+  .fbox-wrapper .ico-60 [class*="flaticon-"]:before, 
+  .fbox-wrapper .ico-60 [class*="flaticon-"]:after,
+  .fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:before, 
+  .fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:after{ font-size: 3.65rem; }
+
+  .fbox-10 .fbox-title { margin: 0 auto; }
+  .fbox-10 .fbox-title span { float: none; line-height: 1!important; margin-right: 0; }
+  .fbox-10 .fbox-title h6 { display: block; line-height: 1!important; margin-top: 15px; margin-bottom: 15px; }
+
+  .features-section h6.s-18, .features-section h6.s-20, .features-section h6.s-22 { font-size: 1.4375rem; }  /* 23px */
+  .features-section h6, .fbox-txt h5, .rows-2 .fbox-11 h6, .fbox-wrapper .row-cols-md-2 h6 { margin-bottom: 15px; }
+
+  .fbox-14 h5 { padding: 0 10%; margin-bottom: 12px; }
+
+  .row-cols-md-3 .fbox-1 p, .row-cols-md-3 .fbox-2 p, .row-cols-md-3 .fbox-3 p, .row-cols-md-3 .fbox-6 p, .row-cols-md-2 .fbox-1 p,
+  .row-cols-md-2 .fbox-2 p, .row-cols-md-2 .fbox-3 p, .row-cols-md-2 .fbox-6 p, .fbox-5 .fbox-txt p, .fbox-10 p { padding: 0 8%; } 
+  .row-cols-md-3 .fbox-4 p, .row-cols-md-2 .fbox-4 p { padding: 0 4%; } 
+  .fbox-5 .fbox-txt p, .rows-3 .fbox-11 p { padding: 0 2%; } 
+  .row-cols-lg-3 .fbox-10 .fbox-txt p { padding: 0; }
+
+  /* CONTENT */
+  .ct-10 .section-overlay { margin-bottom: 40px; }
+  .ct-top { margin-bottom: 70px; }
+
+  .ct-13 .txt-block, .ct-13 .img-block { margin-bottom: 35px; }
+  .ct-13 .txt-block.ml-block, .ct-13 .img-block.ml-block { margin-bottom: 0; }
+
+  /* Content Box Wrapper */
+  .content-section.ws-wrapper { margin: 0 -15px; }
+  .bc-1-wrapper .section-overlay, .bc-2-wrapper .section-overlay, .bc-3-wrapper .section-overlay { padding: 70px 17px; }
+  .bc-4-wrapper .section-overlay { padding: 70px 20px; }
+  .bc-5-wrapper .section-overlay { padding: 70px 17px 0; }
+  .cbox-6-wrapper { padding: 30px 17px; }
+  .bc-6-wrapper .section-overlay { padding: 70px 22px; }
+  .bc-6 { padding: 20px 15px 30px; }
+
+  .bc-1-wrapper, .bc-2-wrapper, .bc-3-wrapper, .bc-4-wrapper, .bc-5-wrapper, .bc-6-wrapper { border-radius: 0 0!important; }  
+
+  .bc-5-wrapper .section-title p { padding: 0 3%; }
+
+  .txt-box { margin-bottom: 15px; } 
+
+  .bc-2-txt h2, .bc-3-txt h2, .bc-4-txt h2, .txt-block h3, .txt-block h2 { margin-bottom: 14px; }
+  .cbox-2-txt h5, .cbox-3-txt h5, .bc-6-txt h5 { margin-bottom: 12px; }
+
+  .txt-block p.p-sm, .txt-block p { margin-bottom: 0.875rem; }
+  .txt-block p.s-20, .txt-block p.s-21 { font-size: 1.1875rem; }
+  .cbox-5-fea p, .txt-block p.video-txt-sm, .txt-block p.btn-txt, .txt-block p.btns-group-txt,
+  .txt-block p.compatibility { margin-bottom: 0; }
+  .txt-block p.video-txt-lg {margin-bottom: 6px; }
+
+  .txt-block .btn { margin-top: 18px; }
+  .txt-block .btns-group .btn.btn--transparent { margin-top: 0; } 
+  .txt-block .stores-badge.mt-15, .ws-wrapper .stores-badge.mt-15 { margin-top: 8px; }
+  .bc-6-link.mt-15 { margin-top: 12px; }
+  .txt-block-tra-link.mt-25 { margin-top: 16px; }
+
+  /* Content Box */
+  .right-column .cbox-5 { margin-bottom: 40px; }
+  .cbox-5-content { padding: 35px; margin: 0 ; }
+  .cbox-5-content .divider { margin-top: 22px; margin-bottom: 22px; }
+
+  .txt-block .cbox-5-title h2 { font-size: 2.65rem; margin-bottom: 10px; }
+  .cbox-5-title .statistic-number sup { font-size: 2.15rem; top: -5px; right: 6px; }
+
+  .cbox-5-fea { padding: 15px 20px; margin-top: 20px; }
+  .txt-block .cbox-5-fea h4 { font-size: 1.625rem; }
+  .cbox-5-txt .btn { margin-top: 14px; }
+
+  #cb-6-1, #cb-6-2, #cb-6-3 { margin-bottom: 24px; }
+
+  /* Content Box Icon */
+  .cbox-1.ico-10 span { right: 6px; }
+  .cbox-1.ico-15 span { top: 0.5px; right: 6px; }
+  .cbox-1.ico-15 [class*="flaticon-"]:before, .cbox-1.ico-15 [class*="flaticon-"]:after { font-size: 0.7rem; }
+
+  .cbox-2 .ico-wrap { margin-right: 1rem; }
+  .cbox-2-ico { width: 2.3rem; height: 2.3rem; font-size: 1.15rem; line-height: 2.05rem; }
+  .ct-03 .cbox-2-ico { width: 1.6rem; height: 1.6rem; font-size: 1rem; line-height: 1.4rem; }
+  .cbox-2-line { height: calc(100% - 74px); }
+
+  .cbox-3 { display: block; text-align: center; }
+  .cbox-3 .ico-wrap { margin-right: 0; }
+  .cbox-3 .cbox-3-ico { top: 0; margin-bottom: 10px; }
+
+  .cbox-2-txt, .cbox-3-txt { margin-bottom: 25px; }
+  .ct-03 .cbox-2-txt { margin-bottom: 20px; }
+
+  .cbox-4 { text-align: center; }
+  .box-title h6, .box-title h5 { display: block; line-height: 1!important; margin-bottom: 15px; }
+  .cbox-4-txt { margin-bottom: 30px; }
+  .img-block-txt .box-title h6, 
+  .img-block-txt .box-title h5 { display: inline-block; line-height: 2.35rem!important; margin-bottom: 20px; }
+  .box-title span { display: block; position: relative; top:0; margin-right: 0; margin-bottom: 10px; }
+  .img-block-txt .box-title span { display: inline-block; top: 10px; margin-right: 10px; margin-bottom: 0; }
+  .box-title span[class*="flaticon-"]:before, .box-title span[class*="flaticon-"]:after { font-size: 3.25rem; }
+
+  .img-block-txt .box-title span[class*="flaticon-"]:before, 
+  .img-block-txt .box-title span[class*="flaticon-"]:after { font-size: 2.35rem; }
+
+  /* Content Box Typography */
+  .cbox-1-txt p { margin-bottom: 5px; }
+  .cbox-6 h6 { margin-bottom: 12px; }
+
+  /* Accordion */
+  .txt-block .accordion-1 .accordion-item { padding: 18px 25px; }
+  .txt-block .accordion-2 .accordion-item { padding: 10px 0 20px; }
+
+  .txt-block .accordion-1 .accordion-item .accordion-thumb:before { font-size: 0.95rem; top: 0; }
+  .txt-block .accordion-2 .accordion-item .accordion-thumb:after,
+  .txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { font-size: 0.95rem; top: 8px; }
+
+  .txt-block .accordion-1 .accordion-item.is-active { padding: 30px 25px 14px 25px; }
+  .txt-block .accordion-2 .accordion-item.is-active { padding: 15px 0 20px; }
+
+  .txt-block .accordion-1 .accordion-panel { padding: 0; }
+
+  .txt-block .accordion-2 .accordion-thumb h5 { padding-left: 12px; padding-right: 0; }
+
+  .accordion-2 .accordion-thumb span[class*="flaticon-"]:before,
+  .accordion-2 .accordion-thumb span[class*="flaticon-"]:after { font-size: 1.75rem; top: 6px; }
+
+  /* Tabs */
+  .tabs-1 li { font-size: 1.125rem; } 
+
+  /* Advantages */
+  .advantages, .text-center .advantages { margin-top: 15px; }
+  .img-block-btn .advantages li { display: block!important; margin-top: 4px; }
+  .img-block-btn .advantages li p { display: block; float: none; }
+  .img-block-btn li.advantages-links-divider { display: none!important; }
+
+  /* Compatibility */
+  .compatibility { margin-top: 10px; }
+
+  /* Tools List / Payments Icons */
+  .tools-list p, .payment-methods p { margin-bottom: 12px; }
+  .tools-list span { padding-right: 1px; }
+  .payment-icons img { max-height: 30px; }
+
+  .tools-list.ico-35 [class*="flaticon-"]:before, 
+  .tools-list.ico-35 [class*="flaticon-"]:after {  font-size: 2.125rem; line-height: 2.125rem!important; margin-right: 4px; }
+
+  /* Content Box Shapes */
+  .cbox-5-shape-1, .cbox-5-shape-2 { display: none; }
+
+  /* Content Images */
+  .img-block.img-block-bkg img { padding: 35px 20px; }
+  .img-block-hidden, .bc-5-img.bc-5-dashboard.img-block-hidden { margin-bottom: -30px; }
+  .ct-10 .img-block { margin-bottom: -40px; }
+
+  .ct-01 .img-block, .ct-02 .img-block, .ct-03 .img-block.right-column, .ct-03 .img-block.left-column { margin: 0 2% 35px; }
+  .ct-01 .img-block.j-img, .ct-02 .img-block.j-img { margin-left: 0%; margin-right: 0; }
+  .ct-06 .img-block, .ct-07 .img-block { margin-top: -80px; margin-bottom: 40px; }
+  .bc-5-img.bc-5-tablet.img-block-hidden { margin-bottom: -70px; }
+  .bc-6-img { padding: 30px 15px 0; margin-bottom: 25px; }
+
+  .img-block-hidden .video-btn, .bc-5-img.bc-5-dashboard.img-block-hidden .video-btn { top: 50%; }
+  .bc-5-img.bc-5-tablet.img-block-hidden .video-btn { top: calc(50% - 30px); }
+  .img-block-txt, .img-block-btn { margin-top: 40px; }
+  .ct-11 .img-block, .ct-12 .img-block { margin-bottom: 40px; padding: 40px 7%; }
+
+  /* STATISTIC */
+  .sb-rounded .statistic-block { text-align: center; padding: 25px; }
+  #statistic-5 .statistic-digit { padding-bottom: 18px; margin: 0 12% 18px; }
+
+  #sb-1-1, #sb-1-2, #sb-3-1, #sb-3-2, #sb-3-3 { margin-bottom: 35px; }
+  #sb-2-1, #sb-2-2, #sb-2-3, #sb-2-4 { width: 50%; }
+  #sb-2-3, #sb-2-4 { padding-right: 12px; }
+  #sb-4-3 { margin-bottom: 30px; }
+  #sb-5-1, #sb-5-2 { margin-bottom: 35px; }
+
+  .statistic-1-wrapper .statistic-block-digit { margin-bottom: 12px; }
+
+  h2.statistic-number { font-size: 2.25rem; line-height: 1; letter-spacing: -0.5px; }
+  .txt-block-stat h2.statistic-number { font-size: 2rem; }
+  #statistic-1 h2.statistic-number { letter-spacing: -0.5px; }
+  #sb-2-1 h2.statistic-number, #sb-2-2 h2.statistic-number { margin-bottom: 12px; }
+  #statistic-5 .statistic-digit h2 { font-size: 2.25rem; letter-spacing: -0.5px; }
+
+  #sb-2-3 .statistic-block p.p-sm, #sb-2-4 .statistic-block p.p-sm { margin-top: 12px; }
+  .txt-block-stat .statistic-block p { font-size: 0.95rem; }
+  #statistic-5 .statistic-txt p { padding: 0 8%; }
+
+  /* PROJECTS */
+  #pt-1-1, #pt-1-2, #pt-1-3, .inner-page-hero #pt-1-3, .inner-page-hero #pt-1-4, .inner-page-hero #pt-1-5 { margin-bottom: 40px; }
+  .project-details h5 { margin-bottom: 25px; }
+  .more-projects { margin-top: 45px; }
+
+  /* PROJECT DETAILS */
+  .single-project .project-title { margin-bottom: 40px; }
+  .project-title h2 { padding-right: 0; padding-bottom: 25px; margin-bottom: 25px; }
+  .project-data p { margin-bottom: 5px; }
+
+  .project-priview-img.mb-50 { margin-bottom: 35px; }
+  .project-inner-img .top-img { margin-bottom: 30px; }
+  .project-inner-img.mt-50 { margin-top: 35px; }
+  .project-txt h5.mt-35.mb-35 { margin-top: 20px; margin-bottom: 20px; }
+  .project-txt h5.mt-50.mb-35 { margin-top: 35px; margin-bottom: 20px; }
+
+  .project-description .more-projects { margin-top: 45px; }
+  .project-description .more-projects span { top: 1px; left: 4px; }
+  .project-description .more-projects.ico-25 [class*="flaticon-"]:before, 
+  .project-description .more-projects.ico-25 [class*="flaticon-"]:after { font-size: 1.125rem; } 
+
+  /* RATING */
+  #rb-2-1, #rb-2-2 { margin-bottom: 25px; }
+
+  .rating-title h5 { font-size: 1.125rem; padding: 0 15%; }
+  .rbox-1-img { margin-bottom: 15px; }
+  .rbox-1-img img { max-height: 31px; }
+  .rbox-2-txt img { max-height: 31px; }
+  p.rbox-2-txt { line-height: 31px; margin-top: 8px; }
+
+  .rbox-1 .star-rating { padding: 5px 16px; }
+  .rbox-1 .star-rating { font-size: 0.9rem; line-height: 1; }
+
+  .rbox-1 .star-rating span { top: 2px; }
+  .rbox-1 .ico-10 [class*="flaticon-"]:before, .rbox-1 .ico-10 [class*="flaticon-"]:after { font-size: 0.9rem; } 
+  .rbox-1 .ico-15 [class*="flaticon-"]:before, .rbox-1 .ico-15 [class*="flaticon-"]:after { font-size: 1rem; } 
+  .rbox-2 .ico-20 [class*="flaticon-"]:before, .rbox-2 .ico-20 [class*="flaticon-"]:after { font-size: 1.35rem; } 
+  .rbox-2 .ico-25 [class*="flaticon-"]:before, .rbox-2 .ico-25 [class*="flaticon-"]:after { font-size: 1.35rem; } 
+
+  /* TESTIMONIALS */
+  #reviews-4 .txt-block, #reviews-5 .txt-block { text-align: center; }
+  #reviews-4 .txt-block h2, #reviews-5 .txt-block h2 { font-size: 1.90625rem; padding: 0 4%; }  /* 30.5px */
+
+  .review-1 { padding: 35px 20px 30px; margin: 0 6px 20px; }
+  .review-2, .review-3, .review-4, .review-5 { padding: 35px 20px 30px; }
+
+  .review-txt { margin-top: -40px; }
+  .review-txt h6 { margin-bottom: 10px; }
+  .review-3 .review-txt p { font-size: 1.0625rem; }  
+
+  .review-1 .author-data, .review-2 .author-data, 
+  .review-3 .author-data, .review-4 .author-data, .review-5 .author-data { margin-top: 20px; }
+
+  .review-avatar img, .owl-item .review-avatar img { width: 52px; height: 52px; }
+  .review-2 .review-avatar img, .review-3 .review-avatar img, .review-5 .review-avatar img { width: 52px; height: 52px; }
+
+  .review-author { padding: 0 0 0 12px; }
+  .review-1 .review-author, .review-2 .review-author, .review-3 .review-author, .review-5 .review-author { margin-top: 3px; }
+
+  .review-author h6 { margin-bottom: 8px; }
+  .review-1 .review-author h6, .review-2 .review-author h6, .review-3 .review-author h6, 
+  .review-4 .review-author h6, .review-5 .review-author h6 { font-size: 1.2rem; }
+
+  /* PRESS */
+  .press-logo img { max-height: 74px; }
+  .press-txt { padding: 0 1%; margin-top: 10px; }
+
+  /* BRANDS */
+  #brands-3:after { height: 75%; }
+
+  .brands-title { padding: 0 4%; } 
+  .brands-title.mb-35, .brands-title.mb-40 { margin-bottom: 25px; }
+  .brands-title.mb-50 { margin-bottom: 30px; }
+
+  .brands-title h4, .brands-title h3, .brands-title h2 { margin-bottom: 8px; }
+  .brands-title p.p-md, .brands-title p.p-lg { font-size: 1.0625rem; }
+
+  .brands-3-wrapper, .brands-3-wrapper.brands-3-static { padding: 25px 15px; }
+
+  #brand-2-1, #brand-2-2, #brand-2-3, #brand-2-4, #brand-3-1, #brand-3-2, #brand-4-1, #brand-4-2, 
+  #brand-4-3, #brand-4-4, #brand-4-5, #brand-4-6, #brand-4-7, #brand-4-8, #brands-4 .brand-logo.mb-40 { margin-bottom: 25px; }
+  #brand-3-5 { display: none; }
+
+  #brands-1 .brands-carousel-6 .brand-logo, #brands-1 .brands-carousel-5 .brand-logo { padding: 0 25px; }   
+  #brands-1 .justify-content-center .brand-logo, #brands-4 .brand-logo { padding: 0 25px; }   
+  #brands-2 .brand-logo, #brands-3 .brand-logo, #brands-3 .brands-3-static .brand-logo { padding: 0 17px; } 
+
+  .brands-section .more-btn { margin-top: 30px; }
+
+  /* INTEGRATIONS */
+  #integrations-2 .container { max-width: 100%; }
+  .integrations-2-wrapper { padding: 70px 20px; margin: 0 -15px; border-radius: 0 0!important; }
+  .in_tool_logo.ico-65 img { width: 55px; height: 55px; }
+  .in_tool h6 { font-size: 1.125rem; }
+
+  #integrations-1 .in_tool-logo.ico-60 img { width: 52px; height: 52px; }
+  .integrations-1-wrapper .in_tool { padding: 18px 22px; }
+  .integrations-1-wrapper .in_tool.mb-30, .integrations-1-wrapper .it-7, .integrations-1-wrapper .it-8 { margin-bottom: 25px; }
+  .integrations-1-wrapper .in_tool-txt h6 { font-size: 1.325rem; line-height: 1; margin-top: 5px; }
+  .integrations-1-wrapper .in_tool-txt p { font-size: 1.0625rem; margin-top: 6px; }
+
+  .integrations-section .more-btn.mt-60, .integrations-section .more-btn.mt-70 { margin-top: 30px; }
+ 
+  /* PRICING */
+  .pricing-1-table, .text-center .pricing-1-table { padding: 35px 40px 35px; }
+  .pricing-2-table { padding: 35px 50px; }
+  .pricing-3-table { padding: 30px 50px 35px; }
+  .pricing-4-table { padding: 35px 40px; }
+
+  .pricing-table-header h5, .pricing-table-header h4 { font-size: 1.5625rem!important; }
+
+  .pricing-discount { top: 0; right: -2px; padding: 6px 11px; }
+  .pricing-1-table .pricing-discount { top: -4px; right: 0; padding: 7px 13px; }
+  .text-center .pricing-1-table .pricing-discount { top: -32px; right: -5px; }
+  .pricing-discount h6 { font-size: 1.05rem; }
+  .pricing-1-table .pricing-discount h6 { font-size: 0.9375rem; }
+
+  .p-table p.btn-txt { margin: 12px 0 0 0; }
+
+  .price span { font-size: 2.75rem; } 
+  .pricing-2-table.highlight .price span { font-size: 2.5rem; } 
+  .pricing-3-table .price span { font-size: 4.25rem; letter-spacing: -3px; } 
+  .pricing-4-table .price span { font-size: 2.75rem; } 
+
+  .price sup { font-size: 2rem; top: -5px; }
+  .pricing-3-table .price sup { font-size: 2.45rem; top: -19px; }
+  .pricing-4-table .price sup { font-size: 2rem; top: -5px; }
+
+  .pricing-3-table .price sup.coins { font-size: 2.45rem; top: -22px; letter-spacing: -2px; }
+
+  .price sup.validity { font-size: 1.3125rem; }
+  .pricing-3-table .price sup.validity { font-size: 1.3125rem; top: 0; margin-top: 20px; margin-bottom: 35px; }
+  .pricing-4-table .price sup.validity { font-size: 1.3125rem; left: 4px; }
+
+  .text-center .price p, .text-center .pricing-2-table .price p { padding: 0; }
+
+  .pricing-2-table hr { margin-top: 20px; }
+
+  /* Pricing Features */
+  .pricing-features.mt-25 { margin-top: 20px; }
+  .pricing-features li, .pricing-4-table .pricing-features li { padding: 10px 8px; }
+
+  /* Pricing Notice */
+  .pricing-notice.mb-40 { margin-bottom: 30px; }
+  .col-lg-9 .pricing-notice p, .col-lg-10 .pricing-notice p { padding: 0 ; }
+
+  /* Pricing Toggle Button */
+  #pricing-4 .ext-toggle-btn { margin: 0 auto 30px; }
+  .toggle-btn-md .toggler-txt, .toggle-btn-lg .toggler-txt { font-size: 1.15rem; }
+
+  /* Pricing Compare */
+  .table-responsive.mb-50 { margin-bottom: 30px; }
+  .table>:not(caption)>*>* { padding-top: 9px; padding-bottom: 9px; }
+  .comp-table .table-responsive thead th { font-size: 0.9375rem; }
+  .comp-table .table-responsive tbody th { font-size: 0.915rem; line-height: 1.25; }
+  .comp-table .table-responsive tbody td { font-size: 0.9rem; top: 0; line-height: 1.25; }
+
+  .comp-table .table-responsive tbody td span { top: 3px; }
+
+  .table-responsive .ico-15 [class*="flaticon-"]:before, 
+  .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.675rem; }
+
+  .table-responsive .ico-20 [class*="flaticon-"]:before, 
+  .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.835rem; }
+
+  .pbox { padding: 0; }
+  #pbox-1, #pbox-2, #pbox-3 { margin-bottom: 30px; }
+  .pricing-section .txt-box-last, .pricing-section .pm-last { margin-bottom: 40px; }
+  .comp-table-payment h6 { margin-bottom: 15px; }
+
+  /* TEAM */
+  #team-1.pb-40, #team-2.pb-40 { padding-bottom: 30px; }
+  .team-member.mb-40, .team-member.mb-50, .team-member.mb-60 { margin-bottom: 40px; }
+
+  .team-member-photo { margin-bottom: 25px; }
+  #team-1 .team-member-data, #team-2 .team-member-data { margin-left: 10px; }
+
+  .team-member-data h6.s-20 { font-size: 1.4375rem; margin-bottom: 6px; }    /* 23px */
+  .team-member-data p { font-size: 1.175rem; }
+  ul.tm-social, #team-1 ul.tm-social { top: 5px; right: 10px; }
+  .tm-social.ico-20 [class*="flaticon-"]:before, .tm-social.ico-20 [class*="flaticon-"]:after { font-size: 1.4125rem; }
+
+  /* CAREERS */
+  #careers-1 { padding-bottom: 40px; }
+  .role-box { text-align: center; padding: 28px 40px; }
+  .role-box-txt span, #careers-1 .role-box span { margin-bottom: 12px; }
+  .role-box-txt h6 { line-height: 1.4; margin-bottom: 5px; }
+  #careers-1 .role-box h6 { line-height: 1.4; margin-bottom: 6px; }
+  .role-box-txt p { margin-bottom: 14px; }
+
+  /* CAREER ROLE */
+  #role-page .inner-page-title { margin-bottom: 25px; }
+  #role-page .inner-page-title span { margin-bottom: 20px; }
+  #role-page .inner-page-title p { padding: 0; }
+  .role-info hr, #role-page .cbox-6-wrapper { margin: 35px 0; }
+  .txt-block.role-info .btn { margin-top: 30px; }
+
+  /* BANNER */
+  #banner-12, #banner-13 { margin-top: 0; margin-bottom: 25px; }
+  #banner-9.py-70 { padding-top: 55px; padding-bottom: 65px; }
+
+  #banner-1 .container, #banner-2 .container, #banner-3 .container,
+  #banner-11 .container, #banner-12 .container, #banner-13 .container { max-width: 100%; }
+  .banner-1-wrapper, .banner-2-wrapper, .banner-3-wrapper,
+  .banner-11-wrapper, .banner-12-wrapper, .banner-13-wrapper { margin: 0 -15px; border-radius: 0 0!important; }
+
+  .banner-1-wrapper .banner-overlay, .banner-2-wrapper .banner-overlay, 
+  .banner-3-wrapper .banner-overlay { padding: 60px 20px 70px; }
+  .banner-1-wrapper .banner-overlay.sm-title { padding: 55px 25px 65px; }
+
+  #banner-5 .banner-overlay.pt-80.pb-90, #banner-7 .banner-overlay.pt-80.pb-90, #banner-6 .banner-overlay, 
+  #banner-8 .banner-overlay, #banner-14 .banner-overlay, #banner-15 .banner-overlay { padding-top: 55px; padding-bottom: 65px; }
+
+  #banner-10 .banner-overlay { padding-top: 60px; padding-bottom: 60px; }
+  .banner-11-wrapper .banner-overlay { overflow: hidden; padding: 55px 35px 0; border-radius: 0 0!important; } 
+  .banner-12-wrapper .banner-overlay { overflow: visible; padding: 55px 35px 0; border-radius: 0 0!important; } 
+  .banner-13-wrapper .banner-overlay { overflow: visible; padding: 55px 35px 65px; border-radius: 0 0!important; } 
+  .banner-16-wrapper .banner-overlay { padding: 35px 10%; }
+  
+  .banner-5-txt { padding: 0 3%; }
+  .banner-8-txt {padding: 0 5%; }
+  .banner-12-txt, .banner-13-txt { margin-top: 0; padding-right: 0; }
+
+  .banner-section .section-id { margin-bottom: 18px; }
+  #banner-15.banner-section .section-id { margin-bottom: 22px; }
+
+  .banner-section h2 { font-size: 1.90625rem!important; }
+  .banner-section h3 { font-size: 1.78125rem!important; }
+  .banner-1-txt h2 { margin-bottom: 12px; }
+  .banner-2-txt h2, .banner-10-txt h2 { margin-bottom: 25px; }
+  .banner-4-txt h2 { padding: 0 8%; margin-bottom: 22px; }
+  .banner-7-txt h2 { margin-bottom: 25px; padding: 0 2%; }
+  .banner-10-txt h6 { margin-bottom: 8px; }
+  .banner-10-txt h2 { font-size: 3.5rem!important; margin-bottom: 18px; }
+  .banner-11-txt h2, .banner-12-txt h2, .banner-13-txt h2 { margin-bottom: 14px; }
+  .banner-15-txt h2 { margin-bottom: 30px; }
+  .banner-16-txt h4 { padding: 0 5%; margin-bottom: 10px; }
+  
+  .banner-section p.p-lg, .banner-section p.p-xl { margin-bottom: 20px; }
+  .sm-title .banner-1-txt p.p-lg, .sm-title .banner-1-txt p.p-xl,
+  .banner-6-txt p.p-lg, .banner-6-txt p.p-xl { margin-top: 12px; margin-bottom: 20px!important; }
+  .banner-3-txt p.p-lg, .banner-3-txt p.p-xl, .banner-5-txt p.p-lg, .banner-5-txt p.p-xl { margin-top: 12px; }
+  .banner-5-txt p.s-21, .banner-5-txt p.s-22 { margin-top: 12px; margin-bottom: 18px; }
+  .banner-9-txt p.p-lg, .banner-9-txt p.p-xl { margin-top: 12px; margin-bottom: 22px!important; }
+  .banner-11-txt p { padding-right: 0; }
+  .banner-14-txt p.p-lg { font-size: 1.125rem; padding: 0 10%; margin-top: 20px; margin-bottom: 25px; }
+
+  .banner-5-txt .btns-group.mt-35 { margin-top: 20px; }
+  .banner-8-buttons { margin-top: 15px; padding: 0 4%; }
+  .banner-15-txt .download-links { margin-top: 15px; }
+  .banner-section .btns-group .btn:first-child { margin-right: 0; margin-left: 0; margin-bottom: 15px; }
+  .banner-16-txt .txt-block-tra-link.mt-15 { margin-top: 12px; }
+
+  .banner-9-img { margin: 40px 5% 0; }
+  .banner-10-img { margin: 40px 8% 0; }
+  .banner-11-img { margin: 35px 3% -20px; }
+  .banner-12-img { transform: rotate(0deg); margin: 35px 0 -40px; }
+
+  /* DOWNLOAD */
+  span.version-data { font-size: 2rem; margin-right: 10px; }
+  span.release-date span { margin-left: 10px; }
+
+  /* FAQs */
+  #faqs-1, #faqs-4 { padding-bottom: 50px; }
+
+  /* FAQs Section Title */
+  #faqs-1 .section-title { margin-bottom: 20px; }
+  #faqs-2 .inner-page-title { margin-bottom: 30px; }
+  #faqs-3 .section-title { margin-bottom: 40px; }
+  #faqs-4 .inner-page-title { margin-bottom: 40px; }
+
+  #faqs-3 .section-title .contact-link { display: block; }
+
+  /* FAQs Accordion */
+  .faqs-section .accordion-thumb { padding: 20px 0 22px; }
+  #faqs-2.faqs-section .accordion-thumb { padding: 20px 0 25px; }
+
+  .faqs-section .accordion-item .accordion-thumb:after, 
+  .faqs-section .accordion-item.is-active .accordion-thumb:after { font-size: 0.875rem; top: 23px; right: 0; }
+  #faqs-2.faqs-section .accordion-item .accordion-thumb:after, 
+  #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after { font-size: 0.9rem; top: 22px; right: 2px; }
+
+  .accordion-panel { padding: 0 0 5px 0; }
+  #faqs-2 .accordion-panel { padding: 30px 0 15px 0; } 
+  #faqs-2 .accordion-panel-item.mb-35, #faqs-3 .question.mb-35 { margin-bottom: 25px; }
+
+  .faqs-section .accordion-thumb h5 { line-height: 1.4; padding-right: 8%; }
+  .question h5, .accordion-panel-item h5 { line-height: 1.4; margin-bottom: 15px; }
+
+  /* FAQs Tabs */
+  .faqs-section .tabs-1 { margin: 0 5px 10px; }
+  .faqs-section .tabs-1 li { min-width: 100%; padding: 20px 0; margin: 0 0 20px; }
+
+  /* More Questions Link */
+  #faqs-2 .more-questions { margin: 45px auto 0; }
+  #faqs-3 .more-questions.mt-40 { margin-top: 15px; }
+  .more-questions-txt { padding: 18px 36px; }
+  .more-questions-txt p { font-size: 1.125rem; }
+
+  /* NEWSLETTER */
+  #newsletter-1 .newsletter-overlay, #newsletter-5 .newsletter-overlay { padding-top: 50px; padding-bottom: 40px; }  
+  #newsletter-2 .container { max-width: 100%; }
+  #newsletter-2 .newsletter-overlay { padding: 50px 8% 40px; margin: 0 -15px; border-radius: 0 0!important; }
+  #newsletter-3, #newsletter-4 .newsletter-overlay { padding-top: 55px; padding-bottom: 60px; }
+
+  #newsletter-4 .newsletter-txt, #newsletter-5 .newsletter-txt { padding: 0; }
+
+  .newsletter-txt h2, #newsletter-4 .newsletter-txt h2 { margin-bottom: 25px; }
+  .newsletter-txt h4, .newsletter-txt h3 { font-size: 1.75rem; padding: 0; margin-bottom: 25px; }
+
+  #newsletter-3 .newsletter-txt p { padding: 0 4%; }
+  #newsletter-4 .newsletter-txt p { font-size: 1rem; padding: 0 4%; margin-bottom: 0; }
+  #newsletter-5 .newsletter-txt p { margin-top: 15px; }
+
+  #newsletter-1 .newsletter-form, #newsletter-2 .newsletter-form, #newsletter-3 .newsletter-form { padding: 0 5%; }
+  #newsletter-4 .newsletter-form { padding: 0 5%; }
+  #newsletter-5 .newsletter-form { margin-top: 25px; padding: 0 5%; }
+
+  .newsletter-section .form-control, #newsletter-1.newsletter-section .form-control, 
+  #newsletter-5.newsletter-section .form-control { height: 54px; font-size: 1.0625rem; }
+  .newsletter-section .btn, #newsletter-1 .btn, #newsletter-5.newsletter-section .btn { height: 54px; font-size: 1.0625rem; }
+
+  /* BLOG */
+  .blog-post-img.mb-35 { margin-bottom: 30px; }
+  .post-tag { font-size: 0.825rem; margin-bottom: 14px; }
+
+  .blog-post-txt h6, .blog-post-txt h4.mb-20, .blog-post-txt h3 { margin-bottom: 14px; }
+  .blog-post-meta.mt-20, .blog-post-meta.mt-30 { margin-top: 14px; }
+  .post-meta-list p { margin-bottom: 0; }
+
+  /* Blog Listing */
+  .wide-post { margin-bottom: 40px; }
+  .wide-post h3.s-36, .wide-post h3.s-38, .wide-post h3.s-40, .square-post h4.s-34 { font-size: 1.3125rem; }
+  .wide-post .blog-post-img { margin-bottom: 30px; }
+
+  .square-post { margin-top: 10px; margin-bottom: 40px; }
+  .square-post .blog-post-txt { padding: 40px 20px; }
+
+  .posts-category { margin-top: 10px; margin-bottom: 30px; }
+  .posts-category span { top: 1.25px; }
+  .posts-category.ico-20 [class*="flaticon-"]:before, 
+  .posts-category .more-projects.ico-20 [class*="flaticon-"]:after { font-size: 1.0625rem; } 
+
+  /* Single Blog Post */
+  .single-post-title h3, .single-post-title h2 { padding: 0 6%; margin-bottom: 20px; }
+  .single-post-title .blog-post-meta.mt-35 { margin-top: 25px; }
+  #single-post .post-meta-list .meta-list-divider { display: none!important; }
+  #single-post .post-meta-list li { display: block!important; margin-top: 10px; }
+
+  .post-inner-img { margin-top: 30px; margin-bottom: 30px; }
+
+  .single-post-txt h5, .single-post-txt h4 { margin-top: 15px; margin-bottom: 18px; }
+
+  .single-post-txt .blockquote p { font-size: 1.0625rem; margin-bottom: 25px; }
+  .single-post-txt .blockquote-footer { font-size: 1rem; line-height: 1.3; }
+
+  .post-share-list { margin-top: 30px; padding-bottom: 40px; }
+
+  .post-author { display: block!important; padding: 50px 0; }
+  .post-author-avatar { display: block!important; text-align: left; margin-right: 0; margin-bottom: 20px; }
+  .post-author-avatar img { width: 70px; height: 70px; }
+  .post-author-txt h5 { margin-bottom: 10px; }
+
+  .author-follow-btn { padding: 5px 12px; top: 135px; right: 10px; }
+
+  .post-comments { padding-top: 50px; }
+  .post-comments h5 { margin-bottom: 40px; }
+  .post-comments img { width: 45px; height: 45px; }
+  .comment-body { margin-left: 18px; }
+  .comment-meta { margin-bottom: 8px; }
+  .comment-meta h6 { margin-bottom: 5px; }
+  .post-comments #leave-comment h5 { margin-top: 50px; }
+
+  .comment-form p { margin-bottom: 10px; }
+
+  .comment-form { margin-top: 50px; }
+  .comment-form .btn { margin-top: 0; }
+
+  /* CONTACTS */
+  #contacts-1 .section-title p { padding: 0 3%; }
+  #contacts-1 .contact-form .contact-form-notice p { font-size: 0.875rem; margin-top: 30px; }
+
+  #contacts-1 .contact-form .col-md-12 span { line-height: 1.4; margin-bottom: 15px; }
+  .contact-form .form-control, .contact-form .form-select { height: 54px; }
+  .contact-form textarea { min-height: 170px; }
+  .contact-form textarea.form-control { padding: 15px; }
+
+  /* FOOTER */
+  .footer { padding-bottom: 30px; }
+  .footer hr { margin-top: 5px; margin-bottom: 30px; }
+  .bottom-footer p.p-sm { margin-bottom: 0; }
+
+  #footer-10.pt-50 { padding-top: 0; }
+  #footer-11.p-404.pt-50 { padding-top: 40px; padding-bottom: 40px; }
+
+  .footer .col-sm-4, .footer .col-sm-6, .footer .col-sm-8 { width: 50%!important; float: left; }
+  #footer-3.footer .col-sm-6.col-md-3 { width: 100%!important; float: none; }
+
+  .footer-info, .footer-links, .footer-stores-badge { margin-bottom: 35px; }
+  #footer-2 .footer-info { margin-bottom: 40px; }
+
+  #footer-6 .footer-info, #footer-7 .footer-info { margin-top: 15px; margin-bottom: 0; }
+  #footer-10 .footer-info { margin-bottom: 25px; padding-bottom: 35px; }
+  #footer-8 .footer-links, #footer-10 .footer-links { margin-bottom: 10px; }
+
+  img.footer-logo, img.footer-logo-dark { max-height: 37px; }
+  #footer-1 .footer-logo, #footer-5 .footer-logo, #footer-6 .footer-logo, #footer-7 .footer-logo { margin-bottom: 24px; }
+  #footer-10 img.footer-logo { max-height: 37px; }
+
+  .footer h6 { font-size: 1.21875rem; margin-bottom: 20px; } /* 19.5px */
+
+  .footer-mail-link { font-size: 1.125rem; } /* 18px */
+  .footer-mail-link span { top: 3px; right: 2px; }
+  #footer-1 .footer-info .footer-mail-link { margin-top: 5px; }
+
+  #footer-8 .foo-links li { display: block!important; padding-left: 0; }
+  #footer-10 .foo-links li { padding: 0 8px; }
+
+  .foo-links.ico-10 li span { top: 1px; right: 3px; }
+  .foo-links li a span.ext-link { left: 3px; top: 0.5px; }
+
+  .footer-stores-badge .store { margin-right: 0; }
+
+  .footer-socials.ico-25 [class*="flaticon-"]:before, 
+  .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.3925rem; }
+
+  .footer-form { margin-right: 5%; }
+  #footer-9 .footer-form { margin-bottom: 0; }
+  .footer-form .form-control { font-size: 1.1rem; height: 34px; }
+  .footer-form .btn { height: 34px; }
+  .footer-form .ico-15 [class*="flaticon-"]:before, 
+  .footer-form .ico-15 [class*="flaticon-"]:after { font-size: 1.125rem; line-height: 28px!important; }
+
+  .bottom-footer-socials { margin-top: 10px; }
+  .bottom-footer-socials li { padding-left: 12px; }
+  .bottom-footer-socials li:first-child { padding-left: 0; }
+
+  .bottom-footer-list { margin-top: 3px; } 
+  #footer-4 .bottom-footer-list li, #footer-9 .bottom-footer-list li { padding-left: 8px; }
+
+  .footer-list-divider { top: -1px; }
+  .bottom-secondary-link p span { top: 1.5px; padding: 0 2px; }
+  .footer-info-copyright p span { top: 2px; padding: 0 2px; }
+
+  .footer-info-copyright.ico-15 [class*="flaticon-"]:before, 
+  .footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.815rem; }
+
+  /* INNER PAGE WRAPPER */
+  .inner-page-title { margin-bottom: 50px; }
+  .inner-page-title h2 { margin-bottom: 0; }
+  .inner-page-title p { font-size: 1.15rem; padding: 0 5%; line-height: 1.6666; margin-top: 10px; }
+  .page-hero-section h1 { line-height: 1.25; margin-bottom: 20px; }
+
+  /* PAGE PAGINATION */
+  .page-link { font-size: 0.95rem; padding: 2px 10px; }
+  .pagination.ico-20 [class*="flaticon-"]:before, 
+  .pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.75rem; } 
+
+  /* SIGN IN / SIGN UP */
+  .login-page-logo { margin-bottom: 40px; }
+  .login-page-logo img { max-height: 40px; }
+
+  .register-form-title { margin-bottom: 25px; }
+  .register-form-title h3 { font-size: 1.6875rem; }
+
+  .separator-line, .register-page-form p.input-header, .form-data span, .register-page-form .btn-google { font-size: 1rem; }
+  #signup .form-data span { font-size: 0.935rem; }
+  .reset-password-link p { font-size: 1rem; margin-top: 0; margin-bottom: 10px; }
+  .register-page-form p.create-account { font-size: 1rem; margin-top: 20px; }
+  .separator-line { margin: 20px 0; }
+
+  .reset-form-title { margin-bottom: 16px; }
+  .reset-form-title p.p-sm { font-size: 1rem; margin-top: 15px; }
+
+  .reset-page-wrapper { margin: 0 10px; }
+  .reset-page-wrapper form {  padding: 35px 10px 10px; }
+  #login .register-page-form, #signup .register-page-form { padding: 35px 25px; }
+  #login.login-1 .register-page-form, #signup.signup-1 .register-page-form { padding: 15px 10px; }
+
+  .reset-page-wrapper .form-control, 
+  .register-page-form .form-control { height: 56px; font-size: 1.0625rem; padding: 5px 12px; margin-bottom: 20px; }
+  
+  #login .register-page-form .btn.submit { height: 56px; font-size: 1.0625rem; margin-top: 12px; }
+  #signup .register-page-form .btn.submit { height: 56px; font-size: 1.0625rem; margin-top: 20px; }
+  .reset-page-wrapper .btn.submit { height: 56px; font-size: 1.0625rem; }
+  .btn-google img { width: 20px; height: 20px; top: -2px; right: 5px; }
+
+  .btn-show-pass { top: 18px; }
+
+  /* PAGE 404 */
+  .page-404-txt { padding-top: 100px; padding-bottom: 60px; }
+  .page-404-txt h2 { margin-bottom: 15px; } 
+  .page-404-txt h6 { line-height: 1.6666; padding: 0; margin-bottom: 22px; }
+  .page-404-img { padding: 0 4%; margin-bottom: 35px; }
+
+  /* MODAL */
+  #modal-1 .modal-dialog { max-width: 350px; margin: auto auto; }
+  #modal-2 .modal-dialog { width: 340px; margin: auto auto; }
+  #modal-3 .modal-dialog.modal-xl { width: 360px; margin: auto auto; }
+
+  #modal-1.modal .btn-close { right: 10px!important; top: 10px!important; }
+
+  #modal-2 .modal-body-content { padding: 25px 30px 5px; }
+  #modal-3 .modal-body-content { padding: 30px 15px 22px; }
+
+  .modal-body .newsletter-form { margin-top: 20px; }
+  .modal .form-control, .modal .newsletter-form .btn { height: 52px; font-size: 1rem; }
+
+  #modal-3 .request-form-title p { margin-top: 15px; margin-bottom: 20px; }
+  #modal-3 .request-form .btn { height: 52px; font-size: 1.0625rem; }
+
+
+}
+
+
+
+
+/* ------------------------------------------------------------------------ */
+/* ------------------------------------------------------------------------ */
+/* ------------------------------------------------------------------------ */
+
+@media (min-width: 321px) and (max-width: 389.98px) {
+
+  html { font-size: 97.5%; } 
+
+  /*------------------------------------------*/
+  /*  BASE
+  /*------------------------------------------*/
+
+  #stlChanger { display: none; }
+  .ts-0 { padding-top: 80px; }
+  .division { padding-left: 3px; padding-right: 3px; }
+  .bg--fixed { width: auto; }
+  .bg--scroll { width: auto; background-attachment: scroll!important; }
+
+  /* Backgroud Shape */
+  .shape--01:after { height: 90%; top: 7%; }
+  .shape--02:after { width: 140%; height: 90%; top: 7%; left: -20%; }
+  .shape--03:after { width: 140%; height: 129%; top: -70px; left: -20%; }
+  .shape--04:after { height: 94%; top: 0; }
+  .shape--06:after { height: 92%; }
+  .shape--07:after { height: 80%; top: 15%; }
+
+  ol.digit-list p { margin-bottom: 5px; }
+
+  .font--jakarta h1, .font--jakarta h2 { line-height: 1.35; }
+  .font--jakarta h3, .font--jakarta h4, .font--jakarta h5, .font--jakarta h6 { line-height: 1.4; }
+
+  /* Font Size */
+  .s-15, .s-16 { font-size: 1.0625rem; }                                /* 16.5px */
+  .s-17 { font-size: 1.125rem; }                                        /* 17.5px */
+  .s-18, .s-19, .s-20, .s-21, .s-22, .s-23 { font-size: 1.217948rem; }  /* 19px */
+  .s-24, .s-26, .s-28 { font-size: 1.34615rem; }                        /* 21px */
+  .s-30, .s-32, .s-34 { font-size: 1.47435rem; }                        /* 23px */
+  .s-36, .s-38, .s-40 { font-size: 1.60256rem; }                        /* 25px */  
+  .s-42, .s-43, .s-44, .s-45, .s-46, .s-47 { font-size: 1.730769rem; }  /* 27px */
+  .s-48 { font-size: 1.85897rem; }                                      /* 29px */  
+  .s-50, .s-52, .s-54, .s-56, .s-58, .s-60 { font-size: 1.923076rem; }  /* 30px */ 
+  .s-62 { font-size: 1.98717rem; }                                      /* 31px */ 
+  .s-64, .s-66 { font-size: 2.05128rem; }                               /* 32px */
+  .s-68 { font-size: 2.17948rem; }                                      /* 34px */
+
+  /* Paragraphs */
+  p.p-md, p.p-lg { font-size: 1.0625rem; }
+  p.p-xl { font-size: 1.125rem; }
+
+  /* Transparent Link */
+  a.tra-link { font-size: 1.0625rem; }
+  .tra-link.ico-20 [class*="flaticon-"]:before, 
+  .tra-link.ico-20 [class*="flaticon-"]:after { font-size: 0.785rem; line-height: 0.7rem!important; top: 1px; left: 2px; }
+
+  /* Button */
+  .btn { font-size: 1rem; }
+  .btn.btn-sm { font-size: 1rem; padding: 0.7rem 1.5rem; }
+  .btns-group .btn.ico-30.ico-left, .btns-group .btn.ico-30.ico-right { padding: 0.61095rem 0.5rem 0; }
+
+  /* Buttons Group */
+  .btns-group .btn:first-child { margin-left: 5px; margin-right: 5px; margin-bottom: 15px; }
+
+  /* Button Icon */
+  .btn.ico-20 [class*="flaticon-"]:before, 
+  .btn.ico-20 [class*="flaticon-"]:after { font-size: 1.225rem; line-height: 0.5rem!important;top: 4px; }
+
+  .btn.ico-30 [class*="flaticon-"]:before, .btn.ico-30 [class*="flaticon-"]:after { font-size: 2rem; }
+
+  .btn.ico-30.ico-left span.ico-30-txt { font-size: 1.1rem; top: -10px; margin-right: 0; }
+  .btn.ico-30.ico-right span.ico-30-txt { font-size: 1.1rem; top: -10px; margin-left: 0; }
+  .btn.ico-left span { margin-right: 2px; }
+  .btn.ico-right span { margin-left: 2px; }
+
+  /* Button Text */
+  p.p-sm.btns-group-txt { font-size: 0.95192rem; }
+  .text-center p.btns-group-txt { margin-top: 18px; }
+  .btn-rating { margin: 15px 0 0 0; }
+  .btn-rating p.p-sm { font-size: 0.9375rem; }
+
+  /* OS Button */
+  .os-btn { width: 270px; min-width: 270px; padding: 14px 15px 10px; }
+  .os-btn-ico { margin-right: 14px; }
+  .os-btn-txt p { margin-top: 4px; }
+
+  .btn-os.mb-15 { margin-bottom: 15px; }
+  .btn-os.mr-15 { margin-right: 0; margin-bottom: 15px; }
+
+  /* Store Badge */
+  .store { margin-right: 6px; }
+  .store.store-btn-2 { margin-right: 0; }
+  .store-btn-3, .store-btn-4 { margin-top: 15px; }
+
+  /* Watch Video Link */
+  .watch-video { margin-top: 18px; }
+  .watch-video-link { margin-right: 10px; }
+  p.video-txt-lg { font-size: 1.0625rem; }
+  p.video-txt-sm { font-size: 1rem; }
+
+  /* Video Popup Icon */
+  .video-btn-xl { width: 5.625rem; height: 5.625rem; margin-top: -2.8125rem; margin-left: -2.8125rem; }
+  .video-btn-lg { width: 5rem; height: 5rem; margin-top: -2.5rem; margin-left: -2.5rem; }
+  .video-btn-md { width: 5rem; height: 5rem; margin-top: -2.5rem; margin-left: -2.5rem; }
+
+  .video-btn.video-btn-xl [class^="flaticon-"]:before, .video-btn.video-btn-xl [class^="flaticon-"]:after {
+    font-size: 4.5rem; line-height: 5.625rem!important; margin-left: 8px;
+  }
+
+  .video-btn.video-btn-lg [class^="flaticon-"]:before, .video-btn.video-btn-lg [class^="flaticon-"]:after,
+  .video-btn.video-btn-md [class^="flaticon-"]:before, .video-btn.video-btn-md [class^="flaticon-"]:after {
+    font-size: 4.35rem; line-height: 5rem!important; margin-left: 8px;
+  }
+
+  /* Vector Icon Background */ 
+  .ico-50 .shape-ico svg { width: 120px; height: 120px; top: -35px; left: calc(50% - 60px); }
+  .fbox-11 .ico-50 .shape-ico svg { top: -35px; left: calc(50% - 65px); }
+  .ico-60 .shape-ico svg { width: 125px; height: 125px; top: -30px; left: calc(50% - 65px); }
+  .ico-55 .shape-ico svg { width: 120px; height: 120px; top: -30px; left: calc(50% - 60px); }
+
+  /* Vector Rounded Icons */
+  .ico-rounded, .ico-rounded-md, .ico-rounded-lg { width: 94px; height: 94px; }
+
+  .ico-rounded [class*="flaticon-"]:before, 
+  .ico-rounded [class*="flaticon-"]:after,
+  .ico-rounded-md [class*="flaticon-"]:before, 
+  .ico-rounded-md [class*="flaticon-"]:after,
+  .ico-rounded-lg [class*="flaticon-"]:before, 
+  .ico-rounded-lg [class*="flaticon-"]:after { font-size: 3rem; line-height: 94px!important; }
+
+  /* Vector Square Icons */
+  .ico-square { width: 88px; height: 88px; }
+  .ico-square [class*="flaticon-"]:before, 
+  .ico-square [class*="flaticon-"]:after { font-size: 2.85rem; line-height: 88px!important; }
+
+  /* Section ID */
+  .section-id { margin-bottom: 25px; }
+  .section-id.rounded-id { padding: 8px 22px; font-size: 0.8rem; margin-bottom: 30px; }
+
+  /* Section Title */
+  .section-title.mb-60 { margin-bottom: 35px; }
+  .section-title.mb-70, .section-title.mb-80 { margin-bottom: 40px; }
+
+  .section-title p.p-md, .section-title p.p-lg { margin-top: 14px; }
+  .section-title p.p-xl { font-size: 1.0625rem; margin-top: 14px; }
+  .section-title p.s-20, .section-title p.s-21 { font-size: 1.15384rem; padding: 0 2%; margin-top: 12px; }  /* 18px */
+  .section-title p.p-md, .section-title p.p-lg { padding: 0; }
+
+  .section-title .btns-group.mt-35, .section-title .stores-badge.mt-30 { margin-top: 22px; }
+  .section-title .btns-group .btn { margin-left: 10px; margin-right: 10px; }  
+  .section-title .btns-group .btn:first-child { margin-bottom: 15px; }
+
+  /*------------------------------------------*/
+  /*  PRELOAD ANIMATION    
+  /*------------------------------------------*/
+
+  #loading-center { height: 90px; width: 90px; margin-top: -45px; margin-left: -45px; }
+  .loader { width: 90px; height: 90px; }
+  .loader::after { border: 45px solid; }  
+
+  /*------------------------------------------*/
+  /*   NAVIGATION MENU    
+  /*------------------------------------------*/
+
+  /* Header Logo */
+  .wsmobileheader .smllogo { display: block; margin-top: 23px; padding-left: 16px; }
+  .blog-header .wsmobileheader .smllogo { margin-top: 29px; }
+  .smllogo img { width: auto; max-width: inherit; max-height: 34px; }
+  .blog-header .smllogo img { max-height: 28px; }
+
+  .wsmenu > .wsmenu-list { width: 290px; margin-right: -290px; }
+  .wsactive .wsmobileheader { margin-right: 290px; }
+  .overlapblackbg { width: calc(100% - 290px); }
+
+  .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 16px 0 0; }
+
+  /* Nav Link Info */
+  span.sm-info { width: 22px; height: 22px; font-size: 0.8rem; line-height: 20px; top: -1px; margin-left: 8px; }
+
+  .wsmenu > .wsmenu-list > li > a { padding: 5px 32px 4px 20px; margin: 0; }
+  .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 8px; width: 8px; margin: 24px 18px 0px 0px; }
+
+  .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { top: 0; }
+
+  .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { padding: 6px 10px; }
+
+  .wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { padding: 6px 8px; }
+
+  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a,
+  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 12px 10px; }
+
+  /* Header Store Badges */
+  .store.header-store img { max-height: 44px; }
+
+  /* Header Social Links */
+  .header-socials.ico-20 [class*="flaticon-"]:before, 
+  .header-socials.ico-25 [class*="flaticon-"]:after { line-height: 52px!important; } 
+
+  .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title { margin-top: 12px; } 
+
+  .icons-menu-ico { margin-right: 17px; }
+  .icons-menu-txt span { font-size: 0.9rem; }
+
+  /*------------------------------------------*/
+  /*   HERO   
+  /*------------------------------------------*/
+
+  .hero-section.blur--purple:after { top: -25%; opacity: .16; }
+
+  .hero-section h2 { margin-bottom: 15px; }
+  .hero-section h2.s-48, .hero-section h2.s-50 { margin-bottom: 20px; }
+  .hero-section p.p-md, .hero-section p.p-lg, .hero-section p.p-xl { margin-bottom: 25px; }
+  .hero-section p.s-21 { font-size: 1.217948rem; margin-bottom: 22px; }
+  .hero-section .btn.mt-15, .hero-section .btns-group.mt-15 { margin-top: 8px; }
+
+  /* Hero Advantages */
+  .hero-section .text-center .advantages { margin-top: 18px; }
+  .hero-section .advantages li { display: block!important; margin-top: 3px; }
+  .hero-section .advantages li p { display: block; float: none; }
+  .hero-section li.advantages-links-divider { display: none!important; }
+
+  /* HERO LOGO */
+  .hero-logo { margin-bottom: 30px; }
+  .hero-logo img { max-height: 30px; }
+
+  .hero-square-logo { margin-bottom: 10px; }
+  .hero-square-logo img { max-height: 60px; }
+
+  /* HERO APP LOGO */
+  .hero-app-logo { margin-bottom: 25px; }
+  .hero-app-logo img { max-height: 88px; }
+  #hero-25 .hero-app-logo img { max-height: 88px; }
+
+  /* HERO DIGITS */
+  .hero-digits { margin-top: -5px; }
+  #hero-9 .hero-digits { margin-top: 3px; }
+
+  .hero-digits h2.statistic-number { font-size: 2.3125rem; }
+  .hero-digits h2.statistic-number span { font-size: 2rem; }
+
+  /* HERO QUICK FORM */
+  .hero-section .quick-form.mt-45, .hero-section .quick-form.mt-35 { margin-top: 0; }
+  .hero-section .quick-form .form-control, .hero-section .quick-form .btn { font-size: 1.15rem; height: 56px; }
+  .hero-section .quick-form.form-half .form-control { height: 56px; font-size: 1.15rem; padding: 0 14px; }
+  .hero-section .quick-form.form-half .btn { height: 56px; font-size: 1.125rem; }
+
+  .hero-section .text-center .quick-form-msg { margin: 20px 0 -10px 0; }
+
+  /* HERO REQUEST FORM */
+  .request-form .form-control { height: 54px; font-size: 1.0625rem; padding: 0 14px; }
+  #hero-10-form .btn, #hero-22-form .btn { height: 54px; font-size: 1.0625rem; padding: 16px; }
+
+  /* HERO-1 */
+  .hero-1-txt { padding: 0 3%; }
+  .hero-1-img { margin-top: 35px; }
+
+  /* HERO-2 */
+  .hero-2-txt { padding: 0 2%; }
+  .hero-2-img { margin-top: 35px; }
+
+  /* HERO-3 */
+  .hero-3-txt { padding: 0 2%; }
+  #hero-3:after { height: 8%; }
+  .hero-3-img { margin-top: 35px; }
+
+  /* HERO-4 */
+  #hero-4 { padding-top: 70px; }
+  #hero-4:after { height: 7%; }
+
+  .hero-4-txt h2 { padding: 0 3%; }
+  .font--inter .hero-4-txt h2 { padding: 0 3%; }
+  .hero-4-txt p { padding: 0 5px; }
+  .hero-4-img { margin-top: 35px; }
+
+   /* HERO-5 */
+  #hero-5 { margin-bottom: 50px; }
+  .hero-5-txt h2 { margin-bottom: 12px; }
+  .hero-5-txt p.p-lg { margin-bottom: 20px; }
+
+  /* HERO-6 */
+  #hero-6 { padding-top: 0; }
+  #hero-6 .container { max-width: 100%; }
+  .hero-6-wrapper { padding: 70px 15px; margin: 0 -15px; border-radius: 0 0!important; }
+  .hero-6-txt p { padding: 0 3%; }
+  .hero-6-img { margin: 35px 1% 0; }
+
+  /* HERO-7 */
+  #hero-7 { padding-top: 70px; padding-bottom: 80px; }
+  .hero-7-txt h2 { padding: 0 4%; }
+  #hero-7 .quick-form { margin-left: 3%; margin-right: 3%; }
+  .hero-7-img { margin-top: 35px; }
+
+  /* HERO-8 */
+  .hero-8-txt { padding: 0 4%; }
+  .hero-8-txt .hero-logo { display: none; }
+  .hero-8-txt .hero-digits { padding: 0; }
+
+  #hero-8-form { padding: 26px 15px; margin: 35px 2% 0; border-radius: 10px; }
+  #hero-8-form h4 { margin-bottom: 15px; }
+  #hero-8-form p { font-size: 1rem; margin-bottom: 20px; }
+  #hero-8-form p.p-sm { font-size: 0.9375rem; padding: 0!important; }
+
+  /* HERO-9 */
+  #hero-9 { padding-top: 70px; }
+  .hero-9-txt h2 { padding: 0 3%; line-height: 1.45; }
+  .hero-9-txt h2 img { max-height: 48px; margin: 0 2px; top: -6px; }
+  .hero-9-txt p.s-20 { font-size: 1.0625rem; margin-top: 10px; }
+
+  #hero-9 .quick-form { margin-left: 2%; margin-right: 2%; }
+  .hero-9-img { margin: 35px 0 0; }
+
+  /* HERO-10 */
+  #hero-10:after { height: 7%; }
+  .hero-10-txt h2 { padding: 0 3%; }
+  .hero-10-txt h4 { padding: 0 3%; margin-bottom: 25px; }
+  .hero-10-img { margin-top: 35px; }
+
+  /* HERO-11 */
+  .hero-11-txt p { padding: 0 4%; }
+  .hero-11-img { margin: 30px 3% -50px; }
+
+  /* HERO-12 */
+  #hero-12 { padding-top: 70px; }
+  #hero-12:after { height: 6%; }
+  .hero-12-txt h2 { padding: 0 4%; }
+  .font--inter .hero-12-txt h2 { padding: 0 3%; }
+  .hero-12-txt p { padding: 0 5px; }
+  .hero-12-img { margin-top: 35px; }
+
+  /* HERO-13 */
+  #hero-13 { padding-top: 70px; padding-bottom: 70px; } 
+  .hero-13-txt { padding: 0 3%; }
+  .hero-13-img { margin: 35px 1% 0; }
+
+  /* HERO-14 */
+  #hero-14 { padding-top: 80px; margin-bottom: 15px; }
+  .hero-14-txt h2.s-62 { font-size: 1.923076rem; padding: 0 3%; margin-bottom: 15px; }
+   .hero-14-txt p.s-21 { padding: 0; margin-bottom: 25px; }
+  #hero-14 .quick-form { margin-left: 4%; margin-right: 4%; }
+  .hero-14-img { margin-top: 35px; margin-bottom: -15px; }
+  .hero-14-txt .btn-txt { margin-top: 25px; }
+
+  /* HERO-15 */
+  .hero-15-txt { padding: 0 2%; }
+  .hero-15-img { margin: 35px 1% 0; }
+
+  /* HERO-16 */
+  #hero-16 { padding-top: 70px; margin-bottom: 35px; }
+  .hero-16-txt h2 { padding: 0 4%; }
+  .hero-16-txt p { padding: 0 2%; }
+  .hero-16-img { margin: 35px 0 -35px; }
+
+  /* HERO-17 */
+  .hero-17-txt p { padding: 0 2%; }
+  #hero-17 .quick-form { margin-left: 2%; margin-right: 2%; }
+  #hero-17 #brands-1 { padding-top: 35px; } 
+
+  /* HERO-18 */
+  .hero-18-txt p { padding: 0 3%; }
+  #hero-18 .quick-form { margin: 20px 2% 0; }
+  .hero-18-img { margin-top: 35px; }
+
+  /* HERO-19 */
+  .hero-19-txt h2 { padding: 0 3%; }
+  .hero-19-txt p { padding: 0 1%; }
+
+  /* HERO-20 */
+  #hero-20 { padding-top: 80px; padding-bottom: 80px; }
+  .hero-20-txt { padding: 0 3%; }
+  .hero-20-txt .hero-logo { display: none; }
+  .hero-section .hero-20-txt h2.s-48 { margin-bottom: 20px; }
+
+  /* HERO-21 */
+  #hero-21 { margin-bottom: 40px; }
+  #hero-21 .container { max-width: 100%; }
+  .hero-21-txt { margin-bottom: 50px; }
+  .hero-21-txt h2 { margin-bottom: 20px; }
+
+  .hero-21-wrapper { overflow: visible; margin: 0 -15px; border-radius: 0 0!important; }
+  #hero-21 .hero-overlay { position: relative; padding: 50px 25px 0; }
+  .hero-21-img { margin-bottom: -40px; }
+  .hero-21-img .video-btn { top: calc(50% - 2px); }
+
+  /* HERO-22 */
+  #hero-22-form { text-align: center; padding: 30px 18px 20px; margin: 0 1%; }
+  #hero-22 .hero-logo { display: none; }
+  #hero-22-form h4 { font-size: 1.60256rem; padding: 0; margin-bottom: 15px; }
+  #hero-22-form p { font-size: 1.1rem; padding: 0 5%; margin-bottom: 20px; }
+
+  /* HERO-23 */
+  #hero-23 { padding-top: 70px; margin-bottom: 20px; }
+  .hero-23-txt { padding: 0 2%; }
+  .hero-23-img { margin-top: 10px; margin-bottom: -20px; }
+
+  /* HERO-24 */
+  #hero-24 { padding-top: 70px; padding-bottom: 70px; }
+  .hero-24-txt p.p-xl { padding: 0 2%; }
+  #hero-24 .quick-form { margin-left: 2%; margin-right: 2%; }
+
+  /* HERO-25 */
+  .hero-25-txt p.p-lg { margin-bottom: 22px; }
+  .hero-25-img { margin: 35px 1% 0; }
+
+  /* HERO-26 */
+  .hero-26-txt { padding: 0 5%; } 
+  .hero-26-img { margin-top: 35px; }
+
+  /* HERO-27 */
+  .hero-27-txt h2 { font-size: 1.85rem; margin-bottom: 15px!important; }
+  .hero-27-txt p.s-20, .hero-27-txt p.s-21 { font-size: 1.0625rem; }
+  .hero-27-txt p.s-20 { margin-bottom: 20px!important; }
+  .hero-27-txt .btns-group.mt-15 { margin-top: 0!important; }
+
+  /*------------------------------------------*/
+  /*  CONTENT
+  /*------------------------------------------*/ 
+
+  /* ABOUT */
+  .about-2-title { margin-bottom: 30px; }
+  .a2-txt { padding: 15px 20px 30px; }
+
+  .a2-txt-quote { position: relative; margin-bottom: -40px; }
+  .a2-txt-quote.ico-40 [class*="flaticon-"]:before, .a2-txt-quote.ico-40 [class*="flaticon-"]:after { font-size: 4.25rem; }
+
+  .a2-txt-author { margin-top: 10px; }
+  .a2-txt-author { font-size: 1.125rem; }
+  .a2-txt-author span { font-size: 0.975rem; margin-top: 1px; }
+
+  #about-1 .txt-block h3.mb-30, .about-2-title h2.mb-30 { margin-bottom: 15px; }
+
+  #about-4 .txt-block h2 { padding: 0 5%; }
+  #about-4 .txt-block p { margin-top: 15px; }
+  #a4-2 { margin: 35px 3% 0; }
+
+  /* FEATURES */
+  #features-14 .container { max-width: 100%; }
+  .fbox-14-wrapper { padding: 70px 30px; margin: 0 -15px; border-radius: 0 0!important; } 
+
+  #features-12.py-100.shape--bg:after, #features-13.py-100.shape--bg:after { height: 68%; top: 32%; }
+  #features-12.pt-100.shape--bg:after, #features-13.pt-100.shape--bg:after { height: 65%; top: 32%; }
+
+  .row-cols-md-3 .fbox-4, .row-cols-md-2 .fbox-4, .fbox-7, .fbox-9 { padding: 40px 25px 35px; }
+  .fbox-5 { padding: 45px 25px 40px; } 
+  .row-cols-md-2 .fbox-7 { padding: 40px 40px 35px; }
+  .fbox-8.fb-1 { padding: 0 25px 40px; }
+  .fbox-8.bg--white-100 { padding: 45px 25px; }
+  .fbox-8.fb-3 { padding: 45px 25px 0; }
+  .fbox-12, .fbox-13 { padding: 32px 25px; } 
+  #fb-12-1, #fb-13-1 { margin-top: 50px; }
+  #features-12 .txt-block, #features-13 .txt-block { margin-bottom: 35px; }
+
+  .fbox-14 { padding: 30px 25px; } 
+  .fbox-14.fb-1, .fbox-14.fb-2 { margin-bottom: 30px; }
+
+  .fbox-img.h-135 img, .fbox-img.h-140 img, .fbox-img.h-145 img, .fbox-img.h-150 img, .fbox-img.h-155 img, 
+  .fbox-img.h-160 img, .fbox-img.h-165 img, .fbox-img.h-170 img, .fbox-img.h-175 img, .fbox-img.h-180 img { max-height: 170px; }
+
+  .fbox-2 .fbox-img.h-135 img, .fbox-2 .fbox-img.h-140 img, .fbox-2 .fbox-img.h-145 img, .fbox-2 .fbox-img.h-150 img, 
+  .fbox-2 .fbox-img.h-155 img, .fbox-2 .fbox-img.h-160 img, .fbox-2 .fbox-img.h-165 img, .fbox-2 .fbox-img.h-170 img, 
+  .fbox-2 .fbox-img.h-175 img, .fbox-2 .fbox-img.h-180 img { max-height: 170px; }
+
+  .fbox-3 .fbox-img.h-135 img, .fbox-3 .fbox-img.h-140 img, .fbox-3 .fbox-img.h-145 img, .fbox-3 .fbox-img.h-150 img, 
+  .fbox-3 .fbox-img.h-155 img, .fbox-3 .fbox-img.h-160 img, .fbox-3 .fbox-img.h-165 img, .fbox-3 .fbox-img.h-170 img, 
+  .fbox-3 .fbox-img.h-175 img, .fbox-3 .fbox-img.h-180 img { max-height: 170px; }
+
+  .fbox-4 .fbox-img.h-135 img, .fbox-4.fbox-img.h-140 img, .fbox-4 .fbox-img.h-145 img, .fbox-4 .fbox-img.h-150 img, 
+  .fbox-4 .fbox-img.h-155 img, .fbox-4 .fbox-img.h-160 img, .fbox-4 .fbox-img.h-165 img, .fbox-4 .fbox-img.h-170 img, 
+  .fbox-4 .fbox-img.h-175 img { max-height: 155px; }
+
+  .fbox-1 .fbox-img, .row-cols-md-2 .fbox-1 .fbox-img, .fbox-4 .fbox-img, .row-cols-md-2 .fbox-4 .fbox-img { margin-bottom: 30px; }
+
+  .fbox-2 .fbox-img.h-135, .fbox-2 .fbox-img.h-140, .fbox-2 .fbox-img.h-145, 
+  .fbox-2 .fbox-img.h-150, .fbox-2 .fbox-img.h-155, .fbox-2 .fbox-img.h-160, 
+  .fbox-2 .fbox-img.h-165, .fbox-2 .fbox-img.h-170, .fbox-2 .fbox-img.h-175, 
+  .fbox-2 .fbox-img.h-180 { padding-top: 40px; margin: 0 0 50px; }
+
+  .fbox-3 .fbox-img.h-135, .fbox-3 .fbox-img.h-140, .fbox-3 .fbox-img.h-145, 
+  .fbox-3 .fbox-img.h-150, .fbox-3 .fbox-img.h-155, .fbox-3 .fbox-img.h-160, 
+  .fbox-3 .fbox-img.h-165, .fbox-3 .fbox-img.h-170, .fbox-3 .fbox-img.h-175, 
+  .fbox-3 .fbox-img.h-180 { padding-top: 40px; margin: 0 0 30px; }
+
+  .fbox-5.fb-1 .fbox-5-img, .fbox-5.fb-2 .fbox-5-img, .fbox-5.fb-3 .fbox-5-img, 
+  .fbox-5.fb-4 .fbox-5-img, .fbox-5.fb-5 .fbox-5-img, .fbox-5.fb-6 .fbox-5-img { margin: 0 6% 30px; }
+
+  .fbox-ico, .fbox-ico.ico-rounded, .fbox-ico.ico-square { margin-bottom: 20px; }
+
+  .fbox-wrapper .ico-50 [class*="flaticon-"]:before, 
+  .fbox-wrapper .ico-50 [class*="flaticon-"]:after,
+  .fbox-wrapper .ico-55 [class*="flaticon-"]:before, 
+  .fbox-wrapper .ico-55 [class*="flaticon-"]:after,
+  .fbox-wrapper .ico-60 [class*="flaticon-"]:before, 
+  .fbox-wrapper .ico-60 [class*="flaticon-"]:after,
+  .fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:before, 
+  .fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:after{ font-size: 3.6rem; }
+
+  .features-section h6.s-18, .features-section h6.s-20, .features-section h6.s-22 { font-size: 1.34615rem; }  /* 21px */
+  .features-section h6, .fbox-txt h5, .rows-2 .fbox-11 h6, .fbox-wrapper .row-cols-md-2 h6 { margin-bottom: 15px; }
+
+  .fbox-10 .fbox-title { margin: 0 auto; }
+  .fbox-10 .fbox-title span { float: none; line-height: 1!important; margin-right: 0; }
+  .fbox-10 .fbox-title h6 { display: block; line-height: 1!important; margin-top: 15px; margin-bottom: 15px; }
+  .fbox-14 h5 { padding: 0 8%; margin-bottom: 12px; }
+
+  .row-cols-md-3 .fbox-1 p, .row-cols-md-3 .fbox-2 p, 
+  .row-cols-md-3 .fbox-3 p, .row-cols-md-3 .fbox-6 p, .fbox-10 .fbox-txt p { padding: 0 4%; }
+
+  .row-cols-md-2 .fbox-1 p, .row-cols-md-2 .fbox-2 p, .row-cols-md-2 .fbox-3 p, .row-cols-md-2 .fbox-6 p { padding: 0 8%; }
+  .row-cols-md-2 .fbox-4 p { padding: 0 7%; }
+  .fbox-5 .fbox-txt p, .rows-2 .fbox-11 p { padding: 0 5%; }
+  .rows-3 .fbox-11 p { padding: 0 2%; }
+  .row-cols-lg-3 .fbox-10 .fbox-txt p { padding: 0 1%; }
+
+  /* CONTENT */
+  .ct-06 { padding-bottom: 70px; }
+  .ct-10 .section-overlay { margin-bottom: 40px; }
+  .ct-top { margin-bottom: 70px; }
+
+  .ct-13 .txt-block, .ct-13 .img-block { margin-bottom: 30px; }
+  .ct-13 .txt-block.ml-block, .ct-13 .img-block.ml-block { margin-bottom: 0; }
+
+  /* Content Box Wrapper */
+  .content-section.ws-wrapper { margin: 0 -15px; }
+  .bc-1-wrapper .section-overlay, .bc-4-wrapper .section-overlay { padding: 70px 20px; }
+  .bc-2-wrapper .section-overlay, .bc-3-wrapper .section-overlay { padding: 70px 15px; }
+  .bc-5-wrapper .section-overlay { padding: 70px 15px 0; }
+  .cbox-6-wrapper { padding: 30px 20px; }
+  .bc-6-wrapper .section-overlay { padding: 70px 15px; }
+  .bc-6 { padding: 20px 15px 30px; }
+
+  .bc-1-wrapper, .bc-2-wrapper, .bc-3-wrapper, .bc-4-wrapper, .bc-5-wrapper, .bc-6-wrapper { border-radius: 0 0!important; } 
+
+  .bc-5-wrapper .section-title p { padding: 0 2%; }
+
+  .bc-2-txt h2, .bc-3-txt h2, .bc-4-txt h2, .txt-block h3, .txt-block h2 { margin-bottom: 14px; }
+  .cbox-2-txt h5, .cbox-3-txt h5, .bc-6-txt h5 { margin-bottom: 12px; }
+
+  .txt-block p.p-sm, .txt-block p { margin-bottom: 0.897435rem; }
+  .txt-block p.s-20, .txt-block p.s-21 { font-size: 1.12820rem; }
+  .cbox-5-fea p, .txt-block p.video-txt-sm, .txt-block p.btn-txt, .txt-block p.btns-group-txt,
+  .txt-block p.compatibility { margin-bottom: 0; }
+  .txt-block p.video-txt-lg { margin-bottom: 6px; }
+
+  .txt-block .btn { margin-top: 18px; }
+  .txt-block .stores-badge.mt-15, .ws-wrapper .stores-badge.mt-15 { margin-top: 8px; } 
+  .txt-block .btns-group .btn.btn--transparent { margin-top: 0; } 
+  .bc-6-link.mt-15 { margin-top: 12px; }
+
+  /* Content Box */
+  .right-column .cbox-5 { margin-bottom: 40px; }
+  .cbox-5-content { padding: 25px; margin: 0; }
+  .cbox-5-content .divider { margin-top: 22px; margin-bottom: 22px; }
+
+  .txt-block .cbox-5-title h2 { font-size: 2.45rem; margin-bottom: 10px; }
+  .cbox-5-title .statistic-number sup { font-size: 2.05rem; top: -5px; right: 6px; }
+
+  .cbox-5-fea { padding: 15px 20px; margin-top: 20px; }
+  .txt-block .cbox-5-fea h4 { font-size: 1.625rem; }
+  .cbox-5-txt .btn { margin-top: 10px; }
+  .txt-block-tra-link.mt-25 { margin-top: 16px; }
+
+  #cb-6-1, #cb-6-2, #cb-6-3 { margin-bottom: 22px; }
+
+  /* Content Box Icon */ 
+  .cbox-1.ico-10 span { right: 6px; }
+  .cbox-1.ico-15 span { top: 0.5px; right: 6px; }
+  .cbox-1.ico-15 [class*="flaticon-"]:before, .cbox-1.ico-15 [class*="flaticon-"]:after { font-size: 0.7rem; }
+
+  .cbox-2 .ico-wrap { margin-right: 1rem; }
+  .cbox-2-ico { width: 2.3rem; height: 2.3rem; font-size: 1.15rem; line-height: 2.05rem; }
+  .ct-03 .cbox-2-ico { width: 1.55rem; height: 1.55rem; font-size: 1rem; line-height: 1.35rem; }
+  .cbox-2-line { height: calc(100% - 74px); }
+
+  .cbox-3 { display: block; text-align: center; }
+  .cbox-3 .ico-wrap { margin-right: 0; }
+  .cbox-3 .cbox-3-ico { top: 0; margin-bottom: 10px; }
+  .cbox-3-ico span[class*="flaticon-"]:before, .cbox-3-ico span[class*="flaticon-"]:after { font-size: 3rem; }
+
+  .cbox-4 { text-align: center; }
+  .box-title h6, .box-title h5 { display: block; line-height: 1!important; margin-bottom: 15px; }
+  .img-block-txt .box-title h6, 
+  .img-block-txt .box-title h5 { display: inline-block; line-height: 2.35rem!important; margin-bottom: 20px; }
+  .box-title span { display: block; position: relative; top:0; margin-right: 0; margin-bottom: 10px; }
+  .img-block-txt .box-title span { display: inline-block; top: 10px; margin-right: 10px; margin-bottom: 0; }
+  .box-title span[class*="flaticon-"]:before, .box-title span[class*="flaticon-"]:after { font-size: 3rem; }
+
+  .img-block-txt .box-title span[class*="flaticon-"]:before, 
+  .img-block-txt .box-title span[class*="flaticon-"]:after { font-size: 2.35rem; }
+
+  /* Content Box Text */ 
+  .cbox-2-txt, .ct-03 .cbox-2-txt, .cbox-3-txt { margin-bottom: 20px; }
+  .cbox-4-txt { margin-bottom: 30px; }
+
+  /* Content Box Typography */
+  .cbox-1-txt p { margin-bottom: 5px; }
+  .cbox-6 h6 { margin-bottom: 12px; }
+
+  /* Accordion */
+  .txt-block .accordion-1 .accordion-item { padding: 18px 25px; }
+  .txt-block .accordion-2 .accordion-item { padding: 10px 0 20px; }
+
+  .txt-block .accordion-1 .accordion-item .accordion-thumb:before { font-size: 0.95rem; top: -1px; }
+  .txt-block .accordion-2 .accordion-item .accordion-thumb:after,
+  .txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { font-size: 0.95rem; top: 8px; }
+
+  .txt-block .accordion-1 .accordion-item.is-active { padding: 30px 25px 14px 25px; }
+  .txt-block .accordion-2 .accordion-item.is-active { padding: 15px 0 20px; }
+
+  .txt-block .accordion-1 .accordion-panel { padding: 0; }
+
+  .txt-block .accordion-2 .accordion-thumb h5 { padding-left: 10px; padding-right: 0; }
+
+  .accordion-2 .accordion-thumb span[class*="flaticon-"]:before,
+  .accordion-2 .accordion-thumb span[class*="flaticon-"]:after { font-size: 1.75rem; top: 6px; }
+
+  /* Tabs */
+  .tabs-1 li { font-size: 1.125rem; } 
+
+  /* Advantages */
+  .advantages, .text-center .advantages { margin-top: 15px; }
+  .img-block-btn .advantages li { display: block!important; margin-top: 4px; }
+  .img-block-btn .advantages li p { display: block; float: none; }
+  .img-block-btn li.advantages-links-divider { display: none!important; }
+
+  /* Compatibility */
+  .compatibility { margin-top: 10px; }
+
+  /* Tools List / Payments Icons */
+  .tools-list p, .payment-methods p { margin-bottom: 12px; }
+  .tools-list span { padding-right: 1px; }
+  .payment-icons img { max-height: 30px; }
+
+  .tools-list.ico-35 [class*="flaticon-"]:before, .tools-list.ico-35 [class*="flaticon-"]:after { 
+    font-size: 2.125rem;line-height: 2.125rem!important; margin-right: 4px;
+  }
+
+  /* Content Box Shapes */
+  .cbox-5-shape-1, .cbox-5-shape-2 { display: none; }
+
+  /* Content Images */
+  .img-block.img-block-bkg img { padding: 35px 20px; }
+  .img-block-hidden, .bc-5-img.bc-5-dashboard.img-block-hidden { margin-bottom: -30px; }
+  .ct-10 .img-block { margin-bottom: -40px; }
+
+  .ct-01 .img-block, .ct-02 .img-block, .ct-03 .img-block.right-column, .ct-03 .img-block.left-column { margin: 0 2% 35px; }
+  .ct-01 .img-block.j-img, .ct-02 .img-block.j-img { margin-left: 0%; margin-right: 0; }
+  .ct-06 .img-block, .ct-07 .img-block { margin-top: -80px; margin-bottom: 40px; }
+
+  .img-block-hidden .video-btn, .bc-5-img.bc-5-dashboard.img-block-hidden .video-btn { top: 50%; }
+  .bc-5-img.bc-5-tablet.img-block-hidden .video-btn { top: calc(50% - 25px); }
+  .img-block-txt, .img-block-btn { margin-top: 35px; }
+  .bc-5-img.bc-5-tablet.img-block-hidden { margin-bottom: -60px; }
+  .bc-6-img { padding: 30px 15px 0; margin-bottom: 25px; }
+  .ct-11 .img-block, .ct-12 .img-block { margin-bottom: 35px; padding: 40px 6%; }
+
+  /* STATISTIC */
+  .sb-rounded .statistic-block { text-align: center; padding: 25px; }
+  #statistic-5 .statistic-digit { padding-bottom: 18px; margin: 0 10% 18px; }
+
+  #sb-1-1, #sb-1-2, #sb-3-1, #sb-3-2, #sb-3-3 { margin-bottom: 35px; }
+  #sb-2-1, #sb-2-2, #sb-2-3, #sb-2-4 { width: 50%; }
+  #sb-2-3, #sb-2-4 { padding-right: 12px; }
+  #sb-4-3 { margin-bottom: 30px; }
+  #sb-5-1, #sb-5-2 { margin-bottom: 35px; }
+
+  .statistic-1-wrapper .statistic-block-digit { margin-bottom: 12px; }
+
+  h2.statistic-number { font-size: 2.21153rem; line-height: 1; letter-spacing: -0.5px; }
+  .txt-block-stat h2.statistic-number { font-size: 1.98717rem; }
+  #statistic-1 h2.statistic-number { letter-spacing: -0.5px; }
+  #sb-2-1 h2.statistic-number, #sb-2-2 h2.statistic-number { margin-bottom: 12px; }
+  #statistic-5 .statistic-digit h2 { font-size: 2.21153rem; letter-spacing: -0.5px; }
+
+  #sb-2-3 .statistic-block p.p-sm, #sb-2-4 .statistic-block p.p-sm { margin-top: 12px; }
+  .txt-block-stat .statistic-block p { font-size: 0.95rem; }
+  #statistic-5 .statistic-txt p { padding: 0 5%; }
+
+  /* PROJECTS */
+  #pt-1-1, #pt-1-2, #pt-1-3, .inner-page-hero #pt-1-3, .inner-page-hero #pt-1-4, .inner-page-hero #pt-1-5 { margin-bottom: 35px; }
+  .project-details h5 { margin-bottom: 25px; }
+  .more-projects { margin-top: 45px; }
+
+  /* PROJECT DETAILS */
+  .single-project .project-title { margin-bottom: 40px; }
+  .project-title h2 { padding-right: 0; padding-bottom: 25px; margin-bottom: 25px; }
+  .project-data p { margin-bottom: 5px; }
+
+  .project-priview-img.mb-50 { margin-bottom: 35px; }
+  .project-inner-img .top-img { margin-bottom: 30px; }
+  .project-inner-img.mt-50 { margin-top: 35px; }
+  .project-txt h5.mt-35.mb-35 { margin-top: 20px; margin-bottom: 20px; }
+  .project-txt h5.mt-50.mb-35 { margin-top: 35px; margin-bottom: 20px; }
+
+  .project-description .more-projects { margin-top: 40px; }
+  .project-description .more-projects span { top: 1px; left: 4px; }
+  .project-description .more-projects.ico-25 [class*="flaticon-"]:before, 
+  .project-description .more-projects.ico-25 [class*="flaticon-"]:after { font-size: 1.1rem; } 
+
+  /* RATING */
+  #rb-2-1, #rb-2-2 { margin-bottom: 25px; }
+
+  .rating-title h5 { font-size: 1.125rem; padding: 0 15%; }
+  .rbox-1-img { margin-bottom: 15px; }
+  .rbox-1-img img { max-height: 32px; }
+  .rbox-2-txt img { max-height: 30px; }
+  p.rbox-2-txt { line-height: 30px; margin-top: 8px; }
+
+  .rbox-1 .star-rating { padding: 5px 16px; }
+  .rbox-1 .star-rating { font-size: 0.9rem; line-height: 1; }
+
+  .rbox-1 .star-rating span { top: 2px; }
+  .rbox-1 .ico-10 [class*="flaticon-"]:before, .rbox-1 .ico-10 [class*="flaticon-"]:after { font-size: 0.9rem; } 
+  .rbox-1 .ico-15 [class*="flaticon-"]:before, .rbox-1 .ico-15 [class*="flaticon-"]:after { font-size: 1rem; } 
+  .rbox-2 .ico-20 [class*="flaticon-"]:before, .rbox-2 .ico-20 [class*="flaticon-"]:after { font-size: 1.3rem; } 
+  .rbox-2 .ico-25 [class*="flaticon-"]:before, .rbox-2 .ico-25 [class*="flaticon-"]:after { font-size: 1.3rem; } 
+
+  /* TESTIMONIALS */
+  #reviews-4 .txt-block, #reviews-5 .txt-block { text-align: center; }
+  #reviews-4 .txt-block h2, #reviews-5 .txt-block h2 { font-size: 1.826923rem; padding: 0 3%; }  /* 28.5px */
+
+  .review-1 { padding: 35px 25px 30px; }
+  .review-2 { padding: 35px 20px 24px; }
+  .review-3, .review-4, .review-5 { padding: 35px 25px 24px; }
+
+  .review-txt { margin-top: -43px; }
+  .review-txt h6 { margin-bottom: 10px; }
+  .review-3 .review-txt p { font-size: 1rem; }  
+
+  .review-1 .author-data, .review-2 .author-data, 
+  .review-3 .author-data, .review-4 .author-data, .review-5 .author-data { margin-top: 20px; }
+
+  .review-avatar img, .owl-item .review-avatar img { width: 52px; height: 52px; }
+  .review-2 .review-avatar img, .review-3 .review-avatar img, .review-5 .review-avatar img { width: 52px; height: 52px; }
+
+  .review-author { padding: 0 0 0 12px; }
+  .review-1 .review-author, .review-2 .review-author, .review-3 .review-author, .review-5 .review-author { margin-top: 3px; }
+
+  .review-author h6 { margin-bottom: 8px; }
+  .review-1 .review-author h6, .review-2 .review-author h6, .review-3 .review-author h6, 
+  .review-4 .review-author h6, .review-5 .review-author h6 { font-size: 1.1875rem; }
+
+  /* PRESS */
+  #press-01, #press-02, #press-03, #press-04, #press-05, #press-06, #press-07 { margin-bottom: 25px; }
+  .press-logo img { max-height: 72px; }
+  .press-txt { padding: 0 1%; margin-top: 10px; }
+
+  /* BRANDS */
+  #brands-3:after { height: 75%; }
+
+  .brands-title { padding: 0 4%; } 
+  .brands-title.mb-35, .brands-title.mb-40 { margin-bottom: 25px; }
+  .brands-title.mb-50 { margin-bottom: 30px; }
+
+  .brands-title h4, .brands-title h3, .brands-title h2 { margin-bottom: 8px; }
+  .brands-title p.p-md, .brands-title p.p-lg { font-size: 1rem; }
+
+  .brands-3-wrapper, .brands-3-wrapper.brands-3-static { padding: 25px 15px; }
+
+  #brand-2-1, #brand-2-2, #brand-2-3, #brand-2-4, #brand-3-1, #brand-3-2, #brand-4-1, #brand-4-2, 
+  #brand-4-3, #brand-4-4, #brand-4-5, #brand-4-6, #brand-4-7, #brand-4-8, #brands-4 .brand-logo.mb-40 { margin-bottom: 25px; }
+  #brand-3-5 { display: none; }
+
+  #brands-1 .brands-carousel-6 .brand-logo, #brands-1 .brands-carousel-5 .brand-logo { padding: 0 18px; }   
+  #brands-1 .justify-content-center .brand-logo, #brands-4 .brand-logo { padding: 0 18px; }   
+  #brands-2 .brand-logo, #brands-3 .brand-logo, #brands-3 .brands-3-static .brand-logo { padding: 0 13px; } 
+
+  .brands-section .more-btn { margin-top: 30px; }
+
+  /* INTEGRATIONS */
+  #integrations-2 .container { max-width: 100%; }
+  .integrations-2-wrapper { padding: 70px 20px; margin: 0 -15px; border-radius: 0 0!important; }
+  .in_tool_logo.ico-65 img { width: 55px; height: 55px; }
+  .in_tool h6 { font-size: 1.125rem; }
+
+  #integrations-1 .in_tool-logo.ico-60 img { width: 48px; height: 48px; }
+  .integrations-1-wrapper .in_tool { padding: 18px 22px; }
+  .integrations-1-wrapper .in_tool.mb-30, .integrations-1-wrapper .it-7, .integrations-1-wrapper .it-8 { margin-bottom: 25px; }
+  .integrations-1-wrapper .in_tool-txt h6 { font-size: 1.25rem; line-height: 1; margin-top: 3px; }
+  .integrations-1-wrapper .in_tool-txt p { font-size: 1.0625rem; margin-top: 4px; }
+
+  .integrations-section .more-btn.mt-60, .integrations-section .more-btn.mt-70 { margin-top: 30px; }
+ 
+  /* PRICING */
+  .pricing-1-table, .text-center .pricing-1-table { padding: 35px 40px 30px; }
+  .pricing-2-table {  padding: 35px; }
+  .pricing-3-table { padding: 30px 30px 35px; }
+  .pricing-4-table { padding: 35px 30px; }
+
+  .pricing-table-header h5, .pricing-table-header h4 { font-size: 1.47435rem!important; }
+
+  .pricing-discount { top: 0; right: -2px; padding: 6px 11px; }
+  .pricing-1-table .pricing-discount { top: -4px; right: 0; padding: 7px 13px; }
+  .text-center .pricing-1-table .pricing-discount { top: -32px; right: -5px; }
+  .pricing-discount h6 { font-size: 1.05rem; }
+  .pricing-1-table .pricing-discount h6 { font-size: 0.9375rem; }
+
+  .pricing-3-table .price.mt-25 { margin-top: 20px; }
+
+  .p-table p.btn-txt { margin: 10px 0 0 0; }
+
+  /* Price */
+  .price span { font-size: 2.564102rem; letter-spacing: -1.5px; } 
+  .pricing-2-table.highlight .price span { font-size: 2.35rem; } 
+  .pricing-3-table .price span { font-size: 4.102564rem; letter-spacing: -3px; } 
+  .pricing-4-table .price span { font-size: 2.564102rem; } 
+
+  .price sup { font-size: 1.9230769rem; top: -4px; }
+  .pricing-3-table .price sup { font-size: 2.35rem; top: -18px; }
+  .pricing-4-table .price sup { font-size: 1.9230769rem; top: -4px; right: 2px; }
+
+  .pricing-3-table .price sup.coins { font-size: 2.35rem; top: -21px; letter-spacing: -2px; }
+
+  .price sup.validity { font-size: 1.282051rem; }
+  .pricing-3-table .price sup.validity { font-size: 1.282051rem; top: 0; margin-top: 20px; margin-bottom: 35px; }
+  .pricing-4-table .price sup.validity { font-size: 1.282051rem; left: 4px; top: 0; }
+
+  .text-center .price p, .text-center .pricing-2-table .price p { padding: 0; }
+  .pricing-4-table .pricing-table-header p.p-lg { font-size: 0.9375rem; }
+  .pricing-4-table .price p { margin-top: 15px; margin-bottom: 10px; }
+
+  .pricing-1-table .pt-btn { margin-top: 10px; }
+  .pricing-2-table .pt-btn, .pricing-3-table .pt-btn, .pricing-4-table .pt-btn { margin-top: 20px; }
+
+  .pricing-2-table hr { margin-top: 20px; }
+
+  /* Pricing Features */
+  .pricing-features.mt-25 { margin-top: 15px; }
+  .pricing-features li, .pricing-4-table .pricing-features li { padding: 10px 8px; }
+
+  /* Pricing Notice */
+  .pricing-notice.mb-40 { margin-bottom: 30px; }
+  .col-lg-9 .pricing-notice p, .col-lg-10 .pricing-notice p { padding: 0; }
+
+  /* Pricing Toggle Button */
+  #pricing-4 .ext-toggle-btn { margin: 0 auto 30px; }
+  .toggle-btn-md .toggler-txt, .toggle-btn-lg .toggler-txt { font-size: 1.15rem; }
+
+  /* Pricing Compare */
+  .table-responsive.mb-50 { margin-bottom: 30px; }
+
+  .comp-table-rouded { padding: 10px 10px 0; }
+  .table>:not(caption)>*>* { padding-top: 9px; padding-bottom: 9px; }
+  .comp-table .table-responsive thead th { font-size: 0.9rem; }
+  .comp-table .table-responsive tbody th { font-size: 0.815rem; line-height: 1.25; }
+  .comp-table .table-responsive tbody td { font-size: 0.85rem; top: 0; line-height: 1.25; }
+
+  .comp-table .table-responsive tbody td span { top: 3px; }
+
+  .table-responsive .ico-15 [class*="flaticon-"]:before, 
+  .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.675rem; }
+
+  .table-responsive .ico-20 [class*="flaticon-"]:before, 
+  .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.835rem; }
+
+  .pbox { padding: 0; }
+  #pbox-1, #pbox-2, #pbox-3 { margin-bottom: 30px; }
+  .pricing-section .txt-box-last { margin-bottom: 40px; }
+  .pricing-section .pm-last { margin-bottom: 40px; }
+  .comp-table-payment h6 { margin-bottom: 15px; }
+
+  /* TEAM */
+  #team-1.pb-40, #team-2.pb-40 { padding-bottom: 30px; }
+  .team-member.mb-40, .team-member.mb-50, .team-member.mb-60 { margin-bottom: 40px; }
+
+  .team-member-photo { margin-bottom: 25px; }
+  #team-1 .team-member-data, #team-2 .team-member-data { margin-left: 10px; }
+
+  .team-member-data h6.s-20 { font-size: 1.34615rem; margin-bottom: 6px; }   /* 21px */
+  .team-member-data p, .team-member-data p.p-md, .team-member-data p.p-lg { font-size: 1.175rem; }
+
+  ul.tm-social, #team-1 ul.tm-social { top: 0; right: 10px; }
+  .tm-social.ico-20 [class*="flaticon-"]:before, .tm-social.ico-20 [class*="flaticon-"]:after { font-size: 1.34615rem; }
+
+  /* CAREERS */
+  #careers-1 { padding-bottom: 40px; }
+  .role-box { text-align: center; padding: 25px 40px; }
+  .role-box-txt span, #careers-1 .role-box span { margin-bottom: 12px; }
+  .role-box-txt h6 { line-height: 1.4; margin-bottom: 5px; }
+  #careers-1 .role-box h6 { line-height: 1.4; margin-bottom: 6px; }
+  .role-box-txt p { margin-bottom: 14px; }
+
+  /* CAREER ROLE */
+  #role-page .inner-page-title { margin-bottom: 25px; }
+  #role-page .inner-page-title span { margin-bottom: 20px; }
+  #role-page .inner-page-title p { padding: 0; }
+  .role-info hr, #role-page .cbox-6-wrapper { margin: 35px 0; }
+  .txt-block.role-info .btn { margin-top: 30px; }
+
+  /* BANNER */
+  #banner-12, #banner-13 { margin-top: 0; margin-bottom: 25px; }
+  #banner-9.py-70 { padding-top: 60px; padding-bottom: 60px; }
+
+  #banner-1 .container, #banner-2 .container, #banner-3 .container,
+  #banner-11 .container, #banner-12 .container, #banner-13 .container { max-width: 100%; }
+  .banner-1-wrapper, .banner-2-wrapper, .banner-3-wrapper,
+  .banner-11-wrapper, .banner-12-wrapper, .banner-13-wrapper { margin: 0 -15px; border-radius: 0 0!important; }
+
+  .banner-1-wrapper .banner-overlay, .banner-2-wrapper .banner-overlay, 
+  .banner-3-wrapper .banner-overlay { padding: 55px 20px 65px; }
+  .banner-1-wrapper .banner-overlay.sm-title { padding: 55px 20px 65px; }
+
+  #banner-5 .banner-overlay.pt-80.pb-90, #banner-7 .banner-overlay.pt-80.pb-90, #banner-6 .banner-overlay, 
+  #banner-8 .banner-overlay, #banner-14 .banner-overlay, #banner-15 .banner-overlay { padding-top: 55px; padding-bottom: 65px; }
+
+  #banner-10 .banner-overlay { padding-top: 60px; padding-bottom: 60px; }
+  .banner-11-wrapper .banner-overlay { overflow: hidden; padding: 55px 25px 0; border-radius: 0 0!important; } 
+  .banner-12-wrapper .banner-overlay { overflow: visible; padding: 55px 25px 0; border-radius: 0 0!important; }
+  .banner-13-wrapper .banner-overlay { overflow: visible; padding: 55px 25px 65px; border-radius: 0 0!important; } 
+  .banner-16-wrapper .banner-overlay { padding: 35px 10%; } 
+  
+  .banner-5-txt {padding: 0 3%; }
+  .banner-8-txt {padding: 0 5%; }
+  .banner-12-txt, .banner-13-txt { margin-top: 0; padding-right: 0; }
+
+  .banner-section .section-id { margin-bottom: 18px; }
+  #banner-15.banner-section .section-id { margin-bottom: 22px; }
+
+  .banner-section h2 { font-size: 1.826923rem!important; }
+  .banner-section h3 { font-size: 1.698717rem!important; }
+  .banner-1-txt h2 { margin-bottom: 12px; }
+  .banner-2-txt h2, .banner-10-txt h2 { margin-bottom: 25px; }
+  .banner-4-txt h2 { padding: 0 6%; margin-bottom: 22px; }
+  .banner-7-txt h2 { margin-bottom: 25px; }
+  .banner-10-txt h6 { margin-bottom: 5px; }
+  .banner-10-txt h2 { font-size: 3.25rem!important; margin-bottom: 18px; }
+  .banner-11-txt h2, .banner-12-txt h2, .banner-13-txt h2 { margin-bottom: 14px; }
+  .banner-15-txt h2 { margin-bottom: 25px; }
+  .banner-16-txt h4 { padding: 0 5%; margin-bottom: 10px; }
+  
+  .banner-section p.p-lg, .banner-section p.p-xl { font-size: 1.121794rem; margin-bottom: 20px; }
+  .sm-title .banner-1-txt p.p-lg, .sm-title .banner-1-txt p.p-xl,
+  .banner-6-txt p.p-lg, .banner-6-txt p.p-xl { margin-top: 12px; margin-bottom: 20px!important; }
+  .banner-3-txt p.p-lg, .banner-3-txt p.p-xl, .banner-5-txt p.p-lg, .banner-5-txt p.p-xl { margin-top: 12px; }
+  .banner-5-txt p.s-21, .banner-5-txt p.s-22 { margin-top: 12px;margin-bottom: 18px; }
+  .banner-9-txt p.p-lg, .banner-9-txt p.p-xl { margin-top: 10px; margin-bottom: 20px!important; }
+  .banner-11-txt p { padding-right: 0; }
+  .banner-14-txt p.p-lg { padding: 0 5%; margin-top: 18px; margin-bottom: 20px; }
+
+  .banner-5-txt .btns-group.mt-35 { margin-top: 20px; }
+  .banner-8-buttons { margin-top: 15px; padding: 0 4%; }
+  .banner-15-txt .download-links { margin-top: 15px; }
+  .banner-section .btns-group .btn:first-child { margin-right: 0; margin-left: 0; margin-bottom: 15px; }
+  .banner-16-txt .txt-block-tra-link.mt-15 { margin-top: 12px; }
+
+  .banner-9-img { margin: 40px 2% 0; }
+  .banner-10-img { margin: 40px 5% 0; }
+  .banner-11-img { margin: 35px 2% -20px; }
+  .banner-12-img { transform: rotate(0deg); margin: 35px 0 -40px; }
+
+  /* DOWNLOAD */
+  .release-data { padding-bottom: 25px; margin-bottom: 25px; } 
+  span.version-data { font-size: 1.75rem; margin-right: 10px; }
+  span.release-date span { font-size: 1.125rem; margin-left: 10px; }
+
+  /* FAQs */
+  #faqs-1, #faqs-4 { padding-bottom: 50px; }
+
+  /* FAQs Section Title */
+  #faqs-1 .section-title { margin-bottom: 20px; }
+  #faqs-2 .inner-page-title { margin-bottom: 30px; }
+  #faqs-3 .section-title { margin-bottom: 40px; }
+  #faqs-4 .inner-page-title { margin-bottom: 40px; }
+
+  #faqs-3 .section-title .contact-link { display: block; }
+
+  /* FAQs Accordion */
+  .faqs-section .accordion-thumb { padding: 20px 0 22px; }
+  #faqs-2.faqs-section .accordion-thumb { padding: 20px 0 25px; }
+
+  .faqs-section .accordion-item .accordion-thumb:after, 
+  .faqs-section .accordion-item.is-active .accordion-thumb:after { font-size: 0.875rem; top: 23px; right: 0; }
+  #faqs-2.faqs-section .accordion-item .accordion-thumb:after, 
+  #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after { font-size: 0.9rem; top: 22px; right: 2px; }
+
+  .accordion-panel { padding: 0 0 5px 0; }
+  #faqs-2 .accordion-panel { padding: 30px 0 15px 0; } 
+  #faqs-2 .accordion-panel-item.mb-35, #faqs-3 .question.mb-35 { margin-bottom: 25px; }
+
+  .faqs-section .accordion-thumb h5 { line-height: 1.35; padding-right: 8%; }
+  .question h5, .accordion-panel-item h5 { line-height: 1.35; margin-bottom: 15px; }
+
+  /* FAQs Tabs */
+  .faqs-section .tabs-1 { margin: 0 5px 10px; }
+  .faqs-section .tabs-1 li { min-width: 100%; padding: 20px 0; margin: 0 0 20px; }
+
+  /* More Questions Link */
+  #faqs-2 .more-questions { margin: 45px auto 0; }
+  #faqs-3 .more-questions.mt-40 { margin-top: 15px; }
+  .more-questions-txt { padding: 14px 20px; }
+  .more-questions-txt p { font-size: 1.1rem; }
+
+  /* NEWSLETTER */
+  #newsletter-1 .newsletter-overlay, #newsletter-5 .newsletter-overlay { padding-top: 50px; padding-bottom: 40px; }  
+  #newsletter-2 .container { max-width: 100%; }
+  #newsletter-2 .newsletter-overlay { padding: 50px 8% 40px; margin: 0 -15px; border-radius: 0 0!important; }
+  #newsletter-3, #newsletter-4 .newsletter-overlay { padding-top: 55px; padding-bottom: 60px; }
+
+  #newsletter-4 .newsletter-txt, #newsletter-5 .newsletter-txt { padding: 0; }
+
+  .newsletter-txt h2, #newsletter-4 .newsletter-txt h2 { margin-bottom: 25px; }
+  .newsletter-txt h4, .newsletter-txt h3 { font-size: 1.666666rem; padding: 0; margin-bottom: 25px; }
+
+  #newsletter-3 .newsletter-txt p { padding: 0 2%; }
+  #newsletter-4 .newsletter-txt p { font-size: 1rem; padding: 0 2%; margin-bottom: 0; }
+  #newsletter-5 .newsletter-txt p { margin-top: 15px; }
+
+  #newsletter-1 .newsletter-form, #newsletter-2 .newsletter-form, 
+  #newsletter-3 .newsletter-form, #newsletter-4 .newsletter-form { padding: 0 3%; }
+  #newsletter-5 .newsletter-form { margin-top: 25px; padding: 0 3%; }
+
+  .newsletter-section .form-control, #newsletter-1.newsletter-section .form-control, 
+  #newsletter-5.newsletter-section .form-control { height: 52px; font-size: 1.0625rem; }
+  .newsletter-section .btn, #newsletter-1 .btn, #newsletter-5.newsletter-section .btn { height: 52px; font-size: 1.0625rem; }
+
+  /* BLOG */
+  #bp-1-1, #bp-1-2 { margin-bottom: 35px; }
+  .blog-post-img.mb-35 { margin-bottom: 30px; }
+  .post-tag { font-size: 0.815rem; margin-bottom: 14px; }
+
+  .blog-post-txt h6, .blog-post-txt h4.mb-20, .blog-post-txt h3 { margin-bottom: 14px; }
+  .blog-post-meta.mt-20, .blog-post-meta.mt-30 { margin-top: 14px; }
+
+  /* Blog Listing */
+  .wide-post { margin-bottom: 40px; }
+  .wide-post h3.s-36, .wide-post h3.s-38, .wide-post h3.s-40, .square-post h4.s-34 { font-size: 1.217948rem; }
+  .wide-post .blog-post-img { margin-bottom: 30px; }
+
+  .square-post { margin-top: 10px; margin-bottom: 40px; }
+  .square-post .blog-post-txt { padding: 40px 20px 35px; }
+
+  .posts-category { margin-top: 10px; margin-bottom: 30px; }
+  .posts-category span { top: 1.25px; }
+  .posts-category.ico-20 [class*="flaticon-"]:before, 
+  .posts-category .more-projects.ico-20 [class*="flaticon-"]:after { font-size: 1.0625rem; } 
+
+  /* Single Blog Post */
+  .single-post-title h3, .single-post-title h2 { padding: 0 5%; margin-bottom: 20px; }
+  .single-post-title .blog-post-meta.mt-35 { margin-top: 25px; }
+  #single-post .post-meta-list .meta-list-divider { display: none!important; }
+  #single-post .post-meta-list li { display: block!important; margin-top: 10px; }
+  .post-inner-img { margin-top: 30px; margin-bottom: 30px; }
+
+  .single-post-txt h5, .single-post-txt h4 { margin-top: 15px; margin-bottom: 18px; }
+
+  .single-post-txt .blockquote p { font-size: 1.0625rem; margin-bottom: 30px; }
+  .single-post-txt .blockquote-footer { font-size: 1rem; line-height: 1.3; }
+
+  .post-share-list { margin-top: 30px; padding-bottom: 40px; }
+
+  .post-author { display: block!important; padding: 50px 0; }
+  .post-author-avatar { display: block!important; text-align: left; margin-right: 0; margin-bottom: 20px; }
+  .post-author-avatar img { width: 70px; height: 70px; }
+  .post-author-txt h5 { margin-bottom: 10px; }
+
+  .author-follow-btn { padding: 5px 12px; top: 135px; right: 10px; }
+
+  .post-comments { padding-top: 50px; }
+  .post-comments h5 { margin-bottom: 40px; }
+  .comment-body { margin-left: 18px; }
+  .post-comments img { width: 43px; height: 43px; }
+  .comment-meta { margin-bottom: 8px; }
+  .comment-meta h6 { margin-bottom: 5px; }
+  .post-comments #leave-comment h5 { margin-top: 50px; }
+
+  .comment-form p { margin-bottom: 10px; }
+
+  .comment-form { margin-top: 50px; }
+  .comment-form .btn { margin-top: 0; }
+
+  /* CONTACTS */
+  #contacts-1 .section-title p { padding: 0 3%; }
+  #contacts-1 .contact-form .contact-form-notice p { font-size: 0.875rem; margin-top: 30px; }
+
+  #contacts-1 .contact-form .col-md-12 span { line-height: 1.4; margin-bottom: 15px; }
+  .contact-form .form-control, .contact-form .form-select { height: 54px; }
+  .contact-form textarea { min-height: 170px; }
+  .contact-form textarea.form-control { padding: 15px; }
+
+  /* FOOTER */
+  .footer { padding-bottom: 30px; }
+  .footer hr { margin-top: 5px; margin-bottom: 30px; }
+
+  #footer-10.pt-50 { padding-top: 0; }
+  #footer-11.p-404.pt-50 { padding-top: 40px; padding-bottom: 40px; }
+
+  .footer .col-sm-4, .footer .col-sm-6, .footer .col-sm-8 { width: 50%!important; float: left; }
+  #footer-3.footer .col-sm-6.col-md-3 { width: 100%!important; float: none; }
+
+  .footer-info, .footer-links, .footer-stores-badge { margin-bottom: 35px; }
+
+  #footer-2 .footer-info { margin-bottom: 40px; }
+  #footer-6 .footer-info, #footer-7 .footer-info { margin-top: 10px; margin-bottom: 0; }
+  #footer-10 .footer-info { margin-bottom: 25px; padding-bottom: 35px; }
+  #footer-8 .footer-links, #footer-10 .footer-links { margin-bottom: 10px; }
+
+  img.footer-logo, img.footer-logo-dark { max-height: 36px; }
+  #footer-1 .footer-logo, #footer-5 .footer-logo, #footer-6 .footer-logo, #footer-7 .footer-logo { margin-bottom: 24px; }
+  #footer-10 img.footer-logo { max-height: 36px; }
+
+  .footer h6 { font-size: 1.153846rem; margin-bottom: 18px; } /* 18px */
+
+  .footer-mail-link { font-size: 1.06410rem; } /* 16.6px */
+  .footer-mail-link span { top: 3px; right: 4px; }
+  #footer-1 .footer-info .footer-mail-link { margin-top: 5px; }
+
+  #footer-8 .foo-links li { display: block!important; padding-left: 0; }
+  #footer-10 .foo-links li { padding: 0 8px; }
+
+  .foo-links.ico-10 li span { top: 1px; right: 3px; }
+  .foo-links li a span.ext-link { left: 2px; top: 0.5px; }
+
+  .footer-stores-badge .store { margin-right: 6px; }
+
+  .footer-form { margin-right: 5%; }
+  #footer-9 .footer-form { margin-bottom: 0; }
+  #footer-9 .footer-form h6 { padding-right: 5%; }
+  .footer-form .form-control { font-size: 1.0625rem; }
+  .footer-form .form-control, .footer-form .btn { height: 30px; }
+  .footer-form .ico-15 [class*="flaticon-"]:before, 
+  .footer-form .ico-15 [class*="flaticon-"]:after { font-size: 1.1rem; line-height: 26px!important; }
+
+  .bottom-footer-socials { margin-top: 10px; }
+  .bottom-footer-socials li { padding-left: 12px; }
+  .bottom-footer-socials li:first-child { padding-left: 0; }
+
+  .bottom-footer-list { margin-top: 3px; } 
+  #footer-4 .bottom-footer-list li, #footer-9 .bottom-footer-list li { padding-left: 8px; }
+  #footer-4 .bottom-footer-list li span, #footer-9 .bottom-footer-list li span { margin-right: 1px; }
+
+  .footer-list-divider { top: 0; }
+  .bottom-secondary-link p span { top: 1.5px; padding: 0 2px; }
+  .footer-info-copyright p span { top: 2px; padding: 0 2px; }
+
+  .footer-info-copyright.ico-15 [class*="flaticon-"]:before, 
+  .footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.815rem; }
+
+  /* INNER PAGE WRAPPER */
+  .inner-page-title { margin-bottom: 50px; }
+  .inner-page-title h2 { margin-bottom: 0; }
+  .inner-page-title p { font-size: 1.125rem; line-height: 1.6666; padding: 0 3%; margin-top: 12px; }
+  .page-hero-section h1 { line-height: 1.25; margin-bottom: 20px; }
+
+  /* PAGE PAGINATION */
+  .page-link { font-size: 0.95rem; padding: 2px 10px; }
+  .pagination.ico-20 [class*="flaticon-"]:before, .pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.75rem; } 
+  
+  /* SIGN IN / SIGN UP */
+  .login-page-logo { margin-bottom: 38px; }
+  .login-page-logo img { max-height: 36px; }
+
+  .register-form-title { margin-bottom: 25px; }
+  .register-form-title h3 { font-size: 1.60256rem; }
+
+  .separator-line, .register-page-form p.input-header, .form-data span, .register-page-form .btn-google { font-size: 1rem; }
+  #signup .form-data span { font-size: 0.935rem; }
+  .reset-password-link p { font-size: 1rem; margin-top: 0; margin-bottom: 10px; }
+  .register-page-form p.create-account { font-size: 1rem; margin-top: 20px; }
+  .separator-line { margin: 20px 0; }
+
+  .reset-form-title { margin-bottom: 16px; }
+  .reset-form-title p.p-sm { font-size: 1rem; margin-top: 15px; }
+
+  .reset-page-wrapper { margin: 0 10px; }
+  .reset-page-wrapper form {  padding: 35px 10px 10px; }
+  #login .register-page-form, #signup .register-page-form { padding: 35px 20px; }
+  #login.login-1 .register-page-form, #signup.signup-1 .register-page-form { padding: 15px 10px; }
+
+  .reset-page-wrapper .form-control, 
+  .register-page-form .form-control { height: 50px; font-size: 1.0625rem; padding: 5px 12px; margin-bottom: 20px; }
+  
+  #login .register-page-form .btn.submit { height: 50px; font-size: 1.0625rem; margin-top: 12px; }
+  #signup .register-page-form .btn.submit { height: 50px; font-size: 1.0625rem; margin-top: 20px; }
+  .reset-page-wrapper .btn.submit { height: 50px; font-size: 1.0625rem; }
+  .btn-google img { width: 18px; height: 18px; top: -2px; right: 5px; }
+
+  .btn-show-pass { top: 16px; }
+
+  /* PAGE 404 */
+  .page-404-txt { padding-top: 100px; padding-bottom: 60px; }
+  .page-404-txt h2 { margin-bottom: 15px; } 
+  .page-404-txt h6 { padding: 0 2%; line-height: 1.6; margin-bottom: 22px; }
+  .page-404-img { padding: 0 6%; margin-bottom: 35px; }
+
+  /* MODAL */
+  #modal-1 .modal-dialog { max-width: 330px; margin: auto auto; }
+  #modal-2 .modal-dialog { width: 310px; margin: auto auto; }
+  #modal-3 .modal-dialog.modal-xl { width: 320px; margin: auto auto; }
+
+  #modal-1.modal .btn-close { right: 10px!important; top: 10px!important; }
+
+  #modal-2 .modal-body-content { padding: 22px 30px 5px; }
+  #modal-3 .modal-body-content { padding: 30px 10px 20px; }
+
+  .modal-body .newsletter-form { margin-top: 15px; }
+  .modal .form-control, .modal .newsletter-form .btn { height: 48px; font-size: 1rem; }
+
+  #modal-3 .request-form-title p { margin-top: 15px; margin-bottom: 20px; }
+  #modal-3 .request-form .form-control {  margin: 0 0 20px 0; }
+  #modal-3 .request-form .btn { height: 48px; font-size: 1.0625rem; }
+
+
+}
+
+
+
+
+/* ------------------------------------------------------------------------ */
+/* ------------------------------------------------------------------------ */
+/* ------------------------------------------------------------------------ */
+
+@media (max-width: 320.98px) { 
+
+  /*------------------------------------------*/
+  /*  BASE
+  /*------------------------------------------*/
+
+  html { font-size: 87.5%; } 
+
+  #stlChanger { display: none; }
+  .ts-0 { padding-top: 80px; }
+  .bg--fixed { width: auto; }
+  .bg--scroll { width: auto; background-attachment: scroll!important; }
+
+  .py-50 { padding-top: 30px; padding-bottom: 30px; }
+  .py-60 { padding-top: 40px; padding-bottom: 40px; }
+  .py-70 { padding-top: 40px; padding-bottom: 40px; }
+  .py-80 { padding-top: 40px; padding-bottom: 40px; }
+  .py-90 { padding-top: 50px; padding-bottom: 50px; }
+  .py-100 { padding-top: 60px; padding-bottom: 60px; }
+
+  .pt-50 { padding-top: 30px; }
+  .pt-60 { padding-top: 40px; }
+  .pt-70 { padding-top: 40px; }
+  .pt-80 { padding-top: 40px; }
+  .pt-90 { padding-top: 50px; }
+  .pt-100 { padding-top: 60px; }
+
+  .pb-50 { padding-bottom: 30px; }
+  .pb-60 { padding-bottom: 40px; }
+  .pb-70 { padding-bottom: 40px; }
+  .pb-80 { padding-bottom: 40px; }
+  .pb-90 { padding-bottom: 50px; }
+  .pb-100 { padding-bottom: 60px; }
+
+  .mb-40 { margin-bottom: 20px; }
+  .mb-50 { margin-bottom: 30px; }
+  .mb-60 { margin-bottom: 40px; }
+
+  /* Backgroud Shape */
+  .shape--01:after { height: 90%; top: 6.5%; }
+  .shape--02:after { width: 140%; height: 90%; top: 6.5%; left: -20%; }
+  .shape--03:after { width: 140%; height: 129%; top: -70px; left: -20%; }
+  .shape--04:after { height: 92%; top: 0; }
+  .shape--05:after { height: 94%; }
+  .shape--06:after { height: 92%; }
+  .shape--07:after { height: 80%; top: 15%; }
+
+  ol.digit-list p { margin-bottom: 5px; }
+
+  .font--jakarta h1, .font--jakarta h2 { line-height: 1.35; }
+  .font--jakarta h3, .font--jakarta h4, .font--jakarta h5, .font--jakarta h6 { line-height: 1.4; }
+
+  /* Font Size */
+  .s-15, .s-16 { font-size: 1rem; }                                    /* 14px */
+  .s-17 { font-size: 1.0625rem; }                                      /* 14.875px */
+  .s-18, .s-19, .s-20, .s-21, .s-22, .s-23 { font-size: 1.285714rem; } /* 18px */
+  .s-24, .s-26, .s-28 { font-size: 1.35714rem; }                       /* 19px */
+  .s-30, .s-32, .s-34 { font-size: 1.5rem; }                           /* 21px */
+  .s-36, .s-38, .s-40 { font-size: 1.57142rem; }                       /* 22px */  
+  .s-42, .s-43, .s-44, .s-45, .s-46, .s-47 { font-size: 1.714285rem; } /* 24px */ 
+  .s-48 { font-size: 1.85714rem; }                                     /* 26px */  
+  .s-50, .s-52, .s-54, .s-56, .s-58, .s-60 { font-size: 1.92857rem; }  /* 27px */ 
+  .s-62 { font-size: 2rem; }                                           /* 28px */   
+  .s-64, .s-66, .s-68 { font-size: 2.07142rem; }                       /* 29px */
+  .s-68 { font-size: 2.14285rem; }                                     /* 30px */
+
+  /* Paragraphs */
+  p.p-md, p.p-lg { font-size: 1.0625rem; }
+  p.p-xl { font-size: 1.125rem; }
+
+  /* Transparent Link */
+  a.tra-link { font-size: 1.0625rem; }
+  .tra-link.ico-20 [class*="flaticon-"]:before, 
+  .tra-link.ico-20 [class*="flaticon-"]:after { font-size: 0.785rem; line-height: 0.7rem!important; top: 1px; left: 2px; }
+
+  /* Button */
+  .btn { font-size: 1rem; }
+  .btn.btn-sm { font-size: 1rem; padding: 0.7rem 1.5rem; }
+  .btns-group .btn.ico-30.ico-left, .btns-group .btn.ico-30.ico-right { padding: 0.391175rem 0.5rem 0; }
+
+  /* Buttons Group */
+  .btns-group .btn:first-child { margin-left: 5px; margin-right: 5px; margin-bottom: 15px; }
+
+  /* Button Text */
+  .text-center p.btns-group-txt { margin-top: 18px; }
+  .btn-rating { margin: 15px 0 0 0; }
+  .btn-rating p.p-sm { font-size: 0.9375rem; }
+
+  /* Button Icon */
+  .btn.ico-20 [class*="flaticon-"]:before, 
+  .btn.ico-20 [class*="flaticon-"]:after { font-size: 1.15rem; line-height: 0.45rem!important;top: 3.5px; }
+  .btn.ico-30 [class*="flaticon-"]:before, .btn.ico-30 [class*="flaticon-"]:after { font-size: 1.85rem; }
+
+  .btn.ico-30.ico-left span.ico-30-txt { font-size: 1.125rem; top: -8px; margin-right: 0; }
+  .btn.ico-30.ico-right span.ico-30-txt { font-size: 1.125rem; top: -8px; margin-left: 0; }
+  .btn.ico-left span { margin-right: 2px; }
+  .btn.ico-right span { margin-left: 2px; }
+
+  /* OS Button */
+  .os-btn { width: 250px; min-width: 250px; padding: 14px 15px 10px; }
+  .os-btn-ico { margin-right: 14px; }
+  .os-btn-txt p { margin-top: 4px; }
+
+  .btn-os.mb-15 { margin-bottom: 12px; }
+  .btn-os.mr-15 { margin-right: 0; margin-bottom: 12px; }
+
+  /* Store Badges */
+  .store { margin-right: 6px; }
+  .store.store-btn-2 { margin-right: 0; }
+  .store-btn-3, .store-btn-4 { margin-top: 12px; }
+
+  /* Watch Video Link */
+  .watch-video { margin-top: 18px; }
+  .watch-video-link { margin-right: 8px; }
+  p.video-txt-lg { font-size: 1.0625rem; }
+  p.video-txt-sm { font-size: 1rem; }
+
+  /* Vector Icon Background */ 
+  .ico-50 .shape-ico svg { width: 100px; height: 100px; top: -30px; left: calc(50% - 55px); }
+  .fbox-11 .ico-50 .shape-ico svg { top: -30px; left: calc(50% - 55px); }
+  .ico-55 .shape-ico svg { width: 105px; height: 105px; top: -30px; left: calc(50% - 50px); }
+  .ico-60 .shape-ico svg { width: 110px; height: 110px; top: -30px; left: calc(50% - 55px); }
+
+  /* Vector Rounded Icons */
+  .ico-rounded, .ico-rounded-md, .ico-rounded-lg { width: 88px; height: 88px; }
+
+  .ico-rounded [class*="flaticon-"]:before, 
+  .ico-rounded [class*="flaticon-"]:after, 
+  .ico-rounded-md [class*="flaticon-"]:before, 
+  .ico-rounded-md [class*="flaticon-"]:after, 
+  .ico-rounded-lg [class*="flaticon-"]:before, 
+  .ico-rounded-lg [class*="flaticon-"]:after { font-size: 2.85rem; line-height: 88px!important; }
+
+  /* Vector Square Icons */
+  .ico-square { width: 80px; height: 80px; }
+  .ico-square [class*="flaticon-"]:before, 
+  .ico-square [class*="flaticon-"]:after { font-size: 2.85rem; line-height: 80px!important; }
+
+  /* Section ID */
+  .section-id.rounded-id { padding: 7px 20px; font-size: 0.8rem; margin-bottom: 25px; }
+
+  /* Section Title */
+  .section-title.mb-60 { margin-bottom: 32px; }
+  .section-title.mb-70, .section-title.mb-80 { margin-bottom: 35px; }
+
+  .section-title h2 { padding: 0 1%; }
+
+  .section-title p.p-md, .section-title p.p-lg { margin-top: 12px; }
+  .section-title p.p-xl { font-size: 1.125rem; margin-top: 12px; }
+  .section-title p.s-20, .section-title p.s-21 { font-size: 1.285714rem; margin-top: 10px; }  /* 18px */
+  .section-title p.p-md, .section-title p.p-lg { padding: 0; }
+
+  .section-title .btns-group.mt-35, .section-title .stores-badge.mt-30 { margin-top: 20px; }
+  .section-title .btns-group .btn { margin-left: 10px; margin-right: 10px; }  
+  .section-title .btns-group .btn:first-child { margin-bottom: 12px; }
+
+  /*------------------------------------------*/
+  /*  PRELOAD ANIMATION    
+  /*------------------------------------------*/
+
+  #loading-center { height: 80px; width: 80px; margin-top: -40px; margin-left: -40px; }
+  .loader { width: 80px; height: 80px; }
+  .loader::after { border: 40px solid; }
+
+  /*------------------------------------------*/
+  /*   NAVIGATION MENU    
+  /*------------------------------------------*/
+
+  /* Header Logo */
+  .wsmobileheader .smllogo { display: block; margin-top: 24px; padding-left: 15px; }
+  .blog-header .wsmobileheader .smllogo { margin-top: 30px; }
+  .smllogo img { width: auto; max-width: inherit; max-height: 32px; }
+  .blog-header .smllogo img { max-height: 26px; }
+
+  .wsmenu > .wsmenu-list { width: 250px; margin-right: -250px; }
+  .wsactive .wsmobileheader { margin-right: 250px; }
+  .overlapblackbg { width: calc(100% - 250px); }
+
+  .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 15px 0 0; }
+
+  /* Nav Link Info */
+  span.sm-info { width: 20px; height: 20px; font-size: 0.785rem; line-height: 18px; top: -1px; margin-left: 5px; }
+
+  .wsmenu > .wsmenu-list > li > a { padding: 5px 32px 4px 20px; margin: 0; }
+  .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 8px; width: 8px; margin: 24px 18px 0px 0px; }
+
+  .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { top: 0; }
+
+  .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { padding: 6px 10px; }
+
+  .wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { padding: 6px 8px; }
+
+  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a,
+  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover,
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, 
+  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 12px 9px; }
+
+  /* Header Store Badges */
+  .store.header-store img { max-height: 42px; }
+
+  /* Header Social Links */
+  .header-socials.ico-20 [class*="flaticon-"]:before, 
+  .header-socials.ico-25 [class*="flaticon-"]:after { line-height: 52px!important; } 
+
+  .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title { margin-top: 12px; } 
+
+  .icons-menu-txt span { font-size: 0.885rem; }
+
+  /*------------------------------------------*/
+  /*   HERO   
+  /*------------------------------------------*/
+
+  .hero-section.blur--purple:after { top: -25%; opacity: .16; }
+
+  .hero-section h2 { margin-bottom: 13px; }
+  .hero-section h2.s-48, .hero-section h2.s-50 { margin-bottom: 20px; }
+  .hero-section p.p-md, .hero-section p.p-lg, .hero-section p.p-xl,
+  .hero-section p.s-20, .hero-section p.s-22, .hero-section p.s-24 { margin-bottom: 23px; }
+  .hero-section p.s-21 { font-size: 1.285714rem; margin-bottom: 22px; }
+  .hero-section .btn.mt-15, .hero-section .btns-group.mt-15 { margin-top: 8px; }
+
+  /* Hero Advantages */
+  .hero-section .text-center .advantages { margin-top: 15px; }
+  .hero-section .advantages li { display: block!important; margin-top: 3px; }
+  .hero-section .advantages li p { display: block; float: none; }
+  .hero-section li.advantages-links-divider { display: none!important; }
+
+  /* HERO LOGO */
+  .hero-logo { margin-bottom: 28px; }
+  .hero-logo img { max-height: 28px; }
+
+  .hero-square-logo { margin-bottom: 10px; }
+  .hero-square-logo img { max-height: 58px; }
+
+  /* HERO APP LOGO */
+  .hero-app-logo { margin-bottom: 25px; }
+  .hero-app-logo img { max-height: 85px; }
+  #hero-25 .hero-app-logo img { max-height: 85px; }
+
+  /* HERO DIGITS */
+  .hero-digits { margin-top: -5px; }
+  #hero-9 .hero-digits { margin-top: 3px; }
+
+  .hero-digits h2.statistic-number { font-size: 2.2rem; }
+  .hero-digits h2.statistic-number span { font-size: 2.15rem; }
+
+  /* HERO QUICK FORM */
+  .hero-section .quick-form.mt-45, .hero-section .quick-form.mt-35 { margin-top: 0; }
+  .hero-section .quick-form .form-control, .hero-section .quick-form .btn { font-size: 1.15rem; height: 52px; }
+  .hero-section .quick-form.form-half .form-control { height: 52px; font-size: 1.15rem; padding: 0 14px; }
+  .hero-section .quick-form.form-half .btn { height: 52px; font-size: 1.125rem; }
+
+  .hero-section .text-center .quick-form-msg { margin: 20px 0 -10px 0; }
+
+  /* HERO REQUEST FORM */
+  .request-form .form-control { height: 50px; font-size: 1.0625rem; padding: 0 14px; }
+  #hero-10-form .btn, #hero-22-form .btn { height: 50px; font-size: 1.0625rem; padding: 16px; }
+
+  /* HERO-1 */
+  #hero-1, #hero-2 { padding-top: 70px; padding-bottom: 70px; }
+  .hero-1-txt { padding: 0 3%; }
+  .hero-1-img, .hero-2-img { margin-top: 30px; }
+
+  /* HERO-3 */
+  #hero-3 { padding-top: 70px; }
+  .hero-3-txt { padding: 0 2%; }
+  #hero-3:after { height: 8%; }
+  .hero-3-img { margin-top: 30px; }
+
+  /* HERO-4 */
+  #hero-4 { padding-top: 70px; }
+  #hero-4:after { height: 7%; }
+
+  .hero-4-txt h2 { padding: 0 3%; }
+  .font--inter .hero-4-txt h2 { padding: 0 2.4%; }
+  .hero-4-txt p { padding: 0 5px; }
+  .hero-4-img { margin-top: 30px; }
+
+  /* HERO-5 */
+  #hero-5 { padding-top: 70px; margin-bottom: 50px; }
+  .hero-5-txt h2 { margin-bottom: 12px; }
+  .hero-5-txt p.p-lg { margin-bottom: 20px; }
+  .hero-5-img { margin-top: 35px; }
+
+  /* HERO-6 */
+  #hero-6 { padding-top: 0; }
+  #hero-6 .container { max-width: 100%; }
+  .hero-6-wrapper { padding: 65px 15px; margin: 0 -15px; border-radius: 0 0!important; }
+  .hero-6-txt p { padding: 0 3%; }
+  .hero-6-img { margin: 30px 1% 0; }
+
+  /* HERO-7 */
+  #hero-7 { padding-top: 70px; padding-bottom: 70px; }
+  .hero-7-txt h2 { padding: 0 3%; }
+  #hero-7 .quick-form { margin-left: 3%; margin-right: 3%; }
+  .hero-7-img { margin-top: 30px; }
+
+  /* HERO-8 */
+  #hero-8 { padding-top: 70px; }
+  .hero-8-txt { padding: 0 4%; }
+  .hero-8-txt .hero-logo { display: none; }
+  .hero-8-txt .hero-digits { padding: 0; }
+
+  #hero-8-form { padding: 26px 12px; margin: 30px 2% 0; border-radius: 10px; }
+  #hero-8-form h4 { margin-bottom: 12px; }
+  #hero-8-form p { font-size: 1rem; margin-bottom: 15px; }
+  #hero-8-form p.p-sm { font-size: 0.9375rem; padding: 0!important; }
+
+  /* HERO-9 */
+  #hero-9 { padding-top: 70px; }
+  .hero-9-txt h2 { padding: 0 3%; line-height: 1.45; }
+  .hero-9-txt h2 img { max-height: 48px; margin: 0 2px; top: -6px; }
+  .hero-9-txt p.s-20 { font-size: 1rem; margin-top: 10px; }
+
+  #hero-9 .quick-form { margin-left: 2%; margin-right: 2%; }
+  .hero-9-img { margin: 30px 0 0; }
+
+  /* HERO-10 */
+  #hero-10 { padding-top: 70px; }
+  #hero-10:after { height: 7%; }
+  .hero-10-txt h2 { padding: 0 3%; }
+  .hero-10-txt h4 { padding: 0 2%; margin-bottom: 23px; }
+  .hero-10-img { margin-top: 30px; }
+
+  /* HERO-11 */
+   #hero-11 { padding-top: 70px; }
+  .hero-11-txt p { padding: 0 5%; }
+  .hero-11-img { margin: 30px 3% -50px; }
+
+  /* HERO-12 */
+  #hero-12 { padding-top: 70px; }
+  #hero-12:after { height: 6%; }
+  .hero-12-txt h2 { padding: 0 3%; }
+  .font--inter .hero-12-txt h2 { padding: 0 2.4%; }
+  .hero-12-txt p { padding: 0 5px; }
+  .hero-12-img { margin-top: 30px; }
+
+  /* HERO-13 */
+  #hero-13 { padding-top: 70px; padding-bottom: 70px; } 
+  .hero-13-txt h2 { padding: 0 3%; }
+  .hero-13-img { margin: 30px 1% 0; }
+
+  /* HERO-14 */
+  #hero-14 { padding-top: 70px; margin-bottom: 20px; }
+  .hero-14-txt h2.s-62 { font-size: 1.92857rem; margin-bottom: 15px; }
+  .hero-14-txt p.s-21 { padding: 0%; margin-bottom: 25px; }
+  #hero-14 .quick-form { margin-left: 4%; margin-right: 4%; }
+  .hero-14-img { margin-top: 35px; margin-bottom: -20px; }
+  .hero-14-txt .btn-txt { margin-top: 25px; }
+
+  /* HERO-15 */
+  #hero-15 { padding-top: 70px; }
+  .hero-15-img { margin: 30px 1% 0; }
+
+  /* HERO-16 */
+  #hero-16 { padding-top: 70px; margin-bottom: 30px; }
+  .hero-16-txt h2 { padding: 0 4%; }
+  .hero-16-img { margin: 30px 0 -30px; }
+
+  /* HERO-17 */
+  #hero-17 { padding-top: 70px; }
+  .hero-17-txt p { padding: 0 2%; }
+  #hero-17 .quick-form { margin-left: 2%; margin-right: 2%; }
+  #hero-17 #brands-1 { padding-top: 30px; } 
+
+  /* HERO-18 */
+  #hero-18 { padding-top: 70px; padding-bottom: 60px; }
+  .hero-18-txt p { padding: 0 3%; }
+  #hero-18 .quick-form { margin: 20px 2% 0; }
+  .hero-18-img { margin-top: 30px; }
+
+  /* HERO-19 */
+  #hero-19 { padding-top: 70px; }
+  .hero-19-txt h2 { padding: 0 3%; }
+
+  /* HERO-20 */
+  #hero-20 { padding-top: 70px; }
+  .hero-20-txt { padding: 0 3%; }
+  .hero-20-txt .hero-logo { display: none; }
+  .hero-section .hero-20-txt h2.s-48 { margin-bottom: 18px; }
+
+  /* HERO-21 */
+  #hero-21 { padding-top: 70px; margin-bottom: 35px; }
+  #hero-21 .container { max-width: 100%; }
+  .hero-21-txt { margin-bottom: 40px; }
+  .hero-21-txt h2 { margin-bottom: 18px; }
+
+  .hero-21-wrapper { overflow: visible; margin: 0 -15px; border-radius: 0 0!important; }
+  #hero-21 .hero-overlay { padding: 40px 20px 0; }
+  .hero-21-img { margin-bottom: -35px; }
+  .hero-21-img .video-btn { top: calc(50% - 2px); }
+
+  /* HERO-22 */
+  #hero-22 { padding-top: 70px; }
+  #hero-22-form { text-align: center; padding: 30px 15px 20px; margin: 0 1%; }
+  #hero-22 .hero-logo { display: none; }
+  #hero-22-form h4 { font-size: 1.57142rem; padding: 0; margin-bottom: 12px; }
+  #hero-22-form p { font-size: 1.1rem; padding: 0 5%; margin-bottom: 15px; }
+
+  /* HERO-23 */
+  #hero-23 { padding-top: 70px; margin-bottom: 20px; }
+  .hero-23-txt { padding: 0 2%; }
+  .hero-23-img { margin-top: 12px; margin-bottom: -20px; }
+
+  /* HERO-24 */
+  #hero-24 { padding-top: 70px; padding-bottom: 70px; }
+  .hero-24-txt p.p-xl { padding: 0 2%; }
+  #hero-24 .quick-form { margin-left: 2%; margin-right: 2%; }
+
+  /* HERO-25 */
+  #hero-25 { padding-top: 70px; padding-bottom: 70px; }
+  .hero-25-txt p.p-lg { margin-bottom: 20px; }
+  .hero-25-img { margin: 30px 0 0; }
+
+  /* HERO-26 */
+  #hero-26 { padding-top: 70px; }
+  .hero-26-txt { padding: 0 5%; } 
+  .hero-26-img { margin-top: 30px; }
+
+  /* HERO-27 */
+  #hero-27 .hero-overlay { padding-top: 70px; }
+  .hero-27-txt h2 { font-size: 1.85rem; margin-bottom: 15px!important; }
+  .hero-27-txt p.s-20, .hero-27-txt p.s-21 { font-size: 1.0625rem; }
+  .hero-27-txt p.s-20 { margin-bottom: 20px!important; }
+  .hero-27-txt .btns-group.mt-15 { margin-top: 0!important; }
+
+  /*------------------------------------------*/
+  /*  CONTENT
+  /*------------------------------------------*/
+
+  /* ABOUT */
+  .about-2-title { margin-bottom: 30px; }
+  .a2-txt { padding: 10px 20px 25px; }
+
+  #a3-1 { margin-bottom: 20px; }
+
+  .a2-txt-quote { position: relative; margin-bottom: -35px; }
+  .a2-txt-quote.ico-40 [class*="flaticon-"]:before, .a2-txt-quote.ico-40 [class*="flaticon-"]:after { font-size: 4.25rem; }
+
+  .a2-txt-author { margin-top: 10px; }
+  .a2-txt-author { font-size: 1.125rem; }
+  .a2-txt-author span { font-size: 0.975rem; margin-top: 1px; }
+
+  #about-1 .txt-block h3.mb-30, .about-2-title h2.mb-30 { margin-bottom: 15px; }
+
+  #about-4 .txt-block h2 { padding: 0 5%; }
+  #about-4 .txt-block p { margin-top: 12px; }
+  #a4-2 { margin: 30px 2% 0; }
+
+  /* FEATURES */
+  #features-14 .container { max-width: 100%; }
+  .fbox-14-wrapper { padding: 60px 30px; margin: 0 -15px; border-radius: 0 0!important; } 
+
+  #features-12.py-100.shape--bg:after, #features-13.py-100.shape--bg:after { height: 69%; top: 31%; }
+  #features-12.pt-100.shape--bg:after, #features-13.pt-100.shape--bg:after { height: 65%; top: 32%; }
+
+  .fb-1, .fb-2, .rows-2 .fb-1, .rows-2 .fb-2, .rows-2 .fb-3, .rows-2 .fb-4, .rows-2 .fb-5, .row-cols-md-2 .fb-3, .fbox-5.fb-3, 
+  .fbox-5.fb-5, .rows-2 .fbox-7.fb-1, .rows-2 .fbox-7.fb-2, .rows-2 .fbox-7.fb-3, .rows-2 .fbox-9.fb-1, .rows-2 .fbox-9.fb-2, 
+  .rows-2 .fbox-9.fb-3 { margin-bottom: 30px; }
+
+  .rows-3 .fb-3.fbox-11-lst { margin-bottom: 30px; }
+
+  .fbox-5.fb-2, .fbox-5.fb-4, .fbox-5.fb-6 { margin-bottom: 0; }
+
+  .row-cols-md-3 .fbox-4, .row-cols-md-2 .fbox-4, .fbox-5, .fbox-8.bg--white-100 { padding: 35px 25px; } 
+  .fbox-7, .fbox-9 { padding: 35px 25px 30px; }
+  .row-cols-md-2 .fbox-7 { padding: 35px 35px 30px; }
+  .fbox-8.fb-1 { padding: 0 25px 35px; }
+  .fbox-8.fb-3 { padding: 40px 25px 0; }
+  .fbox-12, .fbox-13 { padding: 30px 25px; } 
+  #fb-12-1, #fb-12-2, #fb-12-3, #fb-13-1, #fb-13-2, #fb-13-3 { margin-bottom: 30px; }
+  #fb-12-1, #fb-13-1 { margin-top: 50px; }
+  #features-12 .txt-block, #features-13 .txt-block { margin-bottom: 30px; }
+
+  .fbox-14 { padding: 30px 25px 25px; } 
+  .fbox-14.fb-1, .fbox-14.fb-2 { margin-bottom: 25px; }
+
+  .fbox-img.h-135 img, .fbox-img.h-140 img, .fbox-img.h-145 img, .fbox-img.h-150 img, .fbox-img.h-155 img, 
+  .fbox-img.h-160 img, .fbox-img.h-165 img, .fbox-img.h-170 img, .fbox-img.h-175 img, .fbox-img.h-180 img { max-height: 160px; } 
+
+  .fbox-2 .fbox-img.h-135 img, .fbox-2 .fbox-img.h-140 img, .fbox-2 .fbox-img.h-145 img, .fbox-2 .fbox-img.h-150 img, 
+  .fbox-2 .fbox-img.h-155 img, .fbox-2 .fbox-img.h-160 img, .fbox-2 .fbox-img.h-165 img, .fbox-2 .fbox-img.h-170 img, 
+  .fbox-2 .fbox-img.h-175 img, .fbox-2 .fbox-img.h-180 img { max-height: 160px; }
+
+  .fbox-3 .fbox-img.h-135 img, .fbox-3 .fbox-img.h-140 img, .fbox-3 .fbox-img.h-145 img, .fbox-3 .fbox-img.h-150 img, 
+  .fbox-3 .fbox-img.h-155 img, .fbox-3 .fbox-img.h-160 img, .fbox-3 .fbox-img.h-165 img, .fbox-3 .fbox-img.h-170 img, 
+  .fbox-3 .fbox-img.h-175 img, .fbox-3 .fbox-img.h-180 img { max-height: 160px; }
+
+  .fbox-4 .fbox-img.h-135 img, .fbox-4.fbox-img.h-140 img, .fbox-4 .fbox-img.h-145 img, .fbox-4 .fbox-img.h-150 img, 
+  .fbox-4 .fbox-img.h-155 img, .fbox-4 .fbox-img.h-160 img, .fbox-4 .fbox-img.h-165 img, .fbox-4 .fbox-img.h-170 img, 
+  .fbox-4 .fbox-img.h-175 img { max-height: 145px; }
+
+  .fbox-1 .fbox-img, .row-cols-md-2 .fbox-1 .fbox-img, .fbox-4 .fbox-img, .row-cols-md-2 .fbox-4 .fbox-img { margin-bottom: 25px; }
+
+  .fbox-2 .fbox-img.h-135, .fbox-2 .fbox-img.h-140, .fbox-2 .fbox-img.h-145, 
+  .fbox-2 .fbox-img.h-150, .fbox-2 .fbox-img.h-155, .fbox-2 .fbox-img.h-160, 
+  .fbox-2 .fbox-img.h-165, .fbox-2 .fbox-img.h-170, .fbox-2 .fbox-img.h-175, 
+  .fbox-2 .fbox-img.h-180 { padding-top: 35px; margin: 0 0 45px; }
+
+  .fbox-3 .fbox-img.h-135, .fbox-3 .fbox-img.h-140, .fbox-3 .fbox-img.h-145, 
+  .fbox-3 .fbox-img.h-150, .fbox-3 .fbox-img.h-155, .fbox-3 .fbox-img.h-160, 
+  .fbox-3 .fbox-img.h-165, .fbox-3 .fbox-img.h-170, .fbox-3 .fbox-img.h-175, 
+  .fbox-3 .fbox-img.h-180 { padding-top: 35px; margin: 0 0 25px; }
+
+  .fbox-5.fb-1 .fbox-5-img, .fbox-5.fb-2 .fbox-5-img, .fbox-5.fb-3 .fbox-5-img, 
+  .fbox-5.fb-4 .fbox-5-img, .fbox-5.fb-5 .fbox-5-img, .fbox-5.fb-6 .fbox-5-img { margin: 0 3% 25px; }
+
+  .fbox-ico, .fbox-ico.ico-rounded, .fbox-ico.ico-square { margin-bottom: 18px; }
+
+  .fbox-wrapper .ico-50 [class*="flaticon-"]:before, 
+  .fbox-wrapper .ico-50 [class*="flaticon-"]:after,
+  .fbox-wrapper .ico-55 [class*="flaticon-"]:before, 
+  .fbox-wrapper .ico-55 [class*="flaticon-"]:after,
+  .fbox-wrapper .ico-60 [class*="flaticon-"]:before, 
+  .fbox-wrapper .ico-60 [class*="flaticon-"]:after,
+  .fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:before, 
+  .fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:after { font-size: 3.6rem; }
+
+  .features-section h6.s-18, .features-section h6.s-20, .features-section h6.s-22 { font-size: 1.35714rem; }  /* 19px */
+  .features-section h6, .fbox-txt h5, .rows-2 .fbox-11 h6, .fbox-wrapper .row-cols-md-2 h6 { margin-bottom: 12px; }
+
+  .fbox-10 .fbox-title { margin: 0 auto; }
+  .fbox-10 .fbox-title span { float: none; line-height: 1!important; margin-right: 0; }
+  .fbox-10 .fbox-title h6 { display: block; line-height: 1!important; margin-top: 10px; margin-bottom: 15px; }
+  .fbox-14 h5 { padding: 0 5%; margin-bottom: 12px; }
+
+  .row-cols-md-3 .fbox-1 p, .row-cols-md-3 .fbox-2 p, 
+  .row-cols-md-3 .fbox-3 p, .row-cols-md-3 .fbox-6 p, .fbox-10 .fbox-txt p { padding: 0 3%; }
+
+  .row-cols-md-2 .fbox-1 p, .row-cols-md-2 .fbox-2 p, .row-cols-md-2 .fbox-3 p, .row-cols-md-2 .fbox-6 p { padding: 0 8%; }
+  .row-cols-md-2 .fbox-4 p, .fbox-5 .fbox-txt p, .rows-2 .fbox-11 p { padding: 0 5%; }
+  .row-cols-lg-3 .fbox-10 .fbox-txt p { padding: 0; }
+  .rows-3 .fbox-11 p { padding: 0 4%; }
+
+  /* CONTENT */
+  .ct-06 { padding-bottom: 60px; }
+  .ct-10 .section-overlay { margin-bottom: 40px; }
+  .ct-top { margin-bottom: 60px; }
+
+  .ct-13 .txt-block, .ct-13 .img-block { margin-bottom: 30px; }
+  .ct-13 .txt-block.ml-block, .ct-13 .img-block.ml-block { margin-bottom: 0; }
+
+  /* Content Box Wrapper */
+  .content-section.ws-wrapper { margin: 0 -15px; }
+  .bc-1-wrapper .section-overlay, .bc-4-wrapper .section-overlay { padding: 60px 18px; }
+  .bc-2-wrapper .section-overlay, .bc-3-wrapper .section-overlay { padding: 60px 14px; }
+  .bc-5-wrapper .section-overlay { padding: 60px 14px 0; }
+  .bc-6-wrapper .section-overlay { padding: 60px 14px; } 
+  .bc-6 { padding: 20px 15px 25px; }
+  .bc-6-top { margin-bottom: 30px; }
+  .cbox-6-wrapper { padding: 28px 18px; }
+
+  .bc-1-wrapper, .bc-2-wrapper, .bc-3-wrapper, .bc-4-wrapper, .bc-5-wrapper, .bc-6-wrapper { border-radius: 0 0!important; } 
+
+  .bc-5-wrapper .section-title p { padding: 0 3%; }
+
+  .bc-2-txt h2, .bc-3-txt h2, .bc-4-txt h2, .txt-block h3, .txt-block h2 { margin-bottom: 14px; }
+  .txt-block h5 { margin-bottom: 16px; }
+  h5.h5-title { margin-top: 16px; margin-bottom: 16px; }
+  .cbox-2-txt h5, .cbox-3-txt h5, .bc-6-txt h5 { margin-bottom: 12px; }
+  
+  .txt-block p, .txt-block p.p-md, .txt-block p.p-lg { margin-bottom: 0.85714rem; }
+  .txt-block p.s-20, .txt-block p.s-21 { font-size: 1.14285rem; }
+  .cbox-5-fea p, .txt-block p.video-txt-sm, .txt-block p.btn-txt, .txt-block p.btns-group-txt,
+  .txt-block p.compatibility { margin-bottom: 0; }
+  .txt-block p.video-txt-lg { margin-bottom: 6px; }
+
+  .txt-block .btn { margin-top: 16px; } 
+  .txt-block .stores-badge.mt-15, .ws-wrapper .stores-badge.mt-15 { margin-top: 8px; } 
+  .txt-block .btns-group .btn.btn--transparent { margin-top: 0; } 
+  .bc-6-link.mt-15 { margin-top: 12px; }
+  .txt-block-tra-link.mt-25 { margin-top: 16px; }
+
+  /* Content Box */
+  .txt-box { margin-bottom: 15px; } 
+  .right-column .cbox-5 { margin-bottom: 40px; }
+  .cbox-5-content { padding: 25px; margin: 0 1%; }
+  .cbox-5-content .divider { margin-top: 22px; margin-bottom: 22px; }
+
+  .txt-block .cbox-5-title h2 { font-size: 2.45rem; margin-bottom: 10px; }
+  .cbox-5-title .statistic-number sup { font-size: 2.05rem; top: -5px; right: 6px; }
+
+  .cbox-5-fea { padding: 15px 20px; margin-top: 20px; }
+  .txt-block .cbox-5-fea h4 { font-size: 1.625rem; }
+  .cbox-5-txt .btn { margin-top: 10px; }
+
+  #cb-6-1, #cb-6-2, #cb-6-3 { margin-bottom: 20px; }
+
+  /* Content Box Icon */
+  .cbox-1.ico-10 span { right: 5px; }
+  .cbox-1.ico-15 span { top: 0.5px; right: 5px; }
+  .cbox-1.ico-15 [class*="flaticon-"]:before, .cbox-1.ico-15 [class*="flaticon-"]:after { font-size: 0.7rem; }
+
+  .cbox-2 .ico-wrap { margin-right: 1rem; }
+  .cbox-2-ico { width: 2.15rem; height: 2.15rem; font-size: 1.0625rem; line-height: 1.85rem; }
+  .ct-03 .cbox-2-ico { width: 1.65rem; height: 1.65rem; font-size: 1rem; line-height: 1.4rem; }
+  .cbox-2-line { height: calc(100% - 70px); }
+
+  .cbox-3 { display: block; text-align: center; }
+  .cbox-3 .ico-wrap { margin-right: 0; }
+  .cbox-3 .cbox-3-ico { top: 0; margin-bottom: 10px; }
+  .cbox-3-ico span[class*="flaticon-"]:before, .cbox-3-ico span[class*="flaticon-"]:after { font-size: 3rem; }
+
+  .cbox-4 { text-align: center; }
+  .box-title h6, .box-title h5 { display: block; line-height: 1!important; margin-bottom: 15px; }
+
+  .img-block-txt .box-title h6, 
+  .img-block-txt .box-title h5 { display: inline-block; line-height: 2.5rem!important; margin-bottom: 20px; }
+
+  .box-title span { display: block; position: relative; top: 0; margin-right: 0; margin-bottom: 10px; }
+  .img-block-txt .box-title span { display: inline-block; top: 10px; margin-right: 10px; margin-bottom: 0; }
+  .box-title span[class*="flaticon-"]:before, .box-title span[class*="flaticon-"]:after { font-size: 3rem; }
+
+  .img-block-txt .box-title span[class*="flaticon-"]:before, 
+  .img-block-txt .box-title span[class*="flaticon-"]:after { font-size: 2.5rem; }
+
+  /* Content Box Text */ 
+  .cbox-2-txt, .cbox-3-txt, .cbox-4-txt { margin-bottom: 25px; }
+  .ct-03 .cbox-2-txt { margin-bottom: 20px; }
+
+  /* Content Box Typography */
+  .cbox-1-txt p { margin-bottom: 5px; }
+  .cbox-6 h6 { margin-bottom: 10px; }
+
+  /* Accordion */
+  .txt-block .accordion-1 .accordion-item { padding: 18px 20px; }
+  .txt-block .accordion-2 .accordion-item { padding: 10px 0 20px; }
+
+  .txt-block .accordion-1 .accordion-item .accordion-thumb:before { font-size: 0.95rem; top: -1px; }
+  .txt-block .accordion-2 .accordion-item .accordion-thumb:after,
+  .txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { font-size: 0.95rem; top: 7px; }
+
+  .txt-block .accordion-1 .accordion-item.is-active { padding: 25px 20px 9px 20px; }
+  .txt-block .accordion-2 .accordion-item.is-active { padding: 15px 0 20px; }
+
+  .txt-block .accordion-1 .accordion-panel { padding: 0; }
+
+  .txt-block .accordion-1 .accordion-thumb h5 { padding-left: 22px; }
+  .txt-block .accordion-2 .accordion-thumb h5 { padding-left: 10px; padding-right: 0; }
+
+  .accordion-2 .accordion-thumb span[class*="flaticon-"]:before,
+  .accordion-2 .accordion-thumb span[class*="flaticon-"]:after { font-size: 1.75rem; top: 6px; }
+
+  /* Tabs */
+  .tabs-1 li { font-size: 1.125rem; } 
+  #tabs-1 .tab-content .img-block { margin-bottom: 30px; }
+
+  /* Advantages */
+  .advantages, .text-center .advantages { margin-top: 15px; }
+  .img-block-btn .advantages li { display: block!important; margin-top: 4px; }
+  .img-block-btn .advantages li p { display: block; float: none; }
+  .img-block-btn li.advantages-links-divider { display: none!important; }
+
+  /* Compatibility */
+  .compatibility { margin-top: 10px; }
+
+  /* Tools List / Payments Icons */
+  .tools-list p, .payment-methods p { margin-bottom: 12px; }
+  .tools-list span { padding-right: 1px; }
+  .payment-icons img { max-height: 26px; }
+
+  .tools-list.ico-35 [class*="flaticon-"]:before, .tools-list.ico-35 [class*="flaticon-"]:after { 
+    font-size: 2rem;line-height: 2rem!important; margin-right: 3px; 
+  }
+
+  /* Content Box Shapes */
+  .cbox-5-shape-1, .cbox-5-shape-2 { display: none; }
+
+  /* Content Images */
+  .img-block.img-block-bkg img { padding: 30px 15px; }
+  .img-block-hidden, .bc-5-img.bc-5-dashboard.img-block-hidden { margin-bottom: -30px; }
+  .ct-10 .img-block { margin-bottom: -40px; }
+  .ct-01 .img-block, .ct-02 .img-block, .ct-03 .img-block.right-column, .ct-03 .img-block.left-column { margin: 0 2% 30px; }
+  .ct-01 .img-block.j-img, .ct-02 .img-block.j-img { margin-left: 0%; margin-right: 0; }
+  .ct-04 .img-block, .ct-05 .img-block, .ct-06 .img-block, .ct-07 .img-block- { margin-bottom: 30px; }
+  .ct-06 .img-block, .ct-07 .img-block { margin-top: -80px; margin-bottom: 40px; }
+
+  .img-block-hidden .video-btn, .bc-5-img.bc-5-dashboard.img-block-hidden .video-btn { top: 50%; }
+  .bc-5-img.bc-5-tablet.img-block-hidden .video-btn { top: calc(50% - 20px); }
+  .img-block-txt, .img-block-btn { margin-top: 30px; }
+
+  .bc-1-wrapper .img-block, .bc-2-wrapper .img-block, .bc-2-img, .bc-3-img, .bc-4-img { margin-bottom: 30px; }
+  .bc-5-img.bc-5-tablet.img-block-hidden { margin-bottom: -50px; }
+  .bc-6-img { padding: 25px 15px 0; margin-bottom: 20px; }
+  .ct-11 .img-block, .ct-12 .img-block { margin-bottom: 30px; padding: 40px 5%; }
+
+  /* STATISTIC */
+  .sb-rounded .statistic-block { text-align: center; padding: 25px; }
+  #statistic-5 .statistic-digit { padding-bottom: 18px; margin: 0 12% 18px; }
+  #sb-1-1, #sb-1-2, #sb-3-1, #sb-3-2, #sb-3-3 { margin-bottom: 30px; }
+  #sb-2-1, #sb-2-2, #sb-2-3, #sb-2-4 { width: 50%; }
+  #sb-2-3, #sb-2-4 { padding-right: 10px; }
+  #sb-4-1, #sb-4-2, #sb-4-3 { margin-bottom: 25px; }
+  #sb-5-1, #sb-5-2 { margin-bottom: 30px; }
+
+  .statistic-1-wrapper .statistic-block-digit { margin-bottom: 12px; }
+
+  h2.statistic-number { font-size: 2.125rem; line-height: 1; letter-spacing: -0.5px; }
+  .txt-block-stat h2.statistic-number { font-size: 2rem; }
+  #statistic-1 h2.statistic-number { letter-spacing: -0.5px; }
+  #sb-2-1 h2.statistic-number, #sb-2-2 h2.statistic-number { margin-bottom: 12px; }
+  #statistic-5 .statistic-digit h2 { font-size: 2.125rem; letter-spacing: -0.5px; }
+
+  #sb-2-3 .statistic-block p.p-sm, #sb-2-4 .statistic-block p.p-sm { margin-top: 12px; }
+  .txt-block-stat .statistic-block p { font-size: 0.95rem; }
+  #statistic-5 .statistic-txt p { padding: 0 8%; }
+
+  /* PROJECTS */
+  #pt-1-1, #pt-1-2, #pt-1-3, .inner-page-hero #pt-1-3, .inner-page-hero #pt-1-4, .inner-page-hero #pt-1-5 { margin-bottom: 35px; }
+  .project-details h5 { margin-bottom: 20px; }
+  .more-projects { margin-top: 40px; }
+
+  /* PROJECT DETAILS */
+  .single-project .project-title { margin-bottom: 35px; }
+  .project-title h2 { padding-right: 0; padding-bottom: 25px; margin-bottom: 25px; }
+  .project-data p { margin-bottom: 5px; }
+
+  .project-priview-img.mb-50 { margin-bottom: 30px; }
+  .project-inner-img .top-img { margin-bottom: 30px; }
+  .project-inner-img.mt-50 { margin-top: 30px; }
+  .project-txt h5.mt-35.mb-35 { margin-top: 20px; margin-bottom: 20px; }
+  .project-txt h5.mt-50.mb-35 { margin-top: 30px; margin-bottom: 20px; }
+
+  .project-description .more-projects { margin-top: 40px; }
+  .project-description .more-projects span { top: 1px; left: 4px; }
+  .project-description .more-projects.ico-25 [class*="flaticon-"]:before, 
+  .project-description .more-projects.ico-25 [class*="flaticon-"]:after { font-size: 1.125rem; } 
+
+  /* RATING */
+  #rb-2-1, #rb-2-2 { margin-bottom: 25px; }
+
+  .rating-title h5 { font-size: 1.125rem; padding: 0 15%; }
+  .rbox-1-img { margin-bottom: 15px; }
+  .rbox-1-img img { max-height: 30px; }
+  .rbox-2-txt img { max-height: 28px; }
+  p.rbox-2-txt { line-height: 28px; margin-top: 8px; }
+
+  .rbox-1 .star-rating { padding: 5px 16px; }
+  .rbox-1 .star-rating { font-size: 0.9rem; line-height: 1; }
+
+  .rbox-1 .star-rating span { top: 2px; }
+  .rbox-1 .ico-10 [class*="flaticon-"]:before, .rbox-1 .ico-10 [class*="flaticon-"]:after { font-size: 0.9rem; } 
+  .rbox-1 .ico-15 [class*="flaticon-"]:before, .rbox-1 .ico-15 [class*="flaticon-"]:after { font-size: 1rem; } 
+  .rbox-2 .ico-20 [class*="flaticon-"]:before, .rbox-2 .ico-20 [class*="flaticon-"]:after { font-size: 1.225rem; } 
+  .rbox-2 .ico-25 [class*="flaticon-"]:before, .rbox-2 .ico-25 [class*="flaticon-"]:after { font-size: 1.225rem; } 
+
+  /* TESTIMONIALS */
+  #reviews-4 .txt-block, #reviews-5 .txt-block { text-align: center; }
+  #reviews-4 .txt-block h2, #reviews-5 .txt-block h2 { font-size: 1.82142rem; padding: 0 2%; }  /* 25.5px */
+
+  .review-1 { padding: 30px 30px 24px; }
+  .review-2 { padding: 35px 15px 24px; }
+  .review-3, .review-4, .review-5 { padding: 35px 25px 24px; }
+
+  .review-txt { margin-top: -40px; }
+  .review-txt h6 { margin-bottom: 10px; }
+  .review-3 .review-txt p { font-size: 1rem; }  
+
+  .review-1 .author-data, .review-2 .author-data, 
+  .review-3 .author-data, .review-4 .author-data, .review-5 .author-data { margin-top: 20px; }
+
+  .review-avatar img, .owl-item .review-avatar img { width: 45px; height: 45px; }
+  .review-2 .review-avatar img, .review-3 .review-avatar img, .review-5 .review-avatar img { width: 45px; height: 45px; }
+
+  .review-author { padding: 0 0 0 12px; }
+  .review-1 .review-author, .review-2 .review-author, .review-3 .review-author, .review-5 .review-author { margin-top: 2px; }
+
+  .review-author h6 { margin-bottom: 8px; }
+  .review-1 .review-author h6, .review-2 .review-author h6, .review-3 .review-author h6, 
+  .review-4 .review-author h6, .review-5 .review-author h6 { font-size: 1.225rem; }
+
+  /* PRESS */
+  #press-01, #press-02, #press-03, #press-04, #press-05, #press-06, #press-07 { margin-bottom: 25px; }
+  .press-logo img { max-height: 70px; }
+  .press-txt { padding: 0 1%; margin-top: 8px; }
+
+  /* BRANDS */
+  #brands-3:after { height: 85%; }
+
+  .brands-title { padding: 0 3%; } 
+  .brands-title.mb-35, .brands-title.mb-40 { margin-bottom: 20px; }
+  .brands-title.mb-50 { margin-bottom: 25px; }
+
+  .brands-title h5.s-19 { font-size: 1.21428rem; }
+  .brands-title h4, .brands-title h3, .brands-title h2 { margin-bottom: 8px; }
+  .brands-title p.p-md, .brands-title p.p-lg { font-size: 1rem; }
+
+  .brands-3-wrapper, .brands-3-wrapper.brands-3-static { padding: 25px 15px; }
+
+  #brand-2-1, #brand-2-2, #brand-2-3, #brand-2-4, #brand-3-1, #brand-3-2, #brand-4-1, #brand-4-2, #brand-4-3, 
+  #brand-4-4, #brand-4-5, #brand-4-6, #brand-4-7, #brand-4-8, #brands-4 .brand-logo.mb-40 { margin-bottom: 25px; }
+  #brand-3-5 { display: none; }
+
+  #brands-1 .brands-carousel-6 .brand-logo, #brands-1 .brands-carousel-5 .brand-logo { padding: 0 15px; }   
+  #brands-1 .justify-content-center .brand-logo, #brands-4 .brand-logo { padding: 0 15px; }   
+  #brands-2 .brand-logo, #brands-3 .brand-logo, #brands-3 .brands-3-static .brand-logo { padding: 0 11px; } 
+
+  .brands-section .more-btn { margin-top: 30px; }
+
+  /* INTEGRATIONS */
+  #integrations-2 .container { max-width: 100%; }
+  .integrations-2-wrapper { padding: 60px 20px; margin: 0 -15px; border-radius: 0 0!important; }
+  .in_tool_logo.ico-65 img { width: 55px; height: 55px; }
+  .in_tool h6 { font-size: 1.125rem; }
+
+  #integrations-1 .in_tool-logo.ico-60 img { width: 48px; height: 48px; }
+  .integrations-1-wrapper .in_tool { padding: 15px 20px; }
+  .integrations-1-wrapper .in_tool.mb-30, .integrations-1-wrapper .it-7, .integrations-1-wrapper .it-8 { margin-bottom: 20px; }
+  .integrations-1-wrapper .in_tool-txt h6 { font-size: 1.25rem; line-height: 1; margin-top: 5px; }
+  .integrations-1-wrapper .in_tool-txt p { font-size: 1.0625rem; margin-top: 4px; }
+
+  .integrations-section .more-btn.mt-60, .integrations-section .more-btn.mt-70 { margin-top: 30px; }
+ 
+  /* PRICING */
+  .p-table { margin-bottom: 30px; }
+  .pricing-1-table, .text-center .pricing-1-table { padding: 35px 30px 30px; }
+  .pricing-2-table { padding: 35px 30px; }
+  .pricing-3-table { padding: 30px 30px 35px; }
+  .pricing-4-table { padding: 25px 30px; }
+
+  .pricing-table-header h5, .pricing-table-header h4 { font-size: 1.4285714rem!important; }
+
+  .pricing-discount { top: 0; right: -2px; padding: 6px 11px; }
+  .pricing-1-table .pricing-discount { top: -4px; right: 0; padding: 7px 13px; }
+  .text-center .pricing-1-table .pricing-discount { top: -32px; right: -5px; }
+  .pricing-discount h6 { font-size: 1rem; }
+  .pricing-1-table .pricing-discount h6 { font-size: 0.9rem; }
+  .p-table p.btn-txt { margin: 10px 0 0 0; }
+
+  /* Price */
+  .pricing-3-table .price.mt-25 { margin-top: 20px; }
+
+  .price span { font-size: 2.85rem; letter-spacing: -1.5px; } 
+  .pricing-2-table.highlight .price span { font-size: 2.6rem; } 
+  .pricing-3-table .price span { font-size: 4.285714rem; letter-spacing: -3px; } 
+  .pricing-4-table .price span { font-size: 2.85rem; } 
+
+  .price sup { font-size: 2.4rem; top: -2px; }
+  .pricing-3-table .price sup { font-size: 2.5rem; top: -16px; }
+  .pricing-4-table .price sup { font-size: 2.4rem; top: -2px; }
+
+  .pricing-3-table .price sup.coins { font-size: 2.5rem; top: -19px; letter-spacing: -2px; }
+
+  .price sup.validity { font-size: 1.285714rem; }
+  .pricing-3-table .price sup.validity { font-size: 1.285714rem; top: 0; margin-top: 20px; margin-bottom: 35px; }
+  .pricing-4-table .price sup.validity { font-size: 1.285714rem; left: 4px; top: 0; }
+
+  .text-center .price p, .text-center .pricing-2-table .price p { padding: 0; }
+  .pricing-4-table .price p { margin-top: 15px; margin-bottom: 10px; }
+
+  .pricing-1-table .pt-btn, .pricing-2-table .pt-btn, .pricing-3-table .pt-btn, 
+  .pricing-4-table .pt-btn,  .pricing-5-table .pt-btn, .pricing-6-table .pt-btn { margin-top: 20px; }
+
+  .pricing-2-table hr { margin-top: 20px; }
+
+  /* Pricing Features */
+  .pricing-features.mt-25 { margin-top: 12px; }
+  .pricing-features li, .pricing-4-table .pricing-features li { padding: 9px 8px; }
+
+  /* Pricing Notice */
+  .pricing-notice.mb-40 { margin-bottom: 20px; }
+  .col-lg-9 .pricing-notice p, .col-lg-10 .pricing-notice p { padding: 0; }
+
+  /* Pricing Toggle Button */
+  #pricing-4 .ext-toggle-btn { margin: 0 auto 25px; }
+  .toggle-btn-md .toggler-txt, .toggle-btn-lg .toggler-txt { font-size: 1.15rem; }
+
+  /* Pricing Compare */
+  .table-responsive.mb-50 { margin-bottom: 30px; }
+
+  .comp-table-rouded { padding: 10px 10px 0; }
+  .table>:not(caption)>*>* { padding-top: 9px; padding-bottom: 9px; }
+  .comp-table .table-responsive thead th { font-size: 0.9rem; }
+  .comp-table .table-responsive tbody th { font-size: 0.815rem; line-height: 1.25; }
+  .comp-table .table-responsive tbody td { font-size: 0.85rem; top: 0; line-height: 1.25; }
+
+  .comp-table .table-responsive tbody td span { top: 3px; }
+
+  .table-responsive .ico-15 [class*="flaticon-"]:before, 
+  .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.675rem; }
+
+  .table-responsive .ico-20 [class*="flaticon-"]:before, 
+  .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.835rem; }
+
+  #pbox-1, #pbox-2, #pbox-3 { margin-bottom: 30px; }
+  .pricing-section .txt-box-last { margin-bottom: 40px; }
+  .pricing-section .pm-last { margin-bottom: 40px; }
+  .comp-table-payment h6 { margin-bottom: 14px; }
+
+  /* TEAM */
+  #team-1.pb-40, #team-2.pb-40 { padding-bottom: 25px; }
+  .team-member.mb-40, .team-member.mb-50, .team-member.mb-60 { margin-bottom: 35px; }
+
+  .team-member-photo { margin-bottom: 22px; }
+  #team-1 .team-member-data, #team-2 .team-member-data { margin-left: 10px; }
+
+  .team-member-data h6.s-20 { font-size: 1.35714rem; margin-bottom: 6px; }   /* 19px */
+  .team-member-data p, .team-member-data p.p-md, .team-member-data p.p-lg { font-size: 1.15rem; }
+
+  ul.tm-social, #team-1 ul.tm-social { top: 0; right: 10px; }
+  .tm-social.ico-20 [class*="flaticon-"]:before, .tm-social.ico-20 [class*="flaticon-"]:after { font-size: 1.375rem; }
+
+  /* CAREERS */
+  #careers-1 { padding-bottom: 30px; }
+  .role-box { text-align: center; padding: 25px 30px; }
+  .role-box-txt span, #careers-1 .role-box span { margin-bottom: 10px; }
+  #careers-1 .role-box h6 { line-height: 1.4; margin-bottom: 4px; }
+  .role-box-txt h6 { line-height: 1.4; margin-bottom: 5px; }
+  .role-box-txt p { margin-bottom: 14px; }
+
+  /* CAREER ROLE */
+  #role-page .inner-page-title { margin-bottom: 20px; }
+  #role-page .inner-page-title span { margin-bottom: 20px; }
+  #role-page .inner-page-title p { padding: 0; }
+  .role-info hr, #role-page .cbox-6-wrapper { margin: 25px 0; }
+  .txt-block.role-info .btn { margin-top: 25px; }
+
+  /* BANNER */
+  #banner-12, #banner-13 { margin-top: 0; margin-bottom: 25px; }
+  #banner-9.py-70 { padding-top: 60px; padding-bottom: 60px; }
+
+  #banner-1 .container, #banner-2 .container, #banner-3 .container,
+  #banner-11 .container, #banner-12 .container, #banner-13 .container { max-width: 100%; }
+  .banner-1-wrapper, .banner-2-wrapper, .banner-3-wrapper,
+  .banner-11-wrapper, .banner-12-wrapper, .banner-13-wrapper { margin: 0 -15px; border-radius: 0 0!important; }
+
+  .banner-1-wrapper .banner-overlay, .banner-2-wrapper .banner-overlay, 
+  .banner-3-wrapper .banner-overlay { padding: 55px 15px 65px; }
+  .banner-1-wrapper .banner-overlay.sm-title { padding: 50px 20px 60px; }
+
+  #banner-5 .banner-overlay.pt-80.pb-90, #banner-7 .banner-overlay.pt-80.pb-90, #banner-6 .banner-overlay, 
+  #banner-8 .banner-overlay, #banner-14 .banner-overlay, #banner-15 .banner-overlay { padding-top: 50px; padding-bottom: 60px; }
+
+  #banner-10 .banner-overlay { padding-top: 60px; padding-bottom: 60px; }
+  .banner-11-wrapper .banner-overlay { overflow: hidden; padding: 50px 25px 0; border-radius: 0 0!important; } 
+  .banner-12-wrapper .banner-overlay{ overflow: visible; padding: 50px 25px 0; border-radius: 0 0!important; } 
+  .banner-13-wrapper .banner-overlay { overflow: visible; padding: 50px 25px 60px; border-radius: 0 0!important; } 
+  .banner-16-wrapper .banner-overlay { padding: 30px 10%; } 
+  
+  .banner-5-txt {padding: 0; }
+  .banner-8-txt {padding: 0 5%; }
+  .banner-12-txt, .banner-13-txt { margin-top: 0; padding-right: 0; }
+
+  .banner-section .section-id { margin-bottom: 18px; }
+  #banner-15.banner-section .section-id { margin-bottom: 22px; }
+
+  .banner-section h2, .banner-section h3 { font-size: 1.82142rem!important; }
+  .banner-1-txt h2 { margin-bottom: 12px; }
+  .banner-2-txt h2, .banner-10-txt h2 { margin-bottom: 25px; }
+  .banner-4-txt h2 { padding: 0 6%; margin-bottom: 22px; }
+  .banner-7-txt h2 { margin-bottom: 22px; }
+  .banner-10-txt h6 { margin-bottom: 5px; }
+  .banner-10-txt h2 { font-size: 3.25rem!important; margin-bottom: 18px; }
+  .banner-11-txt h2, .banner-12-txt h2, .banner-13-txt h2 { margin-bottom: 14px; }
+  .banner-15-txt h2 { margin-bottom: 25px; }
+  .banner-16-txt h4 { padding: 0 5%; margin-bottom: 10px; }
+  
+  .banner-section p.p-lg, .banner-section p.p-xl { font-size: 1.142857rem; margin-bottom: 20px; }
+  .sm-title .banner-1-txt p.p-lg, .sm-title .banner-1-txt p.p-xl,
+  .banner-6-txt p.p-lg, .banner-6-txt p.p-xl { margin-top: 12px; margin-bottom: 20px!important; }
+  .banner-3-txt p.p-lg, .banner-3-txt p.p-xl { margin-top: 10px; margin-bottom: 18px; }
+  .banner-5-txt p.p-lg, .banner-5-txt p.p-xl { margin-top: 12px; }
+  .banner-5-txt p.s-21, .banner-5-txt p.s-22 { margin-top: 11px;margin-bottom: 18px; }
+  .banner-9-txt p.p-lg, .banner-9-txt p.p-xl { margin-top: 10px; margin-bottom: 20px!important; }
+  .banner-11-txt p { padding-right: 0; }
+  .banner-14-txt p.p-lg { padding: 0 5%; margin-top: 18px; margin-bottom: 18px; }
+
+  .banner-5-txt .btns-group.mt-35 { margin-top: 18px; }
+  .banner-8-buttons { margin-top: 15px; padding: 0 4%; }
+  .banner-15-txt .download-links { margin-top: 15px; }
+  .banner-section .btns-group .btn:first-child { margin-right: 0; margin-left: 0; margin-bottom: 12px; }
+  .banner-16-txt .txt-block-tra-link.mt-15 { margin-top: 10px; }
+
+  .banner-9-img { margin: 35px 2% 0; }
+  .banner-10-img { margin: 35px 5% 0; }
+  .banner-11-img { margin: 30px 2% -20px; }
+  .banner-12-img { transform: rotate(0deg); margin: 30px 0 -40px; }
+
+  /* DOWNLOAD */
+  #download-1 { padding-bottom: 30px; }
+  .version-release { margin-bottom: 30px; }
+  .release-data h5 { margin-bottom: 30px!important; }
+
+  .release-data { padding-bottom: 20px; margin-bottom: 20px; } 
+  span.version-data { font-size: 1.5rem; margin-right: 5px; }
+  span.release-date span { font-size: 1.05rem; margin-left: 5px; }
+  .release-download { margin-top: 15px; }
+
+  /* FAQs */
+  #faqs-1, #faqs-4 { padding-bottom: 40px; }
+
+  /* FAQs Section Title */
+  #faqs-1 .section-title { margin-bottom: 19px; }
+  #faqs-2 .inner-page-title { margin-bottom: 24px; }
+  #faqs-3 .section-title { margin-bottom: 35px; }
+  #faqs-4 .inner-page-title { margin-bottom: 35px; }
+
+  #faqs-3 .section-title .contact-link { display: block; }
+
+  /* FAQs Accordion */
+  .faqs-section .accordion-thumb { padding: 16px 0 20px; }
+  #faqs-2.faqs-section .accordion-thumb { padding: 16px 0 21px; }
+
+  .faqs-section .accordion-item .accordion-thumb:after, 
+  .faqs-section .accordion-item.is-active .accordion-thumb:after { font-size: 0.875rem; top: 20px; right: 2px; }
+  #faqs-2.faqs-section .accordion-item .accordion-thumb:after, 
+  #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after { font-size: 0.875rem; top: 17px; right: 2px; }
+
+  .accordion-panel { padding: 0 0 5px 0; }
+  #faqs-2 .accordion-panel { padding: 25px 0 10px 0; } 
+  #faqs-2 .accordion-panel-item.mb-35, #faqs-3 .question.mb-35 { margin-bottom: 20px; }
+
+  .faqs-section .accordion-thumb h5 { line-height: 1.35; padding-right: 8%; }
+  .question h5, .accordion-panel-item h5 { line-height: 1.35; margin-bottom: 15px; }
+
+  /* FAQs Tabs */
+  .faqs-section .tabs-1 { margin: 0 5px 10px; }
+  .faqs-section .tabs-1 li { min-width: 100%; padding: 20px 0; margin: 0 0 15px; }
+
+  /* More Questions Link */
+  #faqs-2 .more-questions { margin: 40px auto 0; }
+  #faqs-3 .more-questions.mt-40 { margin-top: 15px; }
+  .more-questions-txt { padding: 14px 20px; }
+  .more-questions-txt p { font-size: 1.1rem; }
+
+  /* NEWSLETTER */
+  #newsletter-1 .newsletter-overlay, #newsletter-5 .newsletter-overlay { padding-top: 50px; padding-bottom: 40px; }  
+  #newsletter-2 .container { max-width: 100%; }
+  #newsletter-2 .newsletter-overlay { padding: 50px 8% 40px; margin: 0 -15px; border-radius: 0 0!important; }
+  #newsletter-3, #newsletter-4 .newsletter-overlay { padding-top: 50px; padding-bottom: 50px; }
+
+  #newsletter-4 .newsletter-txt, #newsletter-5 .newsletter-txt { padding: 0; }
+
+  .newsletter-txt h2, #newsletter-4 .newsletter-txt h2 { margin-bottom: 25px; }
+  .newsletter-txt h4, .newsletter-txt h3 { font-size: 1.642857rem; padding: 0; margin-bottom: 25px; }
+
+  #newsletter-3 .newsletter-txt p { padding: 0 2%; }
+  #newsletter-4 .newsletter-txt p { font-size: 1rem; padding: 0 2%; margin-bottom: 0; }
+  #newsletter-5 .newsletter-txt p { margin-top: 15px; }
+
+  #newsletter-1 .newsletter-form, #newsletter-2 .newsletter-form, 
+  #newsletter-3 .newsletter-form, #newsletter-4 .newsletter-form { padding: 0 3%; }
+  #newsletter-5 .newsletter-form { margin-top: 25px; padding: 0 3%; }
+
+  .newsletter-section .form-control, #newsletter-1.newsletter-section .form-control, 
+  #newsletter-5.newsletter-section .form-control { height: 46px; font-size: 1.0625rem; }
+  .newsletter-section .btn, #newsletter-1 .btn, #newsletter-5.newsletter-section .btn { height: 46px; font-size: 1.0625rem; }
+
+  /* BLOG */
+  #bp-1-1, #bp-1-2 { margin-bottom: 30px; }
+  .blog-post-img.mb-35 { margin-bottom: 25px; }
+  .post-tag { font-size: 0.825rem; margin-bottom: 14px; }
+
+  .blog-post-txt h6, .blog-post-txt h4.mb-20, .blog-post-txt h3 { margin-bottom: 10px; }
+  .blog-post-meta.mt-20, .blog-post-meta.mt-30 { margin-top: 14px; }
+
+  /* Blog Listing */
+  .wide-post { margin-bottom: 30px; }
+  .wide-post h3.s-36, .wide-post h3.s-38, .wide-post h3.s-40, .square-post h4.s-34 { font-size: 1.285714rem; }
+  .wide-post .blog-post-img { margin-bottom: 25px; }
+
+  .square-post { margin-top: 10px; margin-bottom: 40px; }
+  .square-post .blog-post-txt { padding: 40px 20px 35px; }
+
+  .posts-category { margin-top: 10px; margin-bottom: 30px; }
+  .posts-category span { top: 1.25px; }
+  .posts-category.ico-20 [class*="flaticon-"]:before, 
+  .posts-category .more-projects.ico-20 [class*="flaticon-"]:after { font-size: 1rem; } 
+
+  /* Single Blog Post */
+  .single-post-title h3, .single-post-title h2 { padding: 0 5%; margin-bottom: 20px; }
+  .single-post-title .blog-post-meta.mt-35 { margin-top: 22px; }
+  #single-post .post-meta-list .meta-list-divider { display: none!important; }
+  #single-post .post-meta-list li { display: block!important; margin-top: 10px; }
+  .post-inner-img { margin-top: 25px; margin-bottom: 25px; }
+
+  .single-post-txt h5, .single-post-txt h4 { margin-top: 15px; margin-bottom: 18px; }
+
+  .single-post-txt .blockquote p { font-size: 1.0625rem; margin-bottom: 25px; }
+  .single-post-txt .blockquote-footer { font-size: 1rem; line-height: 1.3; }
+
+  .post-share-list { margin-top: 30px; padding-bottom: 40px; }
+
+  .post-author { display: block!important; padding: 50px 0; }
+  .post-author-avatar { display: block!important; text-align: left; margin-right: 0; margin-bottom: 20px; }
+  .post-author-avatar img { width: 70px; height: 70px; }
+  .post-author-txt h5 { margin-bottom: 10px; }
+
+  .author-follow-btn { padding: 5px 12px; top: 130px; right: 10px; }
+
+  .post-comments { padding-top: 50px; }
+  .post-comments h5 { margin-bottom: 40px; }
+  .comment-body { margin-left: 15px; }
+  .post-comments img { width: 37px; height: 37px; }
+  .comment-meta { margin-bottom: 5px; }
+  .comment-meta h6 { margin-bottom: 5px; }
+  .comment-date, .btn-reply a { font-size: 0.95rem; } 
+  .btn-reply.ico-20 [class*="flaticon-"]:before, .btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 0.95rem; }
+
+  .post-comments #leave-comment h5 { margin-top: 50px; }
+
+  .comment-form p { margin-bottom: 10px; }
+
+  .comment-form { margin-top: 50px; }
+  .comment-form .btn { margin-top: 0; }
+
+  /* CONTACTS */
+  #contacts-1 .section-title p { padding: 0 3%; }
+  #contacts-1 .contact-form .contact-form-notice p { font-size: 0.875rem; margin-top: 30px; }
+
+  #contacts-1 .contact-form .col-md-12 span { line-height: 1.4; margin-bottom: 12px; }
+  .contact-form .form-control, .contact-form .form-select { height: 50px; }
+  .contact-form textarea { min-height: 170px; }
+  .contact-form textarea.form-control { padding: 15px; }
+
+  /* FOOTER */
+  .footer { padding-bottom: 30px; }
+  .footer hr { margin-top: 5px; margin-bottom: 30px; }
+
+  #footer-10.pt-50 { padding-top: 0; }
+
+  .footer .col-sm-4, .footer .col-sm-6, .footer .col-sm-8 { width: 50%!important; float: left; }
+  #footer-3.footer .col-sm-6.col-md-3 { width: 100%!important; float: none; }
+
+  .footer-info, #footer-2 .footer-info, .footer-links, .footer-stores-badge { margin-bottom: 35px; }
+  #footer-6 .footer-info, #footer-7 .footer-info { margin-top: 10px; margin-bottom: 0; }
+  #footer-10 .footer-info { margin-bottom: 25px; padding-bottom: 35px; }
+  #footer-8 .footer-links, #footer-10 .footer-links { margin-bottom: 10px; }
+
+  img.footer-logo, img.footer-logo-dark { max-height: 34px; }
+  #footer-1 .footer-logo, #footer-5 .footer-logo, #footer-6 .footer-logo, #footer-7 .footer-logo { margin-bottom: 22px; }
+  #footer-10 img.footer-logo { max-height: 34px; }
+
+  .footer h6 { font-size: 1.1785714rem; margin-bottom: 18px; } /* 16.5px */
+
+  .footer-mail-link { font-size: 1.0714285rem; } /* 15px */
+  .footer-mail-link span { top: 3px; right: 4px; }
+
+  #footer-8 .foo-links li { display: block!important; padding-left: 0; }
+  #footer-10 .foo-links li { padding: 0 8px; }
+
+  .foo-links.ico-10 li span { top: 1px; right: 3px; }
+  .foo-links li a span.ext-link { left: 3px; top: 0; }
+
+  .footer-stores-badge .store { display: block!important; text-align: left; margin-bottom: 15px; margin-right: 0; }
+
+  .footer-form { margin-right: 6%; }
+  #footer-9 .footer-form { margin-bottom: 0; }
+  .footer-form .form-control { font-size: 1.1rem; }
+  .footer-form .form-control, .footer-form .btn { height: 28px; }
+  .footer-form .ico-15 [class*="flaticon-"]:before, 
+  .footer-form .ico-15 [class*="flaticon-"]:after { font-size: 1.125rem; line-height: 22px!important; }
+
+  .bottom-footer-socials { margin-top: 10px; }
+  .bottom-footer-socials li { padding-left: 12px; }
+  .bottom-footer-socials li:first-child { padding-left: 0; }
+
+  .bottom-footer-list { margin-top: 3px; } 
+  #footer-4 .bottom-footer-list li, #footer-9 .bottom-footer-list li { padding-left: 8px; }
+  #footer-4 .bottom-footer-list li span, #footer-9 .bottom-footer-list li span { margin-right: 1px; }
+
+  .footer-list-divider { top: 0; }
+  .bottom-secondary-link p span { top: 1.5px; padding: 0 2px; }
+  .footer-info-copyright p span { top: 2px; padding: 0 2px; }
+
+  .footer-info-copyright.ico-15 [class*="flaticon-"]:before, 
+  .footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.815rem; }
+
+  /* INNER PAGE WRAPPER */
+  .inner-page-hero, .page-hero-section-overlay { padding-top: 60px; }
+
+  .inner-page-title { margin-bottom: 40px; }
+  .inner-page-title h2 { margin-bottom: 0; }
+  .inner-page-title p { font-size: 1.125rem; line-height: 1.6666; padding: 0 3%; margin-top: 12px; }
+  .page-hero-section h1 { line-height: 1.25; margin-bottom: 20px; }
+
+  /* PAGE PAGINATION */
+  .page-link { font-size: 0.95rem; padding: 2px 10px; }
+  .pagination.ico-20 [class*="flaticon-"]:before, .pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.75rem; } 
+
+  /* SIGN IN / SIGN UP */
+  #login, #signup, #reset-password { padding-top: 70px; padding-bottom: 70px; }
+  .login-page-logo { margin-bottom: 38px; }
+  .login-page-logo img { max-height: 36px; }
+
+  .register-form-title { margin-bottom: 25px; }
+  .register-form-title h3 { font-size: 1.57142rem; margin-bottom: 8px; }
+
+  .separator-line, .register-page-form p.input-header, .form-data span, .register-page-form .btn-google { font-size: 1rem; }
+  #signup .form-data span { font-size: 0.95rem; }
+  .reset-password-link p { font-size: 1rem; margin-top: 0; margin-bottom: 10px; }
+  .register-page-form p.create-account { font-size: 1rem; margin-top: 20px; }
+  .separator-line { margin: 20px 0; }
+
+  .reset-form-title { margin-bottom: 16px; }
+  .reset-form-title p.p-sm { font-size: 1rem; margin-top: 15px; }
+
+  .reset-page-wrapper { margin: 0 10px; }
+  .reset-page-wrapper form {  padding: 35px 10px 10px; }
+  #login .register-page-form, #signup .register-page-form { padding: 35px 20px; }
+  #login.login-1 .register-page-form, #signup.signup-1 .register-page-form { padding: 5px; }
+
+  .reset-page-wrapper .form-control, 
+  .register-page-form .form-control { height: 50px; font-size: 1.0625rem; padding: 5px 12px; margin-bottom: 20px; }
+  
+  #login .register-page-form .btn.submit { height: 50px; font-size: 1.0625rem; margin-top: 12px; }
+  #signup .register-page-form .btn.submit { height: 50px; font-size: 1.1rem; margin-top: 20px; }
+  .reset-page-wrapper .btn.submit { height: 50px; font-size: 1.0625rem; }
+  .btn-google img { width: 18px; height: 18px; top: -2px; right: 5px; }
+
+  .btn-show-pass { top: 16px; }
+
+  /* PAGE 404 */
+  .page-404-txt { padding-top: 80px; padding-bottom: 50px; }
+  .page-404-txt h2 { margin-bottom: 12px; } 
+  .page-404-txt h6 { padding: 0; line-height: 1.6; margin-bottom: 20px; }
+  .page-404-img { padding: 0 8%; margin-bottom: 30px; }
+
+  /* MODAL */
+  #modal-1 .modal-dialog { max-width: 280px; margin: auto auto; }
+  #modal-2 .modal-dialog { width: 300px; margin: auto auto; }
+  #modal-3 .modal-dialog.modal-xl { width: 290px; margin: auto auto; }
+
+  #modal-1.modal .btn-close { right: 10px!important; top: 10px!important; }
+
+  #modal-2 .modal-body-content { padding: 22px 25px 5px; }
+  #modal-3 .modal-body-content { padding: 25px 10px 15px; }
+
+  .modal-body .newsletter-form { margin-top: 15px; }
+  .modal .form-control, .modal .newsletter-form .btn { height: 46px; font-size: 1.0625rem; }
+
+  #modal-3 .request-form-title p { margin-top: 12px; margin-bottom: 16px; }
+  #modal-3 .request-form .form-control {  margin: 0 0 20px 0; }
+  #modal-3 .request-form .btn { height: 46px; font-size: 1rem; }
+
+
+
+}
\ No newline at end of file
diff --git a/public/css/skyblue-theme.css b/public/css/skyblue-theme.css
new file mode 100644
index 0000000..2b05fb9
--- /dev/null
+++ b/public/css/skyblue-theme.css
@@ -0,0 +1,11159 @@
+
+
+
+
+/*
+  Template Name: Martex - Software, App, SaaS & Startup Landing Pages Pack
+  Theme URL: https://themeforest.net/user/jthemes
+  Description: Martex - Software, App, SaaS & Startup Landing Pages Pack
+  Author: JThemes Studio
+  Author URL: https://themeforest.net/user/jthemes
+  Version: 1.0.0
+  Website: www.jthemes.com
+  Tags: Responsive, HTML5, JThemes, Landing, Software, Mobile App, SaaS, Startup, Creative, Digital Produc
+*/
+
+
+
+
+/* ==========================================================================
+  01. GENERAL & BASIC STYLES
+  =========================================================================== */
+
+html {
+  -webkit-font-smoothing: antialiased;
+  font-size: 16px;
+} 
+
+body {
+  font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  color: #6c757d;
+  line-height: 1.6666;
+  font-weight: 400;
+}
+
+/*------------------------------------------*/
+/*  PAGE CONTENT
+/*------------------------------------------*/
+
+#page,
+.hidd { 
+  overflow: hidden; 
+}
+
+.rel,
+section,
+.container { 
+  position: relative!important; 
+  z-index: 3; 
+}
+
+.section-overlay {
+  width: 100%;
+  height: 100%;
+}
+
+/*------------------------------------------*/
+/*  BLOCK SHADOW
+/*------------------------------------------*/
+
+.block-shadow { 
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+}
+
+/*------------------------------------------*/
+/*  BORDER SETTINGS
+/*------------------------------------------*/
+
+.block-border {
+  border: 1px solid #e7e7e7;
+}
+
+.block-border.block-shadow { 
+  border: 1px solid #f5f6f6;
+}
+
+.x-border {
+  border-top: 1px solid #e7e7e7;
+  border-bottom: 1px solid #e7e7e7;
+}
+
+.top-border {
+  border-top: 1px solid #e7e7e7;
+}
+
+.bottom-border {
+  border-bottom: 1px solid #e7e7e7;
+}
+
+/*------------------------------------------*/
+/*  BORDER RADIUS SETTING
+/*------------------------------------------*/ 
+
+.r-0 { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
+.r-02 { -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
+.r-04 { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
+.r-06 { -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
+.r-08 { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; }
+.r-10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
+.r-12 { -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; }
+.r-14 { -webkit-border-radius: 14px; -moz-border-radius: 14px; -o-border-radius: 14px; border-radius: 14px; }
+.r-16 { -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; }
+.r-18 { -webkit-border-radius: 18px; -moz-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; }
+.r-20 { -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
+.r-22 { -webkit-border-radius: 22px; -moz-border-radius: 22px; -o-border-radius: 22px; border-radius: 22px; }
+.r-24 { -webkit-border-radius: 24px; -moz-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; }
+.r-26 { -webkit-border-radius: 26px; -moz-border-radius: 26px; -o-border-radius: 26px; border-radius: 26px; }
+.r-28 { -webkit-border-radius: 28px; -moz-border-radius: 28px; -o-border-radius: 28px; border-radius: 28px; }
+.r-30 { -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; }
+.r-32 { -webkit-border-radius: 32px; -moz-border-radius: 32px; -o-border-radius: 32px; border-radius: 32px; }
+.r-34 { -webkit-border-radius: 34px; -moz-border-radius: 34px; -o-border-radius: 34px; border-radius: 34px; }
+.r-36 { -webkit-border-radius: 36px; -moz-border-radius: 36px; -o-border-radius: 36px; border-radius: 36px; }
+.r-100 { -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; }
+
+/*------------------------------------------*/
+/*  OPACITY SETTINGS
+/*------------------------------------------*/
+
+.o-0 { opacity: 0!important; }
+.o-10 { opacity: .1!important; }
+.o-15 { opacity: .15!important; }
+.o-20 { opacity: .2!important; }
+.o-25 { opacity: .25!important; }
+.o-30 { opacity: .3!important; }
+.o-35 { opacity: .35!important; }
+.o-40 { opacity: .4!important; }
+.o-45 { opacity: .45!important; }
+.o-50 { opacity: .5!important; }
+.o-55 { opacity: .55!important; }
+.o-60 { opacity: .60!important; }
+.o-65 { opacity: .65!important; }
+.o-70 { opacity: .7!important; }
+.o-75 { opacity: .75!important; }
+.o-80 { opacity: .8!important; }
+.o-85 { opacity: .85!important; }
+.o-90 { opacity: .9!important; }
+.o-95 { opacity: .95!important; }
+.o-100 { opacity: 1!important; }
+
+/*------------------------------------------*/
+/*  SPACING & INDENTS
+/*------------------------------------------*/
+
+.py-5 { padding-top: 5px; padding-bottom: 5px; }
+.py-10 { padding-top: 10px; padding-bottom: 10px; }
+.py-15 { padding-top: 15px; padding-bottom: 15px; }
+.py-20 { padding-top: 20px; padding-bottom: 20px; }
+.py-30 { padding-top: 30px; padding-bottom: 30px; }
+.py-40 { padding-top: 40px; padding-bottom: 40px; }
+.py-50 { padding-top: 50px; padding-bottom: 50px; }
+.py-60 { padding-top: 60px; padding-bottom: 60px; }
+.py-70 { padding-top: 70px; padding-bottom: 70px; }
+.py-80 { padding-top: 80px; padding-bottom: 80px; }
+.py-90 { padding-top: 90px; padding-bottom: 90px; }
+.py-100 { padding-top: 100px; padding-bottom: 100px; }
+
+.pt-30 { padding-top: 30px; }
+.pt-40 { padding-top: 40px; }
+.pt-50 { padding-top: 50px; }
+.pt-60 { padding-top: 60px; }
+.pt-70 { padding-top: 70px; }
+.pt-80 { padding-top: 80px; }
+.pt-90 { padding-top: 90px; }
+.pt-100 { padding-top: 100px; }
+
+.pb-30 { padding-bottom: 30px; }
+.pb-40 { padding-bottom: 40px; }
+.pb-50 { padding-bottom: 50px; }
+.pb-60 { padding-bottom: 60px; }
+.pb-70 { padding-bottom: 70px; }
+.pb-80 { padding-bottom: 80px; }
+.pb-90 { padding-bottom: 90px; }
+.pb-100 { padding-bottom: 100px; }
+
+.mt-10 { margin-top: 10px; }
+.mt-15 { margin-top: 15px; }
+.mt-20 { margin-top: 20px; }
+.mt-25 { margin-top: 25px; }
+.mt-30 { margin-top: 30px; }
+.mt-35 { margin-top: 35px; }
+.mt-40 { margin-top: 40px; }
+.mt-45 { margin-top: 45px; }
+.mt-50 { margin-top: 50px; }
+.mt-55 { margin-top: 55px; }
+.mt-60 { margin-top: 60px; }
+.mt-65 { margin-top: 65px; }
+.mt-70 { margin-top: 70px; }
+.mt-75 { margin-top: 75px; }
+.mt-80 { margin-top: 80px; }
+.mt-85 { margin-top: 85px; }
+.mt-90 { margin-top: 90px; }
+.mt-95 { margin-top: 95px; }
+.mt-100 { margin-top: 100px; }
+
+.mb-10 { margin-bottom: 10px; }
+.mb-15 { margin-bottom: 15px; }
+.mb-20 { margin-bottom: 20px; }
+.mb-25 { margin-bottom: 25px; }
+.mb-30 { margin-bottom: 30px; }
+.mb-35 { margin-bottom: 35px; }
+.mb-40 { margin-bottom: 40px; }
+.mb-45 { margin-bottom: 45px; }
+.mb-50 { margin-bottom: 50px; }
+.mb-55 { margin-bottom: 55px; }
+.mb-60 { margin-bottom: 60px; }
+.mb-65 { margin-bottom: 65px; }
+.mb-70 { margin-bottom: 70px; }
+.mb-75 { margin-bottom: 75px; }
+.mb-80 { margin-bottom: 80px; }
+.mb-85 { margin-bottom: 85px; }
+.mb-90 { margin-bottom: 90px; }
+.mb-95 { margin-bottom: 95px; }
+.mb-100 { margin-bottom: 100px; }
+
+.ml-5 { margin-left: 5px; }
+.ml-10 { margin-left: 10px; }
+.ml-15 { margin-left: 15px; }
+.ml-20 { margin-left: 20px; }
+.ml-25 { margin-left: 25px; }
+.ml-30 { margin-left: 30px; }
+
+.mr-5 { margin-right: 5px; }
+.mr-10 { margin-right: 10px; }
+.mr-15 { margin-right: 15px; }
+.mr-20 { margin-right: 20px; }
+.mr-25 { margin-right: 25px; }
+.mr-30 { margin-right: 30px; }
+
+/*------------------------------------------*/
+/*  BACKGROUND SETTINGS
+/*------------------------------------------*/
+
+.bg--fixed,
+.bg--scroll {
+  width: 100%;
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+}
+
+.bg--fixed {
+  background-attachment: scroll!important;
+}
+
+.bg--scroll {
+  background-attachment: fixed!important;
+}
+
+/*------------------------------------------*/
+/*  BACKGROUND COLORS
+/*------------------------------------------*/
+
+.bg--white-500 { background-color: #f2f4f8; }
+.bg--white-400 { background-color: #f4f4f9; }
+.bg--white-300 { background-color: #f7f8f9; }
+.bg--white-200 { background-color: #fbfbfd; }
+.bg--white-100 { background-color: #fff; }
+
+.bg--black-500 { background-color: #22223b; }
+.bg--black-400 { background-color: #2e3648; }
+.bg--black-300 { background-color: #394455; }
+.bg--black-200 { background-color: #e1e3e5; }
+.bg--black-100 { background-color: #ecf1f4; }
+
+.bg--blue-500 { background-color: #185abd; }
+.bg--blue-400 { background-color: #1680fb; }
+.bg--blue-300 { background-color: #3eb1ff; }
+.bg--blue-200 { background-color: #ddedff; }
+.bg--blue-100 { background-color: #f4f9fc; }
+
+.bg--green-500 { background-color: #00a14e; }
+.bg--green-400 { background-color: #0fbc49; }
+.bg--green-300 { background-color: #6fd792; }
+.bg--green-200 { background-color: #cff2db; }
+.bg--green-100 { background-color: #e9f8f2; }
+
+.bg--pink-500 { background-color: #ff149c; }
+.bg--pink-400 { background-color: #f74780; }
+.bg--pink-300 { background-color: #fcb5cc; }
+.bg--pink-200 { background-color: #fee4ec; }
+.bg--pink-100 { background-color: #feecf2; }
+
+.bg--purple-5000 { background-color: #663ae9; }
+.bg--purple-500 { background-color: #7827e6; }
+.bg--purple-400 { background-color: #7b5dd6; }
+.bg--purple-300 { background-color: #bdaeea; }
+.bg--purple-200 { background-color: #e5deff; }
+.bg--purple-100 { background-color: #f1edff; }
+
+.bg--red-500 { background-color: #da0f29; }
+.bg--red-400 { background-color: #ff1e1a; }
+.bg--red-300 { background-color: #ffa5a3; }
+.bg--red-200 { background-color: #ffd2d1; }
+.bg--red-100 { background-color: #fce7e4; }
+
+.bg--violet-500 { background-color: #c73e9b; }
+.bg--violet-400 { background-color: #be6cbe; }
+.bg--violet-300 { background-color: #e2bde2; }
+.bg--violet-200 { background-color: #f1cde5; }
+.bg--violet-100 { background-color: #f7e4f1; }
+
+.bg--yellow-500 { background-color: #ffba01; }
+.bg--yellow-400 { background-color: #ffbd45; }
+.bg--yellow-300 { background-color: #ffdf35; }
+.bg--yellow-200 { background-color: #fef5cd; }
+.bg--yellow-100 { background-color: #fef9e5; }
+
+.bg--tra-black { background-color: rgba(0, 0, 0, .04); }
+.bg--tra-white { background-color: rgba(255, 255, 255, .15); }
+.bg--primary-blue { background-color: #2160fd; }
+.bg--light-grey { background-color: #f0f3ff; }
+.bg--snow { background-color: #fdfdfd; }
+
+/*------------------------------------------*/
+/*  GRADIENT COLOR BACKGROUND
+/*------------------------------------------*/
+
+.gr--ghost { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); }
+.gr--snow { background-image: linear-gradient(to left, #f3edf7, #f9f6fa); }
+.gr--cotton { background-image: linear-gradient(180deg, rgba(223, 225, 250, .8) 50%, rgba(223, 225, 250, .05) 100%); }
+.gr--ghostwhite { background-image: linear-gradient(to left, #e9e9f5, #f4f4f9); }
+.gr--smoke { background: linear-gradient(180deg, #f8f9fe 0%, #f4f4f9 100%); }
+.gr--whitesmoke { background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%); }
+.gr--perl { background-image: linear-gradient(180deg, rgba(236, 234, 253, .8) 50%, rgba(236, 234, 253, .05) 100%); }
+
+/*------------------------------------------*/
+/*  BACKGROUND SHAPE
+/*------------------------------------------*/
+
+.shape--01:after,
+.shape--02:after,
+.shape--03:after,
+.shape--04:after,
+.shape--05:after,
+.shape--06:after,
+.shape--07:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+}
+
+.shape--02.r-24:after {
+  -webkit-border-radius: 24px;
+  -moz-border-radius: 24px;
+  -o-border-radius: 24px;
+  border-radius: 24px;
+}
+
+.shape--01:after {
+  width: 150%;
+  height: 80%;
+  top: 13%;
+  left: -25%;
+}
+
+.shape--02:after {
+  width: 86%;
+  height: 80%;
+  top: 13%;
+  left: 7%;
+}
+
+.shape--03:after {
+  width: 78%;
+  height: 120%;
+  top: -60px;
+  left: 11%;
+  -webkit-border-radius: 24px;
+  -moz-border-radius: 24px;
+  -o-border-radius: 24px;
+  border-radius: 24px;
+}
+
+.shape--04:after {
+  width: 100%;
+  height: 80%;
+  top: 10%;
+  left: 0;
+}
+
+.shape--05:after {
+  width: 150%;
+  height: 90%;
+  top: 0;
+  left: -25%;
+}
+
+.shape--06:after {
+  width: 150%;
+  height: 75%;
+  top: 0;
+  left: -25%;
+}
+
+.shape--07:after {
+  width: 200%;
+  height: 50%;
+  top: 37%;
+  left: -50%;
+}
+
+.shape--whitesmoke:after { background-color: rgba(123, 104, 238, .05); }
+
+.shape--white-500:after { background-color: #f2f4f8; }
+.shape--white-400:after { background-color: #f4f4f9; }
+.shape--white-300:after { background-color: #f7f8f9; }
+.shape--white-200:after { background-color: #fbfbfd; }
+
+.shape--black-500:after { background-color: #22223b; }
+.shape--black-400:after { background-color: #2e3648; }
+.shape--black-300:after { background-color: #394455; }
+.shape--black-200:after { background-color: #e1e3e5; }
+.shape--black-100:after { background-color: #ecf1f4; }
+
+.shape--blue-500:after { background-color: #185abd; }
+.shape--blue-400:after { background-color: #1680fb; }
+.shape--blue-300:after { background-color: #3eb1ff; }
+.shape--blue-200:after { background-color: #ddedff; }
+.shape--blue-100:after { background-color: #f4f9fc; }
+
+.shape--green-500:after { background-color: #00a14e; }
+.shape--green-400:after { background-color: #0fbc49; }
+.shape--green-300:after { background-color: #6fd792; }
+.shape--green-200:after { background-color: #cff2db; }
+.shape--green-100:after { background-color: #e9f8f2; }
+
+.shape--pink-500:after { background-color: #ff149c; }
+.shape--pink-400:after { background-color: #f74780; }
+.shape--pink-300:after { background-color: #fcb5cc; }
+.shape--pink-200:after { background-color: #fee4ec; }
+.shape--pink-100:after { background-color: #feecf2; }
+
+.shape--purple-500:after { background-color: #663ae9; }
+.shape--purple-400:after { background-color: #7b5dd6; }
+.shape--purple-300:after { background-color: #bdaeea; }
+.shape--purple-200:after { background-color: #e5deff; }
+.shape--purple-100:after { background-color: #f1edff; }
+
+.shape--red-500:after { background-color: #da0f29; }
+.shape--red-400:after { background-color: #ff1e1a; }
+.shape--red-300:after { background-color: #ffa5a3; }
+.shape--red-200:after { background-color: #ffd2d1; }
+.shape--red-100:after { background-color: #fce7e4; }
+
+.shape--violet-500:after { background-color: #c73e9b; }
+.shape--violet-400:after { background-color: #be6cbe; }
+.shape--violet-300:after { background-color: #e2bde2; }
+.shape--violet-200:after { background-color: #f1cde5; }
+.shape--violet-100:after { background-color: #f7e4f1; }
+
+.shape--gr-ghost:after { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); }
+.shape--gr-whitesmoke:after {background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%);}
+
+/*------------------------------------------*/
+/*  BACKGROUND PATTERN
+/*------------------------------------------*/
+
+.pattern-01, 
+.pattern-02, 
+.pattern-03, 
+.pattern-04, 
+.pattern-05 {
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+}
+
+.pattern-01 { background-image: url(../images/pattern-01.png); }
+.pattern-02 { background-image: url(../images/pattern-02.png); }
+.pattern-03 { background-image: url(../images/pattern-03.png); }
+.pattern-04 { background-image: url(../images/pattern-04.png); }
+/* .pattern-05 { background-image: url(../images/pattern-05.png); } */
+
+/*------------------------------------------*/
+/*  BACKGROUND IMAGE
+/*------------------------------------------*/
+
+.bg--01, .bg--02, .bg--03, .bg--04, 
+.bg--05, .bg--06, .bg--07, .bg--08 {
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+}
+
+.bg--01 { background-image: url(../images/bg-01.jpg); }
+.bg--02 { background-image: url(../images/bg-02.jpg); }
+.bg--03 { background-image: url(../images/bg-03.jpg); }
+.bg--04 { background-image: url(../images/bg-04.jpg); }
+.bg--05 { background-image: url(../images/bg-05.jpg); }
+.bg--06 { background-image: url(../images/bg-06.jpg); }
+.bg--07 { background-image: url(../images/bg-07.jpg); }
+.bg--08 { background-image: url(../images/bg-08.jpg); }
+
+/*------------------------------------------*/
+/*  SECTION DIVIDER
+/*------------------------------------------*/
+
+hr.divider {
+  width: 100%;
+  height: 1px;
+  background-color: transparent;
+  background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #bbb 38%, #bbb 64%, rgba(206,211,246,0) 99%);
+  opacity: .4;
+  border: none;
+  margin: 0;
+}
+
+/*------------------------------------------*/
+/*  WAVE SHAPE BOTTOM
+/*------------------------------------------*/
+
+.wave-shape-bottom {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+}
+
+
+
+
+/* ==========================================================================
+  02. TYPOGRAPHY
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  HEADERS
+/*------------------------------------------*/
+
+h1, h2, h3, h4, h5, h6 {  
+  color: #353f4f;
+  font-weight: 600;
+  letter-spacing: 0;
+  margin-bottom: 0;
+}
+
+.font--jakarta h1,
+.font--jakarta h2,
+.font--jakarta h3,
+.font--jakarta h4,
+.font--jakarta h5,
+.font--jakarta h6 {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  line-height: 1.35;
+}
+
+.font--jakarta h1,
+.font--jakarta h2 {
+  line-height: 1.25;
+}
+
+.font--inter h1,
+.font--inter h2,
+.font--inter h3,
+.font--inter h4,
+.font--inter h5,
+.font--inter h6 {
+  font-family: 'Inter', sans-serif;
+  letter-spacing: -0.5px;
+}
+
+/*------------------------------------------*/
+/*  PARAGRAPHS
+/*------------------------------------------*/
+
+p.p-sm { font-size: 0.9375rem; }   /* 15px */
+p { font-size: 1rem; }             /* 16px */
+p.p-md { font-size: 1.0625rem; }   /* 17px */
+p.p-lg { font-size: 1.125rem; }    /* 18px */
+p.p-xl { font-size: 1.2rem; }      /* 19.2px */
+
+/*------------------------------------------*/
+/*  FONT SIZE
+/*------------------------------------------*/
+
+.s-15 { font-size: 0.9375rem; }  /* 15px */
+.s-16 { font-size: 1rem; }       /* 16px */
+.s-17 { font-size: 1.0625rem; }  /* 17px */
+.s-18 { font-size: 1.125rem; }   /* 18px */
+.s-19 { font-size: 1.1875rem; }  /* 19px */
+.s-20 { font-size: 1.25rem; }    /* 20px */
+.s-21 { font-size: 1.3125rem; }  /* 21px */
+.s-22 { font-size: 1.375rem; }   /* 22px */
+.s-23 { font-size: 1.4375rem; }  /* 23px */
+.s-24 { font-size: 1.5rem; }     /* 24px */
+.s-26 { font-size: 1.625rem; }   /* 26px */
+.s-28 { font-size: 1.75rem; }    /* 28px */
+.s-30 { font-size: 1.875rem; }   /* 30px */
+.s-32 { font-size: 2rem; }       /* 32px */
+.s-34 { font-size: 2.125rem; }   /* 34px */
+.s-36 { font-size: 2.25rem; }    /* 36px */
+.s-38 { font-size: 2.375rem; }   /* 38px */
+.s-40 { font-size: 2.5rem; }     /* 40px */
+.s-42 { font-size: 2.625rem; }   /* 42px */
+.s-43 { font-size: 2.6875rem; }  /* 43px */
+.s-44 { font-size: 2.75rem; }    /* 44px */
+.s-45 { font-size: 2.8125rem; }  /* 45px */
+.s-46 { font-size: 2.875rem; }   /* 46px */
+.s-47 { font-size: 2.9375rem; }  /* 47px */
+.s-48 { font-size: 3rem; }       /* 48px */
+.s-50 { font-size: 3.125rem; }   /* 50px */
+.s-52 { font-size: 3.25rem; }    /* 52px */
+.s-54 { font-size: 3.375rem; }   /* 54px */
+.s-56 { font-size: 3.5rem; }     /* 56px */
+.s-58 { font-size: 3.625rem; }   /* 58px */
+.s-60 { font-size: 3.75rem; }    /* 60px */
+.s-62 { font-size: 3.875rem; }   /* 62px */
+.s-64 { font-size: 4rem; }       /* 64px */
+.s-66 { font-size: 4.125rem; }   /* 66px */
+.s-68 { font-size: 4.25rem; }    /* 68px */
+.s-70 { font-size: 4.375rem; }   /* 70px */
+.s-72 { font-size: 4.5rem; }     /* 72px */
+.s-74 { font-size: 4.625rem; }   /* 74px */
+.s-76 { font-size: 4.75rem; }    /* 76px */
+.s-78 { font-size: 4.875rem; }   /* 78px */
+.s-80 { font-size: 5rem; }       /* 80px */
+
+/*------------------------------------------*/
+/*  FONT WEIGHT
+/*------------------------------------------*/
+
+.txt-upcase { 
+  text-transform: uppercase 
+}
+
+.w-200 { font-weight: 200; }
+.w-300 { font-weight: 300; }
+.w-400 { font-weight: 400; }
+.w-500 { font-weight: 500; }
+.w-600 { font-weight: 600; }
+.w-700 { font-weight: 700; }
+.w-800 { font-weight: 800; }
+.w-900 { font-weight: 900; }  
+
+/*------------------------------------------*/
+/*  LINK SETTINGS
+/*------------------------------------------*/
+
+a {
+  color: #6c757d;
+  text-decoration: none;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+a:hover {
+  color: #353f4f!important;
+  text-decoration: none;
+}
+
+a:focus {
+  outline: none;
+  text-decoration: none;
+}
+
+a.tra-link {
+  font-size: 1rem;
+  line-height: 1;
+  font-weight: 500;
+}
+
+a.tra-link span {
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.tra-link.ico-20 [class*="flaticon-"]:before, 
+.tra-link.ico-20 [class*="flaticon-"]:after { 
+  position: relative;
+  font-size: 0.75rem; 
+  line-height: 0.7rem!important;
+  top: 2px;
+  left: 2px;
+}
+
+a.tra-link:hover span {
+  color: #353f4f!important;
+}
+
+/*------------------------------------------*/
+/*  LISTS
+/*------------------------------------------*/
+
+ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+} 
+
+/*------------------------------------------*/
+/*  TEXT LIST
+/*------------------------------------------*/
+
+ul.simple-list {
+  list-style: disc;
+  margin-left: 15px;
+}
+
+ul.simple-list.long-list p {
+  margin-bottom: 8px;
+}
+
+/*------------------------------------------*/
+/*  DIGIT LIST
+/*------------------------------------------*/
+
+ol.digit-list {
+  padding: 0;
+  margin-left: 15px;
+}
+
+ol.digit-list p {
+  margin-bottom: 8px;
+}
+
+/*------------------------------------------*/
+/*  BUTTON SETTINGS
+/*------------------------------------------*/
+
+.btn {
+  background-color: transparent;
+  font-size: 1rem;
+  line-height: 1;
+  font-weight: 500;
+  padding: 0.9rem 1.8rem;
+  border: 2px solid transparent;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.btn.btn-sm {
+  font-size: 0.975rem;
+  padding: 0.7rem 1.5rem;
+}
+
+.btn.ico-30.ico-left,
+.btn.ico-30.ico-right {
+  padding: 0.37rem 0;
+}
+
+/*------------------------------------------*/
+/*  Buttons Group
+/*------------------------------------------*/
+
+.text-center .btns-group {
+  display: inline-block;
+}
+
+.btns-group .btn:first-child {
+  margin-right: 15px;
+}
+
+.btns-group .btn.ico-30.ico-left {
+  padding: 0.37rem 0.5rem;
+}
+
+.btns-group .btn.ico-30.ico-right {
+  padding: 0.37rem 0;
+}
+
+/*------------------------------------------*/
+/*  Button Icon
+/*------------------------------------------*/
+
+.btn.ico-20 [class*="flaticon-"]:before, 
+.btn.ico-20 [class*="flaticon-"]:after { 
+  position: relative;
+  font-size: 1rem; 
+  line-height: 0.7rem!important;
+  top: 4px;
+}
+
+.btn.ico-left span {
+  margin-right: 5px;
+}
+
+.btn.ico-right span {
+  margin-left: 5px;
+}
+
+.btn.ico-30.ico-left span {
+  position: relative;
+  top: 0;
+  right: 4px;
+}
+
+.btn.ico-30.ico-right span {
+  position: relative;
+  top: 0;
+  left: 4px;
+}
+
+.btn.ico-30.ico-left span.ico-30-txt,
+.btn.ico-30.ico-right span.ico-30-txt {
+  position: relative;
+  top: -10px;
+  right: 0;
+}
+
+.btn.ico-30.ico-right span.ico-30-txt {
+  left: 0;
+}
+
+/*------------------------------------------*/
+/*  Button Text
+/*------------------------------------------*/
+
+p.btn-txt {
+  margin: 20px 0 0 0;
+}
+
+.btn-rating p.btn-txt {
+  margin: 0;
+}
+
+.star-rating span.rating-txt {
+  font-size: 0.9375rem;
+}
+
+p.btns-group-txt {
+  margin: 14px 0 0 0;
+}
+
+.btn-rating {
+  margin-top: 18px;
+}
+
+.text-center p.btns-group-txt {
+  margin-top: 20px;
+}
+
+p.btn-txt.ico-15,
+p.btns-group-txt.ico-15 {
+  padding-left: 5px;
+}
+
+.text-center p.btn-txt.ico-15,
+.text-center p.btns-group-txt.ico-15 {
+  padding-left: 0;
+}
+
+p.btn-txt span,
+p.btns-group-txt span {
+  position: relative;
+  top: 0.5px;
+  right: 2px;
+}
+
+p.btns-group-txt span.txt-data {
+  display: block;
+  top: 0;
+  right: 0;
+}
+
+p.btns-group-txt span.txt-data a {
+  margin-left: 4px;
+  text-decoration: underline;
+}
+
+p.btns-group-txt span.txt-data a:hover {
+  text-decoration: none;
+}
+
+.hero-section .color--white p.btns-group-txt span.txt-data a:hover {
+  color: #fff!important;
+}
+
+.btn-txt.ico-15 [class*="flaticon-"]:before, 
+.btn-txt.ico-15 [class*="flaticon-"]:after,
+.btns-group-txt.ico-15 [class*="flaticon-"]:before, 
+.btns-group-txt.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+.star-rating.ico-15 [class*="flaticon-"]:before, 
+.star-rating.ico-15 [class*="flaticon-"]:after { position: relative; font-size: 1rem; top: 3px; }
+
+/*------------------------------------------*/
+/*  TRANSPARENT BUTTON
+/*------------------------------------------*/
+
+.btn--tra {
+  color: #fff!important;
+  border-color: transparent!important;
+  background-color: rgba(255, 255, 255, .2)!important;
+}
+
+/*------------------------------------------*/
+/*  WHITE BUTTON
+/*------------------------------------------*/
+
+.btn--transparent {
+  color: #353f4f;
+  background-color: transparent;
+  border-color: transparent;
+}
+
+.btn--transparent:hover {
+  background-color: transparent!important;
+  border-color: transparent!important;
+} 
+
+.btn--white,
+.hover--white:hover {
+  color: #353f4f!important;
+  background-color: #fff!important;
+  border-color: #fff!important;
+}
+
+.btn--tra-white,
+.hover--tra-white:hover {
+  color: #fff!important;
+  background-color: transparent!important;
+  border-color: #fff!important;
+}
+
+.white-scroll .scroll .hover--tra-white:hover {
+  color: #353f4f!important;
+  background-color: transparent!important;
+  border-color: #353f4f!important;
+}
+
+/*------------------------------------------*/
+/*  BLACK BUTTON
+/*------------------------------------------*/
+
+.btn--black,
+.hover--black:hover {
+  color: #fff!important;
+  background-color: #353f4f!important;
+  border-color: #353f4f!important;
+}
+
+.btn--tra-black,
+.hover--tra-black:hover {
+  color: #353f4f!important;
+  background-color:transparent!important;
+  border-color: #353f4f!important;
+}
+
+/*------------------------------------------*/
+/*  GREY BUTTON
+/*------------------------------------------*/
+
+.btn--tra-grey, 
+.hover--tra-grey:hover,
+.white-scroll .scroll .hover--tra-grey:hover,
+.black-scroll .scroll .hover--tra-grey:hover  {
+  color: #353f4f!important;
+  background-color: transparent!important;
+  border-color: #ccc!important;
+}
+
+/*------------------------------------------*/
+/*  BLUE BUTTON
+/*------------------------------------------*/
+
+.btn--blue-500, .hover--blue-500:hover,
+.white-scroll .scroll .hover--blue-500:hover,
+.black-scroll .scroll .hover--blue-500:hover {
+  color: #fff!important;
+  border-color: #185abd!important;
+  background-color: #185abd!important;
+}
+
+.btn--blue-400, .hover--blue-400:hover,
+.white-scroll .scroll .hover--blue-400:hover,
+.black-scroll .scroll .hover--blue-400:hover {
+  color: #fff!important;
+  border-color: #1680fb!important;
+  background-color: #1680fb!important;
+}
+
+.btn--blue-300, .hover--blue-300:hover,
+.white-scroll .scroll .hover--blue-300:hover,
+.black-scroll .scroll .hover--blue-300:hover {
+  color: #fff!important;
+  border-color: #3eb1ff!important;
+  background-color: #3eb1ff!important;
+}
+
+.btn--blue-200, .hover--blue-200:hover,
+.white-scroll .scroll .hover--blue-200:hover,
+.black-scroll .scroll .hover--blue-200:hover {
+  color: #1680fb!important;
+  border-color: #e3ebfe!important;
+  background-color: #e3ebfe!important;
+}
+
+.btn--blue-100, .hover--blue-100:hover,
+.white-scroll .scroll .hover--blue-100:hover,
+.black-scroll .scroll .hover--blue-100:hover {
+  color: #1680fb!important;
+  border-color: #1680fb!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  GREEN BUTTON
+/*------------------------------------------*/
+
+.btn--green-500, .hover--green-500:hover,
+.white-scroll .scroll .hover--green-500:hover,
+.black-scroll .scroll .hover--green-500:hover {
+  color: #fff!important;
+  border-color: #00a14e!important;
+  background-color: #00a14e!important;
+}
+
+.btn--green-400, .hover--green-400:hover,
+.white-scroll .scroll .hover--green-400:hover,
+.black-scroll .scroll .hover--green-400:hover {
+  color: #fff!important;
+  border-color: #0fbc49!important;
+  background-color: #0fbc49!important;
+}
+
+.btn--green-300, .hover--green-300:hover,
+.white-scroll .scroll .hover--green-300:hover,
+.black-scroll .scroll .hover--green-300:hover {
+  color: #fff!important;
+  border-color: #6fd792!important;
+  background-color: #6fd792!important;
+}
+
+.btn--green-200, .hover--green-200:hover,
+.white-scroll .scroll .hover--green-200:hover,
+.black-scroll .scroll .hover--green-200:hover {
+  color: #0fbc49!important;
+  border-color: #cff2db!important;
+  background-color: #cff2db!important;
+}
+
+.btn--green-100, .hover--green-100:hover,
+.white-scroll .scroll .hover--green-100:hover,
+.black-scroll .scroll .hover--green-100:hover {
+  color: #0fbc49!important;
+  border-color: #0fbc49!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  PINK BUTTON
+/*------------------------------------------*/
+
+.btn--pink-500, .hover--pink-500:hover,
+.white-scroll .scroll .hover--pink-500:hover,
+.black-scroll .scroll .hover--pink-500:hover {
+  color: #fff!important;
+  border-color: #ff149c!important;
+  background-color: #ff149c!important;
+}
+
+.btn--pink-400, .hover--pink-400:hover,
+.white-scroll .scroll .hover--pink-400:hover,
+.black-scroll .scroll .hover--pink-400:hover {
+  color: #fff!important;
+  border-color: #f74780!important;
+  background-color: #f74780!important;
+}
+
+.btn--pink-300, .hover--pink-300:hover,
+.white-scroll .scroll .hover--pink-300:hover,
+.black-scroll .scroll .hover--pink-300:hover {
+  color: #fff!important;
+  border-color: #fcb5cc!important;
+  background-color: #fcb5cc!important;
+}
+
+.btn--pink-200, .hover--pink-200:hover,
+.white-scroll .scroll .hover--pink-200:hover,
+.black-scroll .scroll .hover--pink-200:hover {
+  color: #f74780!important;
+  border-color: #fee4ec!important;
+  background-color: #fee4ec!important;
+}
+
+.btn--pink-100, .hover--pink-100:hover,
+.white-scroll .scroll .hover--pink-100:hover,
+.black-scroll .scroll .hover--pink-100:hover {
+  color: #f74780!important;
+  border-color: #f74780!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  PURPLE BUTTON
+/*------------------------------------------*/
+
+.btn--purple-500, .hover--purple-500:hover,
+.white-scroll .scroll .hover--purple-500:hover,
+.black-scroll .scroll .hover--purple-500:hover {
+  color: #fff!important;
+  border-color: #663ae9!important;
+  background-color: #663ae9!important;
+}
+
+.btn--purple-400, .hover--purple-400:hover,
+.white-scroll .scroll .hover--purple-400:hover,
+.black-scroll .scroll .hover--purple-400:hover {
+  color: #fff!important;
+  border-color: #7b5dd6!important;
+  background-color: #7b5dd6!important;
+}
+
+.btn--purple-300, .hover--purple-300:hover,
+.white-scroll .scroll .hover--purple-300:hover,
+.black-scroll .scroll .hover--purple-300:hover {
+  color: #fff!important;
+  border-color: #bdaeea!important;
+  background-color: #bdaeea!important;
+}
+
+.btn--purple-200, .hover--purple-200:hover,
+.white-scroll .scroll .hover--purple-200:hover,
+.black-scroll .scroll .hover--purple-200:hover {
+  color: #7b5dd6!important;
+  border-color: #e5deff!important;
+  background-color: #e5deff!important;
+}
+
+.btn--purple-100, .hover--purple-100:hover,
+.white-scroll .scroll .hover--purple-100:hover,
+.black-scroll .scroll .hover--purple-100:hover {
+  color: #7b5dd6!important;
+  border-color: #7b5dd6!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  RED BUTTON
+/*------------------------------------------*/
+
+.btn--red-500, .hover--red-500:hover,
+.white-scroll .scroll .hover--red-500:hover,
+.black-scroll .scroll .hover--red-500:hover {
+  color: #fff!important;
+  border-color: #da0f29!important;
+  background-color: #da0f29!important;
+}
+
+.btn--red-400, .hover--red-400:hover,
+.white-scroll .scroll .hover--red-400:hover,
+.black-scroll .scroll .hover--red-400:hover {
+  color: #fff!important;
+  border-color: #ff1e1a!important;
+  background-color: #ff1e1a!important;
+}
+
+.btn--red-300, .hover--red-300:hover,
+.white-scroll .scroll .hover--red-300:hover,
+.black-scroll .scroll .hover--red-300:hover {
+  color: #fff!important;
+  border-color: #ffa5a3!important;
+  background-color: #ffa5a3!important;
+}
+
+.btn--red-200, .hover--red-200:hover,
+.white-scroll .scroll .hover--red-200:hover,
+.black-scroll .scroll .hover--red-200:hover {
+  color: #ff1e1a!important;
+  border-color: #ffd2d1!important;
+  background-color: #ffd2d1!important;
+}
+
+.btn--red-100, .hover--red-100:hover,
+.white-scroll .scroll .hover--red-100:hover,
+.black-scroll .scroll .hover--red-100:hover {
+  color: #ff1e1a!important;
+  border-color: #ff1e1a!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  VIOLET BUTTON
+/*------------------------------------------*/
+
+.btn--violet-500, .hover--violet-500:hover,
+.white-scroll .scroll .hover--violet-500:hover,
+.black-scroll .scroll .hover--violet-500:hover {
+  color: #fff!important;
+  border-color: #c73e9b!important;
+  background-color: #c73e9b!important;
+}
+
+.btn--violet-400, .hover--violet-400:hover,
+.white-scroll .scroll .hover--violet-400:hover,
+.black-scroll .scroll .hover--violet-400:hover {
+  color: #fff!important;
+  border-color: #be6cbe!important;
+  background-color: #be6cbe!important;
+}
+
+.btn--violet-300, .hover--violet-300:hover,
+.white-scroll .scroll .hover--violet-300:hover,
+.black-scroll .scroll .hover--violet-300:hover {
+  color: #fff!important;
+  border-color: #e2bde2!important;
+  background-color: #e2bde2!important;
+}
+
+.btn--violet-200, .hover--violet-200:hover,
+.white-scroll .scroll .hover--violet-200:hover,
+.black-scroll .scroll .hover--violet-200:hover {
+  color: #be6cbe!important;
+  border-color: #f1cde5!important;
+  background-color: #f1cde5!important;
+}
+
+.btn--violet-100, .hover--violet-100:hover,
+.white-scroll .scroll .hover--violet-100:hover,
+.black-scroll .scroll .hover--violet-100:hover {
+  color: #be6cbe!important;
+  border-color: #be6cbe!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  YELLOW BUTTON
+/*------------------------------------------*/
+
+.btn--yellow-500, .hover--yellow-500:hover,
+.white-scroll .scroll .hover--yellow-500:hover,
+.black-scroll .scroll .hover--yellow-500:hover {
+  color: #353f4f!important;
+  border-color: #ffba01!important;
+  background-color: #ffba01!important;
+}
+
+.btn--yellow-400, .hover--yellow-400:hover,
+.white-scroll .scroll .hover--yellow-400:hover,
+.black-scroll .scroll .hover--yellow-400:hover {
+  color: #353f4f!important;
+  border-color: #ffbd45!important;
+  background-color: #ffbd45!important;
+}
+
+.btn--yellow-300, .hover--yellow-300:hover,
+.white-scroll .scroll .hover--yellow-300:hover,
+.black-scroll .scroll .hover--yellow-300:hover {
+  color: #353f4f!important;
+  border-color: #ffdf35!important;
+  background-color: #ffdf35!important;
+}
+
+.btn--yellow-200, .hover--yellow-200:hover,
+.white-scroll .scroll .hover--yellow-200:hover,
+.black-scroll .scroll .hover--yellow-200:hover {
+  color: #353f4f!important;
+  border-color: #fef5cd!important;
+  background-color: #fef5cd!important;
+}
+
+.btn--yellow-100, .hover--yellow-100:hover,
+.white-scroll .scroll .hover--yellow-100:hover,
+.black-scroll .scroll .hover--yellow-100:hover {
+  color: #ffba01!important;
+  border-color: #ffba01!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  BUTTON FOCUS
+/*------------------------------------------*/
+
+.btn:focus,
+.btn.btn--black:focus {
+  color: #fff; 
+  -webkit-box-shadow: none;
+  box-shadow: none; 
+}
+
+.btn--transparent:focus {
+  background-color: transparent!important;
+  border-color: transparent!important;
+} 
+
+.btn--grey:focus {
+  color: #666; 
+  -webkit-box-shadow: none;
+  box-shadow: none; 
+}
+
+.btn--tra-black:focus, 
+.btn--transparent:focus,
+.btn.btn--tra-grey:focus {
+  color: #353f4f; 
+  -webkit-box-shadow: none;
+  box-shadow: none; 
+}
+
+/*------------------------------------------*/
+/*  DOWNLOAD LINKS
+/*------------------------------------------*/
+
+.download-links li {
+  width: auto!important;
+  display: inline-block!important;
+  vertical-align: top;
+  clear: none !important;
+}
+
+.download-links-divider {
+  position: relative;
+  top: 1.5px;
+  transform: rotate(-90deg);
+}
+
+.download-links li p {
+  display: inline-block;
+  float: left;
+  margin-bottom: 0;
+}
+
+.download-links li p a {
+  font-weight: 500;
+}
+
+.download-links li p a:hover {
+  text-decoration: underline;
+}
+
+.color--white .download-links li p a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  OS DOWNLOAD BUTTON
+/*------------------------------------------*/ 
+
+.os-btn {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+  text-align: left;
+  width: 330px;
+  min-width: 330px;
+  background-color: #fff;
+  border: 1px solid #d3d3d3;
+  padding: 17px 18px 15px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.os-btn:hover {
+  background-color: #f5f6f7;
+  border: 1px solid #f5f6f7;
+  -webkit-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05);
+  -moz-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05);
+  box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05);
+}
+
+.os-btn-ico {
+  position: relative;
+  margin-right: 20px;
+}
+
+.os-btn-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.os-btn-txt p {
+  color: #353f4f;
+  font-size: 1.05rem;
+  line-height: 1;
+  font-weight: 500;
+  letter-spacing: -0.5px;
+  margin-top: 6px;
+  margin-bottom: 5px;
+}
+
+.os-btn-txt span {
+  display: block;
+  font-size: 0.9rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  STORE BADGE ICONS
+/*------------------------------------------*/
+
+.stores-badge {
+  display: inline-block;
+}
+
+.store {
+  display: inline-block;
+  text-align: center;
+  margin-right: 10px;
+}
+
+.store:last-child {
+  margin-right: 0;
+} 
+
+.store img {
+  width: auto;
+  max-width: inherit;
+}
+
+.badge-img-xs .store img { max-height: 2.5rem; }
+.badge-img-sm .store img { max-height: 2.625rem; }
+.badge-img-md .store img { max-height: 2.875rem; }
+.badge-img-lg .store img { max-height: 3rem; }
+
+/*------------------------------------------*/
+/*  WATCH VIDEO LINK
+/*------------------------------------------*/
+
+.watch-video {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+  margin-top: 25px;
+}
+
+/*------------------------------------------*/
+/*  Link Icon
+/*------------------------------------------*/
+
+.watch-video-link {
+  position: relative;
+  text-align: center;
+  float: left;
+  width: 2.85rem;
+  height: 2.85rem; 
+  color: #fff;
+  border: none;
+  margin-right: 12px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  border-radius: 100%; 
+}
+
+.watch-video-link:before {
+  content: '';
+  position: absolute;
+  left: -3px;
+  right: -3px;
+  top: -3px;
+  bottom: -3px;
+  background: rgba(255, 255, 255, 0.2);
+  opacity: 0;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+.watch-video-link:hover:before {
+  opacity: .75;
+  left: -8px;
+  right: -8px;
+  top: -8px;
+  bottom: -8px;
+}
+
+.watch-video-link span[class^="flaticon-"]:before, 
+.watch-video-link span[class^="flaticon-"]:after {
+  font-size: 2rem; 
+  line-height: 2.85rem!important;   
+  margin-left: 5px;
+}
+
+/*------------------------------------------*/
+/*  Link Text
+/*------------------------------------------*/
+
+.watch-video-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+  text-align: left!important;
+}
+
+p.video-txt-lg {
+  font-size: 1rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 5px;
+}
+
+p.video-txt-sm {
+  font-size: 0.925rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  VIDEO POPUP ICON
+/*------------------------------------------*/
+
+.video-preview {
+  position: relative; 
+  text-align: center;
+}
+
+.video-btn {
+  position: absolute!important;
+  top: 50%;
+  left: 50%;
+  display: inline-block;
+  text-align: center;
+  color: #fff;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  border-radius: 100%; 
+}
+
+.video-btn-xl {
+  width: 6.25rem;
+  height: 6.25rem;
+  margin-top: -3.125rem;
+  margin-left: -3.125rem;
+}
+
+.video-btn-lg {
+  width: 5.625rem;
+  height: 5.625rem;
+  margin-top: -2.8125rem;
+  margin-left: -2.8125rem;
+}
+
+.video-btn-md {
+  width: 5rem;
+  height: 5rem;
+  margin-top: -2.5rem;
+  margin-left: -2.5rem;
+}
+
+.video-btn-sm {
+  width: 4.375rem;
+  height: 4.375rem;
+  margin-top: -2.1875rem;
+  margin-left: -2.1875rem;
+}
+
+.video-block-wrapper {
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+.video-btn.video-btn-xl [class^="flaticon-"]:before, 
+.video-btn.video-btn-xl [class^="flaticon-"]:after {
+  font-size: 5rem;
+  line-height: 6.25rem!important;   
+  margin-left: 10px;
+}
+
+.video-btn.video-btn-lg [class^="flaticon-"]:before, 
+.video-btn.video-btn-lg [class^="flaticon-"]:after {
+  font-size: 4.5rem;
+  line-height: 5.625rem!important;   
+  margin-left: 8px;
+}
+
+.video-btn.video-btn-md [class^="flaticon-"]:before, 
+.video-btn.video-btn-md [class^="flaticon-"]:after {
+  font-size: 4.35rem;
+  line-height: 5rem!important;   
+  margin-left: 8px;
+}
+
+.video-btn.video-btn-sm [class^="flaticon-"]:before, 
+.video-btn.video-btn-sm [class^="flaticon-"]:after {
+  font-size: 3.5rem;
+  line-height: 4.375rem!important;   
+  margin-left: 5px;
+}
+
+.video-btn:hover .video-block-wrapper {
+  -moz-transform: scale(0.95);
+  -ms-transform: scale(0.95);
+  -webkit-transform: scale(0.95);
+  -o-transform: scale(0.95);
+  transform: scale(0.95);
+}
+
+.video-btn:before {
+  content: '';
+  position: absolute;
+  left: -5px;
+  right: -5px;
+  top: -5px;
+  bottom: -5px;
+  background: rgba(255, 255, 255, 0.2);
+  opacity: 0;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+.video-btn.video-btn-xl:hover:before {
+  opacity: .75;
+  left: -1.5rem;
+  right: -1.5rem;
+  top: -1.5rem;
+  bottom: -1.5rem;
+}
+
+.video-btn.video-btn-lg:hover:before {
+  opacity: .75;
+  left: -1.25rem;
+  right: -1.25rem;
+  top: -1.25rem;
+  bottom: -1.25rem;
+}
+
+.video-btn.video-btn-md:hover:before {
+  opacity: .75;
+  left: -1rem;
+  right: -1rem;
+  top: -1rem;
+  bottom: -1rem;
+}
+
+.video-btn.video-btn-sm:hover:before {
+  opacity: .75;
+  left: -0.75rem;
+  right: -0.75rem;
+  top: -0.75rem;
+  bottom: -0.75rem;
+}
+
+/*------------------------------------------*/
+/*  VECTOR ICONS
+/*------------------------------------------*/
+
+.ico-10 [class*="flaticon-"]:before, .ico-10 [class*="flaticon-"]:after { font-size: 0.75rem; }     /* 15px */
+.ico-15 [class*="flaticon-"]:before, .ico-15 [class*="flaticon-"]:after { font-size: 0.9375rem; }   /* 15px */
+.ico-20 [class*="flaticon-"]:before, .ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; }     /* 20px */
+.ico-25 [class*="flaticon-"]:before, .ico-25 [class*="flaticon-"]:after { font-size: 1.5625rem; }   /* 25px */
+.ico-30 [class*="flaticon-"]:before, .ico-30 [class*="flaticon-"]:after { font-size: 1.875rem; }    /* 30px */
+.ico-35 [class*="flaticon-"]:before, .ico-35 [class*="flaticon-"]:after { font-size: 2.1875rem; }   /* 35px */
+.ico-40 [class*="flaticon-"]:before, .ico-40 [class*="flaticon-"]:after { font-size: 2.5rem; }      /* 40px */
+.ico-45 [class*="flaticon-"]:before, .ico-45 [class*="flaticon-"]:after { font-size: 2.8125rem; }   /* 45px */
+.ico-50 [class*="flaticon-"]:before, .ico-50 [class*="flaticon-"]:after { font-size: 3.125rem; }    /* 50px */
+.ico-55 [class*="flaticon-"]:before, .ico-55 [class*="flaticon-"]:after { font-size: 3.4375rem; }   /* 55px */
+.ico-60 [class*="flaticon-"]:before, .ico-60 [class*="flaticon-"]:after { font-size: 3.75rem; }     /* 60px */
+.ico-65 [class*="flaticon-"]:before, .ico-65 [class*="flaticon-"]:after { font-size: 4.0625rem; }   /* 65px */
+.ico-70 [class*="flaticon-"]:before, .ico-70 [class*="flaticon-"]:after { font-size: 4.375rem; }    /* 70px */
+.ico-75 [class*="flaticon-"]:before, .ico-75 [class*="flaticon-"]:after { font-size: 4.6875rem; }   /* 75px */
+.ico-80 [class*="flaticon-"]:before, .ico-80 [class*="flaticon-"]:after { font-size: 5rem; }        /* 80px */
+.ico-85 [class*="flaticon-"]:before, .ico-85 [class*="flaticon-"]:after { font-size: 5.3125rem; }   /* 85px */
+.ico-90 [class*="flaticon-"]:before, .ico-90 [class*="flaticon-"]:after { font-size: 5.625rem; }    /* 90px */
+.ico-95 [class*="flaticon-"]:before, .ico-95 [class*="flaticon-"]:after { font-size: 5.9375rem; }   /* 95px */
+.ico-100 [class*="flaticon-"]:before, .ico-100 [class*="flaticon-"]:after { font-size: 6.25rem; }   /* 100px */
+.ico-105 [class*="flaticon-"]:before, .ico-105 [class*="flaticon-"]:after { font-size: 6.5625rem; } /* 105px */
+.ico-110 [class*="flaticon-"]:before, .ico-110 [class*="flaticon-"]:after { font-size: 6.875rem; }  /* 110px */
+.ico-115 [class*="flaticon-"]:before, .ico-115 [class*="flaticon-"]:after { font-size: 7.1875rem; } /* 115px */
+.ico-120 [class*="flaticon-"]:before, .ico-120 [class*="flaticon-"]:after { font-size: 7.5rem; }    /* 120px */
+.ico-125 [class*="flaticon-"]:before, .ico-125 [class*="flaticon-"]:after { font-size: 7.8125rem; } /* 125px */
+
+/*------------------------------------------*/
+/*  VECTOR ICON BACKGROUND
+/*------------------------------------------*/ 
+
+.shape-ico {
+  position: relative;
+  display: inline-block;
+  margin: 0 auto;
+}
+
+.shape-ico span {
+  position: relative;
+  z-index:  2;
+}
+
+.shape-ico svg {
+  position: absolute;
+  z-index:  1;
+}
+
+.ico-50 .shape-ico svg {
+  width: 130px;
+  height: 130px;
+  top: -35px;
+  left: calc(50% - 60px);
+}
+
+.fbox-11 .ico-50 .shape-ico svg {
+  top: -40px;
+  left: calc(50% - 70px);
+}
+
+.ico-55 .shape-ico svg {
+  width: 135px;
+  height: 135px;
+  top: -30px;
+  left: calc(50% - 60px);
+}
+
+.ico-60 .shape-ico svg {
+  width: 140px;
+  height: 140px;
+  top: -30px;
+  left: calc(50% - 65px);
+}
+
+.shape-ico.color--blue-300 path,
+.shape-ico.color--blue-400 path,
+.shape-ico.color--blue-500 path {
+  fill: #f4f9fc;
+}
+
+.shape-ico.color--green-300 path,
+.shape-ico.color--green-400 path,
+.shape-ico.color--green-500 path {
+  fill: #e9f8f2;
+}
+
+.shape-ico.color--pink-300 path,
+.shape-ico.color--pink-400 path,
+.shape-ico.color--pink-500 path {
+  fill: #feecf2;
+}
+
+.shape-ico.color--purple-300 path,
+.shape-ico.color--purple-400 path,
+.shape-ico.color--purple-500 path {
+  fill: #f1edff;
+}
+
+.shape-ico.color--red-300 path,
+.shape-ico.color--red-400 path,
+.shape-ico.color--red-500 path {
+  fill: #fce7e4;
+}
+
+.shape-ico.color--violet-300 path,
+.shape-ico.color--violet-400 path,
+.shape-ico.color--violet-500 path {
+  fill: #f7e4f1;
+}
+
+/*------------------------------------------*/
+/*  VECTOR ROUNDED ICONS
+/*------------------------------------------*/ 
+
+.ico-rounded,
+.ico-rounded-md,
+.ico-rounded-lg {
+  display: inline-block;
+  text-align: center;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+}
+
+.ico-rounded { width: 80px; height: 80px; }
+.ico-rounded-md { width: 90px; height: 90px; }
+.ico-rounded-lg { width: 100px; height: 100px; }
+
+.ico-rounded [class*="flaticon-"]:before, 
+.ico-rounded [class*="flaticon-"]:after { font-size:2.15rem; line-height:80px!important; }
+
+.ico-rounded-md [class*="flaticon-"]:before, 
+.ico-rounded-md [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 90px!important; }
+
+.ico-rounded-lg [class*="flaticon-"]:before, 
+.ico-rounded-lg [class*="flaticon-"]:after { font-size: 2.65rem; line-height: 100px!important; }
+
+/*------------------------------------------*/
+/*  VECTOR SQUARE ICONS
+/*------------------------------------------*/ 
+
+.ico-square { 
+  display: inline-block;
+  text-align: center;
+  width: 80px; 
+  height: 80px; 
+  -webkit-border-radius: 12px;
+  -moz-border-radius: 12px;
+  -o-border-radius: 12px;
+  border-radius: 12px;
+}
+
+.ico-square [class*="flaticon-"]:before, 
+.ico-square [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 80px!important; }
+
+/*------------------------------------------*/
+/*   PNG ICONS SETTINGS
+/*------------------------------------------*/ 
+
+.ico-145 img { width: 145px; height: 145px; }
+.ico-140 img { width: 140px; height: 140px; }
+.ico-135 img { width: 135px; height: 135px; }
+.ico-130 img { width: 130px; height: 130px; }
+.ico-125 img { width: 125px; height: 125px; }
+.ico-120 img { width: 120px; height: 120px; }
+.ico-115 img { width: 115px; height: 115px; }
+.ico-110 img { width: 110px; height: 110px; }
+.ico-105 img { width: 105px; height: 105px; }
+.ico-100 img { width: 100px; height: 100px; }
+.ico-95 img { width: 95px; height: 95px; }
+.ico-90 img { width: 90px; height: 90px; }
+.ico-85 img { width: 85px; height: 85px; }
+.ico-80 img { width: 80px; height: 80px; }
+.ico-75 img { width: 75px; height: 75px; }
+.ico-70 img { width: 70px; height: 70px; }
+.ico-65 img { width: 65px; height: 65px; }
+.ico-60 img { width: 60px; height: 60px; }
+.ico-55 img { width: 55px; height: 55px; }
+.ico-50 img { width: 50px; height: 50px; }
+.ico-45 img { width: 45px; height: 45px; }
+.ico-40 img { width: 40px; height: 40px; }
+.ico-35 img { width: 35px; height: 35px; }
+.ico-30 img { width: 30px; height: 30px; }
+.ico-25 img { width: 25px; height: 25px; }
+.ico-20 img { width: 20px; height: 20px; }
+
+/*------------------------------------------*/
+/*   SECTION ID
+/*------------------------------------------*/
+
+.section-id {
+  display: block;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 700;
+  letter-spacing: 0.5px;
+  text-transform: uppercase;
+  margin-bottom: 35px;   
+}
+
+.section-id.rounded-id {
+  display: inline-block;
+  padding: 10px 24px;
+  font-size: 0.85rem;
+  text-transform: uppercase;
+  -webkit-border-radius: 100px;
+  -moz-border-radius: 100px;
+  border-radius: 100px;
+  margin-bottom: 40px; 
+}
+
+.section-id.border-id {
+  border-width: 2px;
+  border-style: solid;
+}
+
+.section-id.border-id.border--grey {
+  border-color: #757575;
+}
+
+.section-id.border-id.border--blue {
+  border-color: #1680fb;
+}
+
+.font--jakarta .section-id  {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+}
+
+.font--inter .section-id  {
+  font-family: 'Inter', sans-serif;
+}
+
+/*------------------------------------------*/
+/*  SECTION TITLE
+/*------------------------------------------*/
+
+.section-title {
+  text-align: center;
+}
+
+.section-title h2 {
+  margin-bottom: 0;
+}
+
+.section-title h2.w-700 {
+  letter-spacing: -0.5px;
+}
+
+.section-title p.p-md,
+.section-title p.p-lg,
+.section-title p.p-xl,
+.section-title p.s-20,
+.section-title p.s-21 {
+  margin-top: 18px;
+  margin-bottom: 0;
+}
+
+.section-title p.p-md,
+.section-title p.p-lg {
+  padding: 0 3%;
+}
+
+.section-title a.contact-link {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.section-title .btns-group .btn {
+  margin-top: 0;
+}
+
+.section-title .advantages,
+.section-title .btns-txt,
+.section-title .btns-group-txt {
+  margin-top: 20px;
+}
+
+/*------------------------------------------*/
+/*  TEXT COLORS
+/*------------------------------------------*/
+
+.color--white,
+.color--white h1,
+.color--white h2, 
+.color--white h3, 
+.color--white h4, 
+.color--white h5, 
+.color--white h6, 
+.color--white p, 
+.color--white a, 
+.color--white li,
+.color--white i, 
+.color--white span { color: #fff; }
+
+.color--snow,
+.color--snow h1, 
+.color--snow h2, 
+.color--snow h3, 
+.color--snow h4, 
+.color--snow h5, 
+.color--snow h6, 
+.color--snow p, 
+.color--snow a, 
+.color--snow li,
+.color--snow i, 
+.color--snow span,
+.color--white .color--snow { color: #c2c3cb; }
+
+.color--black,
+.color--black h1, 
+.color--black h2, 
+.color--black h3, 
+.color--black h4, 
+.color--black h5, 
+.color--black h6, 
+.color--black p, 
+.color--black a, 
+.color--black li,
+.color--black i, 
+.color--black span { color: #353f4f; }
+
+.color--coal,
+.color--coal h1, 
+.color--coal h2, 
+.color--coal h3, 
+.color--coal h4, 
+.color--coal h5, 
+.color--coal h6, 
+.color--coal p, 
+.color--coal a, 
+.color--coal li,
+.color--coal i, 
+.color--coal span { color: #52595d; }
+
+.color--grey,
+.color--grey h1, 
+.color--grey h2, 
+.color--grey h3, 
+.color--grey h4, 
+.color--grey h5, 
+.color--grey h6, 
+.color--grey p, 
+.color--grey a, 
+.color--grey li,
+.color--grey i, 
+.color--grey span,
+.color--white .color--grey { color: #757575; }
+
+.color--blue-500, 
+.color--blue-500 h1, 
+.color--blue-500 h2, 
+.color--blue-500 h3, 
+.color--blue-500 h4, 
+.color--blue-500 h5, 
+.color--blue-500 h6, 
+.color--blue-500 p, 
+.color--blue-500 a, 
+.color--blue-500 li, 
+.color--blue-500 i, 
+.color--blue-500 span,
+.color--white .color--blue-500 { color: #185abd!important; }
+
+.color--blue-400, 
+.color--blue-400 h1, 
+.color--blue-400 h2, 
+.color--blue-400 h3, 
+.color--blue-400 h4, 
+.color--blue-400 h5, 
+.color--blue-400 h6, 
+.color--blue-400 p, 
+.color--blue-400 a, 
+.color--blue-400 li, 
+.color--blue-400 i, 
+.color--blue-400 span,
+.color--white .color--blue-400 { color: #1680fb!important; }
+
+.color--blue-300, 
+.color--blue-300 h1, 
+.color--blue-300 h2, 
+.color--blue-300 h3, 
+.color--blue-300 h4, 
+.color--blue-300 h5, 
+.color--blue-300 h6, 
+.color--blue-300 p, 
+.color--blue-300 a, 
+.color--blue-300 li, 
+.color--blue-300 i, 
+.color--blue-300 span,
+.color--white .color--blue-300 { color: #3eb1ff!important; }
+
+.color--green-500, 
+.color--green-500 h1, 
+.color--green-500 h2, 
+.color--green-500 h3, 
+.color--green-500 h4, 
+.color--green-500 h5, 
+.color--green-500 h6, 
+.color--green-500 p, 
+.color--green-500 a, 
+.color--green-500 li, 
+.color--green-500 i, 
+.color--green-500 span,
+.color--white .color--green-500 { color: #00a14e!important; }
+
+.color--green-400, 
+.color--green-400 h1, 
+.color--green-400 h2, 
+.color--green-400 h3, 
+.color--green-400 h4, 
+.color--green-400 h5, 
+.color--green-400 h6, 
+.color--green-400 p, 
+.color--green-400 a, 
+.color--green-400 li, 
+.color--green-400 i, 
+.color--green-400 span,
+.color--white .color--green-400 { color: #0fbc49!important; }
+
+.color--green-300, 
+.color--green-300 h1, 
+.color--green-300 h2, 
+.color--green-300 h3, 
+.color--green-300 h4, 
+.color--green-300 h5, 
+.color--green-300 h6, 
+.color--green-300 p, 
+.color--green-300 a, 
+.color--green-300 li, 
+.color--green-300 i, 
+.color--green-300 span,
+.color--white .color--green-300 { color: #6fd792!important; }
+
+.color--pink-500, 
+.color--pink-500 h1, 
+.color--pink-500 h2, 
+.color--pink-500 h3, 
+.color--pink-500 h4, 
+.color--pink-500 h5, 
+.color--pink-500 h6, 
+.color--pink-500 p, 
+.color--pink-500 a, 
+.color--pink-500 li, 
+.color--pink-500 i, 
+.color--pink-500 span,
+.color--white .color--pink-500 { color: #ff149c!important; }
+
+.color--pink-400, 
+.color--pink-400 h1, 
+.color--pink-400 h2, 
+.color--pink-400 h3, 
+.color--pink-400 h4, 
+.color--pink-400 h5, 
+.color--pink-400 h6, 
+.color--pink-400 p, 
+.color--pink-400 a, 
+.color--pink-400 li, 
+.color--pink-400 i, 
+.color--pink-400 span,
+.color--white .color--pink-400 { color: #f74780!important; }
+
+.color--pink-300, 
+.color--pink-300 h1, 
+.color--pink-300 h2, 
+.color--pink-300 h3, 
+.color--pink-300 h4, 
+.color--pink-300 h5, 
+.color--pink-300 h6, 
+.color--pink-300 p, 
+.color--pink-300 a, 
+.color--pink-300 li, 
+.color--pink-300 i, 
+.color--pink-300 span,
+.color--white .color--pink-300 { color: #fcb5cc!important; }
+
+.color--purple-500, 
+.color--purple-500 h1, 
+.color--purple-500 h2, 
+.color--purple-500 h3, 
+.color--purple-500 h4, 
+.color--purple-500 h5, 
+.color--purple-500 h6, 
+.color--purple-500 p, 
+.color--purple-500 a, 
+.color--purple-500 li, 
+.color--purple-500 i, 
+.color--purple-500 span,
+.color--white .color--purple-500 { color: #663ae9!important; }
+
+.color--purple-400, 
+.color--purple-400 h1, 
+.color--purple-400 h2, 
+.color--purple-400 h3, 
+.color--purple-400 h4, 
+.color--purple-400 h5, 
+.color--purple-400 h6, 
+.color--purple-400 p, 
+.color--purple-400 a, 
+.color--purple-400 li, 
+.color--purple-400 i, 
+.color--purple-400 span,
+.color--white .color--purple-400 { color: #7b5dd6!important; }
+
+.color--purple-300, 
+.color--purple-300 h1, 
+.color--purple-300 h2, 
+.color--purple-300 h3, 
+.color--purple-300 h4, 
+.color--purple-300 h5, 
+.color--purple-300 h6, 
+.color--purple-300 p, 
+.color--purple-300 a, 
+.color--purple-300 li, 
+.color--purple-300 i, 
+.color--purple-300 span,
+.color--white .color--purple-300 { color: #bdaeea!important; }
+
+.color--red-500, 
+.color--red-500 h1, 
+.color--red-500 h2, 
+.color--red-500 h3, 
+.color--red-500 h4, 
+.color--red-500 h5, 
+.color--red-500 h6, 
+.color--red-500 p, 
+.color--red-500 a, 
+.color--red-500 li, 
+.color--red-500 i, 
+.color--red-500 span,
+.color--white .color--red-500 { color: #da0f29!important; }
+
+.color--red-400, 
+.color--red-400 h1, 
+.color--red-400 h2, 
+.color--red-400 h3, 
+.color--red-400 h4, 
+.color--red-400 h5, 
+.color--red-400 h6, 
+.color--red-400 p, 
+.color--red-400 a, 
+.color--red-400 li, 
+.color--red-400 i, 
+.color--red-400 span,
+.color--white .color--red-400 { color: #ff1e1a!important; }
+
+.color--red-300, 
+.color--red-300 h1, 
+.color--red-300 h2, 
+.color--red-300 h3, 
+.color--red-300 h4, 
+.color--red-300 h5, 
+.color--red-300 h6, 
+.color--red-300 p, 
+.color--red-300 a, 
+.color--red-300 li, 
+.color--red-300 i, 
+.color--red-300 span,
+.color--white .color--red-300 { color: #ffa5a3!important; }
+
+.color--violet-500, 
+.color--violet-500 h1, 
+.color--violet-500 h2, 
+.color--violet-500 h3, 
+.color--violet-500 h4, 
+.color--violet-500 h5, 
+.color--violet-500 h6, 
+.color--violet-500 p, 
+.color--violet-500 a, 
+.color--violet-500 li, 
+.color--violet-500 i, 
+.color--violet-500 span,
+.color--white .color--violet-500 { color: #c73e9b!important; }
+
+.color--violet-400, 
+.color--violet-400 h1, 
+.color--violet-400 h2, 
+.color--violet-400 h3, 
+.color--violet-400 h4, 
+.color--violet-400 h5, 
+.color--violet-400 h6, 
+.color--violet-400 p, 
+.color--violet-400 a, 
+.color--violet-400 li, 
+.color--violet-400 i, 
+.color--violet-400 span,
+.color--white .color--violet-400 { color: #be6cbe!important; }
+
+.color--violet-300, 
+.color--violet-300 h1, 
+.color--violet-300 h2, 
+.color--violet-300 h3, 
+.color--violet-300 h4, 
+.color--violet-300 h5, 
+.color--violet-300 h6, 
+.color--violet-300 p, 
+.color--violet-300 a, 
+.color--violet-300 li, 
+.color--violet-300 i, 
+.color--violet-300 span,
+.color--white .color--violet-300 { color: #e2bde2!important; }
+
+.color--yellow-500, 
+.color--yellow-500 h1, 
+.color--yellow-500 h2, 
+.color--yellow-500 h3, 
+.color--yellow-500 h4, 
+.color--yellow-500 h5, 
+.color--yellow-500 h6, 
+.color--yellow-500 p, 
+.color--yellow-500 a, 
+.color--yellow-500 li, 
+.color--yellow-500 i, 
+.color--yellow-500 span,
+.color--white .color--yellow-500 { color: #ffba01!important; }
+
+.color--yellow-400, 
+.color--yellow-400 h1, 
+.color--yellow-400 h2, 
+.color--yellow-400 h3, 
+.color--yellow-400 h4, 
+.color--yellow-400 h5, 
+.color--yellow-400 h6, 
+.color--yellow-400 p, 
+.color--yellow-400 a, 
+.color--yellow-400 li, 
+.color--yellow-400 i, 
+.color--yellow-400 span,
+.color--white .color--yellow-400 { color: #ffbd45!important; }
+
+.color--yellow-300, 
+.color--yellow-300 h1, 
+.color--yellow-300 h2, 
+.color--yellow-300 h3, 
+.color--yellow-300 h4, 
+.color--yellow-300 h5, 
+.color--yellow-300 h6, 
+.color--yellow-300 p, 
+.color--yellow-300 a, 
+.color--yellow-300 li, 
+.color--yellow-300 i, 
+.color--yellow-300 span,
+.color--white .color--yellow-300 { color: #ffdf35!important; }
+
+
+
+
+/* ==========================================================================
+  03. PRELOAD ANIMATION
+  ========================================================================== */
+
+#loading {
+  height: 100%;
+  width: 100%;
+  position: fixed;
+  z-index: 1;
+  margin-top: 0px;
+  top: 0px;
+  z-index: 99999999;
+}
+
+#loading { 
+  background-color: #f5f5f9;
+}
+
+#loading-center {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  height: 100px;
+  width: 100px;
+  margin-top: -50px;
+  margin-left: -50px;
+  -webkit-animation: loading-center-absolute 1s infinite;
+  animation: loading-center-absolute 1s infinite;
+}
+
+.loader {
+  border: 2px solid;
+  border-color: transparent #888;
+  width: 100px;
+  height: 100px;
+  border-radius: 50%;
+  display: inline-block;
+  position: relative;
+  box-sizing: border-box;
+  animation: rotation 1s linear infinite;
+}
+
+.loading--blue .loader { 
+  border-color: transparent #1680fb; 
+}
+
+.loading--green .loader { 
+  border-color: transparent #0fbc49; 
+}
+
+.loading--pink .loader { 
+  border-color: transparent #f74780; 
+}
+
+.loading--purple .loader { 
+  border-color: transparent #7b5dd6; 
+}
+
+.loading--red .loader { 
+  border-color: transparent #ff1e1a; 
+}
+
+.loading--violet .loader { 
+  border-color: transparent #c73e9b; 
+}
+
+.loading--yellow .loader { 
+  border-color: transparent #ffba01; 
+}
+
+.loader::after {
+  content: '';  
+  box-sizing: border-box;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  border: 50px solid;
+  border-color: transparent rgba(30, 30, 30, 0.15);
+  border-radius: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.loading--blue .loader::after {
+  border-color: transparent rgba(22, 128, 251, .15); 
+}
+
+.loading--green .loader::after {
+  border-color: transparent rgba(14, 188, 73, .15); 
+}
+
+.loading--pink .loader::after {
+  border-color: transparent rgba(247, 71, 128, .15); 
+}
+
+.loading--purple .loader::after {
+  border-color: transparent rgba(123, 93, 214, .15); 
+}
+
+.loading--red .loader::after {
+  border-color: transparent rgba(255, 30, 26, .15); 
+}
+
+.loading--violet .loader::after {
+  border-color: transparent rgba(1900, 108, 190, .15); 
+}
+
+.loading--yellow .loader::after {
+  border-color: transparent rgba(255, 186, 1, .15); 
+}
+
+@keyframes rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+} 
+
+
+
+
+/* ==========================================================================
+  04. HEADER & NAVIGATION
+  =========================================================================== */
+
+#header {
+  width: 100%;
+  display: block;
+  padding-top: 0px;
+}
+
+.header-wrapper {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 1030;
+}
+
+.headerwp {
+  max-width: 1140px;
+  margin: 0 auto;
+  padding: 0;
+}
+
+.posrlt {
+  position: relative;
+}
+
+/*------------------------------------------*/
+/*  HEADER LOGO
+/*------------------------------------------*/
+
+.desktoplogo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 38px;
+}
+
+.blog-header .desktoplogo img {
+  max-height: 30px;
+}
+
+/*------------------------------------------*/
+/*  NAVIGATION MENU
+/*------------------------------------------*/
+
+.wsmainfull {
+  width: 100%;
+  height: auto;
+  z-index: 1031;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out; 
+}
+
+.tra-menu .wsmainfull {
+  padding: 20px 0;
+  background-color: transparent!important;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+
+.white-menu .wsmainfull {
+  padding: 6px 0;
+  background-color: #fff!important;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.dark-menu .wsmainfull {
+  padding: 6px 0;
+  background-color: #1d222f!important;
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+#header.hiddden-header {
+  display: none;
+}
+
+.hidden-nav .wsmainfull {
+  margin-top: -140px;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  HEADER LINK
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > a {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  display: block;
+  font-size: 1rem;
+  line-height: 50px;
+  font-weight: 600;
+  letter-spacing: 0;
+  text-decoration: none;  
+  margin: 0 7px;
+  padding: 10px 15px;
+}
+
+.navbar-dark .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #353f4f;
+}
+
+.navbar-light .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #fff;
+}
+
+.wsmenu > .wsmenu-list > li > a.h-link.last-link {
+  padding: 10px 0px;
+  margin: 0;
+}
+
+.wsmenu > .wsmenu-list > li > a .wsarrow:after {
+  border-left: 4px solid rgba(0, 0, 0, 0);
+  border-right: 4px solid rgba(0, 0, 0, 0);
+  border-top: 4px solid;
+  content: "";
+  float: right;
+  right: 0;
+  height: 0;
+  margin: 0 0 0 14px;
+  position: absolute;
+  text-align: right;
+  top: 35px;
+  width: 0;
+}
+
+.wsmenu > .wsmenu-list > li.reg-fst-link > a {
+  margin-left: 30px;
+}
+
+/*------------------------------------------*/
+/*  HEADER LINK INFO
+/*------------------------------------------*/
+
+span.sm-info {
+  position: relative;
+  display: inline-block;
+  text-align: center;
+  width: 20px;
+  height: 20px;
+  color: #fff;
+  font-size: 0.65rem;
+  line-height: 19px;
+  font-weight: 700;
+  margin-left: 5px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+}
+
+.nav-blue-500 .sm-info { background-color: #185abd; }
+.nav-blue-400 .sm-info { background-color: #1680fb; }
+.nav-blue-300 .sm-info { background-color: #3eb1ff; }
+
+.nav-green-500 .sm-info { background-color: #00a14e; }
+.nav-green-400 .sm-info { background-color: #0fbc49; }
+.nav-green-300 .sm-info { background-color: #6fd792; }
+
+.nav-pink-500 .sm-info { background-color: #ff149c; }
+.nav-pink-400 .sm-info { background-color: #f74780; }
+.nav-pink-300 .sm-info { background-color: #fcb5cc; }
+
+.nav-purple-500 .sm-info { background-color: #663ae9; }
+.nav-purple-400 .sm-info { background-color: #7b5dd6; }
+.nav-purple-300 .sm-info { background-color: #bdaeea; }
+
+.nav-red-500 .sm-info { background-color: #da0f29; }
+.nav-red-400 .sm-info { background-color: #ff1e1a; }
+.nav-red-300 .sm-info { background-color: #ffa5a3; }
+
+.nav-violet-500 .sm-info { background-color: #c73e9b; }
+.nav-violet-400 .sm-info { background-color: #be6cbe; }
+.nav-violet-300 .sm-info { background-color: #e2bde2; }
+
+.nav-yellow-500 .sm-info { background-color: #ffba01; }
+.nav-yellow-400 .sm-info { background-color: #ffbd45; }
+.nav-yellow-300 .sm-info { background-color: #ffdf35; }
+
+/*------------------------------------------*/
+/*  HEADER BUTTONS
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li a.btn {
+  font-size: 1rem;
+  line-height: 30px;
+  font-weight: 600;
+  text-transform: none;
+  letter-spacing: 0;
+  margin-top: 14px;
+  padding: 4px 28px;
+}
+
+.wsmenu > .wsmenu-list > li a.btn.reg-btn {
+  padding: 4px 22px;
+}
+
+.wsmenu > .wsmenu-list > li a.btn.fst-btn-link {
+  margin-left: 12px;
+}
+
+.wsmenu > .wsmenu-list > li a.store.header-store {
+  line-height: 1;
+  margin-top: 13px;
+  margin-left: 10px;
+  margin-bottom: 0;
+  padding: 0;
+}
+
+.store.header-store img {
+  max-height: 44px;
+}
+
+/*------------------------------------------*/
+/*  HEADER SOCIAL LINKS  
+/*------------------------------------------*/
+
+.header-socials {
+  margin: 0;
+  display: inline-block; 
+  text-align: center;
+}
+
+.header-socials span {
+  float: left;
+  width: auto !important;
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  margin: 0;
+}
+
+.header-socials a {
+  display: block; 
+  margin-left: 18px;
+}
+
+.navbar-light .header-socials a {
+  color: #ddd;
+}
+
+.navbar-light .header-socials a:hover {
+  color: #ccc!important;
+}
+
+.header-socials.ico-20 [class*="flaticon-"]:before, 
+.header-socials.ico-20 [class*="flaticon-"]:after { line-height: 70px!important; } 
+
+/*------------------------------------------*/
+/*  HEADER SUBMENU
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu {
+  width: auto;
+  min-width: 200px;
+  top: 62px;
+  padding: 12px 10px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
+  background-color: rgba(244, 244, 249, 0);
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  color: #353f4f;
+  font-size: 1rem;
+  font-weight: 600;
+  padding: 11px 14px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  transition: all 0.3s ease-in-out;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover {
+  background-color: rgba(244, 244, 249, 1);
+  padding: 11px 14px;
+}
+
+/*------------------------------------------*/
+/*  HALFMENU
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu {
+  top: 62px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
+  width: 38%;
+  padding: 12px 0;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { 
+  right: 2%; 
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li {
+  border-bottom: none;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  background-color: rgba(244, 244, 249, 0);
+  color: #353f4f;
+  font-size: 1rem;
+  font-weight: 600;
+  padding: 11px 14px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  transition: all 0.3s ease-in-out;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  background-color: rgba(244, 244, 249, 1);
+  padding: 11px 14px;
+}
+
+/*------------------------------------------*/
+/*  MEGAMENU
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu {
+  padding: 12px 0;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 {
+  width: 76%!important;
+  left: 23%;
+  padding: 20px 10px;
+}
+
+.wsmegamenu.w-75 .col-lg-3 {
+  padding: 0 6px;
+}
+
+/*------------------------------------------*/
+/*  SUBMENU TITLE
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .title,
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .title {
+  color: #929394;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 0.875rem;
+  line-height: 1;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0;
+  margin: 10px 0 15px 13px;
+}
+
+/*------------------------------------------*/
+/*  DARK HEADER SUBMENU / MEGAMENU
+/*------------------------------------------*/
+
+.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
+  background-color: #2c3142!important; 
+  border: solid 1px #2c3142!important; 
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+  color: #ddd;
+  background-color: rgba(255, 255, 255, 0)!important;
+}
+
+.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  background-color: rgba(255, 255, 255, .05)!important;
+}
+
+.dark-menu .title, .black-scroll .scroll .title,
+.dark-menu .icons-menu-txt span, .black-scroll .scroll .icons-menu-txt span {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  ICONS MENU
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu {
+  max-width: 275px;
+  min-width: 275px;
+  padding: 12px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu {
+  width: 52%;
+  padding: 12px 6px;
+}
+
+.wsmegamenu.halfmenu.icons-menu .col-lg-6 {
+  padding: 0 6px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 {
+  width: 82%!important;
+  left: 17%;
+  padding: 12px 6px;
+}
+
+.wsmegamenu.icons-menu.w-75 .col-lg-4 {
+  padding: 0 6px;
+}
+
+.icons-menu .icons-menu-item {
+  display: flex!important;
+  position: relative!important;
+  flex-flow: row wrap!important;
+  align-items: stretch!important;
+  justify-content: flex-start!important;
+}
+
+.icons-menu-ico {
+  position: relative;
+  margin-right: 14px;
+}
+
+.wsmegamenu.ico-30 .icons-menu-ico span {
+  position: relative;
+  top: 6px!important;
+}
+
+.icons-menu-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.icons-menu-txt h6 {
+  color: inherit;
+  font-size: 1rem;
+  line-height: 32px;
+  font-weight: 500;
+  margin-bottom: 0;
+}
+
+.icons-menu-txt span {
+  display: block;
+  color: #898989;
+  font-size: 0.925rem;
+  font-weight: 400;
+  margin-bottom: 0;
+}
+
+.sub-menu.ico-30 .icons-menu-txt h6 {
+  line-height: 30px;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR HOVER
+/*------------------------------------------*/
+
+.navbar-light .wsmenu-list > li > a.h-link:hover {
+  color: #eee!important;
+}
+
+.navbar-dark .wsmenu-list > li > a.h-link:hover {
+  color: #1d222f!important;
+}
+
+.wsmenu > .wsmenu-list.nav-blue-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #185abd!important;
+}
+
+.wsmenu > .wsmenu-list.nav-blue-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #1680fb!important;
+}
+
+.wsmenu > .wsmenu-list.nav-blue-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #3eb1ff!important;
+}
+
+.wsmenu > .wsmenu-list.nav-green-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #00a14e!important;
+}
+
+.wsmenu > .wsmenu-list.nav-green-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #0fbc49!important;
+}
+
+.wsmenu > .wsmenu-list.nav-green-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #6fd792!important;
+}
+
+.wsmenu > .wsmenu-list.nav-pink-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #ff149c!important;
+}
+
+.wsmenu > .wsmenu-list.nav-pink-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #f74780!important;
+}
+
+.wsmenu > .wsmenu-list.nav-pink-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #fcb5cc!important;
+}
+
+.wsmenu > .wsmenu-list.nav-purple-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #663ae9!important;
+}
+
+.wsmenu > .wsmenu-list.nav-purple-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #7b5dd6!important;
+}
+
+.wsmenu > .wsmenu-list.nav-purple-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #bdaeea!important;
+}
+
+.wsmenu > .wsmenu-list.nav-red-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #da0f29!important;
+}
+
+.wsmenu > .wsmenu-list.nav-red-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #ff1e1a!important;
+}
+
+.wsmenu > .wsmenu-list.nav-red-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #ffa5a3!important;
+}
+
+.wsmenu > .wsmenu-list.nav-violet-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #c73e9b!important;
+}
+
+.wsmenu > .wsmenu-list.nav-violet-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #be6cbe!important;
+}
+
+.wsmenu > .wsmenu-list.nav-violet-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #e2bde2!important;
+}
+
+/*------------------------------------------*/
+/*  HIDDEN NAVBAR SCROLL
+/*------------------------------------------*/
+
+.hidden-nav .wsmainfull.scroll {
+  margin-top: 0;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR WHITE SCROLL
+/*------------------------------------------*/
+
+.tra-menu.white-scroll .wsmainfull.scroll,
+.white-menu.white-scroll .wsmainfull.scroll {
+  padding: 0;
+  background-color: rgba(255, 255, 255, .7)!important;
+  backdrop-filter: blur(20px);
+  -webkit-backdrop-filter: blur(20px);
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, 
+.tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #353f4f;
+}
+
+.navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover {
+  color: #1d222f!important;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR BLACK SCROLL
+/*------------------------------------------*/
+
+.tra-menu.black-scroll .wsmainfull.scroll,
+.dark-menu.black-scroll .wsmainfull.scroll {
+  padding: 0;
+  background-color: #1d222f!important;
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #fff;
+}
+
+.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link:hover {
+  color: #ccc!important;
+}
+
+/*------------------------------------------*/
+/*  WHITE SCROLL BUTTONS
+/*------------------------------------------*/
+
+.white-scroll .scroll .btn--tra-white {
+  color: #353f4f!important;
+  border-color: #353f4f!important;
+}
+
+/*------------------------------------------*/
+/*  BLACK SCROLL BUTTONS
+/*------------------------------------------*/
+
+.black-scroll .scroll .btn--tra-black {
+  color: #fff!important;
+  border-color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  LOGO IMAGE
+/*------------------------------------------*/
+
+.logo-white, 
+.logo-black {
+  display: block;
+}
+
+.navbar-light .logo-black,
+.navbar-dark .logo-white,
+.tra-menu.navbar-light .scroll .logo-white,
+.tra-menu.navbar-dark.black-scroll .scroll .logo-black {
+  display: none;
+}
+
+.tra-menu.navbar-light .scroll .logo-black,
+.tra-menu.navbar-dark.black-scroll .scroll .logo-white {
+  display: block;
+}
+
+
+
+
+/* ==========================================================================
+  05. HERO
+  ========================================================================== */
+
+.hero-section,
+.hero-section .container {
+  position: relative;
+  z-index: 3;
+}
+
+.hero-section.bg--img {
+  width: 100%;
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+}
+
+.hero-section.blur--purple:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 100%;
+  height: 100%;
+  top: -30%;
+  left: 0;
+  background-image: url(../images/blur-purple.png);
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+  background-attachment: scroll;
+  opacity: 0.2;
+}
+
+/*------------------------------------------*/
+/*  HERO LOGO
+/*------------------------------------------*/
+
+.hero-logo {
+  margin-bottom: 40px;
+}
+
+.hero-square-logo {
+  margin-bottom: 20px;
+}
+
+#hero-22 .hero-logo {
+  margin-bottom: 30px;
+}
+
+.hero-logo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 36px;
+}
+
+.hero-square-logo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 90px;
+}
+
+/*------------------------------------------*/
+/*  HERO APP LOGO
+/*------------------------------------------*/
+
+.hero-app-logo {
+  margin-bottom: 35px;
+}
+
+#hero-25 .hero-app-logo {
+  margin-bottom: 25px;
+}
+
+.hero-app-logo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 100px;
+}
+
+#hero-25 .hero-app-logo img {
+  max-height: 110px;
+}
+
+/*------------------------------------------*/
+/*  HERO DIGITS
+/*------------------------------------------*/
+
+#hd-1-1, #hd-1-2 {
+  display: inline-block;
+  float: left;
+  padding-right: 20px;
+} 
+
+#hd-1-1 { width: 45%; }
+#hd-1-2 { width: 55%; }
+
+.hero-digits-block {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+.hero-digits .block-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+  padding-left: 12px;
+}
+
+.hero-digits h2.statistic-number {
+  line-height: 1;
+  margin-bottom: 0;
+} 
+
+.hero-digits h2.statistic-number span {
+  font-size: 1.85rem;
+}
+
+.hero-digits .block-txt p.p-sm {
+  line-height: 1.35;
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  HERO TYPOGRAPHY
+/*------------------------------------------*/
+
+.hero-section h2 {
+  margin-bottom: 28px;
+}
+
+.hero-section h2.s-48,
+.hero-section h2.s-50 {
+  margin-bottom: 40px;
+}
+
+.hero-section h2.s-62 {
+  margin-bottom: 24px;
+}
+
+.hero-section p.p-sm { 
+  padding: 0!important; 
+}
+
+.hero-section p.p-md {
+  margin-bottom: 30px;
+}
+
+.hero-section p.p-lg,
+.hero-section p.p-xl {
+  margin-bottom: 32px;
+}
+
+.hero-section p.s-20,
+.hero-section p.s-22,
+.hero-section p.s-24 {
+  margin-bottom: 36px;
+}
+
+.hero-section p.p-lg span,
+.hero-section p.p-xl span {
+  font-weight: 600;
+  letter-spacing: -0.35px;
+}
+
+/*------------------------------------------*/
+/*  HERO-1
+/*------------------------------------------*/
+
+#hero-1 {
+  background-image: url(../images/hero-1.jpg);
+  padding-top: 130px;
+  padding-bottom: 100px;
+}
+
+.hero-1-txt p {
+  padding-right: 2%;
+}
+
+/*------------------------------------------*/
+/*  HERO-2
+/*------------------------------------------*/
+
+#hero-2 {
+  background-image: url(../images/hero-2.jpg);
+  padding-top: 150px;
+  padding-bottom: 100px;
+}
+
+.hero-2-txt p {
+  padding-right: 3%;
+}
+
+.hero-2-img {
+  text-align: center;
+  padding-right: 25px;
+}
+
+/*------------------------------------------*/
+/*  HERO-3
+/*------------------------------------------*/
+
+#hero-3 {
+  position: relative;
+  padding-top: 160px;
+  background-image: url(../images/hero-3.jpg);
+}
+
+#hero-3:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 100%;
+  height: 5%;
+  bottom: 0;
+  left: 0;
+  background-color: #fff;
+}
+
+.hero-3-txt {
+  margin-top: -70px;
+}
+
+.hero-3-txt p.p-lg {
+  padding-right: 2%;
+}
+
+.hero-3-img {
+  position: relative;
+  text-align: center;
+  margin: 0 -90% 0 -60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-4
+/*------------------------------------------*/
+
+#hero-4 {
+  overflow: hidden; 
+  background-image: url(../images/hero-4.jpg);
+  padding-top: 180px;
+}
+
+#hero-4:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 100%;
+  height: 10%;
+  bottom: 0;
+  left: 0;
+  background-color: #fff;
+}
+
+.hero-4-txt h2 {
+  padding: 0 3%;
+}
+
+.hero-4-txt p { 
+  padding: 0 5%; 
+}
+
+.hero-4-txt p.btns-group-txt {
+  margin-top: 25px;
+}
+
+.hero-4-img {
+  margin-top: 60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-5
+/*------------------------------------------*/
+
+#hero-5 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-5 {
+  background-image: url(../images/hero-5.jpg);
+  padding-top: 140px;
+  padding-bottom: 50px;
+}
+
+.hero-5-txt h2 {
+  line-height: 1.3;
+  margin-bottom: 25px;
+}
+
+.hero-5-txt p.p-lg {
+  padding-right: 10%;
+  margin-bottom: 30px;
+}
+
+.hero-5-img {
+  margin: 0 0 -50px;
+}
+
+/*------------------------------------------*/
+/*  HERO-6
+/*------------------------------------------*/
+
+#hero-6 {
+  padding-top: 130px;
+}
+
+.hero-6-wrapper {
+  overflow: hidden;
+  background-image: linear-gradient(90deg, #f6f4fd, #f4f5fd);
+  padding: 75px 80px;
+}
+
+.hero-6-img {
+  position: relative;
+  text-align: center;
+}
+
+/*------------------------------------------*/
+/*  HERO-7
+/*------------------------------------------*/
+
+#hero-7 {
+  padding-top: 140px;
+  padding-bottom: 100px;
+}
+
+#hero-7 .quick-form {
+  margin-right: 4%;
+}
+
+.hero-7-img {
+  padding-left: 30px;
+}
+
+/*------------------------------------------*/
+/*  HERO-8
+/*------------------------------------------*/
+
+#hero-8 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-8 {
+  position: relative;
+  background-image: url(../images/hero-8.jpg);
+  padding-top: 170px;
+  padding-bottom: 30px;
+}
+
+.hero-8-txt {
+  margin-top: -70px;
+}
+
+.hero-8-txt p {
+  padding-right: 10%;
+}
+
+.hero-8-txt .hero-digits {
+  padding-right: 15%;
+}
+
+#hero-8-form {
+  position: relative;
+  z-index: 999;
+  background-color: #fff;
+  border: 1px solid #f8f8f8;
+  padding: 45px 35px;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+  box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+}
+
+#hero-8-form h4 {
+  line-height: 1.4;
+  margin-bottom: 20px;
+}
+
+#hero-8-form p {
+  color: #757575;
+  margin-bottom: 25px;
+}
+
+#hero-8-form p.p-sm {
+  text-align: center;
+  padding: 0 5%!important;
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+#hero-8-form p a {
+  color: #1e90ff;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  HERO-9
+/*------------------------------------------*/
+
+#hero-9 {
+  padding-top: 180px;
+}
+
+.hero-9-txt h2 {
+  line-height: 1;
+}
+
+.hero-9-txt h2 img {
+  position: relative;
+  width: auto;
+  max-width: inherit;
+  max-height: 100px;
+  margin: 0 3px;
+  top: -8px;
+}
+
+.hero-9-txt p {
+  padding: 0 5%;
+  margin-top: 40px;
+}
+
+#hero-9 .quick-form {
+  margin-left: 7%;
+  margin-right: 7%;
+}
+
+.hero-9-img {
+  margin-top: 60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-10
+/*------------------------------------------*/
+
+#hero-10 {
+  position: relative;
+  background-image: url(../images/hero-10.jpg);
+  padding-top: 170px;
+  padding-bottom: 100px;
+}
+
+.hero-10-txt h4 {
+  line-height: 1.45;
+  font-weight: 300;
+  padding-right: 5%;
+  margin-bottom: 35px;
+}
+
+.hero-10-img {
+  position: relative;
+  text-align: center;
+  margin: 0 -95% 0 15px;
+}
+
+/*------------------------------------------*/
+/*  HERO-11
+/*------------------------------------------*/
+
+#hero-11 {
+  overflow: hidden;
+  background-image: url(../images/hero-11.jpg);
+  padding-top: 50px;
+}
+
+.hero-11-txt {
+  margin-top: 40px;
+}
+
+.hero-11-txt p {
+  padding-right: 5%;
+}
+
+.hero-11-img {
+  position: relative;
+  margin: -60px -12% -100px -15px;
+}
+
+/*------------------------------------------*/
+/*  HERO-12
+/*------------------------------------------*/
+
+#hero-12 {
+  overflow: hidden; 
+  background-image: url(../images/hero-12.jpg);
+  padding-top: 180px;
+}
+
+.hero-12-txt h2 {
+  padding: 0 3%;
+}
+
+.hero-12-txt p { 
+  padding: 0 5%; 
+}
+
+.hero-12-txt p.btns-group-txt {
+  margin-top: 25px;
+}
+
+.hero-12-img {
+  margin-top: 60px;
+  margin-bottom: -100px;
+}
+
+.hero-12-img .video-btn {
+  top: calc(50% - 30px);
+}
+
+/*------------------------------------------*/
+/*  HERO-13
+/*------------------------------------------*/
+
+#hero-13 {
+  background-image: linear-gradient(180deg, #f1edff, #f1edff);
+  padding-top: 130px;
+  padding-bottom: 80px;
+}
+
+#hero-13:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 43%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #fff;
+  -moz-box-shadow: 0 0 55px 35px #fff;
+  -webkit-box-shadow: 0 0 35px 35px #fff;
+  box-shadow: 0 0 35px 35px #fff;
+}
+
+.hero-13-txt .section-id {
+  font-weight: 600;
+  letter-spacing: 1.5px;
+}
+
+.hero-13-txt p {
+  padding-right: 5%;
+}
+
+.hero-13-img {
+  text-align: center;
+}
+
+/*------------------------------------------*/
+/*  HERO-14
+/*------------------------------------------*/
+
+#hero-14 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-14 {
+  background-image: url(../images/hero-14.jpg);
+  padding-top: 170px;
+} 
+
+.hero-14-txt p.s-21 {
+  font-size: 1.3125rem;
+  margin-bottom: 40px;
+}
+
+#hero-14 .quick-form {
+  margin-left: 6%;
+  margin-right: 6%;
+}
+
+.hero-14-txt .btn-txt {
+  margin-top: 40px;
+}
+
+.hero-14-img {
+  margin-top: 70px;
+}
+
+/*------------------------------------------*/
+/*  HERO-15
+/*------------------------------------------*/
+
+#hero-15 {
+  position: relative;
+  z-index: 3;
+  background-image: url(../images/hero-15.jpg);
+  padding-top: 130px;
+}
+
+.hero-15-txt {
+  margin-top: -20px;
+}
+
+.hero-15-txt h2 {
+  padding-right: 5%;
+}
+
+.hero-15-txt p {
+  padding-right: 2%;
+}
+
+/*------------------------------------------*/
+/*  HERO-16
+/*------------------------------------------*/
+
+#hero-16 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-16 {
+  background-image: url(../images/hero-16.jpg);
+  padding-top: 170px;
+  margin-bottom: 80px;
+} 
+
+.hero-16-img {
+  margin-top: 60px;
+  margin-bottom: -80px;
+}
+
+/*------------------------------------------*/
+/*  HERO-17
+/*------------------------------------------*/
+
+#hero-17 {
+  text-align: center;
+  padding-top: 170px;
+  background-image: url(../images/hero-17.jpg);
+  background-position: top center;
+}
+
+#hero-17 #brands-1 {
+  padding: 80px 6% 0;
+}
+
+#hero-17 #brands-1 .brands-carousel-5 .brand-logo {
+  padding: 0 20px;
+} 
+
+#hero-17 .quick-form {
+  margin-left: 8%;
+  margin-right: 8%;
+}
+
+/*------------------------------------------*/
+/*  HERO-18
+/*------------------------------------------*/
+
+#hero-18 {
+  padding-top: 140px;
+  padding-bottom: 80px;
+}
+
+#hero-18:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 74%;
+  height: 100%;
+  top: 0;
+  left: 26%;
+  background-image: url(../images/hero-18.jpg);
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+  border-radius: 0 0 0 60px;
+}
+
+.hero-18-txt p {
+  padding-right: 3%;
+}
+
+#hero-18 .quick-form {
+  margin-right: 4%;
+}
+
+.hero-18-img {
+  text-align: center;
+  padding-right: 15px;
+}
+
+/*------------------------------------------*/
+/*  HERO-19
+/*------------------------------------------*/
+
+#hero-19 {
+  padding-top: 170px;
+}
+
+.hero-19-txt p {
+  padding: 0 10%;
+}
+
+/*------------------------------------------*/
+/*  HERO-20
+/*------------------------------------------*/
+
+#hero-20 {
+  background-image: url(../images/hero-20.jpg);
+  padding-top: 100px;
+  padding-bottom: 100px;
+}
+
+#hero-20:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 51%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-image: linear-gradient(180deg, #f4f4f9, #fbfbfd);
+}
+
+.hero-20-txt {
+  padding: 0 8% 0 15px;
+}
+
+.hero-section .hero-20-txt h2.s-48 {
+  margin-bottom: 28px;
+}
+
+/*------------------------------------------*/
+/*  HERO-21
+/*------------------------------------------*/
+
+#hero-21 {
+  padding-top: 170px;
+}
+
+.hero-21-txt {
+  margin-bottom: 60px;
+}
+
+.hero-21-txt h2 {
+  margin-bottom: 35px;
+}
+
+.hero-21-wrapper {
+  overflow: hidden;
+}
+
+#hero-21 .hero-overlay {
+  background-image: url(../images/hero-21.jpg);
+  padding: 90px 70px 0;
+}
+
+.hero-21-img {
+  position: relative;
+  margin-bottom: -25%;
+}
+
+.hero-21-img .video-btn {
+  top: calc(50% - 80px);
+}
+
+/*------------------------------------------*/
+/*  HERO-22
+/*------------------------------------------*/
+
+#hero-22 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-22 {
+  position: relative;
+  background-image: url(../images/hero-22.jpg);
+  padding-top: 160px;
+}
+
+#hero-22-form {
+  position: relative;
+  z-index: 999;
+  background-color: #fff;
+  border: 1px solid #f8f8f8;
+  padding: 45px 35px 35px;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+  box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+}
+
+#hero-22-form h4 {
+  line-height: 1.4;
+  margin-bottom: 20px;
+}
+
+#hero-22-form p {
+  color: #757575;
+  margin-bottom: 25px;
+}
+
+#hero-22-form p.p-sm {
+  text-align: center;
+  padding: 0 5%!important;
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+#hero-22-form p a {
+  color: #1e90ff;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  HERO-23
+/*------------------------------------------*/
+
+#hero-23 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-23 {
+  position: relative;
+  background-image: url(../images/hero-23.jpg);
+  padding-top: 100px;
+  margin-bottom: 25px;
+}
+
+.hero-23-txt p {
+  padding: 0 5%;
+}
+
+.hero-23-img {
+  margin-top: 40px;
+  margin-bottom: -25px;
+}
+
+/*------------------------------------------*/
+/*  HERO-24
+/*------------------------------------------*/
+
+#hero-24 {
+  background-image: url(../images/hero-24.jpg);
+  padding-top: 200px;
+  padding-bottom: 150px;
+}
+
+#hero-24 .quick-form {
+  margin-left: 7%;
+  margin-right: 7%;
+}
+
+/*------------------------------------------*/
+/*  HERO-25
+/*------------------------------------------*/
+
+#hero-25 {
+  background-image: url(../images/hero-25.jpg);
+  padding-top: 120px;
+  padding-bottom: 100px;
+}
+
+.hero-25-txt h2 {
+  margin-bottom: 22px;
+}
+
+.hero-25-txt p.p-lg {
+  padding-right: 10%;
+  margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  HERO-26
+/*------------------------------------------*/
+
+#hero-26 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-26 {
+  position: relative;
+  background-image: url(../images/hero-26.jpg);
+  padding-top: 160px;
+  z-index: 3;
+}
+
+.hero-26-txt {
+  margin-top: -80px;
+}
+
+.hero-26-txt h2 {
+  padding-right: 2%;
+}
+
+#hero-26 .quick-form {
+  margin-right: 4%;
+}
+
+.hero-26-img {
+  position: relative;
+  text-align: center;
+  margin: 0 -90% 0 -60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-27
+/*------------------------------------------*/
+
+#hero-27 .hero-overlay {
+  background-image: url(../images/hero-27.png);
+  background-position: top center;
+  padding-top: 170px;
+}
+
+.hero-27-txt h2 { 
+  margin-bottom: 26px!important;
+}
+
+.hero-27-txt p.s-20 { 
+  padding: 0 6%;
+  margin-bottom: 30px!important;
+}
+
+.hero-27-txt p.s-21 { 
+  padding: 0 5%;
+}
+
+/*------------------------------------------*/
+/*  HERO QUICK FORM
+/*------------------------------------------*/
+
+.hero-section .quick-form .input-group {
+  border: none;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Input
+/*------------------------------------------*/
+
+.hero-section .quick-form .form-control {
+  height: 64px;
+  background-color: #fff;
+  border: 2px solid transparent;
+  color: #666;
+  font-size: 1.125rem;
+  font-weight: 400;
+  padding: 0 20px;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out;  
+}
+
+.hero-section .quick-form.form-shadow .form-control {
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
+  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
+}
+
+.hero-section .quick-form.form-stroke .form-control {
+  border-color: #353f4f;
+}
+
+.hero-section .quick-form.form-half .form-control {
+  height: 58px;
+ font-size: 1.0625rem;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Placeholder
+/*------------------------------------------*/
+
+.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } 
+.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } 
+.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } 
+
+/*------------------------------------------*/
+/*  Hero Quick Form Focus
+/*------------------------------------------*/
+
+.hero-section .quick-form .form-control:focus {
+  background-color: #fff;
+  border-color: #1680fb;
+  outline: 0;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Button
+/*------------------------------------------*/
+
+.hero-section .quick-form .btn {
+  height: 64px;
+  font-size: 1.0625rem;
+  padding: 12px 45px;
+  margin-left: 15px;
+}
+
+.hero-section .quick-form.form-half .btn {
+  height: 58px;
+  font-size: 1rem;
+  padding: 13px 40px;
+  margin-left: 14px;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Message
+/*------------------------------------------*/
+
+.hero-section .quick-form-msg {
+  width: 100%!important;
+  display: block;
+  margin: 20px 0 15px 5px;
+}
+
+.hero-section .text-center .quick-form-msg {
+  margin: 20px 0 -15px 0;
+}
+
+.hero-section .quick-form-msg .loading {
+  color: #3eb1ff;
+  font-size: 1.05rem;
+  line-height: 1;
+  font-weight: 500;
+}
+
+.hero-section .text-center .quick-form-msg .loading {
+  font-size: 1.125rem;
+}
+
+/*------------------------------------------*/
+/*  HERO REQUEST FORM
+/*------------------------------------------*/
+
+/*------------------------------------------*/
+/*  Hero Request Form Input
+/*------------------------------------------*/
+
+.request-form .form-control {
+  height: 58px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  color: #666;
+  font-size: 1rem;
+  font-weight: 400;
+  margin-bottom: 22px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  Hero Request Form Placeholder
+/*------------------------------------------*/
+
+.hero-form-wrapper .form-control::-moz-placeholder { color: #999; } 
+.hero-form-wrapper .form-control:-ms-input-placeholder { color: #999; }
+.hero-form-wrapper .form-control::-webkit-input-placeholder { color: #999; }
+
+.request-form .form-control:focus {
+  background-color: #fff;
+  border-color: #1680fb;
+  outline: 0;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Hero Request Form Button
+/*------------------------------------------*/
+
+#hero-8-form .btn,
+#hero-22-form .btn {
+  width: 100%;
+  height: 58px;
+  padding: 16px;
+}
+
+/*------------------------------------------*/
+/*  Hero Request Form Message
+/*------------------------------------------*/
+
+.request-form-msg {
+  width: 100%!important;
+  display: block;
+  text-align: center;
+  margin-top: 15px;
+}
+
+.request-form-msg .loading {
+  color: #00b2e4;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 500;
+}
+
+.request-form .error {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 10px;
+}
+
+
+
+
+/* ==========================================================================
+  06. ABOUT
+  ========================================================================== */
+
+.a2-txt {
+  padding: 20px 30px 35px;
+}
+
+.a2-txt-quote { 
+  position: relative;
+  margin-bottom: -45px; 
+ }
+
+.a2-txt-quote.ico-40 [class*="flaticon-"]:before, 
+.a2-txt-quote.ico-40 [class*="flaticon-"]:after { font-size: 4.25rem; }
+
+/*------------------------------------------*/
+/*  ABOUT TYPOGRAPHY
+/*------------------------------------------*/ 
+
+#about-1 .txt-block p {
+  margin-bottom: 0;
+}
+
+#about-4 .txt-block p {
+  margin-top: 25px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  ABOUT 2 AUTHOR
+/*------------------------------------------*/ 
+
+.a2-txt-author {
+  line-height: 1.45;
+  font-weight: 500;
+  margin-top: 18px;
+  margin-bottom: 0;
+}
+
+.a2-txt-author span {
+  display: block;
+  font-weight: 300;
+}
+
+/*------------------------------------------*/
+/*  ABOUT 2 IMAGES
+/*------------------------------------------*/ 
+
+.about-3-images {
+  padding: 0 5%;
+}
+
+.about-2-img {
+  overflow: hidden;
+}
+
+.about-3-img {
+  overflow: hidden;
+  height: 460px;
+}
+
+.a-2-1 {
+  margin-left: 13%;
+  margin-bottom: 30px;
+}
+
+.a-2-2 {
+  margin-left: -10%;
+}
+
+.a-2-3 {
+  margin-right: -10%;
+  margin-bottom: 30px;
+}
+
+.a-2-4 {
+  margin-right: -10%;
+}
+
+#a4-1 {
+  position: relative;
+  padding-right: 30px;
+  margin-top: -30px;
+}
+
+#a4-2 {
+  position: relative;
+  padding-left: 30px;
+  margin-bottom: -30px;
+}
+
+
+
+
+/* ==========================================================================
+  07. FEATURES
+  ========================================================================== */
+
+#features-12.py-100.shape--bg:after,
+#features-12.pt-100.shape--bg:after,
+#features-13.py-100.shape--bg:after,
+#features-13.pt-100.shape--bg:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+}
+
+#features-12.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; left: 52%; }
+#features-12.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; left: 52%; }
+#features-13.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; }
+#features-13.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; }
+
+.rows-2 .fb-1, 
+.rows-2 .fb-2, 
+.rows-2 .fb-3 {
+ margin-bottom: 50px; 
+}
+
+.rows-2 .fbox-7.fb-1, 
+.rows-2 .fbox-7.fb-2, 
+.rows-2 .fbox-7.fb-3, 
+.rows-2 .fbox-9.fb-1, 
+.rows-2 .fbox-9.fb-2, 
+.rows-2 .fbox-9.fb-3,
+.rows-3 .fb-1, .rows-3 .fb-2, 
+.rows-3 .fb-3, .rows-3 .fb-4 { margin-bottom: 40px; }
+
+.rows-3 .fb-3.fbox-11-lst, 
+.rows-3 .fb-4.fbox-11-lst { margin-bottom: 0; }
+
+.fbox-14-wrapper {
+  padding: 80px 70px;
+}
+
+.fbox-14-wrapper .col {
+  padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX
+/*------------------------------------------*/ 
+
+.row-cols-md-3 .fbox-4 { padding: 50px 35px; }
+.row-cols-md-2 .fbox-4 { padding: 35px 20px; } 
+
+.fbox-5 { padding: 60px; }   
+
+.fbox-7 {
+  border: 2px solid #eee;
+  padding: 55px 40px 50px;
+}
+
+.row-cols-md-2 .fbox-7 {
+  padding: 35px 20px 30px;
+}
+
+.fbox-8 { padding: 55px 40px; }
+.fbox-8.bg--white-100 { padding: 60px 40px; }
+
+.fbox-9 {
+  border: 2px solid #eee;
+  padding: 40px 40px 35px;
+} 
+
+.fbox-14 {
+  border: 2px solid #eee;
+  padding: 40px 30px 35px;
+} 
+
+/*------------------------------------------*/
+/*  FEATURE BOX IMAGE
+/*------------------------------------------*/ 
+
+.fbox-img img {
+  width: auto;
+  max-width: inherit;
+}
+
+.fbox-img.h-135 img { max-height: 135px; }
+.fbox-img.h-140 img { max-height: 140px; }
+.fbox-img.h-145 img { max-height: 145px; }
+.fbox-img.h-150 img { max-height: 150px; }
+.fbox-img.h-155 img { max-height: 155px; }
+.fbox-img.h-160 img { max-height: 160px; }
+.fbox-img.h-165 img { max-height: 165px; }
+.fbox-img.h-170 img { max-height: 170px; }
+.fbox-img.h-175 img { max-height: 175px; }
+.fbox-img.h-180 img { max-height: 180px; }
+
+/*------------------------------------------*/
+/*  FBOX-1 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-1 .fbox-img { 
+  margin-bottom: 35px; 
+}
+
+.row-cols-md-2 .fbox-1 .fbox-img { 
+  margin-bottom: 28px; 
+}
+
+/*------------------------------------------*/
+/*  FBOX-2 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-2 .fbox-img {
+  -webkit-border-radius: 12px 12px 0 0;
+  -moz-border-radius: 12px 12px 0 0;
+  -o-border-radius: 12px 12px 0 0;
+  border-radius: 12px 12px 0 0;
+} 
+
+.fbox-2 .fbox-img.h-135, .fbox-2 .fbox-img.h-140, .fbox-2 .fbox-img.h-145, 
+.fbox-2 .fbox-img.h-150, .fbox-2 .fbox-img.h-155 { padding-top: 35px; margin-bottom: 60px; } 
+
+.fbox-2 .fbox-img.h-160 { padding-top: 35px; margin: 0 20px 60px; }
+.fbox-2 .fbox-img.h-165 { padding-top: 38px; margin: 0 15px 60px; } 
+.fbox-2 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 60px; } 
+.fbox-2 .fbox-img.h-175 { padding-top: 42px; margin: 0 8px 60px; }
+.fbox-2 .fbox-img.h-180 { padding-top: 44px; margin: 0 5px 60px; }  
+
+.fbox-2 .fbox-img img { 
+  margin-bottom: -25px; 
+} 
+
+/*------------------------------------------*/
+/*  FBOX-3 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-3 .fbox-img {
+  overflow: hidden;
+} 
+
+.fbox-3 .fbox-img.h-135 { padding-top: 30px; margin: 0 0 35px; }
+.fbox-3 .fbox-img.h-160 { padding-top: 32px; margin: 0 18px 35px; }
+.fbox-3 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 35px; }
+.fbox-3 .fbox-img.h-175, .fbox-3 .fbox-img.h-180 { padding-top: 40px; margin: 0 5px 35px; }
+
+.row-cols-md-2 .fbox-3 .fbox-img { 
+  margin-bottom: 28px; 
+}
+
+/*------------------------------------------*/
+/*  FBOX-4 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-4 .fbox-img { 
+  margin-bottom: 35px; 
+}
+
+.row-cols-md-2 .fbox-4 .fbox-img { 
+  margin-bottom: 28px; 
+}
+
+/*------------------------------------------*/
+/*  FBOX-5 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-5.fb-1 .fbox-5-img,
+.fbox-5.fb-5 .fbox-5-img,
+.fbox-5.fb-6 .fbox-5-img {
+  margin: 40px 5% 0;
+}
+
+.fbox-5.fb-2 .fbox-5-img,
+.fbox-5.fb-3 .fbox-5-img,
+.fbox-5.fb-4 .fbox-5-img {
+   margin: 0 5% 40px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX VECTOR ICON
+/*------------------------------------------*/ 
+
+.fbox-ico,
+.fbox-ico.ico-rounded {
+  margin-bottom: 20px;
+}
+
+.fbox-ico.ico-rounded-md,
+.fbox-ico.ico-rounded-lg {
+  margin-bottom: 25px;
+}
+
+.fbox-11 {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+.fbox-ico-wrap {
+  position: relative;
+  margin-right: 25px;
+}
+
+.rows-2 .fbox-ico-wrap {
+  margin-right: 20px;
+}
+
+.fbox-11 .fbox-ico {
+  margin-top: 4px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX
+/*------------------------------------------*/ 
+
+.fbox-11 .fbox-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX TITLE
+/*------------------------------------------*/ 
+
+.fbox-wrapper .row-cols-lg-3 .fbox-title {
+  margin-bottom: 10px;
+}
+
+.fbox-title span {
+  float: left;
+  line-height: 1!important;
+  margin-right: 15px; 
+}
+
+.fbox-title h6 {  
+  line-height: 2.1875rem!important;
+  margin-bottom: 0;
+}
+
+.fbox-title.ico-30 h6 {  
+  line-height: 1.875rem!important;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX TYPOGRAPHY
+/*------------------------------------------*/ 
+
+.fbox-wrapper .row-cols-md-3 h6 {
+  margin-bottom: 15px;
+}
+
+.rows-2 .fbox-11 h6,
+.fbox-wrapper .row-cols-md-2 h6 {
+  margin-bottom: 10px;
+}
+
+.fbox-wrapper p {
+  margin-bottom: 0;
+}
+
+.fbox-5 h5 {
+  margin-bottom: 15px;
+}
+
+.fbox-14 h5 {
+  margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE-12
+/*------------------------------------------*/ 
+
+.fbox-12-wrapper { 
+  padding-left: 45px;
+}
+
+.fbox-13-wrapper { 
+  padding-right: 45px;
+}
+
+.fbox-12,
+.fbox-13 {
+  padding: 32px 35px;
+} 
+
+.fbox-12 h5,
+.fbox-13 h5 {
+  margin-top: 20px;
+  margin-bottom: 10px;
+}
+
+.fbox-12 p,
+.fbox-13 p,
+.fbox-14 p {
+  margin-bottom: 0;
+} 
+
+
+
+
+/* ==========================================================================
+  08. CONTENT
+  ========================================================================== */
+
+.ct-06 {
+  margin-bottom: 80px;
+}
+
+.ct-07 {
+  margin-top: 80px;
+}
+
+.ct-10 .section-overlay {
+  margin-bottom: 100px;
+}
+
+.ct-11, 
+.ct-12 {
+  padding: 60px 0;
+}
+
+.ct-11:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 50%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #fff;
+}
+
+.ct-12:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 50%;
+  height: 100%;
+  top: 0;
+  left: 50%;
+  background-color: #fff;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX WRAPPER
+/*------------------------------------------*/
+
+.bc-1-wrapper .section-overlay,
+.bc-4-wrapper .section-overlay,
+.bc-6-wrapper .section-overlay {
+  padding: 80px 70px;
+}
+
+.bc-2-wrapper .section-overlay,
+.bc-3-wrapper .section-overlay,
+.bc-5-wrapper .section-overlay {
+  padding: 80px 70px 0;
+}
+
+.bc-6 {
+  padding: 40px 35px;
+}
+
+.cbox-6-wrapper {
+  padding: 60px 40px;
+}
+
+.content-section .cbox-6-wrapper {
+  padding: 80px 70px;
+}
+
+.bc-5-wrapper .section-title p {
+  padding: 0;
+}
+
+/*------------------------------------------*/
+/*  TEXT BLOCK
+/*------------------------------------------*/ 
+
+.txt-box { 
+  margin-bottom: 20px;
+}
+
+.txt-box:last-child { 
+  margin-bottom: 0; 
+}
+
+.bc-3-txt,
+.ct-06 .txt-block,
+.bc-2-wrapper .txt-block {
+  margin-top: -40px;
+}
+
+.bc-2-txt,
+.ct-07 .txt-block {
+  margin-top: 40px;
+}
+
+.bc-1-wrapper .txt-block.pr-25.left-column,
+.bc-2-wrapper .txt-block.pr-25.left-column {
+  padding-right: 25px;
+}
+
+.bc-1-wrapper .txt-block.pl-25.right-column,
+.bc-2-wrapper .txt-block.pl-25.right-column {
+  padding-left: 25px;
+}
+
+.ct-11 .txt-block {
+  padding-right: 50px;
+}
+
+.ct-12 .txt-block {
+  padding-left: 70px;
+}
+
+.ct-13 .txt-block h5 {
+  padding-right: 6%;
+}
+
+/*------------------------------------------*/
+/*  TEXT BLOCK TYPOGRAPHY
+/*------------------------------------------*/ 
+
+.bc-2-txt h2,
+.bc-3-txt h2,
+.bc-4-txt h2,
+.txt-block h3,
+.txt-block h2 {
+  margin-bottom: 26px;
+}
+
+.txt-block h5 {
+  margin-bottom: 20px;
+}
+
+h5.h5-title {
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+
+.txt-block .btn,
+.txt-block .btns-group .btn.btn--transparent {
+  margin-top: 25px;
+}
+
+.txt-block .btn.btn--transparent {
+  margin-top: 0;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX
+/*------------------------------------------*/
+
+.cbox-1,
+.cbox-2,
+.cbox-3 {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+.cbox-5 {
+  position: relative;
+}
+
+.cbox-5-content {
+  background-color: #fff;
+  border: 1px solid #f5f6f6;
+  padding: 40px;
+  margin: 0 12%;
+  z-index: 1;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+}
+
+.cbox-5-content .divider {
+  margin-top: 25px;
+  margin-bottom: 25px;
+}
+
+#cb-6-1, #cb-6-2 {
+  margin-bottom: 35px;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX TITLE
+/*------------------------------------------*/ 
+
+.box-title h6,
+.box-title h5 {  
+  display: inline-block;
+  line-height: 2.35rem!important;
+  margin-bottom: 15px;
+}
+
+.box-title span {   
+  position: relative;
+  top: 12px;
+  margin-right: 10px;
+}
+
+.box-title span[class*="flaticon-"]:before,
+.box-title span[class*="flaticon-"]:after {   
+  font-size: 2.35rem;
+}
+
+.txt-block .cbox-5-title h2 {
+  font-size: 3.5rem;
+  letter-spacing: -1px;
+  line-height: 1;
+  margin-bottom: 10px;
+}
+
+.cbox-5-title .statistic-number sup {
+  font-size: 3rem;
+  top: -5px;
+  right: 6px;
+}
+
+.cbox-5-title .ico-15 [class*="flaticon-"]:before, 
+.cbox-5-title .ico-15 [class*="flaticon-"]:after {
+  font-size: 0.875rem;
+  line-height: 1!important; 
+}
+
+.cbox-5-title p.p-lg {
+  margin-bottom: 10px;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX ICON
+/*------------------------------------------*/
+
+.cbox-1 .ico-wrap { 
+  margin-left: 8px; 
+}
+
+.cbox-1.ico-10 span {
+  position: relative;
+  top: 0;
+  right: 7px;
+}
+
+.cbox-1.ico-15 span {
+  position: relative;
+  top: 1px;
+  right: 8px;
+}
+
+.cbox-1.ico-10 [class*="flaticon-"]:before,
+.cbox-1.ico-10 [class*="flaticon-"]:after {  
+  font-size: 0.6rem;
+}
+
+.cbox-1.ico-15 [class*="flaticon-"]:before,
+.cbox-1.ico-15 [class*="flaticon-"]:after {   
+  font-size: 0.75rem;
+}
+
+/*------------------------------------------*/
+/*  CBOX #2
+/*------------------------------------------*/
+
+.cbox-2 .ico-wrap {
+  position: relative;
+  margin-right: 1.625rem;
+}
+
+.cbox-2-ico {
+  position: relative;
+  width: 2.625rem;
+  height: 2.625rem;
+  text-align: center;
+  border-radius: 100%;
+  font-size: 1.1875rem;
+  font-weight: 500;
+  line-height: 2.375rem;
+  border: 2px solid transparent;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out; 
+}
+
+.ct-03 .cbox-2-ico {
+  position: relative;
+  width: 2.35rem;
+  height: 2.35rem;
+  font-size: 1.15rem;
+  line-height: 2.15rem;
+}
+
+.cbox-2-line {
+  position: absolute;
+  bottom: 20px;
+  left: 50%;
+  width: 2px;
+  background-color: #e4e4e4;
+  height: calc(100% - 90px);
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+}
+
+.cbox-2:hover .cbox-2-ico {
+  background-color: transparent;
+  -webkit-transform: scale(1.1);
+  -moz-transform: scale(1.1);
+  -ms-transform: scale(1.1);
+  transform: scale(1.1);
+}
+
+.cbox-2:hover .cbox-2-ico.bg--blue-500 { color: #185abd; border-color: #185abd; }
+.cbox-2:hover .cbox-2-ico.bg--blue-400 { color: #1680fb; border-color: #1680fb; }
+.cbox-2:hover .cbox-2-ico.bg--blue-300 { color: #3eb1ff; border-color: #3eb1ff; }
+
+.cbox-2:hover .cbox-2-ico.bg--green-500 { color: #00a14e; border-color: #00a14e; }
+.cbox-2:hover .cbox-2-ico.bg--green-400 { color: #0fbc49; border-color: #0fbc49; }
+.cbox-2:hover .cbox-2-ico.bg--green-300 { color: #6fd792; border-color: #6fd792; }
+
+.cbox-2:hover .cbox-2-ico.bg--pink-500 { color: #ff149c; border-color: #ff149c; }
+.cbox-2:hover .cbox-2-ico.bg--pink-400 { color: #f74780; border-color: #f74780; }
+.cbox-2:hover .cbox-2-ico.bg--pink-300 { color: #fcb5cc; border-color: #fcb5cc; }
+
+.cbox-2:hover .cbox-2-ico.bg--purple-500 { color: #663ae9; border-color: #663ae9; }
+.cbox-2:hover .cbox-2-ico.bg--purple-400 { color: #7b5dd6; border-color: #7b5dd6; }
+.cbox-2:hover .cbox-2-ico.bg--purple-300 { color: #bdaeea; border-color: #bdaeea; }
+
+.cbox-2:hover .cbox-2-ico.bg--red-500 { color: #da0f29; border-color: #da0f29; }
+.cbox-2:hover .cbox-2-ico.bg--red-400 { color: #ff1e1a; border-color: #ff1e1a; }
+.cbox-2:hover .cbox-2-ico.bg--red-300 { color: #ffa5a3; border-color: #ffa5a3; }
+
+.cbox-2:hover .cbox-2-ico.bg--violet-500 { color: #c73e9b; border-color: #c73e9b; }
+.cbox-2:hover .cbox-2-ico.bg--violet-400 { color: #be6cbe; border-color: #be6cbe; }
+.cbox-2:hover .cbox-2-ico.bg--violet-300 { color: #e2bde2; border-color: #e2bde2; }
+
+.cbox-2:hover .cbox-2-ico.bg--yellow-500 { color: #ffba01; border-color: #ffba01; }
+.cbox-2:hover .cbox-2-ico.bg--yellow-400 { color: #ffbd45; border-color: #ffbd45; }
+.cbox-2:hover .cbox-2-ico.bg--yellow-300 { color: #ffdf35; border-color: #ffdf35; }
+
+/*------------------------------------------*/
+/*  CBOX #3
+/*------------------------------------------*/
+
+.cbox-3 .ico-wrap {
+  position: relative;
+  text-align: center;
+  margin-top: 0;
+  margin-right: 1.15rem;
+}
+
+.cbox-3 .cbox-3-ico {
+  position: relative;
+  top: 3px;
+}
+
+.cbox-3-ico span[class*="flaticon-"]:before,
+.cbox-3-ico span[class*="flaticon-"]:after {  
+  font-size: 2.85rem;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX TEXT
+/*------------------------------------------*/
+
+.cbox-1-txt,
+.cbox-2-txt,
+.cbox-3-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.cbox-2-txt,
+.cbox-3-txt {
+  margin-bottom: 35px;
+}
+
+.ct-03 .cbox-2-txt {
+  margin-bottom: 30px;
+}
+
+.cbox-4-txt {
+  margin-bottom: 25px;
+}
+
+.cbox-2:last-child .cbox-2-txt,
+.cbox-3:last-child .cbox-3-txt,
+.cbox-4:last-child .cbox-4-txt {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX FEATURE
+/*------------------------------------------*/  
+
+.cbox-5-fea {
+  padding: 20px 25px;
+  margin-top: 25px;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+}
+
+.txt-block .cbox-5-fea h4 {
+  line-height: 1;
+  margin-bottom: 3px;
+}
+
+.cbox-5-fea p {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX TYPOGRAPHY
+/*------------------------------------------*/
+
+.cbox-2-txt h5,
+.cbox-3-txt h5 {
+  margin-bottom: 15px;
+}
+
+.ct-03 .cbox-2-txt h5 {
+  margin-bottom: 10px;
+}
+
+.cbox-6 h6 {
+  margin-bottom: 15px;
+}
+
+.cbox-1-txt p { 
+  margin-bottom: 8px;
+}
+
+.cbox-1-last .cbox-1-txt p { 
+  margin-bottom: 1rem;
+}
+
+.cbox-6 p,
+.cbox-2-txt p,
+.cbox-3-txt p,
+.cbox-4-txt p {
+  margin-bottom: 0;
+}
+
+.bc-6-txt {
+  padding: 0 10px;
+}
+
+.bc-6-txt h5 {
+  margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  ACCORDION  
+/*------------------------------------------*/
+
+.txt-block .accordion-1 .accordion-item {
+  background-color: transparent;
+  padding: 25px 30px;
+  border: none;
+}
+
+.txt-block .accordion-2 .accordion-item {
+  background-color: transparent;
+  padding: 15px 0 25px;
+  border: none;
+  border-top: 1px solid #ccc;
+  border-radius: 0 0;
+}
+
+.txt-block .accordion-2 .accordion-item:last-child {
+  border-bottom: 1px solid #ccc;
+}
+
+.txt-block .accordion-item.r-02:first-of-type { border-top-left-radius: 2px; border-top-right-radius: 2px; }
+.txt-block .accordion-item.r-04:first-of-type { border-top-left-radius: 4px; border-top-right-radius: 4px; }
+.txt-block .accordion-item.r-06:first-of-type { border-top-left-radius: 6px; border-top-right-radius: 6px; }
+.txt-block .accordion-item.r-08:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+.txt-block .accordion-item.r-10:first-of-type { border-top-left-radius: 10px; border-top-right-radius: 10px; }
+.txt-block .accordion-item.r-12:first-of-type { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+.txt-block .accordion-item.r-14:first-of-type { border-top-left-radius: 14px; border-top-right-radius: 14px; }
+.txt-block .accordion-item.r-16:first-of-type { border-top-left-radius: 16px; border-top-right-radius: 16px; }
+
+.txt-block .accordion-item.r-02:last-of-type { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }
+.txt-block .accordion-item.r-04:last-of-type { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
+.txt-block .accordion-item.r-06:last-of-type { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
+.txt-block .accordion-item.r-08:last-of-type { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }
+.txt-block .accordion-item.r-10:last-of-type { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
+.txt-block .accordion-item.r-12:last-of-type { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; }
+.txt-block .accordion-item.r-14:last-of-type { border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; }
+.txt-block .accordion-item.r-16:last-of-type { border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; }
+
+.txt-block .accordion-thumb {
+  margin: 0;
+  padding: 0;
+  cursor: pointer;
+  position: relative;
+}
+
+.txt-block .accordion-1 .accordion-item .accordion-thumb:before,
+.txt-block .accordion-2 .accordion-item .accordion-thumb:after,
+.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before,
+.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
+  color: #6c757d;
+  font-family: Flaticon;
+  position: absolute;
+  color: #353f4f;
+  font-weight: 400; 
+}
+
+.txt-block .accordion-1 .accordion-item .accordion-thumb:before {
+  content: "\f11a";
+  font-size: 0.95rem;
+  top: 1px;
+  left: 0;
+}
+
+.txt-block .accordion-2 .accordion-item .accordion-thumb:after,
+.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
+  content: "\f110";
+  font-size: 0.95rem;
+  top: 12px;
+  right: 0;
+}
+
+.txt-block .accordion-1 .accordion-item.is-active {
+  background-color: #f4f4f9;
+  padding: 35px 30px 19px 30px;
+  margin-bottom: 15px;
+  margin-top: 15px;
+}
+
+.txt-block .accordion-2 .accordion-item.is-active {
+  background-color: transparent;
+  margin-bottom: 0;
+  margin-top: 0;
+}
+
+.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before {
+  content: "\f11b";
+}
+
+.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
+  content: "\f111";
+}
+
+.txt-block .accordion-1 .accordion-panel {
+  color: #6c757d;
+  margin: 0;
+  padding: 0 0 0 25px;
+  display: none;
+}
+
+.txt-block .accordion-2 .accordion-panel {
+  color: #6c757d;
+  margin: 15px 0 0 0;
+  display: none;
+}
+
+.txt-block .accordion-1 .accordion-thumb h5 {
+  color: #353f4f;
+  line-height: 1;
+  padding-left: 28px;
+  margin-bottom: 0;
+}
+
+.txt-block .accordion-2 .accordion-thumb h5 {
+  color: #353f4f;
+  display: inline-block;
+  line-height: 1;
+  padding-left: 10px;
+  margin-bottom: 0;
+}
+
+.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 {
+  margin-bottom: 20px;
+}
+
+.accordion-2 .accordion-thumb span[class*="flaticon-"]:before,
+.accordion-2 .accordion-thumb span[class*="flaticon-"]:after {  
+  color: #6c757d;
+  position: relative;
+  font-size: 2.1875rem;
+  top: 10px;
+}
+
+.txt-block .accordion-2 .accordion-panel .simple-list li {
+  margin-bottom: 1rem;
+}
+
+.txt-block .accordion-2 .accordion-panel p,
+.txt-block .accordion-2 .accordion-panel .simple-list li:last-child {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TABS
+/*------------------------------------------*/
+
+#tabs-1 .tabs-nav { 
+  text-align: center;
+}
+
+.tabs-1 { 
+  display: inline-block;
+  margin: 0 auto 60px;
+}
+
+#tabs-1 .tab-content {
+  display: none;
+}
+
+#tabs-1 .tab-content.current {
+  display: inherit;
+}
+
+.tabs-1 li {
+  display: inline-block; 
+  margin: 0 20px;
+  color: #aaa;
+  font-size: 1.05rem;
+  line-height: 1;
+  font-weight: 500;
+  padding: 0 2px 10px;
+  background-color: transparent;
+  border-bottom: 3px solid transparent;
+  cursor: pointer;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+/*------------------------------------------*/
+/*  TAB LINK HOVER / CURRENT
+/*------------------------------------------*/
+
+.tabs-1 li:hover {
+  color: #888;
+  border-color: #ccc;
+}
+
+.tabs-1 li.current,
+.tabs-1 li.current:hover {
+  color: #2b3648;
+  border-color: #2b3648;
+}
+
+.tabs-1.tabs--blue-500, .tabs-1.tabs--blue-500 li.current:hover { color: #185abd; border-color: #185abd; }
+.tabs-1.tabs--blue-400, .tabs-1.tabs--blue-500 li.current:hover { color: #1680fb; border-color: #1680fb; }
+.tabs-1.tabs--blue-300, .tabs-1.tabs--blue-500 li.current:hover { color: #3eb1ff; border-color: #3eb1ff; }
+
+.tabs-1.tabs--green-500, .tabs-1.tabs--green-500 li.current:hover { color: #00a14e; border-color: #00a14e; }
+.tabs-1.tabs--green-400, .tabs-1.tabs--green-400 li.current:hover { color: #0fbc49; border-color: #0fbc49; }
+.tabs-1.tabs--green-300, .tabs-1.tabs--green-300 li.current:hover { color: #6fd792; border-color: #6fd792; }
+
+.tabs-1.tabs--pink-500, .tabs-1.tabs--pink-500 li.current:hover { color: #ff149c; border-color: #ff149c; }
+.tabs-1.tabs--pink-400, .tabs-1.tabs--pink-400 li.current:hover { color: #f74780; border-color: #f74780; }
+.tabs-1.tabs--pink-300, .tabs-1.tabs--pink-300 li.current:hover { color: #fcb5cc; border-color: #fcb5cc; }
+
+.tabs-1.tabs--purple-500, .tabs-1.tabs--purple-500 li.current:hover { color: #663ae9; border-color: #663ae9; }
+.tabs-1.tabs--purple-400, .tabs-1.tabs--purple-400 li.current:hover { color: #7b5dd6; border-color: #7b5dd6; }
+.tabs-1.tabs--purple-300, .tabs-1.tabs--purple-300 li.current:hover { color: #bdaeea; border-color: #bdaeea; }
+
+.tabs-1.tabs--red-500, .tabs-1.tabs--red-500 li.current:hover { color: #da0f29; border-color: #da0f29; }
+.tabs-1.tabs--red-400, .tabs-1.tabs--red-400 li.current:hover { color: #ff1e1a; border-color: #ff1e1a; }
+.tabs-1.tabs--red-300, .tabs-1.tabs--red-300 li.current:hover { color: #ffa5a3; border-color: #ffa5a3; }
+
+.tabs-1.tabs--violet-500, .tabs-1.tabs--violet-500 li.current:hover { color: #c73e9b; border-color: #c73e9b; }
+.tabs-1.tabs--violet-400, .tabs-1.tabs--violet-400 li.current:hover { color: #be6cbe; border-color: #be6cbe; }
+.tabs-1.tabs--violet-300, .tabs-1.tabs--violet-300 li.current:hover { color: #e2bde2; border-color: #e2bde2; }
+
+.tabs-1.tabs--yellow-500, .tabs-1.tabs--yellow-500 li.current:hover { color: #ffba01; border-color: #ffba01; }
+.tabs-1.tabs--yellow-400, .tabs-1.tabs--yellow-400 li.current:hover { color: #ffbd45; border-color: #ffbd45; }
+.tabs-1.tabs--yellow-300, .tabs-1.tabs--yellow-300 li.current:hover { color: #ffdf35; border-color: #ffdf35; }
+
+/*------------------------------------------*/
+/*  ADVANTAGES LIST
+/*------------------------------------------*/
+
+.advantages {
+  margin-top: 15px;
+}
+
+.text-center .advantages {
+  margin-top: 20px;
+}
+
+.advantages li {
+  width: auto!important;
+  display: inline-block!important;
+  vertical-align: top;
+  clear: none !important;
+}
+
+.advantages-links-divider {
+  position: relative;
+  top: 0.5px;
+  transform: rotate(-90deg);
+}
+
+.advantages li p {
+  display: inline-block;
+  float: left;
+  margin-bottom: 0;
+}
+
+.advantages.ico-15 li p span {
+  position: relative;
+  top: 2px;
+  right: -1px;
+}
+
+.advantages.ico-15 [class*="flaticon-"]:before, 
+.advantages.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+.advantages li p a {
+  font-weight: 400;
+  text-decoration: underline;
+}
+
+.advantages li p a:hover {
+  text-decoration: underline;
+}
+
+.white--color .advantages li p a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  COMPATABILITY
+/*------------------------------------------*/
+
+.compatibility {
+  display: inline-block;
+  padding: 3px 20px;
+  margin-top: 15px;
+  margin-bottom: 0;
+}
+
+.compatibility span {
+  position: relative;
+  top: -1.5px;
+  right: 2px;
+}
+
+.compatibility.ico-10 [class*="flaticon-"]:before, 
+.compatibility.ico-10 [class*="flaticon-"]:after { font-size: 0.5rem; }
+
+/*------------------------------------------*/
+/*  TOOLS LIST / PAYMENT METHODS
+/*------------------------------------------*/
+
+.tools-list,
+.payment-methods {
+  margin-top: 25px;
+}
+
+.tools-list p,
+.payment-methods p {
+  font-weight: 400;
+  margin-bottom: 12px;
+}
+
+.tools-list.ico-35 [class*="flaticon-"]:before, 
+.tools-list.ico-35 [class*="flaticon-"]:after { 
+  line-height: 2.1875rem!important;
+  margin-right: 6px;
+}
+
+/*------------------------------------------*/
+/*  Payment Icons
+/*------------------------------------------*/
+
+.payment-icons li {
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  margin: 0;
+  padding-right: 5px;
+}
+
+.payment-icons li:last-child {
+  padding-right: 0;
+}
+
+.payment-icons img {
+  width: auto;
+  max-width: inherit;
+  max-height: 32px;
+}
+
+/*------------------------------------------*/
+/*  QUOTE
+/*------------------------------------------*/ 
+
+.quote p {
+  color: #666;
+  border-left: 3px solid #0195ff;
+  font-style: italic;
+  padding-left: 20px;
+  margin-bottom: 12px;
+}
+
+/*------------------------------------------*/
+/*  Quote Avatar 
+/*------------------------------------------*/ 
+
+.quote-avatar {
+  display: inline-block;
+  margin: 0 auto; 
+}
+
+.quote-avatar img {
+  width: 70px;
+  height: 70px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+}
+
+/*------------------------------------------*/
+/*  Quote Author 
+/*------------------------------------------*/ 
+
+.quote-author {
+  position: relative;
+  display: inline-block;
+  padding: 0 0 0 15px;
+  text-align: left;
+  top: 16px;
+} 
+   
+.quote-author h6 {
+  margin-bottom: 0;
+}
+
+.quote-author span {
+  font-size: 1rem;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX SHAPES
+/*------------------------------------------*/ 
+
+.cbox-5-shape-1 {
+  position: absolute;
+  right: 30px;
+  top: -35px;
+  z-index: -1;
+}
+
+.cbox-5-shape-2 {
+  position: absolute;
+  left: 30px;
+  bottom: -25px;
+  z-index: -1;
+}
+
+.cbox-5-shape-1 img,
+.cbox-5-shape-2 img {
+  height: 100%;
+  width: 100%;
+  object-fit: cover;
+}
+
+/*------------------------------------------*/
+/*  IMG BLOCK IMAGE
+/*------------------------------------------*/ 
+
+.grey-img {
+  filter: grayscale(100%);
+}
+
+.img-block {
+  text-align: center;
+}
+
+.img-block.img-block-bkg {
+  overflow: hidden;
+}
+
+.img-block.img-block-bkg img {
+  padding: 60px 45px;
+}
+
+.ct-10 .img-block,
+.img-block-hidden,
+.bc-5-img.bc-5-dashboard.img-block-hidden {
+  margin-bottom: -100px;
+}
+
+.ct-05 .img-block-hidden {
+  margin-bottom: -30px;
+}
+
+.bc-5-img.bc-5-tablet.img-block-hidden {
+  margin-bottom: -200px;
+}
+
+.img-block-hidden .video-btn,
+.bc-5-img.bc-5-dashboard.img-block-hidden .video-btn {
+  top: calc(50% - 30px);
+}
+
+.bc-5-img.bc-5-tablet.img-block-hidden .video-btn {
+  top: calc(50% - 70px);
+}
+
+.ct-01 .img-block,
+.ct-04 .img-block {
+  margin-left: 30px;
+}
+
+.ct-02 .img-block {
+  margin-right: 30px;
+}
+
+.ct-03 .img-block.right-column {
+  margin-left: 20px;
+}
+
+.ct-03 .img-block.left-column {
+  margin-right: 20px;
+}
+
+.ct-04 .img-block img {
+  max-width: none;
+  display: inline-block;
+}
+
+.ct-06 .img-block {
+  margin-bottom: -80px;
+}
+
+.ct-07 .img-block {
+  margin-top: -80px;
+}
+
+.img-block-txt,
+.img-block-btn {
+  margin-top: 60px;
+}
+
+.bc-1-wrapper .img-block.left-column,
+.bc-2-wrapper .img-block.left-column {
+  padding-right: 10px;
+}
+
+.bc-1-wrapper .img-block.right-column,
+.bc-2-wrapper .img-block.right-column {
+  padding-left: 10px;
+}
+
+.bc-2-img {
+  margin-left: 15px;
+}
+
+.bc-3-img {
+  margin: 0 -65% -25px 15px;
+}
+
+.bc-4-img {
+  margin-left: 15px;
+  margin-right: -65%;
+}
+
+.bc-6-img {
+  padding: 50px 30px 0;
+  margin-bottom: 35px;
+}
+
+.ct-11 .img-block {
+  position: relative;
+  text-align: center;
+  padding-left: 70px;
+  z-index: 2;
+}
+
+.ct-12 .img-block {
+  position: relative;
+  text-align: center;
+  padding-right: 70px;
+  z-index: 2;
+}
+
+.ct-11 .img-block .tra-bkg,
+.ct-12 .img-block .tra-bkg {
+  opacity: 0;
+  -moz-opacity: 0; 
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+} 
+
+
+
+
+/* ==========================================================================
+  09. STATISTIC
+  =========================================================================== */
+
+.sb-rounded .statistic-block {
+  padding: 35px 25px;
+}
+
+/*------------------------------------------*/
+/*  STATISTIC BLOCK
+/*------------------------------------------*/
+
+#sb-2-1,
+#sb-2-2 {
+  width: 48%;
+  display: inline-block;
+  float: left;
+}
+
+#sb-2-3, #sb-2-4 {
+  display: inline-block;
+  float: left;
+  padding-right: 15px;
+} 
+
+#sb-2-3 { width: 45%; }
+#sb-2-4 { width: 55%; }
+
+#sb-2-3 .statistic-block,
+#sb-2-4 .statistic-block {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+#sb-2-3 .statistic-block-txt,
+#sb-2-4 .statistic-block-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+  padding-left: 15px;
+}
+
+/*------------------------------------------*/
+/*  STATISTIC BLOCK TYPOGRAPHY
+/*------------------------------------------*/
+
+.statistic-1-wrapper .statistic-block-digit {   
+  width: 35%;
+  display: inline-block!important;  
+  float: left;
+}
+
+.statistic-1-wrapper .statistic-block-txt {
+  width: 65%;
+  display: inline-block!important;
+  padding-left: 20px;
+}
+
+#statistic-5 .statistic-digit {
+  padding-bottom: 20px;
+  margin: 0 100px 20px 0;
+  border-bottom: 1px solid #999;
+}
+
+#statistic-5 .color--white .statistic-digit {
+  border-bottom: 1px solid rgba(255, 255, 255, .8);
+}
+
+/*------------------------------------------*/
+/*  STATISTIC BLOCK TYPOGRAPHY
+/*------------------------------------------*/
+
+.statistic-ico {
+  margin-bottom: 10px;
+}
+
+h2.statistic-number {
+  line-height: 1; 
+  font-weight: 700;
+  letter-spacing: -1px;
+  margin-bottom: 0;
+}
+
+#sb-2-1 h2.statistic-number,
+#sb-2-2 h2.statistic-number {
+  margin-bottom: 15px;
+}
+
+#sb-2-3 h2.statistic-number span,
+#sb-2-4 h2.statistic-number span {
+  font-size: 2rem;
+}
+
+#statistic-5 .statistic-digit h2 {
+  letter-spacing: -1.5px;
+}
+
+#statistic-5 .statistic-txt h5 {
+  line-height: 1;
+  margin-bottom: 12px;
+}
+
+.statistic-block-txt p.p-md {
+  line-height: 1.35;
+  margin-bottom: 0;
+}
+
+#sb-2-1 .statistic-block p.p-sm,
+#sb-2-2 .statistic-block p.p-sm {
+  line-height: 1.4;
+  margin-bottom: 0;
+}
+
+#sb-2-3 .statistic-block p.p-sm,
+#sb-2-4 .statistic-block p.p-sm {
+  margin-top: 3px;
+  line-height: 1.5;
+  margin-bottom: 0;
+}
+
+.statistic-3-wrapper p {
+  line-height: 1;
+  margin-top: 15px;
+  margin-bottom: 0;
+}
+
+.statistic-3-wrapper p.p-md {
+  line-height: 1;
+  margin-top: 22px;
+  margin-bottom: 0;
+}
+
+.statistic-4-wrapper p {
+  line-height: 1;
+  margin-bottom: 14px;
+}
+
+#statistic-5 .statistic-txt p {
+  padding-right: 3%;
+  margin-bottom: 0;
+}
+
+.txt-block-stat .statistic-block .txt-block-rating {
+  margin-top: -4px;
+  margin-bottom: -3px;
+}
+
+.txt-block-stat .ico-15 [class*="flaticon-"]:before, 
+.txt-block-stat .ico-15 [class*="flaticon-"]:after { font-size: 0.8125rem; }
+
+
+
+
+/* ==========================================================================
+  10. PROJECTS
+  ========================================================================== */
+
+.projects-wrapper {
+  padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  PROJECT DETAILS
+/*------------------------------------------*/
+
+#pt-1-1, #pt-1-2,
+.inner-page-hero #pt-1-3, 
+.inner-page-hero #pt-1-4 {
+  margin-bottom: 50px;
+}
+
+.project-details h5 {
+  line-height: 1;
+  margin-bottom: 30px;
+}
+
+.project-preview {
+  position: relative;
+  overflow: hidden;
+}
+
+/*------------------------------------------*/
+/*  Image Link
+/*------------------------------------------*/
+
+.project-link {
+  width: 100%;
+  position: absolute;
+  top: 55%;
+  transform: translateY(-50%);
+  opacity: 0;
+  text-align: center;
+  color: #fff;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  Image Hover Overlay
+/*------------------------------------------*/
+
+.hover-overlay {
+  width: 100%;
+  height: auto;
+  overflow: hidden;
+  position: relative; 
+}
+
+.hover-overlay img {
+  transform: scale(1);
+  -ms-transform: scale(1);
+  -webkit-transform: scale(1);
+  -o-transform: scale(1);
+  -moz-transform: scale(1);
+  overflow: hidden;
+  -webkit-transition: transform 400ms;
+  -moz-transition: transform 400ms;
+  -o-transition: transform 400ms;
+  transition: transform 400ms;
+}
+
+/*------------------------------------------*/
+/*    Overlay Background 
+/*------------------------------------------*/ 
+
+.item-overlay {
+  opacity: 0;
+  -moz-opacity: 0; 
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(20, 20, 20, .25);
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  Image Hover Effect 
+/*------------------------------------------*/ 
+
+.project-preview:hover img {
+  transform: scale(1.05);
+  -ms-transform: scale(1.05);
+  -webkit-transform: scale(1.05);
+  -o-transform: scale(1.05);
+  -moz-transform: scale(1.05);
+}
+
+.project-preview:hover .project-link {
+  top: 50%;
+  opacity: 1; 
+  -moz-opacity: 1; 
+}
+
+.project-preview:hover .item-overlay {
+  opacity: 1; 
+  -moz-opacity: 1; 
+}
+
+/*------------------------------------------*/
+/*  MORE PROJECTS BUTTON
+/*------------------------------------------*/ 
+
+.more-projects {
+  text-align: center;
+  margin-top: 70px;
+}
+
+
+
+
+/* ==========================================================================
+  11. PROJECT DETAILS
+  ========================================================================== */
+
+.single-project .project-title {
+  margin-bottom: 80px;
+}
+
+.project-title h2 {
+  padding-right: 5%;
+  padding-bottom: 40px;
+  margin-bottom: 35px;
+  border-bottom: 1px solid #ddd;
+}
+
+.project-data p {
+  margin-bottom: 4px;
+}
+
+.project-data p span {
+  color: #353f4f;
+  font-weight: 500;
+}
+
+/*------------------------------------------*/
+/*  MORE PROJECTS BUTTON
+/*------------------------------------------*/
+
+.project-description .more-projects {
+  margin-top: 65px;
+}
+
+.project-description .more-projects h3 {
+  display: inline-block;
+  text-decoration: underline;
+  margin-bottom: 0;
+}
+
+.project-description .more-projects span {
+  color: #353f4f;
+  position: relative;
+  top: 2px;
+  left: 5px;
+}
+
+
+
+
+/* ==========================================================================
+  12. RATING
+  =========================================================================== */
+
+.rating-section .rating-1-wrapper {
+  padding: 0 16%;
+}
+
+.rating-section .rating-2-wrapper {
+  padding: 0 4%;
+}
+
+.rating-title {
+  text-align: center;
+}
+
+.rating-title h5 {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  RATING BOX
+/*------------------------------------------*/
+
+.rbox-1,
+.rbox-2 {
+  text-align: center;
+}
+
+/*------------------------------------------*/
+/*  RATING BOX LOGO
+/*------------------------------------------*/
+
+.rbox-1-img {
+  margin-bottom: 20px;
+}
+
+.rbox-1-img img {
+  width: auto;
+  max-width: inherit;
+  max-height: 38px;
+}
+
+.rbox-2-txt img {
+  position: relative;
+  display: inline-block;
+  width: auto;
+  max-width: inherit;
+  max-height: 30px;
+  top: -1px;
+  left: 4px;
+}
+
+/*------------------------------------------*/
+/*  RATING BOX TYPOGRAPHY
+/*------------------------------------------*/
+
+.rbox-2-txt {
+  margin-top: 20px;
+}
+
+.rbox-1 .star-rating {
+  display: inline-block;
+  font-size: 17px;
+  line-height: 15px;
+  font-weight: 500;
+  vertical-align: inherit;
+  border: 1px solid #f5f5f5;
+  padding: 5px 18px;
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+}
+
+.rbox-1 .star-rating span {
+  position: relative;
+  color: #ffb30c;
+  top: 1.5px;
+}
+
+.rbox-1 .star-rating { 
+  font-size: 0.86rem; 
+  line-height: 1; 
+}
+
+p.rbox-2-txt {
+  line-height: 22px;
+  margin-top: 8px;
+  margin-bottom: 0;
+}
+
+p.rbox-2-txt span {
+  font-weight: 500;
+}
+
+
+
+
+/* ==========================================================================
+  13. TESTIMONIALS
+  =========================================================================== */
+
+.reviews-2-wrapper {
+  padding: 0 10px;
+}
+
+.reviews-3-wrapper {
+  padding: 0 20px;
+}
+
+.reviews-4-wrapper,
+.reviews-5-wrapper {
+  padding-left: 40px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL
+/*------------------------------------------*/
+
+.review-1 { 
+  padding: 40px 40px 30px;
+  margin: 0 10px 30px;                                
+}
+
+.review-1.block-border {
+  border-color: #d2d2d2;
+}
+
+.review-2 { 
+  padding: 45px 50px 35px;
+}
+
+.review-3 { 
+  padding: 45px 50px 40px;
+}
+
+.review-4 { 
+  padding: 40px 45px 30px;
+}
+
+.review-5 { 
+  padding: 45px 45px 40px;
+}
+
+#rw-2-1, #rw-2-2 {
+  margin-bottom: 20px;
+}
+
+.inner-page-hero #rw-2-3, .inner-page-hero #rw-2-4 {
+  margin-bottom: 20px;
+}
+
+#rw-3-2 {
+  margin-bottom: 45px;
+}
+
+#rw-3-2, #rw-3-3 {
+  margin-left: 15px;
+}
+
+#rw-4-1,
+#rw-5-1 {
+  margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL TEXT
+/*------------------------------------------*/
+
+.review-ico {   
+  position: relative;
+  margin-top: -25px;
+  margin-left: -10px;
+  opacity: .1;
+}
+
+.review-txt {
+  position: relative;
+  margin-top: -45px;
+}
+
+.review-txt h6 {
+  margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL DATA
+/*------------------------------------------*/ 
+
+.review-1 .author-data {
+  margin-top: 22px;
+}
+
+.review-2 .author-data {
+  margin-top: 15px;
+}
+
+.review-3 .author-data {
+  margin-top: 20px;
+}
+
+.review-avatar {
+  margin: 0 auto; 
+  float: left;
+}
+
+.review-avatar img,
+.owl-item .review-avatar img {
+  width: 54px;
+  height: 54px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+}
+
+.review-2 .review-avatar img {
+  width: 64px;
+  height: 64px;
+}
+
+.review-3 .review-avatar img,
+.review-5 .review-avatar img {
+  width: 62px;
+  height: 62px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL AUTHOR
+/*------------------------------------------*/ 
+
+.review-author {
+  position: relative;
+  display: inline-block;
+  text-align: left;
+  padding: 0 0 0 15px;
+}
+
+.review-1 .review-author {
+  margin-top: 4px;
+}
+
+.review-2 .review-author {
+  margin-top: 10px;
+}
+
+.review-3 .review-author {
+  margin-top: 8px;
+} 
+
+.review-5 .review-author {
+  margin-top: 8px;
+}   
+
+.review-4 .review-author {
+  padding-left: 0;
+  margin-top: 0;
+} 
+
+.review-author h6 {
+  line-height: 1;
+  margin-bottom: 8px;
+}
+
+.review-1 .review-author h6 {
+  font-size: 0.975rem;
+}
+
+.review-author p {
+  line-height: 1;
+  font-weight: 300;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL CAROUSEL DOTS
+/*------------------------------------------*/
+
+.reviews-section button {
+  background-color: transparent;
+  border: none;
+  padding: 0 2px;
+}
+
+.owl-theme .owl-dots .owl-dot span {
+  margin: 0 7px;
+}
+
+.owl-dots button:focus {
+  outline: none;
+  text-decoration: none;
+}
+
+
+
+
+/* ==========================================================================
+  14. PRESS
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  PRESS LOGO
+/*------------------------------------------*/ 
+
+.press-logo img {
+  position: relative;
+  width: auto;
+  max-width: inherit;
+  max-height: 82px;
+}
+
+/*------------------------------------------*/
+/*  PRESS TEXT
+/*------------------------------------------*/ 
+
+.press-txt {
+  position: relative;
+  margin-top: 15px;
+}
+
+.press-txt p {
+  color: #999;
+  font-weight: 400;
+  margin-bottom: 0;
+}
+
+.press-txt span {   
+  position: relative;
+  top: 3px;
+  left: -1px;
+  opacity: .6;
+}
+
+.press-txt.ico-20 [class^="flaticon-"]:before, 
+.press-txt.ico-20 [class^="flaticon-"]:after {
+  font-size: 1.375rem;
+}
+
+
+
+
+/* ==========================================================================
+  15. BRANDS
+  =========================================================================== */
+
+#brands-3 {
+  position: relative;
+}
+
+#brands-3:after {
+  position: absolute;
+  content: '';
+  width: 100%;
+  height: 80%;
+  top: 0;
+  left: 0;
+  z-index: -1;
+}
+
+/*------------------------------------------*/
+/*  BRANDS SECTION TITLE
+/*------------------------------------------*/ 
+
+.brands-title {
+  text-align: center;
+  padding: 0 5%;
+}
+
+.brands-title h4,
+.brands-title h3,
+.brands-title h2 {
+  margin-bottom: 8px;
+}
+
+.brands-title p {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  BRANDS LOGO WRAPPER
+/*------------------------------------------*/ 
+
+.brands-3-wrapper {
+  padding: 50px 30px;
+  background-color: #fff;
+  border: 1px solid #e9ecef;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px; 
+}
+
+/*------------------------------------------*/
+/*  BRANDS LOGO IMAGE
+/*------------------------------------------*/ 
+
+.brand-logo {
+  overflow: hidden;
+  position: relative;
+  top: 0;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+} 
+
+#brands-1 .brands-carousel-5 .brand-logo {
+  padding: 0 30px;
+} 
+
+#brands-1 .brands-carousel-6 .brand-logo {
+  padding: 0 20px;
+}   
+
+#brands-1 .justify-content-center .brand-logo {
+  padding: 0 15px;
+} 
+
+#brands-2 .brand-logo {
+  padding: 0;
+} 
+
+#brands-3 .brand-logo {
+  padding: 0 25px;
+}
+
+#brands-3 .brands-3-static .brand-logo {
+  padding: 0 15px;
+}
+
+#brands-4 .brand-logo {
+  padding: 0 20px;
+} 
+
+.brand-logo:hover {
+  top: -6px;
+}
+
+.brands-section .more-btn {
+  text-align: center;
+  margin-top: 40px;
+}
+
+.hero-section .owl-dots,
+.brands-section .owl-dots {
+  display: none;
+}
+
+
+
+
+/* ==========================================================================
+  16. INTEGRATIONS
+  =========================================================================== */
+
+.integrations-2-wrapper {
+  padding: 80px 70px;
+}
+
+.in_tool_logo {
+  padding: 50px 30px;
+  margin-bottom: 25px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.integrations-1-wrapper .in_tool-logo {
+  position: relative;
+  margin-right: 20px;
+}
+
+.integrations-1-wrapper .in_tool {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+  padding: 22px 20px;
+  border: 1px solid #ccc;
+}
+
+.integrations-1-wrapper .in_tool-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.in_tool h6 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.integrations-1-wrapper .in_tool-txt h6 {
+  margin-top: 5px;
+}
+
+.integrations-1-wrapper .in_tool-txt p {
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+.integrations-1-wrapper .in_tool:hover {
+  border-color: transparent;
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+}
+
+
+
+
+/* ==========================================================================
+  17. PRICING
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  Price Table
+/*------------------------------------------*/
+
+.p-table {
+  margin-bottom: 40px;
+}
+
+.pricing-1-table { 
+  padding: 50px 38px 45px; 
+}
+
+.text-center .pricing-1-table {
+  padding: 60px 35px 50px; 
+}
+
+.pricing-2-table { 
+  padding: 45px 38px 50px; 
+}
+
+.pricing-3-table { 
+  padding: 50px 40px; 
+}
+
+.pricing-4-table {
+  position: relative;
+  padding: 45px;
+}
+
+#pt-4-1 { margin: 0 10px 40px 50px; }
+#pt-4-2 { margin: 0 50px 40px 10px; }
+
+/*------------------------------------------*/
+/*  TABLE HEADER 
+/*------------------------------------------*/
+
+.pricing-table-header {
+  position: relative;
+}
+
+.pricing-table-header h5 {
+  margin-bottom: 30px;
+}
+
+.pricing-table-header h4 {
+  margin-bottom: 25px;
+}
+
+/*------------------------------------------*/
+/*  PRICING TABLE DISCOUNT
+/*------------------------------------------*/
+
+.pricing-discount {
+  position: absolute;
+  top: -2px;
+  right: -10px;
+  padding: 8px 18px;
+}
+
+.pricing-1-table .pricing-discount {
+  top: -2px;
+  right: -5px;
+  padding: 7px 13px;
+}
+
+.text-center .pricing-1-table .pricing-discount {
+  top: -35px;
+  right: -8px;
+}
+
+.pricing-discount h6 {
+  font-size: 1.1rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.pricing-1-table .pricing-discount h6 {
+  font-size: 0.915rem;
+}
+
+.price.color--black .white--color {
+  color: #fff;
+}
+
+.comp-table .table thead th {
+  border-color: #ccc;
+}
+
+.comp-table tbody th {
+  border-bottom: 1px solid #ccc!important;
+}
+
+.comp-table .table tr td {
+  border-bottom: 2px solid #ccc;
+}
+
+/*------------------------------------------*/
+/*  PRICE
+/*------------------------------------------*/
+
+.price span {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 3rem;
+  line-height: 1;
+  font-weight: 600;
+  letter-spacing: -2px;
+} 
+
+.pricing-2-table.highlight .price span {
+  font-size: 2.4rem;
+  letter-spacing: -1px;
+} 
+
+.pricing-3-table .price span {
+  font-size: 4.35rem;
+} 
+
+.pricing-4-table .price span {
+  font-size: 3.15rem;
+} 
+
+/*------------------------------------------*/
+/*  DOLLAR SIGN
+/*------------------------------------------*/
+
+.price sup {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 2.05rem;
+  font-weight: 600;
+  top: -5px;
+  right: 2px;
+  letter-spacing: -1px;
+}
+
+.pricing-3-table .price sup {
+  font-size: 2.35rem;
+  top: -23px;
+  right: 3px;
+}
+
+.pricing-4-table .price sup {
+  font-size: 2.05rem;
+  top: -10px;
+  right: 2px;
+}
+
+/*------------------------------------------*/
+/*  COINS
+/*------------------------------------------*/
+
+.pricing-3-table .price sup.coins {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 2.35rem;
+  font-weight: 600;
+  top: -29px;
+  left: 3px;
+  letter-spacing: -2px;
+}
+
+/*------------------------------------------*/
+/*  Validity
+/*------------------------------------------*/
+
+.price sup.validity {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 1.4rem;
+  font-weight: 400;
+  top: -2px;
+  left: 0;
+}
+
+.pricing-3-table .price sup.validity {
+  display: block;
+  font-size: 1.1875rem;
+  top: 0;
+  margin-top: 20px;
+  margin-bottom: 30px;
+  letter-spacing: 0;
+  margin-bottom: 40px;
+}
+
+/*------------------------------------------*/
+/*  Text
+/*------------------------------------------*/
+
+.price p {
+  margin-top: 25px;
+  margin-bottom: 25px;
+}
+
+.pricing-2-table .price p {
+  margin-bottom: 15px;
+}
+
+.text-center .price p {
+  padding: 0 2%;
+}
+
+.pricing-section .btn-txt a {
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  PRICING TABLE HORIZONTAL LINE
+/*------------------------------------------*/
+
+.pricing-1-table hr {
+  margin-top: 35px;
+}
+
+.pricing-2-table hr {
+  margin-top: 25px;
+}
+
+/*------------------------------------------*/
+/*  PRICING FEATURES
+/*------------------------------------------*/
+
+.pricing-features li {
+  padding: 11px 8px;
+}
+
+.pricing-4-table .pricing-features li {
+  padding: 10px;
+} 
+
+.pricing-features li p {
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 0;
+}
+
+.pricing-features li p span {
+  position: relative;
+  top: -2px;
+  right: 5px;
+}
+
+.pricing-features.ico-10 li p span {
+  top: 0;
+  right: 4px;
+}
+
+.pricing-features.ico-5 [class*="flaticon-"]:before, 
+.pricing-features.ico-5 [class*="flaticon-"]:after { font-size: 0.5rem; }
+
+.pricing-features li.disabled-option p,
+.pricing-features li.disabled-option span {
+  color: #b5b5b5!important;
+}
+
+/*------------------------------------------*/
+/*  PRICING TABLE BUTTON
+/*------------------------------------------*/
+
+.pt-btn {
+  display: block;
+  width: 100%;
+  margin-top: 25px;
+}
+
+.p-table p.btn-txt {
+  margin: 14px 0 0 0;
+}
+
+/*------------------------------------------*/
+/*  PRICING TOGGLE BUTTON
+/*------------------------------------------*/
+
+.ext-toggle-btn {
+  text-align: center;
+}
+
+.toggle-btn.inn-toggle-btn {
+  position: absolute;
+}
+
+#pricing-4 .ext-toggle-btn {
+  margin: 0 50px 35px 10px;
+}
+
+/*------------------------------------------*/
+/*  TOGGLE BUTTON TYPOGRAPHY
+/*------------------------------------------*/
+
+.toggle-btn-md .toggler-txt {
+  font-size: 1.1rem;
+  font-weight: 400;
+  line-height: 36px;
+}
+
+.toggle-btn-lg .toggler-txt {
+  font-size: 1.15rem;
+  font-weight: 400;
+  line-height: 40px;
+}
+
+.toggle-btn p {
+  margin-top: 10px;
+  letter-spacing: -0.25px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TOGGLE BUTTON SWITCHER
+/*------------------------------------------*/
+
+.switch-wrap {
+  position: relative;
+  display: inline-block;
+  min-width: 50px;
+  height: 32px;
+  vertical-align: middle;
+}
+
+.toggle-btn-md .switch-wrap {
+  min-width: 65px;
+  height: 36px;
+  margin: 0 8px;
+}
+
+.toggle-btn-lg .switch-wrap {
+  min-width: 70px;
+  height: 40px;
+  margin: 0 14px;
+}
+
+.switcher {
+  display: block;
+  cursor: pointer;
+  color: #fff;
+  font-size: 0.925rem;
+  font-weight: 500;
+  height: 32px;
+  padding: 0 15px 0 35px;
+  position: relative;
+  border-radius: 32px;
+  -webkit-transition: all 150ms ease-in-out;
+  -moz-transition: all 150ms ease-in-out;
+  -o-transition: all 150ms ease-in-out;
+  -ms-transition: all 150ms ease-in-out;
+  transition: all 150ms ease-in-out;
+}
+
+.toggle-btn-md .switcher {
+  height: 36px;
+  padding: 0 20px 0 40px;
+  border-radius: 36px;
+}
+
+.toggle-btn-lg .switcher {
+  height: 40px;
+  padding: 0 20px 0 40px;
+  border-radius: 40px;
+}
+
+.switcher.bg--tra-white {
+  background-color: #fff;
+  border: 2px solid #ccc;
+}
+
+.switcher.bg--ghost-white {
+  background-color: rgba(128, 143, 174, .45);
+  border: 2px solid rgba(128, 143, 174, .15);
+}
+
+.switcher.bg--grey {
+  background-color: #ccc;
+  border: 2px solid #ccc;
+}
+
+.switcher .show-annual, 
+.switcher .show-monthly {
+  line-height: 32px;
+}
+
+.toggle-btn-md .switcher .show-annual,
+.toggle-btn-md .switcher .show-monthly {
+  line-height: 36px;
+}
+
+.toggle-btn-lg .switcher .show-annual,
+.toggle-btn-lg .switcher .show-monthly {
+  line-height: 40px;
+}
+
+.switcher .show-monthly {
+  display: block;
+}
+
+.switcher .show-annual {
+  display: none;
+}
+
+.switcher:before {
+  position: absolute;
+  left: 4px;
+  bottom: 4px;
+  content: " ";
+  background-color: #fff;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out;
+}
+
+.toggle-btn-md .switcher:before {
+  left: 5px;
+  bottom: 5px;
+  width: 26px;
+  height: 26px;
+}
+
+.toggle-btn-lg .switcher:before {
+  left: 5px;
+  bottom: 5px;
+  width: 30px;
+  height: 30px;
+}
+
+.switcher.bg--grey:before,
+.switcher.bg--tra-white:before,
+.switcher.bg--ghost-white:before {
+  background-color: #ccc;
+  left: 4px;
+  bottom: 3.5px;
+  -webkit-box-shadow: 0 1px 1px 0 #aaa;
+  -moz-box-shadow: 0 1px 1px 0 #aaa;
+  box-shadow: 0 1px 1px 0 #aaa;
+}
+
+.switcher.bg--grey:before,
+.switcher.bg--ghost-white:before {
+  background-color: #fff;
+}
+
+.switch-wrap input {
+  display: none;
+}
+
+.switch-wrap input:checked + .switcher {
+  padding: 0 35px 0 15px;
+}
+
+.toggle-btn-md .switch-wrap input:checked + .switcher,
+.toggle-btn-lg .switch-wrap input:checked + .switcher {
+  padding: 0 40px 0 20px;
+}
+
+.switch-wrap input:checked + .switcher.switcher--blue-500 { background-color: #185abd; border-color: #185abd; }
+.switch-wrap input:checked + .switcher.switcher--blue-400 { background-color: #1680fb; border-color: #1680fb; }
+.switch-wrap input:checked + .switcher.switcher--blue-300 { background-color: #3eb1ff; border-color: #3eb1ff; }
+
+.switch-wrap input:checked + .switcher.switcher--green-500 { background-color: #00a14e; border-color: #00a14e; }
+.switch-wrap input:checked + .switcher.switcher--green-400 { background-color: #0fbc49; border-color: #0fbc49; }
+.switch-wrap input:checked + .switcher.switcher--green-300 { background-color: #6fd792; border-color: #6fd792; }
+
+.switch-wrap input:checked + .switcher.switcher--pink-500 { background-color: #ff149c; border-color: #ff149c; }
+.switch-wrap input:checked + .switcher.switcher--pink-400 { background-color: #f74780; border-color: #f74780; }
+.switch-wrap input:checked + .switcher.switcher--pink-300 { background-color: #fcb5cc; border-color: #fcb5cc; }
+
+.switch-wrap input:checked + .switcher.switcher--purple-500 { background-color: #663ae9; border-color: #663ae9; }
+.switch-wrap input:checked + .switcher.switcher--purple-400 { background-color: #7b5dd6; border-color: #7b5dd6; }
+.switch-wrap input:checked + .switcher.switcher--purple-300 { background-color: #bdaeea; border-color: #bdaeea; }
+
+.switch-wrap input:checked + .switcher.switcher--red-500 { background-color: #da0f29; border-color: #da0f29; }
+.switch-wrap input:checked + .switcher.switcher--red-400 { background-color: #ff1e1a; border-color: #ff1e1a; }
+.switch-wrap input:checked + .switcher.switcher--red-300 { background-color: #ffa5a3; border-color: #ffa5a3; }
+
+.switch-wrap input:checked + .switcher.switcher--violet-500 { background-color: #c73e9b; border-color: #c73e9b; }
+.switch-wrap input:checked + .switcher.switcher--violet-400 { background-color: #be6cbe; border-color: #be6cbe; }
+.switch-wrap input:checked + .switcher.switcher--violet-300 { background-color: #e2bde2; border-color: #e2bde2; }
+
+.switch-wrap input:checked + .switcher.switcher--yellow-500 { background-color: #ffba01; border-color: #ffba01; }
+.switch-wrap input:checked + .switcher.switcher--yellow-400 { background-color: #ffbd45; border-color: #ffbd45; }
+.switch-wrap input:checked + .switcher.switcher--yellow-300 { background-color: #ffdf35; border-color: #ffdf35; }
+
+.switch-wrap input:checked + .switcher:before {
+  left: auto;
+  right: 4px;
+  -webkit-transition: all 350ms ease-in-out;
+  -moz-transition: all 350ms ease-in-out;
+  -o-transition: all 350ms ease-in-out;
+  -ms-transition: all 350ms ease-in-out;
+  transition: all 350ms ease-in-out;
+}
+
+.switch-wrap input:checked + .switcher.bg--tra-white:before {
+  bottom: 3px;
+  background-color: #fff;
+  -webkit-box-shadow: 0 0;
+  -moz-box-shadow: 0 0;
+  box-shadow: 0 0;
+}
+
+.switch-wrap input:checked + .switcher .show-annual {
+  display: block;
+}
+
+.switch-wrap input:checked + .switcher .show-monthly {
+  display: none;
+}
+
+/*------------------------------------------*/
+/*  PRICING NOTICE TEXT
+/*------------------------------------------*/
+
+.pricing-notice {
+  text-align: center;
+  margin-top: 20px;
+}
+
+.pricing-notice p {
+  padding: 0 8%;
+  margin-bottom: 0;
+}
+
+.pricing-notice p span {
+  font-weight: 500;
+}
+
+/*------------------------------------------*/
+/*  COMPARE PRICING TABLE
+/*------------------------------------------*/
+
+.table>:not(caption)>*>* {
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+
+.comp-table .pricing-header {
+  max-width: 700px;
+}
+
+.comp-table .table-responsive thead th {
+  font-size: 1.15rem;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-weight: 600;
+}
+
+.comp-table .table-responsive tbody th {
+  font-size: 1rem;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-weight: 600;
+}
+
+.comp-table .table-responsive tbody td {
+  position: relative;
+  font-size: 1rem;
+  line-height: inherit;
+  top: 1px;
+}
+
+.comp-table .table-responsive tbody td span {
+  position: relative;
+  top: 1px;
+}
+
+.table-responsive .ico-15 [class*="flaticon-"]:before, 
+.table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+.table-responsive .ico-20 [class*="flaticon-"]:before, 
+.table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.95rem; }
+
+.comp-table .table-responsive tbody tr {
+  background-color: #fff;
+  -moz-transition: all 350ms ease-in-out;
+  -o-transition: all 350ms ease-in-out;
+  -ms-transition: all 350ms ease-in-out;
+  transition: all 350ms ease-in-out;
+}
+
+.comp-table .table tbody tr.table-last-tr {
+  border-color: transparent;
+}
+
+.comp-table .table-responsive tbody tr:hover {
+  background-color: #f7f7f9;
+}
+
+.comp-table .disabled-option {
+  color: #999;
+}
+
+/*------------------------------------------*/
+/*  PRICING COMPARE PAYMENT
+/*------------------------------------------*/
+
+.comp-table-payment h6 {
+  margin-bottom: 20px;
+}
+
+.comp-table-payment p {
+  margin-bottom: 0;
+}
+
+
+
+
+/* ==========================================================================
+  18. TEAM
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  TEAM MEMBER
+/*------------------------------------------*/
+
+#tm-2-1, #tm-2-4, #tm-2-7, #tm-2-10 { margin-right: 14px; }
+#tm-2-2, #tm-2-5, #tm-2-8, #tm-2-11 { margin-left: 7px; margin-right: 7px; }
+#tm-2-3, #tm-2-6, #tm-2-9, #tm-2-12 { margin-left: 14px; }
+
+/*------------------------------------------*/
+/*  TEAM MEMBER PHOTO
+/*------------------------------------------*/
+
+.team-member-photo {
+  position: relative;
+  overflow: hidden;
+  text-align: center;
+  margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  PHOTO HOVER ZOOM
+/*------------------------------------------*/ 
+
+.team-member:hover img {
+  transform: scale(1.05);
+  -ms-transform: scale(1.05);
+  -webkit-transform: scale(1.05);
+  -o-transform: scale(1.05);
+  -moz-transform: scale(1.05);
+}
+
+.team-member:hover .item-overlay {
+  opacity: .45; 
+  -moz-opacity: .45; 
+}
+
+/*------------------------------------------*/
+/*  TEAM MEMBER TYPOGRAPHY
+/*------------------------------------------*/
+
+.team-member-data {
+  position: relative;
+  margin-left: 5px;
+}
+
+.team-member-data h6.s-20 {
+  margin-bottom: 8px;
+}
+
+.team-member-data p {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  line-height: 1;
+  font-weight: 400;
+  letter-spacing: 0;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  Team Member Social Links
+/*------------------------------------------*/
+
+ul.tm-social {
+  position: absolute;
+  top: -1px;
+  right: 8px;
+  -webkit-transition: all 0.3s ease-out;
+  -o-transition: all 0.3s ease-out;
+  transition: all 0.3s ease-out;  
+}
+
+#team-1 ul.tm-social {
+  right: 5px;
+}
+
+ul.tm-social li {
+  width: auto !important;
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  padding: 0;
+  margin-left: 10px;
+  opacity: .6;
+  -webkit-transition: all 0.5s ease-out;
+  -o-transition: all 0.5s ease-out;
+  transition: all 0.5s ease-out;  
+}
+
+.tm-social.ico-20 [class*="flaticon-"]:before, 
+.tm-social.ico-20 [class*="flaticon-"]:after { font-size: 1.15rem; }
+
+
+
+
+/* ==========================================================================
+  19. CAREERS
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  ROLE BOX
+/*------------------------------------------*/
+
+.role-box {
+  border: 1px solid #d2d2d2;
+  padding: 25px 35px;
+  margin-bottom: 30px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.role-box.bg--white-200,
+.role-box.bg--white-300 {
+  border: 1px solid transparent;
+}
+
+.role-box:hover {
+  border-color: transparent;
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+}
+
+/*------------------------------------------*/
+/*  ROLE BOX TEXT
+/*------------------------------------------*/
+
+.role-box span {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  display: block;
+  font-size: 0.8rem;
+  line-height: 1;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  margin-bottom: 14px;
+}
+
+.role-box h6 {
+  margin-bottom: 6px;
+}
+
+.role-box p {
+  margin-bottom: 0;
+}
+
+
+
+
+/* ==========================================================================
+  20. CAREER ROLE
+  =========================================================================== */
+
+#role-page .inner-page-title {
+  text-align: left;
+  margin-bottom: 50px;
+}
+
+#role-page .inner-page-title span {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  display: block;
+  font-size: 0.9rem;
+  line-height: 1;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  margin-bottom: 35px;
+}
+
+.role-info hr {
+  margin: 50px 0;
+}
+
+#role-page .cbox-6-wrapper {
+  margin: 45px 0;
+}
+
+.role-info h5 {
+  margin-bottom: 25px;
+}
+
+.role-info p a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.txt-block.role-info .btn {
+  display: block;
+  margin-top: 50px;
+}
+
+
+
+
+/* ==========================================================================
+  21. BANNER
+  =========================================================================== */
+
+.banner-overlay {
+  width: 100%;
+  height: 100%;
+}
+
+#banner-11 {
+  margin-top: 50px;
+}
+
+#banner-12 {
+  margin-top: 40px;
+  margin-bottom: 10px;
+}
+
+/*------------------------------------------*/
+/*  BANNER WRAPPER
+/*------------------------------------------*/
+
+.banner-1-wrapper,
+.banner-2-wrapper,
+.banner-3-wrapper {
+  position: relative;
+  overflow: hidden;
+  text-align: center;
+} 
+
+.banner-1-wrapper .banner-overlay {
+  padding: 75px 15% 85px;
+}
+
+.banner-2-wrapper .banner-overlay {
+  padding: 80px 15% 90px;
+}
+
+.banner-3-wrapper .banner-overlay {
+  padding: 75px 20% 85px;
+}
+
+.banner-11-wrapper .banner-overlay {
+  padding: 10px 70px 0;
+}
+
+.banner-12-wrapper .banner-overlay {
+  padding-left: 80px;
+}
+
+.banner-13-wrapper {
+  overflow: hidden;
+}
+
+.banner-13-wrapper .banner-overlay {
+  overflow: hidden;
+  padding-left: 80px;
+}
+
+.banner-16-wrapper .banner-overlay {
+  padding: 45px 22%;
+}
+
+.banner-16-wrapper.bg--white-100.block-border {
+  border-color: #ccc;
+}
+
+/*------------------------------------------*/
+/*  BANNER TEXT
+/*------------------------------------------*/
+
+.banner-12-txt {
+  margin-top: -10px;
+  padding-right: 15%;
+}
+
+.banner-13-txt {
+  padding-right: 15%;
+}
+
+/*------------------------------------------*/
+/*  BANNER TYPOGRAPHY
+/*------------------------------------------*/
+
+.banner-section .section-id {
+  font-weight: 600;
+  padding-top: 10px;
+  margin-bottom: 30px;
+}
+
+.banner-1-txt h2 {
+  margin-bottom: 15px;
+}
+
+.banner-2-txt h2 {
+  margin-bottom: 35px;
+}
+
+.banner-4-txt h2 {
+  margin-bottom: 30px;
+}
+
+.banner-7-txt h2 {
+  margin-bottom: 35px;
+}
+
+.banner-10-txt h6 {
+  font-weight: 400;
+  margin-bottom: 12px;
+}
+
+.banner-10-txt h2 {
+  margin-bottom: 25px;
+}
+
+.banner-11-txt h2,
+.banner-12-txt h2,
+.banner-13-txt h2 {
+  margin-bottom: 22px;
+}
+
+.banner-15-txt h2 {
+  margin-bottom: 45px;
+}
+
+.banner-16-txt h4 {
+  margin-bottom: 14px;
+}
+
+.banner-section p.p-lg {
+  font-size: 1.15rem; 
+  margin-bottom: 30px;
+}
+
+.banner-section p.p-xl {
+  margin-bottom: 25px;
+}
+
+.sm-title .banner-1-txt p.p-lg,
+.sm-title .banner-1-txt p.p-xl {
+  margin-top: 12px;
+  margin-bottom: 22px!important;
+}
+
+.banner-3-txt p.p-lg,
+.banner-3-txt p.p-xl,
+.banner-5-txt p.p-lg,
+.banner-5-txt p.p-xl {
+  margin-top: 20px;
+}
+
+.banner-5-txt p.s-21,
+.banner-5-txt p.s-22 {
+  margin-top: 20px;
+  margin-bottom: 26px;
+}
+
+.banner-6-txt p.p-lg,
+.banner-6-txt p.p-xl {
+  margin-top: 15px;
+  margin-bottom: 25px!important;
+}
+
+.banner-8-txt p.p-lg,
+.banner-8-txt p.p-xl {
+  margin-top: 10px;
+  margin-bottom: 0!important;
+}
+
+.banner-9-txt p.p-lg,
+.banner-9-txt p.p-xl {
+  margin-top: 20px;
+  margin-bottom: 25px!important;
+}
+
+.banner-11-txt p {
+  padding-right: 8%;
+}
+
+.banner-14-txt p.p-lg {
+  font-size: 1.25rem;
+  margin-top: 35px;
+  margin-bottom: 40px;
+}
+
+.banner-15-txt p a {
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  BANNER IMAGE
+/*------------------------------------------*/
+
+.banner-11-img {
+  margin-top: -60px;
+  margin-left: -40px;
+}
+
+.banner-12-img {
+  margin: -40px -20px -30px -40px;
+}
+
+.banner-13-img {
+  transform: rotate(-20deg);
+  margin: -60px -120px -70px -40px;
+}
+
+
+
+
+/* ==========================================================================
+  22. CALL TO ACTION / DOWNLOAD
+  =========================================================================== */
+
+.version-release {
+  margin-bottom: 80px;
+}
+
+.release-data {
+  padding-bottom: 30px;
+  border-bottom: 1px dashed #ccc;
+  margin-bottom: 30px;
+}
+
+.release-data h5 {
+  margin-bottom: 40px;
+}
+
+span.version-data {
+  color: #353f4f;
+  font-size: 2rem;
+  line-height: 1;
+  margin-right: 20px;
+  margin-bottom: 0;
+}
+
+span.release-date {
+  color: #999;
+  font-size: 1.175rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+span.release-date span {
+  color: #353f4f;
+  font-weight: 500;
+  margin-left: 20px;
+}
+
+.release-download {
+  position: absolute;
+  right: 5px;
+  bottom: 0;
+}
+
+.release-highlights .simple-list p {
+  margin-bottom: 2px;
+}
+
+
+
+
+/* ==========================================================================
+  23. FAQS
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  FAQS SECTION TITLE 
+/*------------------------------------------*/
+
+#faqs-1 .section-title {
+  margin-bottom: 50px;
+}
+
+#faqs-2 .inner-page-title {
+  margin-bottom: 55px;
+}
+
+#faqs-3 .section-title {
+  margin-bottom: 70px;
+}
+
+.faqs-3-questions .questions-holder {
+  padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  FAQS ACCORDION  
+/*------------------------------------------*/
+
+.faqs-section .accordion-item {
+  background-color: transparent!important;
+  border: none;
+  border-bottom: 1px solid #e5e5e5;
+}
+
+#faqs-2.faqs-section .accordion-item {
+  border-bottom: 1px solid #ddd;
+}
+
+.faqs-section .accordion-item.acc-last-item,
+#faqs-2.faqs-section .accordion-item.acc-last-item {
+  border-bottom: none;
+}
+
+/*------------------------------------------*/
+/*  Question
+/*------------------------------------------*/
+
+.faqs-section .accordion-thumb {
+  margin: 0;
+  padding: 25px 0;
+  cursor: pointer;
+  position: relative;
+}
+
+#faqs-2.faqs-section .accordion-thumb {
+  padding: 25px 0 30px;
+}
+
+.faqs-section .accordion-item .accordion-thumb:after,
+.faqs-section .accordion-item.is-active .accordion-thumb:after {
+  font-family: Flaticon;
+  font-weight: 300; 
+  content: "\f11a";
+  position: absolute;
+  font-size: 1rem;
+  top: 22px;
+  right: 3px;
+}
+
+#faqs-2.faqs-section .accordion-item .accordion-thumb:after,
+#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after {
+  font-size: 1rem;
+  top: 26px;
+  right: 2px;
+}
+
+.faqs-section .accordion-item.is-active .accordion-thumb:after {
+  content: "\f11b";
+}
+
+#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb {
+ border-bottom: 1px solid #e5e5e5;
+}
+
+/*------------------------------------------*/
+/*  Answer
+/*------------------------------------------*/
+
+.accordion-panel {
+  margin: 0;
+  padding: 0 0 15px 0;
+  display: none;
+}
+
+#faqs-2 .accordion-panel {
+  padding: 45px 0 15px 0;
+}
+
+.accordion-thumb h5,
+.accordion-thumb h4 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.question h5,
+.accordion-panel-item h5 {
+  margin-bottom: 20px;
+}
+
+.question h5 span,
+.accordion-thumb h5 span,
+.accordion-panel-item h5 span {
+  margin-right: 5px;
+}
+
+.question p a, 
+.accordion-panel p a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.question p.color--grey a.color--blue, 
+.accordion-panel.color--grey a.color--blue {
+  color: #1680fb!important;
+}
+
+/*------------------------------------------*/
+/*  FAQS TABS 
+/*------------------------------------------*/
+
+.faqs-section .tabs-nav { 
+  text-align: center;
+}
+
+.faqs-section .tabs-1 { 
+  display: inline-block;
+  margin: 0 auto 60px;
+}
+
+.faqs-section .tab-content {
+  display: none;
+}
+
+.faqs-section .tab-content.current {
+  display: inherit;
+}
+
+.faqs-section .tabs-1 li {
+  display: inline-block; 
+  min-width: 230px;
+  background-color: transparent;
+  border: 2px solid #ddd;
+  cursor: pointer;
+  padding: 30px 0;
+  margin: 0 6px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.faqs-section .tabs-1 li span {
+  color: #c3c4c5;
+}
+
+.faqs-section .tabs-1 li p {
+  line-height: 1;
+  font-weight: 400;
+  margin-top: 15px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TAB LINK CURRENT
+/*------------------------------------------*/
+
+.faqs-section .tabs-1 li.current,
+.faqs-section .tabs-1 li.current:hover {
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2);
+  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2);
+}
+
+.faqs-section .tabs-1 li.current p,
+.faqs-section .tabs-1 li.current span {
+  color: #fff;
+}
+
+.faqs-section .tabs--blue .tabs-1 li.current,
+.faqs-section .tabs--blue .tabs-1 li.current:hover {
+  background-color: #1680fb;
+  border-color: #1680fb!important;
+}
+
+.faqs-section .tabs--purple .tabs-1 li.current,
+.faqs-section .tabs--purple .tabs-1 li.current:hover {
+  background-color: #7b5dd6;
+  border-color: #7b5dd6!important;
+}
+
+/*------------------------------------------*/
+/*  MORE QUESTIONS LINK
+/*------------------------------------------*/
+
+.more-questions {
+  text-align: center;
+}
+
+#faqs-2 .more-questions {
+  margin: 70px auto 0; 
+}
+
+.more-questions-txt {
+  display: inline-block;
+  padding: 22px 46px;
+}
+
+.more-questions-txt p {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.more-questions-txt a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+
+
+
+/* ==========================================================================
+  24. NEWSLETTER
+  =========================================================================== */
+
+#newsletter-1 .newsletter-overlay {
+  padding-top: 60px;
+  padding-bottom: 60px;
+}  
+
+#newsletter-2 .container {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+#newsletter-2 .newsletter-overlay {
+  padding: 60px 50px;
+}
+
+#newsletter-3 {
+  margin-top: 50px;
+  margin-bottom: 50px;
+}
+
+#newsletter-4 .newsletter-overlay,
+#newsletter-5 .newsletter-overlay {
+  padding-top: 80px;
+  padding-bottom: 70px;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER TYPOGRAPHY
+/*------------------------------------------*/ 
+
+.newsletter-txt h2 {
+  margin-bottom: 35px;
+}
+
+#newsletter-4 .newsletter-txt h2 {
+  margin-bottom: 40px;
+}
+
+.newsletter-txt h4,
+.newsletter-txt h3,
+#newsletter-5 .newsletter-txt h2 {
+  margin-bottom: 0;
+}
+
+.newsletter-txt p.p-sm {
+  margin-bottom: 0;
+}
+
+#newsletter-4 .newsletter-txt p {
+  padding: 0 10%;
+}
+
+#newsletter-5 .newsletter-txt p {
+  margin-top: 20px;
+  margin-bottom: 0;
+}
+
+.newsletter-txt a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER FORM
+/*------------------------------------------*/ 
+
+#newsletter-1 .newsletter-form {
+  padding-left: 15%;
+  margin-top: 30px;
+}
+
+#newsletter-2 .newsletter-form {
+  margin-top: 25px;
+  padding-left: 12%;
+}
+
+#newsletter-4 .newsletter-form {
+  padding: 0 5%;
+}
+
+#newsletter-5 .newsletter-form {
+  margin-top: 35px;
+  padding: 0 10%;
+}
+
+/*------------------------------------------*/
+/*   Newsletter Form Input
+/*------------------------------------------*/
+
+.newsletter-section .form-control {
+  height: 56px;
+  background-color: #fff;
+  border: 1px solid #ccc;
+  font-size: 1rem;
+  color: #353f4f;
+  font-weight: 400;
+  padding: 0 15px;  
+  margin-right: 12px;
+  box-shadow: none;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  border-radius: 6px;
+}
+
+#newsletter-1.newsletter-section .form-control {
+  height: 54px;
+  font-size: 0.975rem;
+}
+
+#newsletter-5.newsletter-section .form-control {
+  height: 62px;
+  font-size: 1.0625rem;
+}
+
+.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Input Focus
+/*------------------------------------------*/
+
+.newsletter-section .form-control:focus {
+  background-color: #fff;
+  outline: 0;
+  box-shadow: none;
+  border-color: #1680fb;
+}
+
+.newsletter-section .purple-focus .form-control:focus {
+  border-color: #8863ee;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Input Placeholder
+/*------------------------------------------*/
+
+.newsletter-section .form-control::-moz-placeholder { color: #aaa; } 
+.newsletter-section .form-control:-ms-input-placeholder { color: #aaa; } 
+.newsletter-section .form-control::-webkit-input-placeholder { color: #aaa; } 
+
+/*------------------------------------------*/
+/*  Newsletter Form Button
+/*------------------------------------------*/
+
+.newsletter-section .btn {
+  display: block; 
+  width: 100%!important;
+  height: 56px;
+}
+
+#newsletter-1 .btn {
+  height: 54px;
+  font-size: 0.925rem;
+  padding: 0.7rem 1.3rem;
+}
+
+#newsletter-5.newsletter-section .btn {
+  height: 62px;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Notification
+/*------------------------------------------*/
+
+.newsletter-section .form-notification {
+  color: #3eb1ff;
+  font-size: 0.9rem;
+  font-weight: 400;
+  line-height: 1;
+  margin-top: 15px;
+  margin-left: 5px;
+}
+
+.newsletter-section .text-center .form-notification {
+  margin-left: 0;
+}
+
+.bg--color.newsletter-section .form-notification {
+  color: #fff;
+}
+
+.newsletter-section .form-notification.valid,
+.newsletter-section .form-notification.error {
+  color: #fc2f4b;
+}
+
+.newsletter-section .newsletter-form.valid {
+  color: #0fbc49;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER IMAGE
+/*------------------------------------------*/
+
+#newsletter-3 .newsletter-img {
+  margin-top: -50px;
+  margin-bottom: -50px;
+}
+
+#newsletter-3 .col-lg-6 .newsletter-img {
+  padding-left: 40px;
+}
+
+
+
+/* ==========================================================================
+  25. BLOG
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  BLOG POST TAG
+/*------------------------------------------*/
+
+.post-tag {
+  display: block;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 0.75rem;
+  font-weight: 600;
+  letter-spacing: 0;
+  text-transform: uppercase;
+  margin-bottom: 20px;
+}
+
+#single-post .post-tag {
+  font-size: 0.85rem;
+}
+
+/*------------------------------------------*/
+/*  BLOG POST META
+/*------------------------------------------*/
+
+.post-meta-list li {
+  width: auto!important;
+  display: inline-block!important;
+  vertical-align: top;
+  clear: none !important;
+}
+
+.post-meta-list p {
+  color: #353f4f;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.bg--black-400 .post-meta-list p {
+  color: #f8f9f9;
+}
+
+.meta-list-divider {
+  position: relative;
+  top: 0px;
+  transform: rotate(-90deg);
+  padding: 0 1px;
+}
+
+/*------------------------------------------*/
+/*  BLOG POST TYPOGRAPHY
+/*------------------------------------------*/
+
+.blog-post-txt h6 {
+  margin-bottom: 15px;
+}
+
+.blog-post-txt p {
+  margin-bottom: 0;
+}
+
+.blog-post-txt a {
+  color: #353f4f;
+}
+
+.blog-post-txt a:hover {
+  text-decoration: underline;
+}
+
+.bg--black-400 .blog-post-txt a {
+  color: #f8f9f9;
+}
+
+.bg--black-400 .blog-post-txt a:hover {
+  color: #fff!important;
+}
+
+
+
+
+/* ==========================================================================
+  26. BLOG LISTING
+  =========================================================================== */
+
+.wide-post {
+  margin-bottom: 100px;
+}
+
+.wide-post .blog-post-img {
+  padding-right: 15px;
+}
+
+.wide-post .blog-post-txt {
+  padding-left: 15px;
+}
+
+.square-post {
+  margin-top: 60px;
+  margin-bottom: 40px;
+}
+
+.square-post-wrapper {
+  overflow: hidden;
+}
+
+.square-post .blog-post-txt {
+  padding: 0 30px 0 60px;
+}
+
+/*------------------------------------------*/
+/*  BLOG POSTS CATEGORY
+/*------------------------------------------*/
+
+.posts-category {
+  margin-top: 40px;
+  margin-bottom: 60px;
+}
+
+.posts-category h4 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.posts-category span {
+  position: relative;
+  top: 1px;
+}
+
+
+
+
+/* ==========================================================================
+  27. SINGLE BLOG POST
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  Single Post Title
+/*------------------------------------------*/
+
+.single-post-title h3,
+.single-post-title h2 {
+  padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  Single Post Text
+/*------------------------------------------*/
+
+.single-post-txt h5,
+.single-post-txt h4 {
+  margin-top: 30px;
+  margin-bottom: 30px;
+}
+
+.single-post-txt h5 span {
+  display: block;
+}
+
+/*------------------------------------------*/
+/*  Single Post Code
+/*------------------------------------------*/
+
+.txt-code {
+  background-color: #f8f9fa;
+  padding: 20px 18px;
+  margin: 30px 0;
+}
+
+.txt-code p {
+  color: #383a42; 
+  font-size: 1rem;
+  line-height: 1.75;
+  margin-bottom: 0;
+}
+
+.single-post-txt p a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.txt-code span.code-property,
+.txt-code p code.code-language-js {
+  color: #151515;
+}
+
+.txt-code span.code-variable,
+.txt-code span.code-attribute {
+  color: #986801;
+}
+
+.txt-code span.code-string {
+  color: #50a14f;
+}
+
+/*------------------------------------------*/
+/*  Single Post Blockquote
+/*------------------------------------------*/
+
+.single-post-txt figure {
+  margin-bottom: 40px;
+}
+
+.single-post-txt .blockquote p {
+  font-size: 1.5rem;
+  line-height: 1.45;
+  margin-bottom: 40px;
+}
+
+.single-post-txt .blockquote-footer {
+  font-size: 1.125rem;
+}
+
+/*------------------------------------------*/
+/*  Single Post Image
+/*------------------------------------------*/
+
+.post-inner-img {
+  text-align: center;
+  margin-top: 50px;
+  margin-bottom: 50px;
+}
+
+/*------------------------------------------*/
+/*  POST SHARE LINKS
+/*------------------------------------------*/ 
+
+.post-share-list {
+  margin-top: 50px;
+  padding-bottom: 50px;
+}
+
+/*------------------------------------------*/
+/*  POST SHARE ICONS
+/*-----------------------------------------*/
+
+.share-social-icons {
+  display: inline-block; 
+  padding-left: 0;
+}
+
+.share-social-icons li {
+  width: auto !important;
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  padding: 0;
+}
+
+.share-social-icons a.share-ico span {
+  opacity: .75;
+  margin-right: 25px;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out;
+}
+
+.share-social-icons a.share-ico:hover span {
+  opacity: 1;
+}
+
+/*------------------------------------------*/
+/*  POST AUTHOR
+/*------------------------------------------*/ 
+
+.post-author {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+.post-author-avatar {
+  position: relative;
+  text-align: center;
+  margin-right: 35px;
+}
+
+.post-author-avatar img {  
+  width: 100px;
+  height: 100px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;  
+}
+
+.post-author-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.post-author-txt h5 {
+  margin-bottom: 20px;
+}
+
+.post-author-txt p {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  Follow Button
+/*------------------------------------------*/ 
+
+.author-follow-btn {
+  display: inline-block;
+  position: absolute;
+  padding: 6px 15px;
+  line-height: 1;
+  top: 80px;
+  right: 10px;
+  border: 2px solid #ddd;
+}
+
+.author-follow-btn a {
+  color: #666;
+  font-size: 0.935rem;
+  font-weight: 400;
+}
+
+/*------------------------------------------*/
+/*  POST COMMENTS
+/*------------------------------------------*/
+
+.post-comments {
+  padding-top: 100px;
+}
+
+.post-comments hr {
+  margin-top: 24px; 
+  margin-bottom: 40px; 
+}
+
+.post-comments h5 {
+  margin-bottom: 60px;
+}
+
+.post-comments img {
+  width: 68px;
+  height: 68px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+}
+
+.comment-body {
+  margin-left: 25px;
+}
+
+.comment-meta {
+  margin-bottom: 10px;
+}
+
+.comment-meta h6 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.comment-date {
+  font-size: 16px;
+  font-weight: 400;
+  margin-bottom: 5px;
+}
+
+/*------------------------------------------*/
+/*  Comment Reply 
+/*------------------------------------------*/
+
+.btn-reply {
+  margin-left: 3px;
+}
+
+.btn-reply a {
+  font-size: 17px;
+  font-weight: 400; 
+}
+
+.btn-reply span {
+  position: relative;
+  top: 3px;
+  margin-right: 4px;
+  left: 3px;
+}
+
+.btn-reply.ico-20 [class*="flaticon-"]:before, 
+.btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 0.975rem; }
+
+.btn-reply a:hover {
+  color: #222;
+}
+
+/*------------------------------------------*/
+/*  SINGLE POST COMMENT FORM
+/*------------------------------------------*/
+
+.post-comments #leave-comment h5 {
+  padding-bottom: 0;
+  margin-top: 80px;
+  margin-bottom: 10px;
+  border: none;
+}
+
+.comment-form {
+  position: relative;
+  margin-top: 60px;
+}
+
+.comment-form p {
+  position: relative;
+  color: #353f4f;
+  line-height: 1;
+  font-weight: 500;
+  margin-bottom: 15px;
+  padding-left: 8px;
+  display: block;
+}
+
+.comment-form p span {
+  position: relative;
+  color: #ff3366;
+  top: -3px;
+}
+
+.comment-form .form-control {
+  height: 62px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  box-shadow: 0 0 0 0;
+  color: #353f4f;
+  font-size: 1rem;
+  line-height: 1;
+  font-weight: 400;
+  padding: 0 20px;
+  margin-bottom: 30px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+  -webkit-transition: all 300ms ease-in-out;
+  -moz-transition: all 300ms ease-in-out;
+  -o-transition: all 300ms ease-in-out;
+  -ms-transition: all 300ms ease-in-out;
+  transition: all 300ms ease-in-out;
+}
+
+.comment-form textarea { min-height: 220px; }
+.comment-form textarea.form-control { 
+  padding: 25px 20px;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Input Focus
+/*------------------------------------------*/
+
+.comment-form .form-control:focus {
+  outline: 0px none;
+  box-shadow: none;
+  background-color: #fcfdfd;
+  border-color: #1680fb;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Button
+/*------------------------------------------*/
+
+.comment-form .btn {
+  margin-top: 15px;
+}
+
+.comment-form .btn:focus {
+  outline: 0px none;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Message
+/*------------------------------------------*/
+
+.comment-form-msg {
+  width: 100%!important;
+  display: block;
+  margin-top: 15px;
+  padding-left: 0;
+}
+
+.comment-form .loading {
+  color: #00b2e4;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 500;
+}
+
+.comment-form .error {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 10px;
+}
+
+
+
+
+/* ==========================================================================
+  28. CONTACTS
+  =========================================================================== */
+
+#contacts-1 .contact-form p {
+  color: #353f4f;
+  line-height: 1;
+  font-weight: 500;
+  margin-bottom: 10px;
+  padding-left: 8px;
+}
+
+#contacts-1 .contact-form .col-md-12 span {
+  display: block;
+  font-size: 0.95rem;
+  line-height: 1;
+  font-weight: 300;
+  margin-bottom: 20px;
+  padding-left: 8px;
+}
+
+#contacts-1 .contact-form .contact-form-notice p {
+  font-size: 0.835rem;
+  font-weight: 300;
+  line-height: 1.5555;
+  padding-left: 0;
+  margin-top: 40px;
+}
+
+.contact-form-notice p a {
+  color: #353f4f;
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  CONTACT FORM INPUT
+/*------------------------------------------*/
+
+.contact-form .form-control,
+.contact-form .form-select {
+  height: 62px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  box-shadow: 0 0 0 0;
+  color: #3a4a56;
+  font-size: 1rem;
+  font-weight: 400;
+  padding: 0 15px;
+  margin-bottom: 30px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+}
+
+.bg--snow .contact-form .form-control,
+.bg--snow .contact-form .form-select {
+  background-color: #fff;
+  border: 1px solid #ccc;
+}
+
+.contact-form .form-select {
+  display: inline-block;
+  width: 100%;
+  color: #998da0;
+  box-shadow: none;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+}
+
+/*------------------------------------------*/
+/*  Contact Form Textarea
+/*------------------------------------------*/
+
+.contact-form textarea { min-height: 220px; }
+.contact-form textarea.form-control { 
+  padding: 20px 15px;
+}
+
+/*------------------------------------------*/
+/*  Contact Form Placeholder
+/*------------------------------------------*/
+
+.contact-form .form-control::-moz-placeholder { color: #999; } 
+.contact-form .form-control:-ms-input-placeholder { color: #999; }
+.contact-form .form-control::-webkit-input-placeholder { color: #999; }
+
+/*------------------------------------------*/
+/*  Contact Form Input Focus
+/*------------------------------------------*/
+
+.contact-form .form-control:focus,
+.contact-form .form-select:focus {
+  outline: 0px none;
+  box-shadow: none;
+  background-color: #fcfdfd;
+  border-color: #1680fb;
+}
+
+/*------------------------------------------*/
+/*  Contact Form Message
+/*------------------------------------------*/
+
+.contact-form-msg {
+  width: 100%!important;
+  display: block;
+  margin-top: 20px;
+  padding-left: 0;
+}
+
+.contact-form .loading {
+  color: #00b2e4;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 500;
+  padding-left: 15px;
+}
+
+.contact-form  .error {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 10px;
+}
+
+
+
+
+/* ==========================================================================
+  29. FOOTER
+  =========================================================================== */
+
+.footer {
+  padding-bottom: 50px;
+}
+
+.footer-info,
+.footer-links {
+  margin-bottom: 40px;
+}
+
+#footer-10 .footer-info {
+  margin-bottom: 40px;
+  padding-bottom: 55px;
+  border-bottom: 1px solid #dbdddf;
+}
+
+#footer-10 .footer-links {
+  margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  FOOTER LOGO
+/*------------------------------------------*/
+
+img.footer-logo,
+img.footer-logo-dark {
+  width: auto;
+  max-width: inherit;
+  max-height: 40px;
+}
+
+#footer-10 img.footer-logo {
+  max-height: 46px;
+}
+
+#footer-1 .footer-logo,
+#footer-5 .footer-logo,
+#footer-6 .footer-logo,
+#footer-7 .footer-logo {
+  margin-bottom: 25px;
+}
+
+/*------------------------------------------*/
+/*  FOOTER TYPOGRAPHY
+/*------------------------------------------*/
+
+.footer h6 {
+  line-height: 1;
+  margin-bottom: 25px;
+}
+
+#footer-9.footer h6 {
+  line-height: 1.5;
+}
+
+.bg--black.footer h6 {
+  color: #fff;
+}
+
+/*------------------------------------------*/
+/*  FOOTER INFO
+/*------------------------------------------*/
+
+.footer-info-copyright p {
+  margin-bottom: 0;
+}
+
+.footer-info-copyright p span {
+  position: relative;
+  top: 2px;
+  padding: 0 2px;
+}
+
+.footer-info-copyright.ico-15 [class*="flaticon-"]:before, 
+.footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.85rem; }
+
+/*------------------------------------------*/
+/*  FOOTER MAIL LINK
+/*------------------------------------------*/
+
+.footer .footer-mail-link {
+  margin-left: 3px;
+  margin-bottom: 0;
+}
+
+#footer-1 .footer-info .footer-mail-link {
+  margin-top: 10px;
+}
+
+#footer-2 .footer-links .footer-mail-link,
+#footer-3 .footer-links .footer-mail-link {
+  margin-left: 0;
+  margin-bottom: 20px;
+}
+
+.footer-mail-link a {
+  font-weight: 400;
+}
+
+.footer-mail-link span {
+  position: relative;
+  top: 4px;
+  right: 3px;
+}
+
+.footer-mail-link.ico-20 [class*="flaticon-"]:before, 
+.footer-mail-link.ico-20 [class*="flaticon-"]:after { font-size: 1.125rem; }
+
+.bg--black.footer .footer-mail-link a {
+  color: #a0a7b1;
+}
+
+.bg--black.footer .footer-mail-link a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  FOOTER LINKS
+/*------------------------------------------*/
+
+#footer-2 .footer-links {
+  padding-left: 10%;
+}
+
+.foo-links li {
+  width: auto!important;
+  display: block!important;
+  vertical-align: top;
+  clear: none !important;
+  margin: 0;
+  padding: 0;
+}
+
+.foo-links.ico-10 li span {
+  position: relative;
+  top: 1.5px;
+  right: 3px;
+}
+
+#footer-8 .foo-links li {
+  display: inline-block!important;
+  padding-left: 20px;
+}
+
+#footer-8 .foo-links li.first-li {
+  padding-left: 0;
+}
+
+#footer-10 .foo-links li {
+  display: inline-block!important;
+  padding: 0 10px;
+}
+
+.footer .foo-links li p {
+  font-weight: 400;
+  margin-bottom: 10px;
+}
+
+.footer .foo-links li:last-child p {
+  margin-bottom: 0;
+}
+
+.foo-links li a span.ext-link {
+  display: inline-block;
+  position: relative;
+  left: 3px;
+  top: 1.5px;
+  transform: rotate(-60deg);
+}
+
+.foo-links.ico-15 [class*="flaticon-"]:before, 
+.foo-links.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+.bg--black.footer .foo-links li p a {
+  color: #a0a7b1;
+}
+
+.bg--black.footer .foo-links li p a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  FOOTER SOCIAL
+/*------------------------------------------*/
+
+.footer-socials {
+  margin: 0;
+  display: inline-block; 
+}
+
+.footer-socials li {
+  float: left;
+  width: auto !important;
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  margin: 0;
+}
+
+.footer-socials a {
+  display: block;
+  margin-right: 15px;
+}
+
+.footer-socials.ico-20 a,
+.footer-socials.ico-25 a { 
+  margin-right: 16px; 
+} 
+
+.footer-socials.ico-25 [class*="flaticon-"]:before, 
+.footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.325rem; }
+
+.bg--black.footer .footer-socials li a {
+  color: #a0a7b1;
+}
+
+.bg--black.footer .footer-socials li a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  FOOTER STORE BAGES
+/*------------------------------------------*/
+
+.footer .store {
+  float: none;
+  margin-right: 0;
+  margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  FOOTER NEWSLETTER FORM
+/*------------------------------------------*/
+
+.footer-form {
+  margin-bottom: 20px;
+}
+
+#footer-7 .footer-form {
+  padding-left: 8%;
+}
+
+.footer-form .newsletter-form .input-group {
+  background-color: #f4f4f4;
+  border: 1px solid transparent;
+  padding: 9px 2px;
+}
+
+.footer-form .form-control {
+  height: 32px;
+  background-color: transparent;
+  border: none;
+  color: #666;
+  font-size: 1rem;
+  font-weight: 400;
+  padding: 0 10px;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Input Focus
+/*------------------------------------------*/
+
+.footer-form .form-control:focus {
+  border: none;
+  border-right: none;
+  outline: 0;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Footer Form Placeholder
+/*------------------------------------------*/
+
+.footer-form .form-control::-moz-placeholder { color: #6c757d; } 
+.footer-form .form-control:-ms-input-placeholder { color: #6c757d; } 
+.footer-form .form-control::-webkit-input-placeholder { color: #6c757d; } 
+
+/*------------------------------------------*/
+/*  Newsletter Form Button
+/*------------------------------------------*/
+
+.footer-form .btn {
+  height: 32px;
+  padding: 0 10px;
+}
+
+.footer-form .ico-15 [class*="flaticon-"]:before, 
+.footer-form .ico-15 [class*="flaticon-"]:after { line-height: 28px!important; }
+
+/*------------------------------------------*/
+/*  Footer Form Notification
+/*------------------------------------------*/
+
+.footer-form .form-notification {
+  color: #1680fb;
+  font-size: 0.85rem;
+  line-height: 1.25;
+  font-weight: 400;
+  margin-top: 12px;
+  margin-left: 5px;
+}
+
+.footer-form .form-notification.valid,
+.footer-form .form-notification.error {
+  color: #fc2f4b;
+}
+
+.footer-form .newsletter-form.valid {
+  color: #0fbc49;
+}
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER
+/*------------------------------------------*/
+
+.footer hr {
+  margin-top: 30px;
+  margin-bottom: 50px;
+}
+
+#footer-8 .bottom-footer,
+#footer-9 .bottom-footer {
+  margin-top: 20px;
+}
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER COPYRIGHT
+/*------------------------------------------*/
+
+.footer-copyright p {
+  margin-bottom: 0;
+}
+
+.bg--black.footer .footer-copyright p {
+  color: #a0a7b1;
+}
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER SECONDARY LINK
+/*------------------------------------------*/
+
+.bottom-secondary-link p {
+  margin-bottom: 0;
+}
+
+.bottom-secondary-link p span {
+  position: relative;
+  top: 1px;
+  padding: 0 2px;
+}
+
+.bottom-secondary-link.ico-15 [class*="flaticon-"]:before, 
+.bottom-secondary-link.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER LINKS
+/*------------------------------------------*/
+
+.bottom-footer-list li,
+.bottom-footer-socials li,
+.bottom-footer-payment li {
+  width: auto!important;
+  display: inline-block!important;
+  vertical-align: top;
+  clear: none !important;
+}
+
+.bottom-footer-socials li {
+  padding-left: 14px; 
+}
+
+#footer-4 .bottom-footer-list li,
+#footer-9 .bottom-footer-list li {
+  padding-left: 15px; 
+}
+
+#footer-4 .bottom-footer-list li.first-li,
+#footer-9 .bottom-footer-list li.first-li {
+  padding-left: 0; 
+}
+
+#footer-10 .bottom-footer-socials li {
+  padding: 0 15px; 
+}
+
+.footer-list-divider {
+  position: relative;
+  top: -0.5px;
+  transform: rotate(-90deg);
+  margin-left: 4px;
+}
+
+.bottom-footer-list.ico-15 [class*="flaticon-"]:before, 
+.bottom-footer-list.ico-15 [class*="flaticon-"]:after { font-size: 0.8rem; }
+
+.bottom-footer-list li p {
+  display: inline-block;
+  float: left;
+  margin-bottom: 0;
+}
+
+.bottom-footer-socials li span { 
+  position: relative;
+  top: 4px; 
+  opacity: .8;
+}
+
+.bottom-footer-payment li span {
+  line-height: 1!important;
+  position: relative;
+  top: 4px; 
+  opacity: .8;
+}
+
+#footer-4 .bottom-footer-list li span,
+#footer-9 .bottom-footer-list li span {
+  margin-top: 1px;
+  margin-right: 2px; 
+}
+
+.bottom-footer-socials.ico-20 [class*="flaticon-"]:before, 
+.bottom-footer-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.115rem; }
+
+.bottom-footer-socials.ico-25 [class*="flaticon-"]:before, 
+.bottom-footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.25rem; }
+
+.bg--black.footer .bottom-footer-list li p a {
+  color: #a0a7b1;
+}
+
+.bg--black.footer .bottom-footer-list li p a:hover {
+  color: #fff!important;
+}
+
+
+
+
+/* ==========================================================================
+  30. INNER PAGE WRAPPER
+  =========================================================================== */
+
+.inner-page-hero {
+  padding-top: 180px;
+}
+
+.page-hero-section-overlay {
+  position: relative;
+  width: 100%;
+  padding-top: 150px;
+}
+
+.page-hero-section-overlay .txt-block {
+  margin-top: -40px;
+}
+
+.page-hero-section .wave-shape-bottom path {
+  fill: #fff;
+}
+
+/*------------------------------------------*/
+/*  INNER PAGE TITLE
+/*------------------------------------------*/
+
+.inner-page-title {
+  text-align: center;
+  margin-bottom: 80px;
+}
+
+.inner-page-title h2 {
+  margin-bottom: 0;
+}
+
+.inner-page-title p {
+  font-size: 1.1875rem;
+  line-height: 1;
+  margin-top: 20px;
+  margin-bottom: 0;
+}
+
+.page-hero-section h2 {
+  line-height: 1.15;
+  margin-bottom: 30px;
+}
+
+
+
+
+/* ==========================================================================
+  31. PAGE PAGINATION
+  =========================================================================== */
+
+.page-link {
+  color: #6c757d;
+  font-size: 1.1rem;
+  font-weight: 500;
+  padding: 2px 14px;
+  margin: 0 8px;
+  background-color: transparent;
+  border: 2px solid transparent;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -o-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.pagination.ico-20 [class*="flaticon-"]:before, 
+.pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.9rem; } 
+
+.page-item:first-child .page-link {
+  border-top-left-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
+
+.page-item:last-child .page-link {
+  border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px;
+}
+
+.blue-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #1680fb;
+  border: 2px solid #1680fb;
+}
+
+.green-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #0fbc49;
+  border: 2px solid #0fbc49;
+}
+
+.pink-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #f74780;
+  border: 2px solid #f74780;
+}
+
+.purple-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #7b5dd6;
+  border: 2px solid #7b5dd6;
+}
+
+.red-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #ff1e1a;
+  border: 2px solid #ff1e1a;
+}
+
+.violet-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #be6cbe;
+  border: 2px solid #be6cbe;
+}
+
+.yellow-pagination .page-item.active .page-link {
+  color: #353f4f!important;
+  background-color: #ffba01;
+  border: 2px solid #ffba01;
+}
+
+.page-item.disabled .page-link {
+  color: #6c757d;
+  background-color: transparent;
+  border: 2px solid transparent;
+}
+
+.page-link:hover {
+  color: #6c757d;
+  background-color: transparent;
+  border: 2px solid #ccc;
+}
+
+.page-link:focus {
+  color: #6c757d;
+  background-color: transparent;
+  border: 2px solid transparent;
+  box-shadow: 0 0;
+}
+
+
+
+
+/* ==========================================================================
+  32. TERMS, PRIVACY, COOKIES PAGES
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  TERMS PAGE TYPOGRAPHY
+/*------------------------------------------*/
+
+.txt-block.legal-info h5 {
+  margin-top: 30px;
+  margin-bottom: 30px;
+}
+
+.txt-block.legal-info h4 {
+  margin-top: 80px;
+  margin-bottom: 30px;
+}
+
+.txt-block.legal-info h4 span,
+.txt-block.legal-info h5 span {
+  margin-right: 4px;
+}
+
+.legal-info p span {
+  color: #353f4f;
+  font-weight: 500;
+}
+
+.legal-info a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+
+
+
+/* ==========================================================================
+  33. SIGN-IN / SIGN-UP PAGE
+  =========================================================================== */
+
+#login,
+#signup {
+  background: url(../images/login.jpg);
+  background-position: bottom left;
+  min-height: 100vh;
+  padding-top: 80px;
+  padding-bottom: 80px;
+}
+
+#reset-password {
+  background: url(../images/reset-password.jpg);
+  background-position: center center;
+  min-height: 100vh;
+  padding-top: 80px;
+  padding-bottom: 100px;
+}
+
+.register-page-wrapper {
+  overflow: hidden;
+  position: relative;
+  z-index: 1;
+  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); 
+  -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); 
+  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); 
+}
+
+#login .register-page-wrapper {
+  background: url(../images/login-wrapper.jpg);
+  background-position: left top;
+}
+
+#signup .register-page-wrapper {
+  background: url(../images/login-wrapper.jpg);
+  background-position: right center;
+}
+
+#login .register-page-wrapper:after,
+#signup .register-page-wrapper:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 50%;
+  height: 100%;
+  top: 0;
+  background-color: #fff;
+}
+
+#login .register-page-wrapper:after {
+  left: 50%;
+}
+
+#signup .register-page-wrapper:after {
+  left: 0;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE LOGO
+/*------------------------------------------*/
+
+.register-page-txt img {
+  width: auto;
+  max-width: inherit;
+  max-height: 32px;
+  margin-bottom: 55px;
+}
+
+.login-page-logo {
+  text-align: center;
+  margin-bottom: 45px;
+}
+
+.login-page-logo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 45px;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE TITLE
+/*------------------------------------------*/
+
+.register-form-title {
+  text-align: center;
+  margin-bottom: 40px;
+}
+
+.register-form-title h3 {
+  line-height: 1;
+  margin-bottom: 10px;
+}
+
+.register-form-title p {
+  margin-bottom: 0;
+}
+
+.register-form-title a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE TEXT
+/*------------------------------------------*/
+
+#login .register-page-txt,
+#signup .register-page-txt {
+  padding: 70px 60px;
+}
+
+.register-page-txt h2 {
+  line-height: 1.15;
+  font-weight: 700;
+  margin-bottom: 6px;
+}
+
+#login .register-page-copyright {
+  position: absolute;
+  left: 60px;
+  bottom: 45px;
+}
+
+#signup .register-page-copyright {
+  position: absolute;
+  right: 60px;
+  bottom: 45px;
+}
+
+.register-page-copyright p {
+  font-size: 0.85rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.reset-form-title {
+  margin-bottom: 30px;
+}
+
+.reset-form-title h5 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.reset-form-title p.p-sm {
+  font-size: 0.9rem;
+  margin-top: 25px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM
+/*------------------------------------------*/
+
+.register-page-form {
+  padding: 60px;
+}
+
+.login-1 .register-page-form,
+.signup-1 .register-page-form {
+  padding: 20px 30px;
+}
+
+.reset-page-wrapper { 
+  margin: 0 10px;
+}
+
+.reset-page-wrapper form { 
+  background: #fff;
+  border: 1px solid #fafafa;
+  padding: 50px 30px 25px;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE TYPOGRAPHY
+/*------------------------------------------*/
+
+.register-page-form p.input-header {
+  position: relative;
+  color: #353f4f;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 500;
+  margin-bottom: 12px;
+  padding-left: 5px;
+}
+
+.reset-password-link p {
+  position: relative;
+  font-size: 0.9rem;
+  line-height: 1;
+  margin-top: -8px;
+  margin-bottom: 10px;
+}
+
+.form-data span {
+  display: block;
+  font-size: 0.85rem;
+  margin-bottom: 0;
+}
+
+.form-data span a {
+  color: #353f4f;
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.register-page-form p.create-account {
+  font-size: 0.925rem;
+  line-height: 1;
+  margin-top: 30px;
+  margin-bottom: 0;
+}
+
+.register-page-form p.create-account a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE SEPARATOR LINE
+/*------------------------------------------*/
+
+.separator-line {
+  display: flex;
+  width: 100%;
+  -webkit-box-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  align-items: center;
+  text-align: center;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 0.9rem;
+  font-weight: 500;
+  margin: 25px 0px 30px;
+}
+
+.separator-line::before, 
+.separator-line::after {
+  content: "";
+  border-top: 2px solid rgba(0, 0, 0, .1);
+  margin: 0 15px 0 0;
+  flex: 1 0 20px;
+}
+
+.separator-line::after {
+  margin: 0 0 0 15px;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM INPUT
+/*------------------------------------------*/
+
+.reset-page-wrapper .form-control,
+.register-page-form .form-control {
+  height: 60px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  color: #353f4f;
+  font-size: 0.95rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 25px;
+  padding: 5px 20px;
+   -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+  -webkit-transition: all 300ms ease-in-out;
+  -moz-transition: all 300ms ease-in-out;
+  -o-transition: all 300ms ease-in-out;
+  -ms-transition: all 300ms ease-in-out;
+  transition: all 300ms ease-in-out;
+}
+
+.login-1 .form-control,
+.signup-1 .form-control {
+  background-color: #fff;
+  border: 1px solid #ccc;
+}
+
+.reset-page-wrapper .form-control {
+  text-align: center;
+}
+
+.register-page-form .form-control::-moz-placeholder { color: #999; } 
+.register-page-form .form-control:-ms-input-placeholder { color: #999; } 
+.register-page-form .form-control::-webkit-input-placeholder { color: #999; } 
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM FOCUS
+/*------------------------------------------*/
+
+.reset-page-wrapper .form-control:focus,
+.register-page-form .form-control:focus {
+  outline: 0px none;
+  box-shadow: none;
+  background-color: #fcfdfd;
+  border-color: #1680fb;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM BUTTON
+/*------------------------------------------*/
+
+#signup .register-page-form .btn.submit, 
+#login .register-page-form .btn.submit {
+  width: 100%;
+  height: 60px;
+  margin-top: 20px;
+}
+
+.reset-page-wrapper .btn.submit {
+  width: 100%;
+  margin-bottom: 20px;
+}
+
+.register-page-form .btn-google {
+  width: 100%;
+  color: #333;
+  font-size: 0.95rem;
+  background-color: #fff;
+  border: 1px solid #ccc;
+}
+
+.btn-google img {
+  position: relative;
+  width: 22px;
+  height: 22px;
+  top: -2px;
+  right: 5px;
+}
+
+.register-page-form .btn-google:hover {
+  border: 1px solid #333;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM MESSAGE
+/*------------------------------------------*/
+
+.reset-form-msg {
+  text-align: center;
+  width: 100%!important;
+  display: block;
+}
+
+.reset-password-form .loading {
+  color: #00b2e4;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 500;
+  padding-left: 15px;
+}
+
+.reset-password-form .error {
+  position: relative;
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  top: -10px;
+  margin-bottom: 12px;
+  padding-left: 10px;
+}
+
+/*------------------------------------------*/
+/*  FORM HIDE PASSWORD
+/*------------------------------------------*/
+
+.wrap-input {
+  position: relative;
+}
+
+.btn-show-pass {
+  color: #999999;
+  align-items: center;
+  position: absolute;
+  height: 100%;
+  top: 20px;
+  right: 20px;
+  cursor: pointer;
+  -webkit-transition: all 0.4s;
+  -o-transition: all 0.4s;
+  -moz-transition: all 0.4s;
+  transition: all 0.4s;
+}
+
+.btn-show-pass.ico-20 [class^="flaticon-"]:before, 
+.btn-show-pass.ico-20 [class^="flaticon-"]:after {
+  font-size: 1.125rem;
+}
+
+.btn-show-pass:hover {
+  color: #0195ff;
+}
+
+.btn-show-pass.active {
+  color: #6a7dfe;
+}
+
+
+
+
+/* ==========================================================================
+  34. PAGE 404
+  =========================================================================== */
+
+.page-404-txt {
+  padding-top: 180px;
+  padding-bottom: 100px;
+}
+
+.page-404-txt h2 {
+  margin-bottom: 20px;
+}
+
+.page-404-txt h6 {
+  line-height: 1.6;
+  font-weight: 400;
+  padding: 0 5%;
+  margin-bottom: 30px;
+}
+
+.page-404-img {
+  padding: 0 5%;
+  margin-bottom: 60px;
+}
+
+
+
+
+/* ==========================================================================
+  35. MODAL
+  ========================================================================== */ 
+
+.modal-body {
+  padding: 0!important;
+}  
+
+#modal-1 .modal-dialog {
+  max-width: 700px;
+}
+
+#modal-2 .modal-dialog {
+  width: 440px;
+}
+
+#modal-3 .modal-dialog.modal-xl {
+  width: 750px;
+}
+
+#modal-2.modal .modal-content,
+#modal-3.modal .modal-content {
+  overflow: hidden;
+  -webkit-border-radius: 10px; 
+  -moz-border-radius: 10px; 
+  -o-border-radius: 10px; 
+  border-radius: 10px;
+}
+
+#modal-3.modal .bg-img {
+  background: url(../images/modal-request.jpg);
+  background-position: left center;  
+}
+
+#modal-2 .modal-body-content {
+  padding: 35px 40px 15px;
+}
+
+#modal-3 .modal-body-content {
+  padding: 60px 35px 50px;
+}
+
+/*------------------------------------------*/
+/*  MODAL WINDOW CLOSE BUTTON
+/*------------------------------------------*/ 
+
+.modal .btn-close {
+  position: absolute;
+  z-index: 1;
+  right: 15px!important;
+  top: 15px!important;
+  height: 1.5rem;
+  width: 1.5rem;
+  background: rgba(255, 255, 255, 1)!important;
+  border-radius: 50%;
+  padding: 0;
+  opacity: .9;
+  z-index: 9999;
+}
+
+#modal-3.modal .btn-close {
+  background: rgba(14, 14, 14, .3)!important;
+}
+
+.btn-close span {
+  position: relative;
+  line-height: 24px!important;
+  top: -2px;
+}
+
+.modal .btn-close.ico-10 [class^="flaticon-"]:before, 
+.modal .btn-close.ico-10 [class^="flaticon-"]:after {
+  font-size: 0.6rem;
+}
+
+button.btn-close:focus {
+  outline: none!important;
+  text-decoration: none!important;
+}
+
+/*------------------------------------------*/
+/*  MODAL WINDOW NEWSLETTER FORM
+/*------------------------------------------*/ 
+
+.modal-body .newsletter-form {
+  margin-top: 25px;
+}
+
+.modal .newsletter-form .form-control {
+  text-align: center;
+  height: 56px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  font-size: 1rem;
+  color: #353f4f;
+  font-weight: 400;
+  padding: 0 15px;  
+  margin: 0 0 15px 0;
+  box-shadow: none;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  border-radius: 6px;
+}
+
+/*------------------------------------------*/
+/*  Form Input Focus
+/*------------------------------------------*/
+
+.modal .newsletter-form .form-control:focus {
+  outline: 0;
+  box-shadow: none;
+  border-color: #1e90ff;
+}
+
+.modal .newsletter-form.purple-focus .form-control:focus {
+  border-color: #8863ee;
+}
+
+/*------------------------------------------*/
+/*  Form Input Placeholder
+/*------------------------------------------*/
+
+.modal .newsletter-form .form-control::-moz-placeholder { color: #aaa; } 
+.modal .newsletter-form .form-control:-ms-input-placeholder { color: #aaa; } 
+.modal .newsletter-form .form-control::-webkit-input-placeholder { color: #aaa; } 
+
+/*------------------------------------------*/
+/*  Form Button
+/*------------------------------------------*/
+
+.modal .input-group-btn { 
+  display: block; 
+  width: 100%!important; 
+}
+
+.modal .newsletter-form .btn {
+  display: block; 
+  width: 100%!important;
+  height: 56px;
+  margin: 0;
+}
+
+/*------------------------------------------*/
+/*  Form Notification
+/*------------------------------------------*/
+
+.modal .form-notification {
+  text-align: center;
+  color: #1680fb;
+  font-size: 0.85rem;
+  font-weight: 400;
+  line-height: 1;
+  margin-top: 12px;
+}
+
+.modal .form-notification.valid,
+.modal .form-notification.error {
+   color: #fc2f4b;
+}
+
+.modal .newsletter-form.valid {
+  color: #0fbc49;
+}
+
+/*------------------------------------------*/
+/*  MODAL WINDOW REQUEST FORM
+/*------------------------------------------*/ 
+
+#modal-3 .request-form {
+  margin: 0;
+}
+
+#modal-3 .request-form .col-md-12 {
+  padding: 0;
+}
+
+#modal-3 .request-form-title p {
+  margin-top: 18px;
+  margin-bottom: 25px;
+}
+
+#modal-3 .request-form .form-control { 
+  text-align: left;
+  margin: 0 0 25px 0;
+}
+
+#modal-3 .request-form .btn {
+  display: block; 
+  width: 100%!important;
+  height: 56px;
+  margin: 0;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Message
+/*------------------------------------------*/
+
+#modal-3 .request-form-msg {
+  width: 100%!important;
+  display: block;
+  margin-top: 15px;
+  padding-left: 0;
+}
+
+#modal-3 .request-form .loading {
+  color: #1680fb;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 400;
+}
+
+#modal-3 .request-form .error {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 10px;
+}
+ 
+
+
+
+/* ==========================================================================
+  31. DARK MODE
+  ========================================================================== */  
+
+body.theme--dark,
+.theme--dark .bg--white-100 { 
+  background-color: #232734!important;  
+} 
+
+body.theme--dark { 
+  color: #b1b7cd; 
+}
+
+.dark-theme-img { display: none; position: absolute; }
+.theme--dark .dark-theme-img { display: inline-block; position: relative; }
+.theme--dark  .owl-carousel .owl-item img.light-theme-img { display: none; position: absolute; }
+.theme--dark  .owl-carousel .owl-item img.dark-theme-img { display: block; }
+.theme--dark .light-theme-img { display: none; }
+
+.theme--dark .block-shadow { 
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+}
+
+.theme--dark .block-border {
+  border: 1px solid #e7e7e7;
+}
+
+.theme--dark .block-border.block-shadow { 
+  border: 1px solid #f5f6f6; 
+}
+
+.theme--dark .x-border { border-top: 1px solid #1d212c; border-bottom: 1px solid #1d212c; }
+.theme--dark .top-border { border-top: 1px solid #1d212c; }
+.theme--dark .bottom-border { border-bottom: 1px solid #1d212c; }
+
+.theme--dark .bg--white-300, 
+.theme--dark .bg--white-400,
+.theme--dark .bg--purple-100,
+.theme--dark .shape--purple-100:after,
+.theme--dark .shape--white-500:after,
+.theme--dark .shape--white-400:after,
+.theme--dark .shape--white-300:after,
+.theme--dark .shape--white-200:after {
+  background-color: #1d212c;
+}
+
+.theme--dark .bg--02,
+.theme--dark .bg--04,
+.theme--dark .gr--smoke,
+.theme--dark .gr--ghost,
+.theme--dark .shape--whitesmoke:after {
+  background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .55) 100%);
+}
+
+.theme--dark .gr--whitesmoke,
+.theme--dark .shape--gr-whitesmoke:after {
+  background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .05) 100%);
+}
+/*------------------------------------------*/
+/*  SECTION DIVIDER
+/*------------------------------------------*/
+
+.theme--dark hr.divider,
+.theme--dark .footer hr {
+  background-image: linear-gradient(90deg, rgba(122,125,147,0) 0, #7a7d93 38%, #7a7d93 64%, rgba(122,125,147,0) 99%); 
+}
+
+.theme--dark hr.divider.divider-light {
+  background-color: #fff;
+  background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #dedede 38%, #dedede 64%, rgba(206,211,246,0) 99%);
+  opacity: 1;
+}
+
+/*------------------------------------------*/
+/*  TYPOGRAPHY
+/*------------------------------------------*/
+
+.theme--dark h1, 
+.theme--dark h2, 
+.theme--dark h3,
+.theme--dark h4,
+.theme--dark h5, 
+.theme--dark h6 {  
+  color: #fff;
+}
+
+.theme--dark a { color: #b1b7cd; }
+.theme--dark a:hover, .theme--dark a.tra-link:hover span { color: #f7f8f9!important; }
+
+/*------------------------------------------*/
+/*  BUTTONS
+/*------------------------------------------*/
+
+.theme--dark .btn--tra-black,
+.theme--dark .hover--tra-black:hover {
+  color: #b1b7cd!important;
+  background-color:transparent!important;
+  border-color: #b1b7cd!important;
+}
+
+.theme--dark .navbar-dark .hover--tra-black:hover {
+  color: #353f4f!important;
+  background-color:transparent!important;
+  border-color: #353f4f!important;
+}
+
+.theme--dark .white-scroll .hover--tra-black:hover {
+  color: #fff!important;
+  border-color: #fff!important;
+  background-color: transparent!important;
+}
+
+.theme--dark .navbar-dark .scroll .hover--tra-black:hover {
+  color: #fff!important;
+  background-color:transparent!important;
+  border-color: #fff!important;
+}
+
+.theme--dark .btn--white,
+.theme--dark .hover--white:hover {
+  color: #353f4f!important;
+  background-color: #fff!important;
+  border-color: #fff!important;
+}
+
+.theme--dark .btn--tra-white,
+.theme--dark .hover--tra-white:hover {
+  color: #f1f1f1!important;
+  background-color: transparent!important;
+  border-color: #f1f1f1!important;
+}
+
+.theme--dark .white-scroll .scroll .hover--tra-white:hover {
+  color: #fff!important;
+  background-color: transparent!important;
+  border-color: #fff!important;
+}
+
+.theme--dark .btn--tra-grey, 
+.theme--dark .hover--tra-grey:hover,
+.theme--dark .white-scroll .scroll .hover--tra-grey:hover,
+.theme--dark .black-scroll .scroll .hover--tra-grey:hover {
+  color: #b1b7cd!important;
+  background-color: transparent!important;
+  border-color: #b1b7cd!important;
+}
+
+.theme--dark .btn--blue-500, 
+.theme--dark .hover--blue-500:hover,
+.theme--dark .white-scroll .scroll .hover--blue-500:hover,
+.theme--dark .black-scroll .scroll .hover--blue-500:hover {
+  color: #fff!important;
+  border-color: #185abd!important;
+  background-color: #185abd!important;
+}
+
+.theme--dark .btn--blue-400, 
+.theme--dark .hover--blue-400:hover,
+.theme--dark .white-scroll .scroll .hover--blue-400:hover,
+.theme--dark .black-scroll .scroll .hover--blue-400:hover {
+  color: #fff!important;
+  border-color: #1680fb!important;
+  background-color: #1680fb!important;
+}
+
+.theme--dark .btn--blue-300, 
+.theme--dark .hover--blue-300:hover,
+.theme--dark .white-scroll .scroll .hover--blue-300:hover,
+.theme--dark .black-scroll .scroll .hover--blue-300:hover {
+  color: #fff!important;
+  border-color: #3eb1ff!important;
+  background-color: #3eb1ff!important;
+}
+
+.theme--dark .btn--pink-500, 
+.theme--dark .hover--pink-500:hover,
+.theme--dark .white-scroll .scroll .hover--pink-500:hover,
+.theme--dark .black-scroll .scroll .hover--pink-500:hover {
+  color: #fff!important;
+  border-color: #ff149c!important;
+  background-color: #ff149c!important;
+}
+
+.theme--dark .btn--pink-400, 
+.theme--dark .hover--pink-400:hover,
+.white-scroll .scroll .hover--pink-400:hover,
+.black-scroll .scroll .hover--pink-400:hover {
+  color: #fff!important;
+  border-color: #f74780!important;
+  background-color: #f74780!important;
+}
+
+.theme--dark .btn--pink-300, 
+.theme--dark .hover--pink-300:hover,
+.theme--dark .white-scroll .scroll .hover--pink-300:hover,
+.theme--dark .black-scroll .scroll .hover--pink-300:hover {
+  color: #fff!important;
+  border-color: #fcb5cc!important;
+  background-color: #fcb5cc!important;
+}
+
+.theme--dark .btn--purple-500, 
+.theme--dark .hover--purple-500:hover,
+.theme--dark .white-scroll .scroll .hover--purple-500:hover,
+.theme--dark .black-scroll .scroll .hover--purple-500:hover {
+  color: #fff!important;
+  border-color: #663ae9!important;
+  background-color: #663ae9!important;
+}
+
+.theme--dark .btn--purple-400, 
+.theme--dark .hover--purple-400:hover,
+.theme--dark .white-scroll .scroll .hover--purple-400:hover,
+.theme--dark .black-scroll .scroll .hover--purple-400:hover {
+  color: #fff!important;
+  border-color: #7b5dd6!important;
+  background-color: #7b5dd6!important;
+}
+
+.theme--dark .btn--purple-300, 
+.theme--dark .hover--purple-300:hover,
+.theme--dark .white-scroll .scroll .hover--purple-300:hover,
+.theme--dark .black-scroll .scroll .hover--purple-300:hover {
+  color: #fff!important;
+  border-color: #bdaeea!important;
+  background-color: #bdaeea!important;
+}
+
+.theme--dark .btn--violet-500, 
+.theme--dark .hover--violet-500:hover,
+.theme--dark .white-scroll .scroll .hover--violet-500:hover,
+.theme--dark .black-scroll .scroll .hover--violet-500:hover {
+  color: #fff!important;
+  border-color: #c73e9b!important;
+  background-color: #c73e9b!important;
+}
+
+.theme--dark .btn--violet-400, 
+.theme--dark .hover--violet-400:hover,
+.theme--dark .white-scroll .scroll .hover--violet-400:hover,
+.theme--dark .black-scroll .scroll .hover--violet-400:hover {
+  color: #fff!important;
+  border-color: #be6cbe!important;
+  background-color: #be6cbe!important;
+}
+
+.theme--dark .btn--violet-300, 
+.theme--dark .hover--violet-300:hover,
+.theme--dark .white-scroll .scroll .hover--violet-300:hover,
+.theme--dark .black-scroll .scroll .hover--violet-300:hover {
+  color: #fff!important;
+  border-color: #e2bde2!important;
+  background-color: #e2bde2!important;
+}
+
+.theme--dark .section-id {
+  color: #eee; 
+}
+
+.theme--dark .color--black,
+.theme--dark .color--black h2, 
+.theme--dark .color--black h3, 
+.theme--dark .color--black h4, 
+.theme--dark .color--black h5, 
+.theme--dark .color--black h6, 
+.theme--dark .color--black p, 
+.theme--dark .color--black a,
+.theme--dark .color--black li, 
+.theme--dark .color--black i,
+.theme--dark .color--black span, 
+.theme--dar .color--white .color--black { color: #fff; }
+
+.theme--dark .color--grey,
+.theme--dark .color--grey h2, 
+.theme--dark .color--grey h3, 
+.theme--dark .color--grey h4, 
+.theme--dark .color--grey h5, 
+.theme--dark .color--grey h6, 
+.theme--dark .color--grey p, 
+.theme--dark .color--grey a,
+.theme--dark .color--grey li, 
+.theme--dark .color--grey i,
+.theme--dark .color--grey span, 
+.theme--dark .color--white .color--grey { color: #b1b7cd; }
+
+/*------------------------------------------*/
+/*   NAVIGATION MENU
+/*------------------------------------------*/
+
+.theme--dark .dark-menu .wsmainfull,
+.theme--dark .white-menu .wsmainfull {
+  background-color: #1d222f!important;
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+/*------------------------------------------*/
+/*  HEADER LINK
+/*------------------------------------------*/
+
+.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a,
+.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a,
+.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a {
+  color: #fff;
+}
+
+.theme--dark .navbar-light .wsmenu-list > li > a.h-link:hover,
+.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a:hover,
+.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a:hover,
+.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a:hover {
+  color: #eee!important;
+}
+
+.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  HEADER SUBMENU / MEGAMENU
+/*------------------------------------------*/
+
+.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
+  background-color: #2c3142!important; 
+  border: solid 1px #2c3142!important; 
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu:before,
+.theme--dark .wsmenu > .wsmenu-list > li.mg_link:hover > a:after,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu:before {
+  background-color: #2c3142;
+  border-left: solid 1px #2c3142;
+  border-top: solid 1px #2c3142;
+}
+ 
+.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+  color: #b1b7cd;
+  background-color: transparent!important;
+}
+
+.theme--dark .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+  color: #b1b7cd;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR SCROLL
+/*------------------------------------------*/
+
+.theme--dark .tra-menu .wsmainfull.scroll,
+.theme--dark .white-menu .wsmainfull.scroll,
+.theme--dark .dark-menu.dark-scroll .wsmainfull.scroll {
+  background-color: #1d222f!important;
+  padding: 0;
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.theme--dark .tra-menu.navbar-dark .scroll .wsmenu > .wsmenu-list > li > a,
+.theme--dark .tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li > a,
+.theme--dark .tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, 
+.theme--dark .tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #b1b7cd;
+}
+
+.theme--dark .navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover {
+  color: #fff!important;
+}
+
+.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  background-color: rgba(0, 0, 0, .12)!important;
+}
+
+.theme--dark .navbar-light .scroll .btn.btn--tra-white {
+  color: #fff!important;
+  border-color: #fff!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  Logo Image
+/*------------------------------------------*/
+
+.theme--dark .navbar-dark .logo-black,
+.theme--dark .navbar-dark .scroll .logo-black {
+  display: none;
+}
+
+.theme--dark .navbar-dark .logo-white,
+.theme--dark .navbar-dark .scroll .logo-white {
+  display: block;
+}
+
+.theme--dark .navbar-dark .logo-black {
+  display: block;
+}
+
+.theme--dark .navbar-dark .logo-white {
+  display: none;
+}
+
+.theme--dark .navbar-dark .scroll .logo-white {
+  display: block;
+}
+
+/*------------------------------------------*/
+/*  HERO SECTION
+/*------------------------------------------*/
+
+.theme--dark .hero-section .color--black,
+.theme--dark .hero-section .color--black h2, 
+.theme--dark .hero-section .color--black h3, 
+.theme--dark .hero-section .color--black h4, 
+.theme--dark .hero-section .color--black h5, 
+.theme--dark .hero-section .color--black h6, 
+.theme--dark .hero-section .color--black p, 
+.theme--dark .hero-section .color--black a,
+.theme--dark .hero-section .color--black li, 
+.theme--dark .hero-section .color--black i,
+.theme--dark .hero-section .color--black span, 
+.theme--dark .hero-section .color--white .color--black {  color: #353f4f; }
+
+.theme--dark .hero-section p { color: #6c757d; }
+.theme--dark .hero-section .color--white p { color: #fff; }
+.theme--dark .hero-section.gr--whitesmoke p {color: #b1b7cd; }
+.theme--dark .hero-section .section-id.color--grey { color: #6c757d; }
+
+.theme--dark .hero-5-txt p,
+.theme--dark .hero-6-txt p,
+.theme--dark .hero-10-txt p,
+.theme--dark .hero-15-txt p,
+.theme--dark .hero-16-txt p,
+.theme--dark .hero-17-txt p,
+.theme--dark .hero-18-txt p,
+.theme--dark .hero-19-txt p,
+.theme--dark .hero-20-txt p,
+.theme--dark .hero-21-txt p,
+.theme--dark .hero-23-txt p,
+.theme--dark .hero-25-txt p { color: #b1b7cd; }
+
+.theme--dark .hero-section .quick-form .form-control {
+  color: #fff;
+  background-color: #363f54;
+}
+
+.theme--dark #hero-14.hero-section .quick-form .form-control,
+.theme--dark #hero-24.hero-section .quick-form .form-control,
+.theme--dark #hero-26.hero-section .quick-form .form-control {
+  color: #666;
+  background-color: #fff;
+}
+
+.theme--dark .hero-section .quick-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .hero-section .quick-form .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .hero-section .quick-form .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+.theme--dark #hero-14.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } 
+.theme--dark #hero-14.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; }
+.theme--dark #hero-14.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; }
+
+.theme--dark #hero-24.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } 
+.theme--dark #hero-24.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; }
+.theme--dark #hero-24.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; }
+
+.theme--dark #hero-26.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } 
+.theme--dark #hero-26.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; }
+.theme--dark #hero-26.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; }
+
+.theme--dark .hero-section .quick-form .form-control:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+.theme--dark #hero-14.hero-section .quick-form .form-control:focus,
+.theme--dark #hero-24.hero-section .quick-form .form-control:focus,
+.theme--dark #hero-26.hero-section .quick-form .form-control:focus {
+  background-color: #fff;
+  border-color: transparent;
+}
+
+.theme--dark .hero-section .request-form .form-control {
+  color: #fff;
+  background-color: #363f54;
+}
+
+.theme--dark .hero-section .request-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .hero-section .request-form .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .hero-section .request-form .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+.theme--dark .hero-section .request-form .form-control:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+.theme--dark #hero-3:after,
+.theme--dark #hero-4:after {
+  background-color: #232734;
+}
+
+.theme--dark .hero-4-txt h2 {
+  color: #353f4f;
+}
+
+.theme--dark .hero-4-txt .btn.btn--tra-black {
+  color: #353f4f!important;
+  background-color:transparent!important;
+  border-color: #353f4f!important;
+}
+
+.theme--dark #hero-5 {
+  background-image: url(../images/hero-5-dark.jpg);
+}
+
+.theme--dark .hero-6-wrapper {
+  background-image: linear-gradient(90deg, #1d212c, #1d212c);
+}
+
+.theme--dark #hero-8-form {
+  background-color: #1d222f;
+  border: 1px solid #1d222f;
+}
+
+.theme--dark #hero-8-form p {
+  color: #b1b7cd;
+}
+
+.theme--dark #hero-5 .wave-shape-bottom svg path,
+.theme--dark #hero-8 .wave-shape-bottom svg path,
+.theme--dark #hero-14 .wave-shape-bottom svg path,
+.theme--dark #hero-16 .wave-shape-bottom svg path,
+.theme--dark #hero-22 .wave-shape-bottom svg path,
+.theme--dark #hero-23 .wave-shape-bottom svg path,
+.theme--dark #hero-26 .wave-shape-bottom svg path {
+  fill: #232734;
+}
+
+.theme--dark #hero-10 {
+  background-image: url(../images/hero-10-dark.jpg);
+}
+
+.theme--dark #hero-15 {
+  background-image: url(../images/hero-15-dark.jpg);
+}
+
+.theme--dark #hero-16 {
+  background-image: url(../images/hero-16-dark.jpg);
+}
+
+.theme--dark #hero-17 {
+  background-image: url(../images/hero-17-dark.jpg);
+}
+
+.theme--dark #hero-18:after {
+  background-image: url(../images/hero-18-dark.jpg);
+}
+
+.theme--dark #hero-20:after {
+  background-image: linear-gradient(180deg, #1d212c, #232734);
+}
+
+.theme--dark  #hero-21 .hero-overlay {
+  background-image: url(../images/hero-21-dark.jpg);
+}
+
+.theme--dark #hero-23 {
+  background-image: url(../images/hero-23-dark.jpg);
+}
+
+.theme--dark .hero-23-txt p span.color--black { color: #fff; }
+
+.theme--dark #hero-25 {
+  background-image: url(../images/hero-25-dark.jpg);
+}
+
+.theme--dark #hero-27 .hero-overlay {
+  background-image: url(../images/hero-27-dark.png);
+}
+
+/*------------------------------------------*/
+/*  FEATURES
+/*------------------------------------------*/
+
+.theme--dark .features-section path {
+  opacity: .05;
+}
+
+.theme--dark .fbox-7 {
+  border: 2px solid #363f54;
+}
+
+/*------------------------------------------*/
+/*  CONTENT
+/*------------------------------------------*/
+
+.theme--dark .cbox-2-line {
+  background-color: #363f54;
+}
+
+/*------------------------------------------*/
+/*  STATISTIC
+/*------------------------------------------*/
+
+.theme--dark #statistic-5 .statistic-digit {
+  border-bottom: 1px solid #505c77;
+}
+
+/*------------------------------------------*/
+/*  REVIEWS
+/*------------------------------------------*/
+
+.theme--dark #reviews-2 .review-2.bg--white-100 {
+  background-color: #1d212c!important;
+}
+
+.theme--dark .owl-theme .owl-dots .owl-dot span {
+  background: #1d212c;
+}
+
+.theme--dark .owl-theme .owl-dots .owl-dot.active span {
+  background: #b1b7cd;
+}
+
+.theme--dark .review-3.block-border {
+  border-color: #363f54;
+}
+
+/*------------------------------------------*/
+/*  PROJECT DETAILS
+/*------------------------------------------*/
+
+.theme--dark .project-title h2 {
+  border-bottom: 1px solid #363f54;
+}
+
+.theme--dark .project-data p span { color: #fff; }
+
+.theme--dark .project-description .more-projects span {
+  color: #fff;
+}
+
+/*------------------------------------------*/
+/*  RATING
+/*------------------------------------------*/
+
+.theme--dark .rbox-1 .star-rating {
+  background-color: #1d212c!important;
+  border: 1px solid #1d212c;
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+}
+
+/*------------------------------------------*/
+/*  PRICING
+/*------------------------------------------*/
+
+.theme--dark .pricing-discount h6 {
+  color: #353f4f;
+}
+
+.theme--dark .table>:not(caption)>*>* {
+  color: #b1b7cd;
+  background-color: #232734;
+}
+
+.theme--dark .comp-table .table thead th {
+  color: #fff;
+  border-color: #363f54;
+}
+
+.theme--dark .comp-table tbody th {
+  border-bottom: 1px solid #363f54!important;
+}
+
+.theme--dark .comp-table .table tr td {
+  border-bottom: 2px solid #363f54;
+}
+
+/*------------------------------------------*/
+/*  INTEGRATIONS
+/*------------------------------------------*/
+
+.theme--dark .integrations-1-wrapper .in_tool {
+  background-color: #1d212c;
+  border: 1px solid #1d212c;
+}
+
+/*------------------------------------------*/
+/*  PRICING
+/*------------------------------------------*/
+
+.theme--dark .switcher.bg--grey {
+  background-color: #363f54;
+  border: 2px solid #363f54;
+}
+
+/*------------------------------------------*/
+/*  BANNER
+/*------------------------------------------*/
+
+.theme--dark .banner-16-wrapper.bg--white-100.block-border {
+  border-color: #363f54;
+}
+
+/*------------------------------------------*/
+/*  DOWNLOAD
+/*------------------------------------------*/
+
+.theme--dark .release-data {
+  border-bottom: 1px dashed #656565;
+}
+
+.theme--dark span.version-data,
+.theme--dark span.release-date span {
+  color: #f1f1f1;
+}
+
+.theme--dark span.release-date {
+  color: #ccc;
+}
+
+/*------------------------------------------*/
+/*  FAQs
+/*------------------------------------------*/
+
+.theme--dark .faqs-section .accordion-item,
+.theme--dark #faqs-2.faqs-section .accordion-item,
+.theme--dark #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb {
+  border-bottom: 1px solid #363f54;
+}
+
+.theme--dark .faqs-section .tabs-1 li {
+  border: 2px solid #363f54;
+}
+
+.theme--dark .faqs-section .tabs-1 li span,
+.theme--dark .faqs-section .tabs-1 li {
+  color: #b1b7cd;
+}
+
+.theme--dark .faqs-section .accordion-item .accordion-thumb:after,
+.theme--dark .faqs-section .accordion-item.is-active .accordion-thumb:after {
+  color: #b1b7cd;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER
+/*------------------------------------------*/
+
+.theme--dark .newsletter-section .form-control {
+  color: #f1f1f1;
+  background-color: #363f54;
+  border: 1px solid #363f54;
+}
+
+.theme--dark .newsletter-section .form-control:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+.theme--dark .newsletter-section .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .newsletter-section .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .newsletter-section .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+/*------------------------------------------*/
+/*  BLOG
+/*------------------------------------------*/
+
+.theme--dark .post-meta-list p,
+.theme--dark .blog-post-txt a {
+  color: #fff;
+}
+
+.theme--dark .blog-post-txt a:hover {
+  color: #ddd!important;
+}
+
+/*------------------------------------------*/
+/*  SINGLE POST
+/*------------------------------------------*/
+
+.theme--dark .txt-code {
+  background-color: #1d212c;
+}
+
+.theme--dark .txt-code kbd {
+  background-color: #363f54;
+}
+
+.theme--dark  .txt-code p {
+  color: #b1b7cd; 
+}
+
+.theme--dark .comment-form p,
+.theme--dark  .blockquote-footer,
+.theme--dark .txt-code span.code-property,
+.theme--dark .txt-code p code.code-language-js {
+  color: #fff;
+}
+
+.theme--dark .comment-form .form-control {
+  color: #f1f1f1;
+  background-color: #363f54;
+}
+
+.theme--dark .comment-form .form-control:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+.theme--dark .comment-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .comment-form .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .comment-form .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+/*------------------------------------------*/
+/*  CONTACTS
+/*------------------------------------------*/
+
+.theme--dark .contact-form-notice p a,
+.theme--dark #contacts-1 .contact-form p {
+  color: #fff;
+}
+
+.theme--dark .contact-form .form-control,
+.theme--dark .contact-form .form-select {
+  color: #f1f1f1;
+  background-color: #363f54;
+}
+
+.theme--dark .contact-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .contact-form .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .contact-form .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+.theme--dark .contact-form .form-control:focus,
+.theme--dark .contact-form .form-select:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+/*------------------------------------------*/
+/*  FOOTER
+/*------------------------------------------*/
+
+.footer-logo-dark { display: none; }
+.theme--dark .footer-logo { display: none; }
+.theme--dark .footer-logo-dark { display: block; }
+.theme--dark #footer-10 .footer-logo-dark { display: inline-block; }
+
+.theme--dark  #footer-10 .footer-info {
+  border-bottom: 1px solid #363f54;
+}
+
+.theme--dark .footer-form .newsletter-form .btn.dark-color span {
+  color: #2f353e!important;
+}
+
+.theme--dark .footer-form .newsletter-form .input-group {
+  background-color: #282d3c;
+  border: 1px solid #505c77;
+}
+
+.theme--dark .footer-form .form-control {
+  color: #fff;
+}
+
+.theme--dark .footer-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .footer-form .form-control:-ms-input-placeholder { color: #b1b7cd; } 
+.theme--dark .footer-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } 
+
+.theme--dark .legal-info p span {
+  color: #fff;
+}
+
+/*------------------------------------------*/
+/*  INNER PAGE
+/*------------------------------------------*/
+
+.theme--dark .page-hero-section .wave-shape-bottom path {
+  fill: #232734;
+}
+
+/*------------------------------------------*/
+/*  MODAL
+/*------------------------------------------*/
+
+.theme--dark #modal-2 .modal-body-content h5,
+.theme--dark #modal-3 .modal-body-content h3 {
+  color: #353f4f;
+}
+
+/*------------------------------------------*/
+/*  PAGE 404
+/*------------------------------------------*/
+
+.theme--dark #page-404.bg--white-300, .theme--dark #footer-11.bg--white-300 { background-color: #f7f8f9; }
+.theme--dark #page-404 .color--dark { color: #353f4f; }
+
+.theme--dark #page-404 h6.color--grey, .theme--dark #footer-11.bg--white-300,
+.theme--dark #footer-11.bg--white-300 .bottom-footer-list p a { color: #6c757d; }
+
+/*------------------------------------------*/
+/*  LOGIN
+/*------------------------------------------*/
+
+.theme--dark #login, .theme--dark #signup {
+  background: url(../images/login_dark.jpg);
+}
+
+.theme--dark #reset-password {
+  background: url(../images/reset-password-dark.jpg);
+}
+
+.theme--dark #login .register-page-wrapper:after,
+.theme--dark #signup .register-page-wrapper:after {
+  background-color: #1d212c;
+}
+
+.theme--dark .form-data span a,
+.theme--dark .register-page-form p.input-header {
+  color: #fff;
+}
+
+.theme--dark .separator-line::before, 
+.theme--dark .separator-line::after {
+  border-top: 2px solid rgba(255, 255, 255, .15);
+}
+
+.theme--dark .reset-page-wrapper .form-control,
+.theme--dark .register-page-form .form-control {
+  color: #f1f1f1;
+  background-color: #363f54;
+  border: 1px solid #363f54;
+}
+
+.theme--dark .reset-page-wrapper form { 
+  background: #1d212c;
+  border: 1px solid #1d212c;
+}
+
+.theme--dark .register-page-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .register-page-form .form-control:-ms-input-placeholder { color: #b1b7cd; } 
+.theme--dark .register-page-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } 
+
+.theme--dark .reset-password-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .reset-password-form .form-control:-ms-input-placeholder { color: #b1b7cd; } 
+.theme--dark .reset-password-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } 
+
+.theme--dark  .register-page-form .btn-google {
+  color: #b1b7cd;
+  background-color: #363f54;
+  border: 1px solid #363f54;
+}
+
+
+
+
+/* ==========================================================================
+   STYLE CHANGER 
+  ========================================================================== */
+
+#stlChanger {
+  position: fixed;
+  z-index: 9999;
+  font-size: 15px;
+  overflow: hidden;
+  right: -230px;
+  top: 100px;
+  cursor: pointer;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+#stlChanger.open {
+  right: 0px;
+}
+
+#stlChanger .bgChanger {
+  min-width: 280px;
+  min-height: 280px;
+}
+
+#stlChanger .blockChanger {
+  width: 230px;
+}
+
+#stlChanger .chBody {
+  background: #2b2e37;
+  width: 230px;
+  position: relative;
+  overflow: hidden;
+  border: 1px solid #2b2e37;
+  border-radius: 4px 0px 0px 4px;
+  height: 425px; 
+  overflow: scroll; 
+  overflow-x: hidden;
+  direction: rtl;
+  margin-left: 50px;
+}
+
+#stlChanger .chBody.chBody-sm {
+  height: 360px; 
+}
+
+#stlChanger .chBut {
+  background: #ef2853;
+  width: 50px;
+  height: 50px;
+  position: absolute;
+  top: 30px;
+  left: 0;
+  z-index: 1000000;
+  text-align: center;
+  border: 1px solid #ef2853;
+  border-left: none;
+  padding: 0 0 0 2px;
+  border-radius: 4px 0px 0px 4px;
+  -webkit-transition: all 300ms ease-in-out;
+  -moz-transition: all 300ms ease-in-out;
+  -o-transition: all 300ms ease-in-out;
+  -ms-transition: all 300ms ease-in-out;
+  transition: all 300ms ease-in-out;
+  box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); 
+}
+
+#stlChanger .chBut.icon-xs [class*="flaticon-"]:before,
+#stlChanger .chBut.icon-xs [class*="flaticon-"]:after {   
+  color: #fff;
+  font-size: 2.15rem;
+  line-height: 48px!important;
+}
+
+#stlChanger p {
+  font-size: 18px;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-weight: 600;
+  letter-spacing: 0;
+  margin-bottom: 20px;
+}
+
+#stlChanger .stBgs a {
+  text-decoration: none;
+  width: 50px;
+  height: 50px;
+  float: left;
+  padding: 0;
+  margin: 0 5px 8px;
+  cursor: pointer;
+  opacity: 1;
+  -webkit-border-radius: 8px;
+  -moz-border-radius: 8px;
+  border-radius: 8px;
+}
+
+#stlChanger .stBgs a img {
+  width: 50px;
+  height: 50px;
+  -webkit-border-radius: 8px;
+  -moz-border-radius: 8px;
+  border-radius: 8px;
+}
+
+.stBlock1 {
+  margin: 0 20px 25px 20px;
+}
+
+.stBlock .btn {
+  width: 100%;
+  padding: 0.65rem 1.2rem;
+  line-height: 1;
+  margin-top: 15px;
+}
+
+.switch {
+  width: 100%;
+  color: #fff;
+  padding: 0.4rem 1.4rem;
+  border: 2px solid #fff;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+
+
+
+
+/* ==========================================================================
+  34. COLOR SCHEME
+  ========================================================================== */ 
+
+.bg--theme,
+.shape--blue-400:after { 
+  background-color: #3eb1ff; 
+}
+
+.btn--theme {
+  color: #fff!important;
+  border-color: #3eb1ff!important;
+  background-color: #3eb1ff!important;
+}
+
+.hover--theme:hover,
+.white-scroll .scroll .hover--theme:hover,
+.black-scroll .scroll .hover--theme:hover {
+  color: #fff!important;
+  border-color: #1680fb!important;
+  background-color: #1680fb!important;
+}
+
+.theme--dark .white-scroll .scroll .hover--theme:hover {
+  color: #fff!important;
+  border-color: #1680fb!important;
+  background-color: #1680fb!important;
+}
+
+.theme--dark .white-scroll .hover--theme:hover {
+  color: #fff!important;
+  border-color: #1680fb!important;
+  background-color: #1680fb!important;
+}
+
+.color--theme, 
+.color--theme h1, 
+.color--theme h2, 
+.color--theme h3, 
+.color--theme h4, 
+.color--theme h5, 
+.color--theme h6, 
+.color--theme p, 
+.color--theme a, 
+.color--theme li, 
+.color--theme i, 
+.color--theme span,
+.color--white .color--theme { color: #3eb1ff!important; }
+
+.loading--theme .loader { 
+  border-color: transparent #3eb1ff; 
+}
+
+.loading--theme .loader::after {
+  border-color: transparent rgba(22, 128, 251, .15); 
+}
+
+.nav-theme .sm-info { 
+  background-color: #3eb1ff; 
+}
+
+.wsmenu > .wsmenu-list.nav-theme > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #3eb1ff!important;
+}
+
+.hero-section .quick-form .form-control:focus {
+  border-color: #3eb1ff;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--theme { 
+  color: #3eb1ff; 
+  border-color: #3eb1ff; 
+}
+
+.tabs-1.tabs--theme, 
+.tabs-1.tabs--theme li.current:hover { 
+  color: #3eb1ff; 
+  border-color: #3eb1ff; 
+}
+
+.faqs-section .tabs--theme .tabs-1 li.current,
+.faqs-section .tabs--theme .tabs-1 li.current:hover {
+  background-color: #3eb1ff;
+  border-color: #3eb1ff!important;
+}
+
+.switch-wrap input:checked + .switcher.switcher--theme { 
+  background-color: #3eb1ff; 
+  border-color: #3eb1ff; 
+}
+
+.shape-ico.color--theme path,
+.shape-ico.color--theme path,
+.shape-ico.color--theme path {
+  fill: #f4f9fc;
+}
+
+.newsletter-section .form-control:focus {
+  background-color: #fff;
+  border-color: #353f4f;
+}
+
+.theme-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #3eb1ff;
+  border: 2px solid #3eb1ff;
+}
+
+
+
+
+/* ==========================================================================
+  34. XXXXX
+  ========================================================================== */ 
+
+.t-title {
+  text-align: center; 
+  color: #fff;
+  background-color:#1d222f;
+  padding: 10px 5px; 
+  margin: 0 0 40px;
+}
+
+.t-title.btn-s-title {
+  margin: 0;
+}
+
+.t-title h6 {
+  color: #fff;
+  margin-bottom: 0;
+}
\ No newline at end of file
diff --git a/public/css/violet-theme.css b/public/css/violet-theme.css
new file mode 100644
index 0000000..257bf77
--- /dev/null
+++ b/public/css/violet-theme.css
@@ -0,0 +1,11159 @@
+
+
+
+
+/*
+  Template Name: Martex - Software, App, SaaS & Startup Landing Pages Pack
+  Theme URL: https://themeforest.net/user/jthemes
+  Description: Martex - Software, App, SaaS & Startup Landing Pages Pack
+  Author: JThemes Studio
+  Author URL: https://themeforest.net/user/jthemes
+  Version: 1.0.0
+  Website: www.jthemes.com
+  Tags: Responsive, HTML5, JThemes, Landing, Software, Mobile App, SaaS, Startup, Creative, Digital Produc
+*/
+
+
+
+
+/* ==========================================================================
+  01. GENERAL & BASIC STYLES
+  =========================================================================== */
+
+html {
+  -webkit-font-smoothing: antialiased;
+  font-size: 16px;
+} 
+
+body {
+  font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  color: #6c757d;
+  line-height: 1.6666;
+  font-weight: 400;
+}
+
+/*------------------------------------------*/
+/*  PAGE CONTENT
+/*------------------------------------------*/
+
+#page,
+.hidd { 
+  overflow: hidden; 
+}
+
+.rel,
+section,
+.container { 
+  position: relative!important; 
+  z-index: 3; 
+}
+
+.section-overlay {
+  width: 100%;
+  height: 100%;
+}
+
+/*------------------------------------------*/
+/*  BLOCK SHADOW
+/*------------------------------------------*/
+
+.block-shadow { 
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+}
+
+/*------------------------------------------*/
+/*  BORDER SETTINGS
+/*------------------------------------------*/
+
+.block-border {
+  border: 1px solid #e7e7e7;
+}
+
+.block-border.block-shadow { 
+  border: 1px solid #f5f6f6;
+}
+
+.x-border {
+  border-top: 1px solid #e7e7e7;
+  border-bottom: 1px solid #e7e7e7;
+}
+
+.top-border {
+  border-top: 1px solid #e7e7e7;
+}
+
+.bottom-border {
+  border-bottom: 1px solid #e7e7e7;
+}
+
+/*------------------------------------------*/
+/*  BORDER RADIUS SETTING
+/*------------------------------------------*/ 
+
+.r-0 { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
+.r-02 { -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
+.r-04 { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
+.r-06 { -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
+.r-08 { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; }
+.r-10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
+.r-12 { -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; }
+.r-14 { -webkit-border-radius: 14px; -moz-border-radius: 14px; -o-border-radius: 14px; border-radius: 14px; }
+.r-16 { -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; }
+.r-18 { -webkit-border-radius: 18px; -moz-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; }
+.r-20 { -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
+.r-22 { -webkit-border-radius: 22px; -moz-border-radius: 22px; -o-border-radius: 22px; border-radius: 22px; }
+.r-24 { -webkit-border-radius: 24px; -moz-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; }
+.r-26 { -webkit-border-radius: 26px; -moz-border-radius: 26px; -o-border-radius: 26px; border-radius: 26px; }
+.r-28 { -webkit-border-radius: 28px; -moz-border-radius: 28px; -o-border-radius: 28px; border-radius: 28px; }
+.r-30 { -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; }
+.r-32 { -webkit-border-radius: 32px; -moz-border-radius: 32px; -o-border-radius: 32px; border-radius: 32px; }
+.r-34 { -webkit-border-radius: 34px; -moz-border-radius: 34px; -o-border-radius: 34px; border-radius: 34px; }
+.r-36 { -webkit-border-radius: 36px; -moz-border-radius: 36px; -o-border-radius: 36px; border-radius: 36px; }
+.r-100 { -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; }
+
+/*------------------------------------------*/
+/*  OPACITY SETTINGS
+/*------------------------------------------*/
+
+.o-0 { opacity: 0!important; }
+.o-10 { opacity: .1!important; }
+.o-15 { opacity: .15!important; }
+.o-20 { opacity: .2!important; }
+.o-25 { opacity: .25!important; }
+.o-30 { opacity: .3!important; }
+.o-35 { opacity: .35!important; }
+.o-40 { opacity: .4!important; }
+.o-45 { opacity: .45!important; }
+.o-50 { opacity: .5!important; }
+.o-55 { opacity: .55!important; }
+.o-60 { opacity: .60!important; }
+.o-65 { opacity: .65!important; }
+.o-70 { opacity: .7!important; }
+.o-75 { opacity: .75!important; }
+.o-80 { opacity: .8!important; }
+.o-85 { opacity: .85!important; }
+.o-90 { opacity: .9!important; }
+.o-95 { opacity: .95!important; }
+.o-100 { opacity: 1!important; }
+
+/*------------------------------------------*/
+/*  SPACING & INDENTS
+/*------------------------------------------*/
+
+.py-5 { padding-top: 5px; padding-bottom: 5px; }
+.py-10 { padding-top: 10px; padding-bottom: 10px; }
+.py-15 { padding-top: 15px; padding-bottom: 15px; }
+.py-20 { padding-top: 20px; padding-bottom: 20px; }
+.py-30 { padding-top: 30px; padding-bottom: 30px; }
+.py-40 { padding-top: 40px; padding-bottom: 40px; }
+.py-50 { padding-top: 50px; padding-bottom: 50px; }
+.py-60 { padding-top: 60px; padding-bottom: 60px; }
+.py-70 { padding-top: 70px; padding-bottom: 70px; }
+.py-80 { padding-top: 80px; padding-bottom: 80px; }
+.py-90 { padding-top: 90px; padding-bottom: 90px; }
+.py-100 { padding-top: 100px; padding-bottom: 100px; }
+
+.pt-30 { padding-top: 30px; }
+.pt-40 { padding-top: 40px; }
+.pt-50 { padding-top: 50px; }
+.pt-60 { padding-top: 60px; }
+.pt-70 { padding-top: 70px; }
+.pt-80 { padding-top: 80px; }
+.pt-90 { padding-top: 90px; }
+.pt-100 { padding-top: 100px; }
+
+.pb-30 { padding-bottom: 30px; }
+.pb-40 { padding-bottom: 40px; }
+.pb-50 { padding-bottom: 50px; }
+.pb-60 { padding-bottom: 60px; }
+.pb-70 { padding-bottom: 70px; }
+.pb-80 { padding-bottom: 80px; }
+.pb-90 { padding-bottom: 90px; }
+.pb-100 { padding-bottom: 100px; }
+
+.mt-10 { margin-top: 10px; }
+.mt-15 { margin-top: 15px; }
+.mt-20 { margin-top: 20px; }
+.mt-25 { margin-top: 25px; }
+.mt-30 { margin-top: 30px; }
+.mt-35 { margin-top: 35px; }
+.mt-40 { margin-top: 40px; }
+.mt-45 { margin-top: 45px; }
+.mt-50 { margin-top: 50px; }
+.mt-55 { margin-top: 55px; }
+.mt-60 { margin-top: 60px; }
+.mt-65 { margin-top: 65px; }
+.mt-70 { margin-top: 70px; }
+.mt-75 { margin-top: 75px; }
+.mt-80 { margin-top: 80px; }
+.mt-85 { margin-top: 85px; }
+.mt-90 { margin-top: 90px; }
+.mt-95 { margin-top: 95px; }
+.mt-100 { margin-top: 100px; }
+
+.mb-10 { margin-bottom: 10px; }
+.mb-15 { margin-bottom: 15px; }
+.mb-20 { margin-bottom: 20px; }
+.mb-25 { margin-bottom: 25px; }
+.mb-30 { margin-bottom: 30px; }
+.mb-35 { margin-bottom: 35px; }
+.mb-40 { margin-bottom: 40px; }
+.mb-45 { margin-bottom: 45px; }
+.mb-50 { margin-bottom: 50px; }
+.mb-55 { margin-bottom: 55px; }
+.mb-60 { margin-bottom: 60px; }
+.mb-65 { margin-bottom: 65px; }
+.mb-70 { margin-bottom: 70px; }
+.mb-75 { margin-bottom: 75px; }
+.mb-80 { margin-bottom: 80px; }
+.mb-85 { margin-bottom: 85px; }
+.mb-90 { margin-bottom: 90px; }
+.mb-95 { margin-bottom: 95px; }
+.mb-100 { margin-bottom: 100px; }
+
+.ml-5 { margin-left: 5px; }
+.ml-10 { margin-left: 10px; }
+.ml-15 { margin-left: 15px; }
+.ml-20 { margin-left: 20px; }
+.ml-25 { margin-left: 25px; }
+.ml-30 { margin-left: 30px; }
+
+.mr-5 { margin-right: 5px; }
+.mr-10 { margin-right: 10px; }
+.mr-15 { margin-right: 15px; }
+.mr-20 { margin-right: 20px; }
+.mr-25 { margin-right: 25px; }
+.mr-30 { margin-right: 30px; }
+
+/*------------------------------------------*/
+/*  BACKGROUND SETTINGS
+/*------------------------------------------*/
+
+.bg--fixed,
+.bg--scroll {
+  width: 100%;
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+}
+
+.bg--fixed {
+  background-attachment: scroll!important;
+}
+
+.bg--scroll {
+  background-attachment: fixed!important;
+}
+
+/*------------------------------------------*/
+/*  BACKGROUND COLORS
+/*------------------------------------------*/
+
+.bg--white-500 { background-color: #f2f4f8; }
+.bg--white-400 { background-color: #f4f4f9; }
+.bg--white-300 { background-color: #f7f8f9; }
+.bg--white-200 { background-color: #fbfbfd; }
+.bg--white-100 { background-color: #fff; }
+
+.bg--black-500 { background-color: #22223b; }
+.bg--black-400 { background-color: #2e3648; }
+.bg--black-300 { background-color: #394455; }
+.bg--black-200 { background-color: #e1e3e5; }
+.bg--black-100 { background-color: #ecf1f4; }
+
+.bg--blue-500 { background-color: #185abd; }
+.bg--blue-400 { background-color: #1680fb; }
+.bg--blue-300 { background-color: #3eb1ff; }
+.bg--blue-200 { background-color: #ddedff; }
+.bg--blue-100 { background-color: #f4f9fc; }
+
+.bg--green-500 { background-color: #00a14e; }
+.bg--green-400 { background-color: #0fbc49; }
+.bg--green-300 { background-color: #6fd792; }
+.bg--green-200 { background-color: #cff2db; }
+.bg--green-100 { background-color: #e9f8f2; }
+
+.bg--pink-500 { background-color: #ff149c; }
+.bg--pink-400 { background-color: #f74780; }
+.bg--pink-300 { background-color: #fcb5cc; }
+.bg--pink-200 { background-color: #fee4ec; }
+.bg--pink-100 { background-color: #feecf2; }
+
+.bg--purple-5000 { background-color: #663ae9; }
+.bg--purple-500 { background-color: #7827e6; }
+.bg--purple-400 { background-color: #7b5dd6; }
+.bg--purple-300 { background-color: #bdaeea; }
+.bg--purple-200 { background-color: #e5deff; }
+.bg--purple-100 { background-color: #f1edff; }
+
+.bg--red-500 { background-color: #da0f29; }
+.bg--red-400 { background-color: #ff1e1a; }
+.bg--red-300 { background-color: #ffa5a3; }
+.bg--red-200 { background-color: #ffd2d1; }
+.bg--red-100 { background-color: #fce7e4; }
+
+.bg--violet-500 { background-color: #c73e9b; }
+.bg--violet-400 { background-color: #be6cbe; }
+.bg--violet-300 { background-color: #e2bde2; }
+.bg--violet-200 { background-color: #f1cde5; }
+.bg--violet-100 { background-color: #f7e4f1; }
+
+.bg--yellow-500 { background-color: #ffba01; }
+.bg--yellow-400 { background-color: #ffbd45; }
+.bg--yellow-300 { background-color: #ffdf35; }
+.bg--yellow-200 { background-color: #fef5cd; }
+.bg--yellow-100 { background-color: #fef9e5; }
+
+.bg--tra-black { background-color: rgba(0, 0, 0, .04); }
+.bg--tra-white { background-color: rgba(255, 255, 255, .15); }
+.bg--primary-blue { background-color: #2160fd; }
+.bg--light-grey { background-color: #f0f3ff; }
+.bg--snow { background-color: #fdfdfd; }
+
+/*------------------------------------------*/
+/*  GRADIENT COLOR BACKGROUND
+/*------------------------------------------*/
+
+.gr--ghost { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); }
+.gr--snow { background-image: linear-gradient(to left, #f3edf7, #f9f6fa); }
+.gr--cotton { background-image: linear-gradient(180deg, rgba(223, 225, 250, .8) 50%, rgba(223, 225, 250, .05) 100%); }
+.gr--ghostwhite { background-image: linear-gradient(to left, #e9e9f5, #f4f4f9); }
+.gr--smoke { background: linear-gradient(180deg, #f8f9fe 0%, #f4f4f9 100%); }
+.gr--whitesmoke { background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%); }
+.gr--perl { background-image: linear-gradient(180deg, rgba(236, 234, 253, .8) 50%, rgba(236, 234, 253, .05) 100%); }
+
+/*------------------------------------------*/
+/*  BACKGROUND SHAPE
+/*------------------------------------------*/
+
+.shape--01:after,
+.shape--02:after,
+.shape--03:after,
+.shape--04:after,
+.shape--05:after,
+.shape--06:after,
+.shape--07:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+}
+
+.shape--02.r-24:after {
+  -webkit-border-radius: 24px;
+  -moz-border-radius: 24px;
+  -o-border-radius: 24px;
+  border-radius: 24px;
+}
+
+.shape--01:after {
+  width: 150%;
+  height: 80%;
+  top: 13%;
+  left: -25%;
+}
+
+.shape--02:after {
+  width: 86%;
+  height: 80%;
+  top: 13%;
+  left: 7%;
+}
+
+.shape--03:after {
+  width: 78%;
+  height: 120%;
+  top: -60px;
+  left: 11%;
+  -webkit-border-radius: 24px;
+  -moz-border-radius: 24px;
+  -o-border-radius: 24px;
+  border-radius: 24px;
+}
+
+.shape--04:after {
+  width: 100%;
+  height: 80%;
+  top: 10%;
+  left: 0;
+}
+
+.shape--05:after {
+  width: 150%;
+  height: 90%;
+  top: 0;
+  left: -25%;
+}
+
+.shape--06:after {
+  width: 150%;
+  height: 75%;
+  top: 0;
+  left: -25%;
+}
+
+.shape--07:after {
+  width: 200%;
+  height: 50%;
+  top: 37%;
+  left: -50%;
+}
+
+.shape--whitesmoke:after { background-color: rgba(123, 104, 238, .05); }
+
+.shape--white-500:after { background-color: #f2f4f8; }
+.shape--white-400:after { background-color: #f4f4f9; }
+.shape--white-300:after { background-color: #f7f8f9; }
+.shape--white-200:after { background-color: #fbfbfd; }
+
+.shape--black-500:after { background-color: #22223b; }
+.shape--black-400:after { background-color: #2e3648; }
+.shape--black-300:after { background-color: #394455; }
+.shape--black-200:after { background-color: #e1e3e5; }
+.shape--black-100:after { background-color: #ecf1f4; }
+
+.shape--blue-500:after { background-color: #185abd; }
+.shape--blue-400:after { background-color: #1680fb; }
+.shape--blue-300:after { background-color: #3eb1ff; }
+.shape--blue-200:after { background-color: #ddedff; }
+.shape--blue-100:after { background-color: #f4f9fc; }
+
+.shape--green-500:after { background-color: #00a14e; }
+.shape--green-400:after { background-color: #0fbc49; }
+.shape--green-300:after { background-color: #6fd792; }
+.shape--green-200:after { background-color: #cff2db; }
+.shape--green-100:after { background-color: #e9f8f2; }
+
+.shape--pink-500:after { background-color: #ff149c; }
+.shape--pink-400:after { background-color: #f74780; }
+.shape--pink-300:after { background-color: #fcb5cc; }
+.shape--pink-200:after { background-color: #fee4ec; }
+.shape--pink-100:after { background-color: #feecf2; }
+
+.shape--purple-500:after { background-color: #663ae9; }
+.shape--purple-400:after { background-color: #7b5dd6; }
+.shape--purple-300:after { background-color: #bdaeea; }
+.shape--purple-200:after { background-color: #e5deff; }
+.shape--purple-100:after { background-color: #f1edff; }
+
+.shape--red-500:after { background-color: #da0f29; }
+.shape--red-400:after { background-color: #ff1e1a; }
+.shape--red-300:after { background-color: #ffa5a3; }
+.shape--red-200:after { background-color: #ffd2d1; }
+.shape--red-100:after { background-color: #fce7e4; }
+
+.shape--violet-500:after { background-color: #c73e9b; }
+.shape--violet-400:after { background-color: #be6cbe; }
+.shape--violet-300:after { background-color: #e2bde2; }
+.shape--violet-200:after { background-color: #f1cde5; }
+.shape--violet-100:after { background-color: #f7e4f1; }
+
+.shape--gr-ghost:after { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); }
+.shape--gr-whitesmoke:after {background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%);}
+
+/*------------------------------------------*/
+/*  BACKGROUND PATTERN
+/*------------------------------------------*/
+
+.pattern-01, 
+.pattern-02, 
+.pattern-03, 
+.pattern-04, 
+.pattern-05 {
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+}
+
+.pattern-01 { background-image: url(../images/pattern-01.png); }
+.pattern-02 { background-image: url(../images/pattern-02.png); }
+.pattern-03 { background-image: url(../images/pattern-03.png); }
+.pattern-04 { background-image: url(../images/pattern-04.png); }
+/* .pattern-05 { background-image: url(../images/pattern-05.png); } */
+
+/*------------------------------------------*/
+/*  BACKGROUND IMAGE
+/*------------------------------------------*/
+
+.bg--01, .bg--02, .bg--03, .bg--04, 
+.bg--05, .bg--06, .bg--07, .bg--08 {
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+}
+
+.bg--01 { background-image: url(../images/bg-01.jpg); }
+.bg--02 { background-image: url(../images/bg-02.jpg); }
+.bg--03 { background-image: url(../images/bg-03.jpg); }
+.bg--04 { background-image: url(../images/bg-04.jpg); }
+.bg--05 { background-image: url(../images/bg-05.jpg); }
+.bg--06 { background-image: url(../images/bg-06.jpg); }
+.bg--07 { background-image: url(../images/bg-07.jpg); }
+.bg--08 { background-image: url(../images/bg-08.jpg); }
+
+/*------------------------------------------*/
+/*  SECTION DIVIDER
+/*------------------------------------------*/
+
+hr.divider {
+  width: 100%;
+  height: 1px;
+  background-color: transparent;
+  background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #bbb 38%, #bbb 64%, rgba(206,211,246,0) 99%);
+  opacity: .4;
+  border: none;
+  margin: 0;
+}
+
+/*------------------------------------------*/
+/*  WAVE SHAPE BOTTOM
+/*------------------------------------------*/
+
+.wave-shape-bottom {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+}
+
+
+
+
+/* ==========================================================================
+  02. TYPOGRAPHY
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  HEADERS
+/*------------------------------------------*/
+
+h1, h2, h3, h4, h5, h6 {  
+  color: #353f4f;
+  font-weight: 600;
+  letter-spacing: 0;
+  margin-bottom: 0;
+}
+
+.font--jakarta h1,
+.font--jakarta h2,
+.font--jakarta h3,
+.font--jakarta h4,
+.font--jakarta h5,
+.font--jakarta h6 {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  line-height: 1.35;
+}
+
+.font--jakarta h1,
+.font--jakarta h2 {
+  line-height: 1.25;
+}
+
+.font--inter h1,
+.font--inter h2,
+.font--inter h3,
+.font--inter h4,
+.font--inter h5,
+.font--inter h6 {
+  font-family: 'Inter', sans-serif;
+  letter-spacing: -0.5px;
+}
+
+/*------------------------------------------*/
+/*  PARAGRAPHS
+/*------------------------------------------*/
+
+p.p-sm { font-size: 0.9375rem; }   /* 15px */
+p { font-size: 1rem; }             /* 16px */
+p.p-md { font-size: 1.0625rem; }   /* 17px */
+p.p-lg { font-size: 1.125rem; }    /* 18px */
+p.p-xl { font-size: 1.2rem; }      /* 19.2px */
+
+/*------------------------------------------*/
+/*  FONT SIZE
+/*------------------------------------------*/
+
+.s-15 { font-size: 0.9375rem; }  /* 15px */
+.s-16 { font-size: 1rem; }       /* 16px */
+.s-17 { font-size: 1.0625rem; }  /* 17px */
+.s-18 { font-size: 1.125rem; }   /* 18px */
+.s-19 { font-size: 1.1875rem; }  /* 19px */
+.s-20 { font-size: 1.25rem; }    /* 20px */
+.s-21 { font-size: 1.3125rem; }  /* 21px */
+.s-22 { font-size: 1.375rem; }   /* 22px */
+.s-23 { font-size: 1.4375rem; }  /* 23px */
+.s-24 { font-size: 1.5rem; }     /* 24px */
+.s-26 { font-size: 1.625rem; }   /* 26px */
+.s-28 { font-size: 1.75rem; }    /* 28px */
+.s-30 { font-size: 1.875rem; }   /* 30px */
+.s-32 { font-size: 2rem; }       /* 32px */
+.s-34 { font-size: 2.125rem; }   /* 34px */
+.s-36 { font-size: 2.25rem; }    /* 36px */
+.s-38 { font-size: 2.375rem; }   /* 38px */
+.s-40 { font-size: 2.5rem; }     /* 40px */
+.s-42 { font-size: 2.625rem; }   /* 42px */
+.s-43 { font-size: 2.6875rem; }  /* 43px */
+.s-44 { font-size: 2.75rem; }    /* 44px */
+.s-45 { font-size: 2.8125rem; }  /* 45px */
+.s-46 { font-size: 2.875rem; }   /* 46px */
+.s-47 { font-size: 2.9375rem; }  /* 47px */
+.s-48 { font-size: 3rem; }       /* 48px */
+.s-50 { font-size: 3.125rem; }   /* 50px */
+.s-52 { font-size: 3.25rem; }    /* 52px */
+.s-54 { font-size: 3.375rem; }   /* 54px */
+.s-56 { font-size: 3.5rem; }     /* 56px */
+.s-58 { font-size: 3.625rem; }   /* 58px */
+.s-60 { font-size: 3.75rem; }    /* 60px */
+.s-62 { font-size: 3.875rem; }   /* 62px */
+.s-64 { font-size: 4rem; }       /* 64px */
+.s-66 { font-size: 4.125rem; }   /* 66px */
+.s-68 { font-size: 4.25rem; }    /* 68px */
+.s-70 { font-size: 4.375rem; }   /* 70px */
+.s-72 { font-size: 4.5rem; }     /* 72px */
+.s-74 { font-size: 4.625rem; }   /* 74px */
+.s-76 { font-size: 4.75rem; }    /* 76px */
+.s-78 { font-size: 4.875rem; }   /* 78px */
+.s-80 { font-size: 5rem; }       /* 80px */
+
+/*------------------------------------------*/
+/*  FONT WEIGHT
+/*------------------------------------------*/
+
+.txt-upcase { 
+  text-transform: uppercase 
+}
+
+.w-200 { font-weight: 200; }
+.w-300 { font-weight: 300; }
+.w-400 { font-weight: 400; }
+.w-500 { font-weight: 500; }
+.w-600 { font-weight: 600; }
+.w-700 { font-weight: 700; }
+.w-800 { font-weight: 800; }
+.w-900 { font-weight: 900; }  
+
+/*------------------------------------------*/
+/*  LINK SETTINGS
+/*------------------------------------------*/
+
+a {
+  color: #6c757d;
+  text-decoration: none;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+a:hover {
+  color: #353f4f!important;
+  text-decoration: none;
+}
+
+a:focus {
+  outline: none;
+  text-decoration: none;
+}
+
+a.tra-link {
+  font-size: 1rem;
+  line-height: 1;
+  font-weight: 500;
+}
+
+a.tra-link span {
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.tra-link.ico-20 [class*="flaticon-"]:before, 
+.tra-link.ico-20 [class*="flaticon-"]:after { 
+  position: relative;
+  font-size: 0.75rem; 
+  line-height: 0.7rem!important;
+  top: 2px;
+  left: 2px;
+}
+
+a.tra-link:hover span {
+  color: #353f4f!important;
+}
+
+/*------------------------------------------*/
+/*  LISTS
+/*------------------------------------------*/
+
+ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+} 
+
+/*------------------------------------------*/
+/*  TEXT LIST
+/*------------------------------------------*/
+
+ul.simple-list {
+  list-style: disc;
+  margin-left: 15px;
+}
+
+ul.simple-list.long-list p {
+  margin-bottom: 8px;
+}
+
+/*------------------------------------------*/
+/*  DIGIT LIST
+/*------------------------------------------*/
+
+ol.digit-list {
+  padding: 0;
+  margin-left: 15px;
+}
+
+ol.digit-list p {
+  margin-bottom: 8px;
+}
+
+/*------------------------------------------*/
+/*  BUTTON SETTINGS
+/*------------------------------------------*/
+
+.btn {
+  background-color: transparent;
+  font-size: 1rem;
+  line-height: 1;
+  font-weight: 500;
+  padding: 0.9rem 1.8rem;
+  border: 2px solid transparent;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.btn.btn-sm {
+  font-size: 0.975rem;
+  padding: 0.7rem 1.5rem;
+}
+
+.btn.ico-30.ico-left,
+.btn.ico-30.ico-right {
+  padding: 0.37rem 0;
+}
+
+/*------------------------------------------*/
+/*  Buttons Group
+/*------------------------------------------*/
+
+.text-center .btns-group {
+  display: inline-block;
+}
+
+.btns-group .btn:first-child {
+  margin-right: 15px;
+}
+
+.btns-group .btn.ico-30.ico-left {
+  padding: 0.37rem 0.5rem;
+}
+
+.btns-group .btn.ico-30.ico-right {
+  padding: 0.37rem 0;
+}
+
+/*------------------------------------------*/
+/*  Button Icon
+/*------------------------------------------*/
+
+.btn.ico-20 [class*="flaticon-"]:before, 
+.btn.ico-20 [class*="flaticon-"]:after { 
+  position: relative;
+  font-size: 1rem; 
+  line-height: 0.7rem!important;
+  top: 4px;
+}
+
+.btn.ico-left span {
+  margin-right: 5px;
+}
+
+.btn.ico-right span {
+  margin-left: 5px;
+}
+
+.btn.ico-30.ico-left span {
+  position: relative;
+  top: 0;
+  right: 4px;
+}
+
+.btn.ico-30.ico-right span {
+  position: relative;
+  top: 0;
+  left: 4px;
+}
+
+.btn.ico-30.ico-left span.ico-30-txt,
+.btn.ico-30.ico-right span.ico-30-txt {
+  position: relative;
+  top: -10px;
+  right: 0;
+}
+
+.btn.ico-30.ico-right span.ico-30-txt {
+  left: 0;
+}
+
+/*------------------------------------------*/
+/*  Button Text
+/*------------------------------------------*/
+
+p.btn-txt {
+  margin: 20px 0 0 0;
+}
+
+.btn-rating p.btn-txt {
+  margin: 0;
+}
+
+.star-rating span.rating-txt {
+  font-size: 0.9375rem;
+}
+
+p.btns-group-txt {
+  margin: 14px 0 0 0;
+}
+
+.btn-rating {
+  margin-top: 18px;
+}
+
+.text-center p.btns-group-txt {
+  margin-top: 20px;
+}
+
+p.btn-txt.ico-15,
+p.btns-group-txt.ico-15 {
+  padding-left: 5px;
+}
+
+.text-center p.btn-txt.ico-15,
+.text-center p.btns-group-txt.ico-15 {
+  padding-left: 0;
+}
+
+p.btn-txt span,
+p.btns-group-txt span {
+  position: relative;
+  top: 0.5px;
+  right: 2px;
+}
+
+p.btns-group-txt span.txt-data {
+  display: block;
+  top: 0;
+  right: 0;
+}
+
+p.btns-group-txt span.txt-data a {
+  margin-left: 4px;
+  text-decoration: underline;
+}
+
+p.btns-group-txt span.txt-data a:hover {
+  text-decoration: none;
+}
+
+.hero-section .color--white p.btns-group-txt span.txt-data a:hover {
+  color: #fff!important;
+}
+
+.btn-txt.ico-15 [class*="flaticon-"]:before, 
+.btn-txt.ico-15 [class*="flaticon-"]:after,
+.btns-group-txt.ico-15 [class*="flaticon-"]:before, 
+.btns-group-txt.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+.star-rating.ico-15 [class*="flaticon-"]:before, 
+.star-rating.ico-15 [class*="flaticon-"]:after { position: relative; font-size: 1rem; top: 3px; }
+
+/*------------------------------------------*/
+/*  TRANSPARENT BUTTON
+/*------------------------------------------*/
+
+.btn--tra {
+  color: #fff!important;
+  border-color: transparent!important;
+  background-color: rgba(255, 255, 255, .2)!important;
+}
+
+/*------------------------------------------*/
+/*  WHITE BUTTON
+/*------------------------------------------*/
+
+.btn--transparent {
+  color: #353f4f;
+  background-color: transparent;
+  border-color: transparent;
+}
+
+.btn--transparent:hover {
+  background-color: transparent!important;
+  border-color: transparent!important;
+} 
+
+.btn--white,
+.hover--white:hover {
+  color: #353f4f!important;
+  background-color: #fff!important;
+  border-color: #fff!important;
+}
+
+.btn--tra-white,
+.hover--tra-white:hover {
+  color: #fff!important;
+  background-color: transparent!important;
+  border-color: #fff!important;
+}
+
+.white-scroll .scroll .hover--tra-white:hover {
+  color: #353f4f!important;
+  background-color: transparent!important;
+  border-color: #353f4f!important;
+}
+
+/*------------------------------------------*/
+/*  BLACK BUTTON
+/*------------------------------------------*/
+
+.btn--black,
+.hover--black:hover {
+  color: #fff!important;
+  background-color: #353f4f!important;
+  border-color: #353f4f!important;
+}
+
+.btn--tra-black,
+.hover--tra-black:hover {
+  color: #353f4f!important;
+  background-color:transparent!important;
+  border-color: #353f4f!important;
+}
+
+/*------------------------------------------*/
+/*  GREY BUTTON
+/*------------------------------------------*/
+
+.btn--tra-grey, 
+.hover--tra-grey:hover,
+.white-scroll .scroll .hover--tra-grey:hover,
+.black-scroll .scroll .hover--tra-grey:hover  {
+  color: #353f4f!important;
+  background-color: transparent!important;
+  border-color: #ccc!important;
+}
+
+/*------------------------------------------*/
+/*  BLUE BUTTON
+/*------------------------------------------*/
+
+.btn--blue-500, .hover--blue-500:hover,
+.white-scroll .scroll .hover--blue-500:hover,
+.black-scroll .scroll .hover--blue-500:hover {
+  color: #fff!important;
+  border-color: #185abd!important;
+  background-color: #185abd!important;
+}
+
+.btn--blue-400, .hover--blue-400:hover,
+.white-scroll .scroll .hover--blue-400:hover,
+.black-scroll .scroll .hover--blue-400:hover {
+  color: #fff!important;
+  border-color: #1680fb!important;
+  background-color: #1680fb!important;
+}
+
+.btn--blue-300, .hover--blue-300:hover,
+.white-scroll .scroll .hover--blue-300:hover,
+.black-scroll .scroll .hover--blue-300:hover {
+  color: #fff!important;
+  border-color: #3eb1ff!important;
+  background-color: #3eb1ff!important;
+}
+
+.btn--blue-200, .hover--blue-200:hover,
+.white-scroll .scroll .hover--blue-200:hover,
+.black-scroll .scroll .hover--blue-200:hover {
+  color: #1680fb!important;
+  border-color: #e3ebfe!important;
+  background-color: #e3ebfe!important;
+}
+
+.btn--blue-100, .hover--blue-100:hover,
+.white-scroll .scroll .hover--blue-100:hover,
+.black-scroll .scroll .hover--blue-100:hover {
+  color: #1680fb!important;
+  border-color: #1680fb!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  GREEN BUTTON
+/*------------------------------------------*/
+
+.btn--green-500, .hover--green-500:hover,
+.white-scroll .scroll .hover--green-500:hover,
+.black-scroll .scroll .hover--green-500:hover {
+  color: #fff!important;
+  border-color: #00a14e!important;
+  background-color: #00a14e!important;
+}
+
+.btn--green-400, .hover--green-400:hover,
+.white-scroll .scroll .hover--green-400:hover,
+.black-scroll .scroll .hover--green-400:hover {
+  color: #fff!important;
+  border-color: #0fbc49!important;
+  background-color: #0fbc49!important;
+}
+
+.btn--green-300, .hover--green-300:hover,
+.white-scroll .scroll .hover--green-300:hover,
+.black-scroll .scroll .hover--green-300:hover {
+  color: #fff!important;
+  border-color: #6fd792!important;
+  background-color: #6fd792!important;
+}
+
+.btn--green-200, .hover--green-200:hover,
+.white-scroll .scroll .hover--green-200:hover,
+.black-scroll .scroll .hover--green-200:hover {
+  color: #0fbc49!important;
+  border-color: #cff2db!important;
+  background-color: #cff2db!important;
+}
+
+.btn--green-100, .hover--green-100:hover,
+.white-scroll .scroll .hover--green-100:hover,
+.black-scroll .scroll .hover--green-100:hover {
+  color: #0fbc49!important;
+  border-color: #0fbc49!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  PINK BUTTON
+/*------------------------------------------*/
+
+.btn--pink-500, .hover--pink-500:hover,
+.white-scroll .scroll .hover--pink-500:hover,
+.black-scroll .scroll .hover--pink-500:hover {
+  color: #fff!important;
+  border-color: #ff149c!important;
+  background-color: #ff149c!important;
+}
+
+.btn--pink-400, .hover--pink-400:hover,
+.white-scroll .scroll .hover--pink-400:hover,
+.black-scroll .scroll .hover--pink-400:hover {
+  color: #fff!important;
+  border-color: #f74780!important;
+  background-color: #f74780!important;
+}
+
+.btn--pink-300, .hover--pink-300:hover,
+.white-scroll .scroll .hover--pink-300:hover,
+.black-scroll .scroll .hover--pink-300:hover {
+  color: #fff!important;
+  border-color: #fcb5cc!important;
+  background-color: #fcb5cc!important;
+}
+
+.btn--pink-200, .hover--pink-200:hover,
+.white-scroll .scroll .hover--pink-200:hover,
+.black-scroll .scroll .hover--pink-200:hover {
+  color: #f74780!important;
+  border-color: #fee4ec!important;
+  background-color: #fee4ec!important;
+}
+
+.btn--pink-100, .hover--pink-100:hover,
+.white-scroll .scroll .hover--pink-100:hover,
+.black-scroll .scroll .hover--pink-100:hover {
+  color: #f74780!important;
+  border-color: #f74780!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  PURPLE BUTTON
+/*------------------------------------------*/
+
+.btn--purple-500, .hover--purple-500:hover,
+.white-scroll .scroll .hover--purple-500:hover,
+.black-scroll .scroll .hover--purple-500:hover {
+  color: #fff!important;
+  border-color: #663ae9!important;
+  background-color: #663ae9!important;
+}
+
+.btn--purple-400, .hover--purple-400:hover,
+.white-scroll .scroll .hover--purple-400:hover,
+.black-scroll .scroll .hover--purple-400:hover {
+  color: #fff!important;
+  border-color: #7b5dd6!important;
+  background-color: #7b5dd6!important;
+}
+
+.btn--purple-300, .hover--purple-300:hover,
+.white-scroll .scroll .hover--purple-300:hover,
+.black-scroll .scroll .hover--purple-300:hover {
+  color: #fff!important;
+  border-color: #bdaeea!important;
+  background-color: #bdaeea!important;
+}
+
+.btn--purple-200, .hover--purple-200:hover,
+.white-scroll .scroll .hover--purple-200:hover,
+.black-scroll .scroll .hover--purple-200:hover {
+  color: #7b5dd6!important;
+  border-color: #e5deff!important;
+  background-color: #e5deff!important;
+}
+
+.btn--purple-100, .hover--purple-100:hover,
+.white-scroll .scroll .hover--purple-100:hover,
+.black-scroll .scroll .hover--purple-100:hover {
+  color: #7b5dd6!important;
+  border-color: #7b5dd6!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  RED BUTTON
+/*------------------------------------------*/
+
+.btn--red-500, .hover--red-500:hover,
+.white-scroll .scroll .hover--red-500:hover,
+.black-scroll .scroll .hover--red-500:hover {
+  color: #fff!important;
+  border-color: #da0f29!important;
+  background-color: #da0f29!important;
+}
+
+.btn--red-400, .hover--red-400:hover,
+.white-scroll .scroll .hover--red-400:hover,
+.black-scroll .scroll .hover--red-400:hover {
+  color: #fff!important;
+  border-color: #ff1e1a!important;
+  background-color: #ff1e1a!important;
+}
+
+.btn--red-300, .hover--red-300:hover,
+.white-scroll .scroll .hover--red-300:hover,
+.black-scroll .scroll .hover--red-300:hover {
+  color: #fff!important;
+  border-color: #ffa5a3!important;
+  background-color: #ffa5a3!important;
+}
+
+.btn--red-200, .hover--red-200:hover,
+.white-scroll .scroll .hover--red-200:hover,
+.black-scroll .scroll .hover--red-200:hover {
+  color: #ff1e1a!important;
+  border-color: #ffd2d1!important;
+  background-color: #ffd2d1!important;
+}
+
+.btn--red-100, .hover--red-100:hover,
+.white-scroll .scroll .hover--red-100:hover,
+.black-scroll .scroll .hover--red-100:hover {
+  color: #ff1e1a!important;
+  border-color: #ff1e1a!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  VIOLET BUTTON
+/*------------------------------------------*/
+
+.btn--violet-500, .hover--violet-500:hover,
+.white-scroll .scroll .hover--violet-500:hover,
+.black-scroll .scroll .hover--violet-500:hover {
+  color: #fff!important;
+  border-color: #c73e9b!important;
+  background-color: #c73e9b!important;
+}
+
+.btn--violet-400, .hover--violet-400:hover,
+.white-scroll .scroll .hover--violet-400:hover,
+.black-scroll .scroll .hover--violet-400:hover {
+  color: #fff!important;
+  border-color: #be6cbe!important;
+  background-color: #be6cbe!important;
+}
+
+.btn--violet-300, .hover--violet-300:hover,
+.white-scroll .scroll .hover--violet-300:hover,
+.black-scroll .scroll .hover--violet-300:hover {
+  color: #fff!important;
+  border-color: #e2bde2!important;
+  background-color: #e2bde2!important;
+}
+
+.btn--violet-200, .hover--violet-200:hover,
+.white-scroll .scroll .hover--violet-200:hover,
+.black-scroll .scroll .hover--violet-200:hover {
+  color: #be6cbe!important;
+  border-color: #f1cde5!important;
+  background-color: #f1cde5!important;
+}
+
+.btn--violet-100, .hover--violet-100:hover,
+.white-scroll .scroll .hover--violet-100:hover,
+.black-scroll .scroll .hover--violet-100:hover {
+  color: #be6cbe!important;
+  border-color: #be6cbe!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  YELLOW BUTTON
+/*------------------------------------------*/
+
+.btn--yellow-500, .hover--yellow-500:hover,
+.white-scroll .scroll .hover--yellow-500:hover,
+.black-scroll .scroll .hover--yellow-500:hover {
+  color: #353f4f!important;
+  border-color: #ffba01!important;
+  background-color: #ffba01!important;
+}
+
+.btn--yellow-400, .hover--yellow-400:hover,
+.white-scroll .scroll .hover--yellow-400:hover,
+.black-scroll .scroll .hover--yellow-400:hover {
+  color: #353f4f!important;
+  border-color: #ffbd45!important;
+  background-color: #ffbd45!important;
+}
+
+.btn--yellow-300, .hover--yellow-300:hover,
+.white-scroll .scroll .hover--yellow-300:hover,
+.black-scroll .scroll .hover--yellow-300:hover {
+  color: #353f4f!important;
+  border-color: #ffdf35!important;
+  background-color: #ffdf35!important;
+}
+
+.btn--yellow-200, .hover--yellow-200:hover,
+.white-scroll .scroll .hover--yellow-200:hover,
+.black-scroll .scroll .hover--yellow-200:hover {
+  color: #353f4f!important;
+  border-color: #fef5cd!important;
+  background-color: #fef5cd!important;
+}
+
+.btn--yellow-100, .hover--yellow-100:hover,
+.white-scroll .scroll .hover--yellow-100:hover,
+.black-scroll .scroll .hover--yellow-100:hover {
+  color: #ffba01!important;
+  border-color: #ffba01!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  BUTTON FOCUS
+/*------------------------------------------*/
+
+.btn:focus,
+.btn.btn--black:focus {
+  color: #fff; 
+  -webkit-box-shadow: none;
+  box-shadow: none; 
+}
+
+.btn--transparent:focus {
+  background-color: transparent!important;
+  border-color: transparent!important;
+} 
+
+.btn--grey:focus {
+  color: #666; 
+  -webkit-box-shadow: none;
+  box-shadow: none; 
+}
+
+.btn--tra-black:focus, 
+.btn--transparent:focus,
+.btn.btn--tra-grey:focus {
+  color: #353f4f; 
+  -webkit-box-shadow: none;
+  box-shadow: none; 
+}
+
+/*------------------------------------------*/
+/*  DOWNLOAD LINKS
+/*------------------------------------------*/
+
+.download-links li {
+  width: auto!important;
+  display: inline-block!important;
+  vertical-align: top;
+  clear: none !important;
+}
+
+.download-links-divider {
+  position: relative;
+  top: 1.5px;
+  transform: rotate(-90deg);
+}
+
+.download-links li p {
+  display: inline-block;
+  float: left;
+  margin-bottom: 0;
+}
+
+.download-links li p a {
+  font-weight: 500;
+}
+
+.download-links li p a:hover {
+  text-decoration: underline;
+}
+
+.color--white .download-links li p a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  OS DOWNLOAD BUTTON
+/*------------------------------------------*/ 
+
+.os-btn {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+  text-align: left;
+  width: 330px;
+  min-width: 330px;
+  background-color: #fff;
+  border: 1px solid #d3d3d3;
+  padding: 17px 18px 15px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.os-btn:hover {
+  background-color: #f5f6f7;
+  border: 1px solid #f5f6f7;
+  -webkit-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05);
+  -moz-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05);
+  box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05);
+}
+
+.os-btn-ico {
+  position: relative;
+  margin-right: 20px;
+}
+
+.os-btn-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.os-btn-txt p {
+  color: #353f4f;
+  font-size: 1.05rem;
+  line-height: 1;
+  font-weight: 500;
+  letter-spacing: -0.5px;
+  margin-top: 6px;
+  margin-bottom: 5px;
+}
+
+.os-btn-txt span {
+  display: block;
+  font-size: 0.9rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  STORE BADGE ICONS
+/*------------------------------------------*/
+
+.stores-badge {
+  display: inline-block;
+}
+
+.store {
+  display: inline-block;
+  text-align: center;
+  margin-right: 10px;
+}
+
+.store:last-child {
+  margin-right: 0;
+} 
+
+.store img {
+  width: auto;
+  max-width: inherit;
+}
+
+.badge-img-xs .store img { max-height: 2.5rem; }
+.badge-img-sm .store img { max-height: 2.625rem; }
+.badge-img-md .store img { max-height: 2.875rem; }
+.badge-img-lg .store img { max-height: 3rem; }
+
+/*------------------------------------------*/
+/*  WATCH VIDEO LINK
+/*------------------------------------------*/
+
+.watch-video {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+  margin-top: 25px;
+}
+
+/*------------------------------------------*/
+/*  Link Icon
+/*------------------------------------------*/
+
+.watch-video-link {
+  position: relative;
+  text-align: center;
+  float: left;
+  width: 2.85rem;
+  height: 2.85rem; 
+  color: #fff;
+  border: none;
+  margin-right: 12px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  border-radius: 100%; 
+}
+
+.watch-video-link:before {
+  content: '';
+  position: absolute;
+  left: -3px;
+  right: -3px;
+  top: -3px;
+  bottom: -3px;
+  background: rgba(255, 255, 255, 0.2);
+  opacity: 0;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+.watch-video-link:hover:before {
+  opacity: .75;
+  left: -8px;
+  right: -8px;
+  top: -8px;
+  bottom: -8px;
+}
+
+.watch-video-link span[class^="flaticon-"]:before, 
+.watch-video-link span[class^="flaticon-"]:after {
+  font-size: 2rem; 
+  line-height: 2.85rem!important;   
+  margin-left: 5px;
+}
+
+/*------------------------------------------*/
+/*  Link Text
+/*------------------------------------------*/
+
+.watch-video-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+  text-align: left!important;
+}
+
+p.video-txt-lg {
+  font-size: 1rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 5px;
+}
+
+p.video-txt-sm {
+  font-size: 0.925rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  VIDEO POPUP ICON
+/*------------------------------------------*/
+
+.video-preview {
+  position: relative; 
+  text-align: center;
+}
+
+.video-btn {
+  position: absolute!important;
+  top: 50%;
+  left: 50%;
+  display: inline-block;
+  text-align: center;
+  color: #fff;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  border-radius: 100%; 
+}
+
+.video-btn-xl {
+  width: 6.25rem;
+  height: 6.25rem;
+  margin-top: -3.125rem;
+  margin-left: -3.125rem;
+}
+
+.video-btn-lg {
+  width: 5.625rem;
+  height: 5.625rem;
+  margin-top: -2.8125rem;
+  margin-left: -2.8125rem;
+}
+
+.video-btn-md {
+  width: 5rem;
+  height: 5rem;
+  margin-top: -2.5rem;
+  margin-left: -2.5rem;
+}
+
+.video-btn-sm {
+  width: 4.375rem;
+  height: 4.375rem;
+  margin-top: -2.1875rem;
+  margin-left: -2.1875rem;
+}
+
+.video-block-wrapper {
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+.video-btn.video-btn-xl [class^="flaticon-"]:before, 
+.video-btn.video-btn-xl [class^="flaticon-"]:after {
+  font-size: 5rem;
+  line-height: 6.25rem!important;   
+  margin-left: 10px;
+}
+
+.video-btn.video-btn-lg [class^="flaticon-"]:before, 
+.video-btn.video-btn-lg [class^="flaticon-"]:after {
+  font-size: 4.5rem;
+  line-height: 5.625rem!important;   
+  margin-left: 8px;
+}
+
+.video-btn.video-btn-md [class^="flaticon-"]:before, 
+.video-btn.video-btn-md [class^="flaticon-"]:after {
+  font-size: 4.35rem;
+  line-height: 5rem!important;   
+  margin-left: 8px;
+}
+
+.video-btn.video-btn-sm [class^="flaticon-"]:before, 
+.video-btn.video-btn-sm [class^="flaticon-"]:after {
+  font-size: 3.5rem;
+  line-height: 4.375rem!important;   
+  margin-left: 5px;
+}
+
+.video-btn:hover .video-block-wrapper {
+  -moz-transform: scale(0.95);
+  -ms-transform: scale(0.95);
+  -webkit-transform: scale(0.95);
+  -o-transform: scale(0.95);
+  transform: scale(0.95);
+}
+
+.video-btn:before {
+  content: '';
+  position: absolute;
+  left: -5px;
+  right: -5px;
+  top: -5px;
+  bottom: -5px;
+  background: rgba(255, 255, 255, 0.2);
+  opacity: 0;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+.video-btn.video-btn-xl:hover:before {
+  opacity: .75;
+  left: -1.5rem;
+  right: -1.5rem;
+  top: -1.5rem;
+  bottom: -1.5rem;
+}
+
+.video-btn.video-btn-lg:hover:before {
+  opacity: .75;
+  left: -1.25rem;
+  right: -1.25rem;
+  top: -1.25rem;
+  bottom: -1.25rem;
+}
+
+.video-btn.video-btn-md:hover:before {
+  opacity: .75;
+  left: -1rem;
+  right: -1rem;
+  top: -1rem;
+  bottom: -1rem;
+}
+
+.video-btn.video-btn-sm:hover:before {
+  opacity: .75;
+  left: -0.75rem;
+  right: -0.75rem;
+  top: -0.75rem;
+  bottom: -0.75rem;
+}
+
+/*------------------------------------------*/
+/*  VECTOR ICONS
+/*------------------------------------------*/
+
+.ico-10 [class*="flaticon-"]:before, .ico-10 [class*="flaticon-"]:after { font-size: 0.75rem; }     /* 15px */
+.ico-15 [class*="flaticon-"]:before, .ico-15 [class*="flaticon-"]:after { font-size: 0.9375rem; }   /* 15px */
+.ico-20 [class*="flaticon-"]:before, .ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; }     /* 20px */
+.ico-25 [class*="flaticon-"]:before, .ico-25 [class*="flaticon-"]:after { font-size: 1.5625rem; }   /* 25px */
+.ico-30 [class*="flaticon-"]:before, .ico-30 [class*="flaticon-"]:after { font-size: 1.875rem; }    /* 30px */
+.ico-35 [class*="flaticon-"]:before, .ico-35 [class*="flaticon-"]:after { font-size: 2.1875rem; }   /* 35px */
+.ico-40 [class*="flaticon-"]:before, .ico-40 [class*="flaticon-"]:after { font-size: 2.5rem; }      /* 40px */
+.ico-45 [class*="flaticon-"]:before, .ico-45 [class*="flaticon-"]:after { font-size: 2.8125rem; }   /* 45px */
+.ico-50 [class*="flaticon-"]:before, .ico-50 [class*="flaticon-"]:after { font-size: 3.125rem; }    /* 50px */
+.ico-55 [class*="flaticon-"]:before, .ico-55 [class*="flaticon-"]:after { font-size: 3.4375rem; }   /* 55px */
+.ico-60 [class*="flaticon-"]:before, .ico-60 [class*="flaticon-"]:after { font-size: 3.75rem; }     /* 60px */
+.ico-65 [class*="flaticon-"]:before, .ico-65 [class*="flaticon-"]:after { font-size: 4.0625rem; }   /* 65px */
+.ico-70 [class*="flaticon-"]:before, .ico-70 [class*="flaticon-"]:after { font-size: 4.375rem; }    /* 70px */
+.ico-75 [class*="flaticon-"]:before, .ico-75 [class*="flaticon-"]:after { font-size: 4.6875rem; }   /* 75px */
+.ico-80 [class*="flaticon-"]:before, .ico-80 [class*="flaticon-"]:after { font-size: 5rem; }        /* 80px */
+.ico-85 [class*="flaticon-"]:before, .ico-85 [class*="flaticon-"]:after { font-size: 5.3125rem; }   /* 85px */
+.ico-90 [class*="flaticon-"]:before, .ico-90 [class*="flaticon-"]:after { font-size: 5.625rem; }    /* 90px */
+.ico-95 [class*="flaticon-"]:before, .ico-95 [class*="flaticon-"]:after { font-size: 5.9375rem; }   /* 95px */
+.ico-100 [class*="flaticon-"]:before, .ico-100 [class*="flaticon-"]:after { font-size: 6.25rem; }   /* 100px */
+.ico-105 [class*="flaticon-"]:before, .ico-105 [class*="flaticon-"]:after { font-size: 6.5625rem; } /* 105px */
+.ico-110 [class*="flaticon-"]:before, .ico-110 [class*="flaticon-"]:after { font-size: 6.875rem; }  /* 110px */
+.ico-115 [class*="flaticon-"]:before, .ico-115 [class*="flaticon-"]:after { font-size: 7.1875rem; } /* 115px */
+.ico-120 [class*="flaticon-"]:before, .ico-120 [class*="flaticon-"]:after { font-size: 7.5rem; }    /* 120px */
+.ico-125 [class*="flaticon-"]:before, .ico-125 [class*="flaticon-"]:after { font-size: 7.8125rem; } /* 125px */
+
+/*------------------------------------------*/
+/*  VECTOR ICON BACKGROUND
+/*------------------------------------------*/ 
+
+.shape-ico {
+  position: relative;
+  display: inline-block;
+  margin: 0 auto;
+}
+
+.shape-ico span {
+  position: relative;
+  z-index:  2;
+}
+
+.shape-ico svg {
+  position: absolute;
+  z-index:  1;
+}
+
+.ico-50 .shape-ico svg {
+  width: 130px;
+  height: 130px;
+  top: -35px;
+  left: calc(50% - 60px);
+}
+
+.fbox-11 .ico-50 .shape-ico svg {
+  top: -40px;
+  left: calc(50% - 70px);
+}
+
+.ico-55 .shape-ico svg {
+  width: 135px;
+  height: 135px;
+  top: -30px;
+  left: calc(50% - 60px);
+}
+
+.ico-60 .shape-ico svg {
+  width: 140px;
+  height: 140px;
+  top: -30px;
+  left: calc(50% - 65px);
+}
+
+.shape-ico.color--blue-300 path,
+.shape-ico.color--blue-400 path,
+.shape-ico.color--blue-500 path {
+  fill: #f4f9fc;
+}
+
+.shape-ico.color--green-300 path,
+.shape-ico.color--green-400 path,
+.shape-ico.color--green-500 path {
+  fill: #e9f8f2;
+}
+
+.shape-ico.color--pink-300 path,
+.shape-ico.color--pink-400 path,
+.shape-ico.color--pink-500 path {
+  fill: #feecf2;
+}
+
+.shape-ico.color--purple-300 path,
+.shape-ico.color--purple-400 path,
+.shape-ico.color--purple-500 path {
+  fill: #f1edff;
+}
+
+.shape-ico.color--red-300 path,
+.shape-ico.color--red-400 path,
+.shape-ico.color--red-500 path {
+  fill: #fce7e4;
+}
+
+.shape-ico.color--violet-300 path,
+.shape-ico.color--violet-400 path,
+.shape-ico.color--violet-500 path {
+  fill: #f7e4f1;
+}
+
+/*------------------------------------------*/
+/*  VECTOR ROUNDED ICONS
+/*------------------------------------------*/ 
+
+.ico-rounded,
+.ico-rounded-md,
+.ico-rounded-lg {
+  display: inline-block;
+  text-align: center;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+}
+
+.ico-rounded { width: 80px; height: 80px; }
+.ico-rounded-md { width: 90px; height: 90px; }
+.ico-rounded-lg { width: 100px; height: 100px; }
+
+.ico-rounded [class*="flaticon-"]:before, 
+.ico-rounded [class*="flaticon-"]:after { font-size:2.15rem; line-height:80px!important; }
+
+.ico-rounded-md [class*="flaticon-"]:before, 
+.ico-rounded-md [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 90px!important; }
+
+.ico-rounded-lg [class*="flaticon-"]:before, 
+.ico-rounded-lg [class*="flaticon-"]:after { font-size: 2.65rem; line-height: 100px!important; }
+
+/*------------------------------------------*/
+/*  VECTOR SQUARE ICONS
+/*------------------------------------------*/ 
+
+.ico-square { 
+  display: inline-block;
+  text-align: center;
+  width: 80px; 
+  height: 80px; 
+  -webkit-border-radius: 12px;
+  -moz-border-radius: 12px;
+  -o-border-radius: 12px;
+  border-radius: 12px;
+}
+
+.ico-square [class*="flaticon-"]:before, 
+.ico-square [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 80px!important; }
+
+/*------------------------------------------*/
+/*   PNG ICONS SETTINGS
+/*------------------------------------------*/ 
+
+.ico-145 img { width: 145px; height: 145px; }
+.ico-140 img { width: 140px; height: 140px; }
+.ico-135 img { width: 135px; height: 135px; }
+.ico-130 img { width: 130px; height: 130px; }
+.ico-125 img { width: 125px; height: 125px; }
+.ico-120 img { width: 120px; height: 120px; }
+.ico-115 img { width: 115px; height: 115px; }
+.ico-110 img { width: 110px; height: 110px; }
+.ico-105 img { width: 105px; height: 105px; }
+.ico-100 img { width: 100px; height: 100px; }
+.ico-95 img { width: 95px; height: 95px; }
+.ico-90 img { width: 90px; height: 90px; }
+.ico-85 img { width: 85px; height: 85px; }
+.ico-80 img { width: 80px; height: 80px; }
+.ico-75 img { width: 75px; height: 75px; }
+.ico-70 img { width: 70px; height: 70px; }
+.ico-65 img { width: 65px; height: 65px; }
+.ico-60 img { width: 60px; height: 60px; }
+.ico-55 img { width: 55px; height: 55px; }
+.ico-50 img { width: 50px; height: 50px; }
+.ico-45 img { width: 45px; height: 45px; }
+.ico-40 img { width: 40px; height: 40px; }
+.ico-35 img { width: 35px; height: 35px; }
+.ico-30 img { width: 30px; height: 30px; }
+.ico-25 img { width: 25px; height: 25px; }
+.ico-20 img { width: 20px; height: 20px; }
+
+/*------------------------------------------*/
+/*   SECTION ID
+/*------------------------------------------*/
+
+.section-id {
+  display: block;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 700;
+  letter-spacing: 0.5px;
+  text-transform: uppercase;
+  margin-bottom: 35px;   
+}
+
+.section-id.rounded-id {
+  display: inline-block;
+  padding: 10px 24px;
+  font-size: 0.85rem;
+  text-transform: uppercase;
+  -webkit-border-radius: 100px;
+  -moz-border-radius: 100px;
+  border-radius: 100px;
+  margin-bottom: 40px; 
+}
+
+.section-id.border-id {
+  border-width: 2px;
+  border-style: solid;
+}
+
+.section-id.border-id.border--grey {
+  border-color: #757575;
+}
+
+.section-id.border-id.border--blue {
+  border-color: #1680fb;
+}
+
+.font--jakarta .section-id  {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+}
+
+.font--inter .section-id  {
+  font-family: 'Inter', sans-serif;
+}
+
+/*------------------------------------------*/
+/*  SECTION TITLE
+/*------------------------------------------*/
+
+.section-title {
+  text-align: center;
+}
+
+.section-title h2 {
+  margin-bottom: 0;
+}
+
+.section-title h2.w-700 {
+  letter-spacing: -0.5px;
+}
+
+.section-title p.p-md,
+.section-title p.p-lg,
+.section-title p.p-xl,
+.section-title p.s-20,
+.section-title p.s-21 {
+  margin-top: 18px;
+  margin-bottom: 0;
+}
+
+.section-title p.p-md,
+.section-title p.p-lg {
+  padding: 0 3%;
+}
+
+.section-title a.contact-link {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.section-title .btns-group .btn {
+  margin-top: 0;
+}
+
+.section-title .advantages,
+.section-title .btns-txt,
+.section-title .btns-group-txt {
+  margin-top: 20px;
+}
+
+/*------------------------------------------*/
+/*  TEXT COLORS
+/*------------------------------------------*/
+
+.color--white,
+.color--white h1,
+.color--white h2, 
+.color--white h3, 
+.color--white h4, 
+.color--white h5, 
+.color--white h6, 
+.color--white p, 
+.color--white a, 
+.color--white li,
+.color--white i, 
+.color--white span { color: #fff; }
+
+.color--snow,
+.color--snow h1, 
+.color--snow h2, 
+.color--snow h3, 
+.color--snow h4, 
+.color--snow h5, 
+.color--snow h6, 
+.color--snow p, 
+.color--snow a, 
+.color--snow li,
+.color--snow i, 
+.color--snow span,
+.color--white .color--snow { color: #c2c3cb; }
+
+.color--black,
+.color--black h1, 
+.color--black h2, 
+.color--black h3, 
+.color--black h4, 
+.color--black h5, 
+.color--black h6, 
+.color--black p, 
+.color--black a, 
+.color--black li,
+.color--black i, 
+.color--black span { color: #353f4f; }
+
+.color--coal,
+.color--coal h1, 
+.color--coal h2, 
+.color--coal h3, 
+.color--coal h4, 
+.color--coal h5, 
+.color--coal h6, 
+.color--coal p, 
+.color--coal a, 
+.color--coal li,
+.color--coal i, 
+.color--coal span { color: #52595d; }
+
+.color--grey,
+.color--grey h1, 
+.color--grey h2, 
+.color--grey h3, 
+.color--grey h4, 
+.color--grey h5, 
+.color--grey h6, 
+.color--grey p, 
+.color--grey a, 
+.color--grey li,
+.color--grey i, 
+.color--grey span,
+.color--white .color--grey { color: #757575; }
+
+.color--blue-500, 
+.color--blue-500 h1, 
+.color--blue-500 h2, 
+.color--blue-500 h3, 
+.color--blue-500 h4, 
+.color--blue-500 h5, 
+.color--blue-500 h6, 
+.color--blue-500 p, 
+.color--blue-500 a, 
+.color--blue-500 li, 
+.color--blue-500 i, 
+.color--blue-500 span,
+.color--white .color--blue-500 { color: #185abd!important; }
+
+.color--blue-400, 
+.color--blue-400 h1, 
+.color--blue-400 h2, 
+.color--blue-400 h3, 
+.color--blue-400 h4, 
+.color--blue-400 h5, 
+.color--blue-400 h6, 
+.color--blue-400 p, 
+.color--blue-400 a, 
+.color--blue-400 li, 
+.color--blue-400 i, 
+.color--blue-400 span,
+.color--white .color--blue-400 { color: #1680fb!important; }
+
+.color--blue-300, 
+.color--blue-300 h1, 
+.color--blue-300 h2, 
+.color--blue-300 h3, 
+.color--blue-300 h4, 
+.color--blue-300 h5, 
+.color--blue-300 h6, 
+.color--blue-300 p, 
+.color--blue-300 a, 
+.color--blue-300 li, 
+.color--blue-300 i, 
+.color--blue-300 span,
+.color--white .color--blue-300 { color: #3eb1ff!important; }
+
+.color--green-500, 
+.color--green-500 h1, 
+.color--green-500 h2, 
+.color--green-500 h3, 
+.color--green-500 h4, 
+.color--green-500 h5, 
+.color--green-500 h6, 
+.color--green-500 p, 
+.color--green-500 a, 
+.color--green-500 li, 
+.color--green-500 i, 
+.color--green-500 span,
+.color--white .color--green-500 { color: #00a14e!important; }
+
+.color--green-400, 
+.color--green-400 h1, 
+.color--green-400 h2, 
+.color--green-400 h3, 
+.color--green-400 h4, 
+.color--green-400 h5, 
+.color--green-400 h6, 
+.color--green-400 p, 
+.color--green-400 a, 
+.color--green-400 li, 
+.color--green-400 i, 
+.color--green-400 span,
+.color--white .color--green-400 { color: #0fbc49!important; }
+
+.color--green-300, 
+.color--green-300 h1, 
+.color--green-300 h2, 
+.color--green-300 h3, 
+.color--green-300 h4, 
+.color--green-300 h5, 
+.color--green-300 h6, 
+.color--green-300 p, 
+.color--green-300 a, 
+.color--green-300 li, 
+.color--green-300 i, 
+.color--green-300 span,
+.color--white .color--green-300 { color: #6fd792!important; }
+
+.color--pink-500, 
+.color--pink-500 h1, 
+.color--pink-500 h2, 
+.color--pink-500 h3, 
+.color--pink-500 h4, 
+.color--pink-500 h5, 
+.color--pink-500 h6, 
+.color--pink-500 p, 
+.color--pink-500 a, 
+.color--pink-500 li, 
+.color--pink-500 i, 
+.color--pink-500 span,
+.color--white .color--pink-500 { color: #ff149c!important; }
+
+.color--pink-400, 
+.color--pink-400 h1, 
+.color--pink-400 h2, 
+.color--pink-400 h3, 
+.color--pink-400 h4, 
+.color--pink-400 h5, 
+.color--pink-400 h6, 
+.color--pink-400 p, 
+.color--pink-400 a, 
+.color--pink-400 li, 
+.color--pink-400 i, 
+.color--pink-400 span,
+.color--white .color--pink-400 { color: #f74780!important; }
+
+.color--pink-300, 
+.color--pink-300 h1, 
+.color--pink-300 h2, 
+.color--pink-300 h3, 
+.color--pink-300 h4, 
+.color--pink-300 h5, 
+.color--pink-300 h6, 
+.color--pink-300 p, 
+.color--pink-300 a, 
+.color--pink-300 li, 
+.color--pink-300 i, 
+.color--pink-300 span,
+.color--white .color--pink-300 { color: #fcb5cc!important; }
+
+.color--purple-500, 
+.color--purple-500 h1, 
+.color--purple-500 h2, 
+.color--purple-500 h3, 
+.color--purple-500 h4, 
+.color--purple-500 h5, 
+.color--purple-500 h6, 
+.color--purple-500 p, 
+.color--purple-500 a, 
+.color--purple-500 li, 
+.color--purple-500 i, 
+.color--purple-500 span,
+.color--white .color--purple-500 { color: #663ae9!important; }
+
+.color--purple-400, 
+.color--purple-400 h1, 
+.color--purple-400 h2, 
+.color--purple-400 h3, 
+.color--purple-400 h4, 
+.color--purple-400 h5, 
+.color--purple-400 h6, 
+.color--purple-400 p, 
+.color--purple-400 a, 
+.color--purple-400 li, 
+.color--purple-400 i, 
+.color--purple-400 span,
+.color--white .color--purple-400 { color: #7b5dd6!important; }
+
+.color--purple-300, 
+.color--purple-300 h1, 
+.color--purple-300 h2, 
+.color--purple-300 h3, 
+.color--purple-300 h4, 
+.color--purple-300 h5, 
+.color--purple-300 h6, 
+.color--purple-300 p, 
+.color--purple-300 a, 
+.color--purple-300 li, 
+.color--purple-300 i, 
+.color--purple-300 span,
+.color--white .color--purple-300 { color: #bdaeea!important; }
+
+.color--red-500, 
+.color--red-500 h1, 
+.color--red-500 h2, 
+.color--red-500 h3, 
+.color--red-500 h4, 
+.color--red-500 h5, 
+.color--red-500 h6, 
+.color--red-500 p, 
+.color--red-500 a, 
+.color--red-500 li, 
+.color--red-500 i, 
+.color--red-500 span,
+.color--white .color--red-500 { color: #da0f29!important; }
+
+.color--red-400, 
+.color--red-400 h1, 
+.color--red-400 h2, 
+.color--red-400 h3, 
+.color--red-400 h4, 
+.color--red-400 h5, 
+.color--red-400 h6, 
+.color--red-400 p, 
+.color--red-400 a, 
+.color--red-400 li, 
+.color--red-400 i, 
+.color--red-400 span,
+.color--white .color--red-400 { color: #ff1e1a!important; }
+
+.color--red-300, 
+.color--red-300 h1, 
+.color--red-300 h2, 
+.color--red-300 h3, 
+.color--red-300 h4, 
+.color--red-300 h5, 
+.color--red-300 h6, 
+.color--red-300 p, 
+.color--red-300 a, 
+.color--red-300 li, 
+.color--red-300 i, 
+.color--red-300 span,
+.color--white .color--red-300 { color: #ffa5a3!important; }
+
+.color--violet-500, 
+.color--violet-500 h1, 
+.color--violet-500 h2, 
+.color--violet-500 h3, 
+.color--violet-500 h4, 
+.color--violet-500 h5, 
+.color--violet-500 h6, 
+.color--violet-500 p, 
+.color--violet-500 a, 
+.color--violet-500 li, 
+.color--violet-500 i, 
+.color--violet-500 span,
+.color--white .color--violet-500 { color: #c73e9b!important; }
+
+.color--violet-400, 
+.color--violet-400 h1, 
+.color--violet-400 h2, 
+.color--violet-400 h3, 
+.color--violet-400 h4, 
+.color--violet-400 h5, 
+.color--violet-400 h6, 
+.color--violet-400 p, 
+.color--violet-400 a, 
+.color--violet-400 li, 
+.color--violet-400 i, 
+.color--violet-400 span,
+.color--white .color--violet-400 { color: #be6cbe!important; }
+
+.color--violet-300, 
+.color--violet-300 h1, 
+.color--violet-300 h2, 
+.color--violet-300 h3, 
+.color--violet-300 h4, 
+.color--violet-300 h5, 
+.color--violet-300 h6, 
+.color--violet-300 p, 
+.color--violet-300 a, 
+.color--violet-300 li, 
+.color--violet-300 i, 
+.color--violet-300 span,
+.color--white .color--violet-300 { color: #e2bde2!important; }
+
+.color--yellow-500, 
+.color--yellow-500 h1, 
+.color--yellow-500 h2, 
+.color--yellow-500 h3, 
+.color--yellow-500 h4, 
+.color--yellow-500 h5, 
+.color--yellow-500 h6, 
+.color--yellow-500 p, 
+.color--yellow-500 a, 
+.color--yellow-500 li, 
+.color--yellow-500 i, 
+.color--yellow-500 span,
+.color--white .color--yellow-500 { color: #ffba01!important; }
+
+.color--yellow-400, 
+.color--yellow-400 h1, 
+.color--yellow-400 h2, 
+.color--yellow-400 h3, 
+.color--yellow-400 h4, 
+.color--yellow-400 h5, 
+.color--yellow-400 h6, 
+.color--yellow-400 p, 
+.color--yellow-400 a, 
+.color--yellow-400 li, 
+.color--yellow-400 i, 
+.color--yellow-400 span,
+.color--white .color--yellow-400 { color: #ffbd45!important; }
+
+.color--yellow-300, 
+.color--yellow-300 h1, 
+.color--yellow-300 h2, 
+.color--yellow-300 h3, 
+.color--yellow-300 h4, 
+.color--yellow-300 h5, 
+.color--yellow-300 h6, 
+.color--yellow-300 p, 
+.color--yellow-300 a, 
+.color--yellow-300 li, 
+.color--yellow-300 i, 
+.color--yellow-300 span,
+.color--white .color--yellow-300 { color: #ffdf35!important; }
+
+
+
+
+/* ==========================================================================
+  03. PRELOAD ANIMATION
+  ========================================================================== */
+
+#loading {
+  height: 100%;
+  width: 100%;
+  position: fixed;
+  z-index: 1;
+  margin-top: 0px;
+  top: 0px;
+  z-index: 99999999;
+}
+
+#loading { 
+  background-color: #f5f5f9;
+}
+
+#loading-center {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  height: 100px;
+  width: 100px;
+  margin-top: -50px;
+  margin-left: -50px;
+  -webkit-animation: loading-center-absolute 1s infinite;
+  animation: loading-center-absolute 1s infinite;
+}
+
+.loader {
+  border: 2px solid;
+  border-color: transparent #888;
+  width: 100px;
+  height: 100px;
+  border-radius: 50%;
+  display: inline-block;
+  position: relative;
+  box-sizing: border-box;
+  animation: rotation 1s linear infinite;
+}
+
+.loading--blue .loader { 
+  border-color: transparent #1680fb; 
+}
+
+.loading--green .loader { 
+  border-color: transparent #0fbc49; 
+}
+
+.loading--pink .loader { 
+  border-color: transparent #f74780; 
+}
+
+.loading--purple .loader { 
+  border-color: transparent #7b5dd6; 
+}
+
+.loading--red .loader { 
+  border-color: transparent #ff1e1a; 
+}
+
+.loading--violet .loader { 
+  border-color: transparent #c73e9b; 
+}
+
+.loading--yellow .loader { 
+  border-color: transparent #ffba01; 
+}
+
+.loader::after {
+  content: '';  
+  box-sizing: border-box;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  border: 50px solid;
+  border-color: transparent rgba(30, 30, 30, 0.15);
+  border-radius: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.loading--blue .loader::after {
+  border-color: transparent rgba(22, 128, 251, .15); 
+}
+
+.loading--green .loader::after {
+  border-color: transparent rgba(14, 188, 73, .15); 
+}
+
+.loading--pink .loader::after {
+  border-color: transparent rgba(247, 71, 128, .15); 
+}
+
+.loading--purple .loader::after {
+  border-color: transparent rgba(123, 93, 214, .15); 
+}
+
+.loading--red .loader::after {
+  border-color: transparent rgba(255, 30, 26, .15); 
+}
+
+.loading--violet .loader::after {
+  border-color: transparent rgba(1900, 108, 190, .15); 
+}
+
+.loading--yellow .loader::after {
+  border-color: transparent rgba(255, 186, 1, .15); 
+}
+
+@keyframes rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+} 
+
+
+
+
+/* ==========================================================================
+  04. HEADER & NAVIGATION
+  =========================================================================== */
+
+#header {
+  width: 100%;
+  display: block;
+  padding-top: 0px;
+}
+
+.header-wrapper {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 1030;
+}
+
+.headerwp {
+  max-width: 1140px;
+  margin: 0 auto;
+  padding: 0;
+}
+
+.posrlt {
+  position: relative;
+}
+
+/*------------------------------------------*/
+/*  HEADER LOGO
+/*------------------------------------------*/
+
+.desktoplogo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 38px;
+}
+
+.blog-header .desktoplogo img {
+  max-height: 30px;
+}
+
+/*------------------------------------------*/
+/*  NAVIGATION MENU
+/*------------------------------------------*/
+
+.wsmainfull {
+  width: 100%;
+  height: auto;
+  z-index: 1031;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out; 
+}
+
+.tra-menu .wsmainfull {
+  padding: 20px 0;
+  background-color: transparent!important;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+
+.white-menu .wsmainfull {
+  padding: 6px 0;
+  background-color: #fff!important;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.dark-menu .wsmainfull {
+  padding: 6px 0;
+  background-color: #1d222f!important;
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+#header.hiddden-header {
+  display: none;
+}
+
+.hidden-nav .wsmainfull {
+  margin-top: -140px;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  HEADER LINK
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > a {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  display: block;
+  font-size: 1rem;
+  line-height: 50px;
+  font-weight: 600;
+  letter-spacing: 0;
+  text-decoration: none;  
+  margin: 0 7px;
+  padding: 10px 15px;
+}
+
+.navbar-dark .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #353f4f;
+}
+
+.navbar-light .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #fff;
+}
+
+.wsmenu > .wsmenu-list > li > a.h-link.last-link {
+  padding: 10px 0px;
+  margin: 0;
+}
+
+.wsmenu > .wsmenu-list > li > a .wsarrow:after {
+  border-left: 4px solid rgba(0, 0, 0, 0);
+  border-right: 4px solid rgba(0, 0, 0, 0);
+  border-top: 4px solid;
+  content: "";
+  float: right;
+  right: 0;
+  height: 0;
+  margin: 0 0 0 14px;
+  position: absolute;
+  text-align: right;
+  top: 35px;
+  width: 0;
+}
+
+.wsmenu > .wsmenu-list > li.reg-fst-link > a {
+  margin-left: 30px;
+}
+
+/*------------------------------------------*/
+/*  HEADER LINK INFO
+/*------------------------------------------*/
+
+span.sm-info {
+  position: relative;
+  display: inline-block;
+  text-align: center;
+  width: 20px;
+  height: 20px;
+  color: #fff;
+  font-size: 0.65rem;
+  line-height: 19px;
+  font-weight: 700;
+  margin-left: 5px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+}
+
+.nav-blue-500 .sm-info { background-color: #185abd; }
+.nav-blue-400 .sm-info { background-color: #1680fb; }
+.nav-blue-300 .sm-info { background-color: #3eb1ff; }
+
+.nav-green-500 .sm-info { background-color: #00a14e; }
+.nav-green-400 .sm-info { background-color: #0fbc49; }
+.nav-green-300 .sm-info { background-color: #6fd792; }
+
+.nav-pink-500 .sm-info { background-color: #ff149c; }
+.nav-pink-400 .sm-info { background-color: #f74780; }
+.nav-pink-300 .sm-info { background-color: #fcb5cc; }
+
+.nav-purple-500 .sm-info { background-color: #663ae9; }
+.nav-purple-400 .sm-info { background-color: #7b5dd6; }
+.nav-purple-300 .sm-info { background-color: #bdaeea; }
+
+.nav-red-500 .sm-info { background-color: #da0f29; }
+.nav-red-400 .sm-info { background-color: #ff1e1a; }
+.nav-red-300 .sm-info { background-color: #ffa5a3; }
+
+.nav-violet-500 .sm-info { background-color: #c73e9b; }
+.nav-violet-400 .sm-info { background-color: #be6cbe; }
+.nav-violet-300 .sm-info { background-color: #e2bde2; }
+
+.nav-yellow-500 .sm-info { background-color: #ffba01; }
+.nav-yellow-400 .sm-info { background-color: #ffbd45; }
+.nav-yellow-300 .sm-info { background-color: #ffdf35; }
+
+/*------------------------------------------*/
+/*  HEADER BUTTONS
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li a.btn {
+  font-size: 1rem;
+  line-height: 30px;
+  font-weight: 600;
+  text-transform: none;
+  letter-spacing: 0;
+  margin-top: 14px;
+  padding: 4px 28px;
+}
+
+.wsmenu > .wsmenu-list > li a.btn.reg-btn {
+  padding: 4px 22px;
+}
+
+.wsmenu > .wsmenu-list > li a.btn.fst-btn-link {
+  margin-left: 12px;
+}
+
+.wsmenu > .wsmenu-list > li a.store.header-store {
+  line-height: 1;
+  margin-top: 13px;
+  margin-left: 10px;
+  margin-bottom: 0;
+  padding: 0;
+}
+
+.store.header-store img {
+  max-height: 44px;
+}
+
+/*------------------------------------------*/
+/*  HEADER SOCIAL LINKS  
+/*------------------------------------------*/
+
+.header-socials {
+  margin: 0;
+  display: inline-block; 
+  text-align: center;
+}
+
+.header-socials span {
+  float: left;
+  width: auto !important;
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  margin: 0;
+}
+
+.header-socials a {
+  display: block; 
+  margin-left: 18px;
+}
+
+.navbar-light .header-socials a {
+  color: #ddd;
+}
+
+.navbar-light .header-socials a:hover {
+  color: #ccc!important;
+}
+
+.header-socials.ico-20 [class*="flaticon-"]:before, 
+.header-socials.ico-20 [class*="flaticon-"]:after { line-height: 70px!important; } 
+
+/*------------------------------------------*/
+/*  HEADER SUBMENU
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu {
+  width: auto;
+  min-width: 200px;
+  top: 62px;
+  padding: 12px 10px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
+  background-color: rgba(244, 244, 249, 0);
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  color: #353f4f;
+  font-size: 1rem;
+  font-weight: 600;
+  padding: 11px 14px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  transition: all 0.3s ease-in-out;
+}
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover {
+  background-color: rgba(244, 244, 249, 1);
+  padding: 11px 14px;
+}
+
+/*------------------------------------------*/
+/*  HALFMENU
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu {
+  top: 62px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
+  width: 38%;
+  padding: 12px 0;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { 
+  right: 2%; 
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li {
+  border-bottom: none;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  background-color: rgba(244, 244, 249, 0);
+  color: #353f4f;
+  font-size: 1rem;
+  font-weight: 600;
+  padding: 11px 14px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  transition: all 0.3s ease-in-out;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  background-color: rgba(244, 244, 249, 1);
+  padding: 11px 14px;
+}
+
+/*------------------------------------------*/
+/*  MEGAMENU
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu {
+  padding: 12px 0;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 {
+  width: 76%!important;
+  left: 23%;
+  padding: 20px 10px;
+}
+
+.wsmegamenu.w-75 .col-lg-3 {
+  padding: 0 6px;
+}
+
+/*------------------------------------------*/
+/*  SUBMENU TITLE
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu .title,
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .title {
+  color: #929394;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 0.875rem;
+  line-height: 1;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0;
+  margin: 10px 0 15px 13px;
+}
+
+/*------------------------------------------*/
+/*  DARK HEADER SUBMENU / MEGAMENU
+/*------------------------------------------*/
+
+.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
+  background-color: #2c3142!important; 
+  border: solid 1px #2c3142!important; 
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+  color: #ddd;
+  background-color: rgba(255, 255, 255, 0)!important;
+}
+
+.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  background-color: rgba(255, 255, 255, .05)!important;
+}
+
+.dark-menu .title, .black-scroll .scroll .title,
+.dark-menu .icons-menu-txt span, .black-scroll .scroll .icons-menu-txt span {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  ICONS MENU
+/*------------------------------------------*/
+
+.wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu {
+  max-width: 275px;
+  min-width: 275px;
+  padding: 12px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu {
+  width: 52%;
+  padding: 12px 6px;
+}
+
+.wsmegamenu.halfmenu.icons-menu .col-lg-6 {
+  padding: 0 6px;
+}
+
+.wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 {
+  width: 82%!important;
+  left: 17%;
+  padding: 12px 6px;
+}
+
+.wsmegamenu.icons-menu.w-75 .col-lg-4 {
+  padding: 0 6px;
+}
+
+.icons-menu .icons-menu-item {
+  display: flex!important;
+  position: relative!important;
+  flex-flow: row wrap!important;
+  align-items: stretch!important;
+  justify-content: flex-start!important;
+}
+
+.icons-menu-ico {
+  position: relative;
+  margin-right: 14px;
+}
+
+.wsmegamenu.ico-30 .icons-menu-ico span {
+  position: relative;
+  top: 6px!important;
+}
+
+.icons-menu-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.icons-menu-txt h6 {
+  color: inherit;
+  font-size: 1rem;
+  line-height: 32px;
+  font-weight: 500;
+  margin-bottom: 0;
+}
+
+.icons-menu-txt span {
+  display: block;
+  color: #898989;
+  font-size: 0.925rem;
+  font-weight: 400;
+  margin-bottom: 0;
+}
+
+.sub-menu.ico-30 .icons-menu-txt h6 {
+  line-height: 30px;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR HOVER
+/*------------------------------------------*/
+
+.navbar-light .wsmenu-list > li > a.h-link:hover {
+  color: #eee!important;
+}
+
+.navbar-dark .wsmenu-list > li > a.h-link:hover {
+  color: #1d222f!important;
+}
+
+.wsmenu > .wsmenu-list.nav-blue-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #185abd!important;
+}
+
+.wsmenu > .wsmenu-list.nav-blue-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #1680fb!important;
+}
+
+.wsmenu > .wsmenu-list.nav-blue-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #3eb1ff!important;
+}
+
+.wsmenu > .wsmenu-list.nav-green-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #00a14e!important;
+}
+
+.wsmenu > .wsmenu-list.nav-green-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #0fbc49!important;
+}
+
+.wsmenu > .wsmenu-list.nav-green-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #6fd792!important;
+}
+
+.wsmenu > .wsmenu-list.nav-pink-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #ff149c!important;
+}
+
+.wsmenu > .wsmenu-list.nav-pink-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #f74780!important;
+}
+
+.wsmenu > .wsmenu-list.nav-pink-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #fcb5cc!important;
+}
+
+.wsmenu > .wsmenu-list.nav-purple-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #663ae9!important;
+}
+
+.wsmenu > .wsmenu-list.nav-purple-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #7b5dd6!important;
+}
+
+.wsmenu > .wsmenu-list.nav-purple-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #bdaeea!important;
+}
+
+.wsmenu > .wsmenu-list.nav-red-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #da0f29!important;
+}
+
+.wsmenu > .wsmenu-list.nav-red-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #ff1e1a!important;
+}
+
+.wsmenu > .wsmenu-list.nav-red-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #ffa5a3!important;
+}
+
+.wsmenu > .wsmenu-list.nav-violet-500 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #c73e9b!important;
+}
+
+.wsmenu > .wsmenu-list.nav-violet-400 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #be6cbe!important;
+}
+
+.wsmenu > .wsmenu-list.nav-violet-300 > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #e2bde2!important;
+}
+
+/*------------------------------------------*/
+/*  HIDDEN NAVBAR SCROLL
+/*------------------------------------------*/
+
+.hidden-nav .wsmainfull.scroll {
+  margin-top: 0;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR WHITE SCROLL
+/*------------------------------------------*/
+
+.tra-menu.white-scroll .wsmainfull.scroll,
+.white-menu.white-scroll .wsmainfull.scroll {
+  padding: 0;
+  background-color: rgba(255, 255, 255, .7)!important;
+  backdrop-filter: blur(20px);
+  -webkit-backdrop-filter: blur(20px);
+  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
+}
+
+.tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, 
+.tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #353f4f;
+}
+
+.navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover {
+  color: #1d222f!important;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR BLACK SCROLL
+/*------------------------------------------*/
+
+.tra-menu.black-scroll .wsmainfull.scroll,
+.dark-menu.black-scroll .wsmainfull.scroll {
+  padding: 0;
+  background-color: #1d222f!important;
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #fff;
+}
+
+.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link:hover {
+  color: #ccc!important;
+}
+
+/*------------------------------------------*/
+/*  WHITE SCROLL BUTTONS
+/*------------------------------------------*/
+
+.white-scroll .scroll .btn--tra-white {
+  color: #353f4f!important;
+  border-color: #353f4f!important;
+}
+
+/*------------------------------------------*/
+/*  BLACK SCROLL BUTTONS
+/*------------------------------------------*/
+
+.black-scroll .scroll .btn--tra-black {
+  color: #fff!important;
+  border-color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  LOGO IMAGE
+/*------------------------------------------*/
+
+.logo-white, 
+.logo-black {
+  display: block;
+}
+
+.navbar-light .logo-black,
+.navbar-dark .logo-white,
+.tra-menu.navbar-light .scroll .logo-white,
+.tra-menu.navbar-dark.black-scroll .scroll .logo-black {
+  display: none;
+}
+
+.tra-menu.navbar-light .scroll .logo-black,
+.tra-menu.navbar-dark.black-scroll .scroll .logo-white {
+  display: block;
+}
+
+
+
+
+/* ==========================================================================
+  05. HERO
+  ========================================================================== */
+
+.hero-section,
+.hero-section .container {
+  position: relative;
+  z-index: 3;
+}
+
+.hero-section.bg--img {
+  width: 100%;
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+}
+
+.hero-section.blur--purple:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 100%;
+  height: 100%;
+  top: -30%;
+  left: 0;
+  background-image: url(../images/blur-purple.png);
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+  background-attachment: scroll;
+  opacity: 0.2;
+}
+
+/*------------------------------------------*/
+/*  HERO LOGO
+/*------------------------------------------*/
+
+.hero-logo {
+  margin-bottom: 40px;
+}
+
+.hero-square-logo {
+  margin-bottom: 20px;
+}
+
+#hero-22 .hero-logo {
+  margin-bottom: 30px;
+}
+
+.hero-logo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 36px;
+}
+
+.hero-square-logo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 90px;
+}
+
+/*------------------------------------------*/
+/*  HERO APP LOGO
+/*------------------------------------------*/
+
+.hero-app-logo {
+  margin-bottom: 35px;
+}
+
+#hero-25 .hero-app-logo {
+  margin-bottom: 25px;
+}
+
+.hero-app-logo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 100px;
+}
+
+#hero-25 .hero-app-logo img {
+  max-height: 110px;
+}
+
+/*------------------------------------------*/
+/*  HERO DIGITS
+/*------------------------------------------*/
+
+#hd-1-1, #hd-1-2 {
+  display: inline-block;
+  float: left;
+  padding-right: 20px;
+} 
+
+#hd-1-1 { width: 45%; }
+#hd-1-2 { width: 55%; }
+
+.hero-digits-block {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+.hero-digits .block-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+  padding-left: 12px;
+}
+
+.hero-digits h2.statistic-number {
+  line-height: 1;
+  margin-bottom: 0;
+} 
+
+.hero-digits h2.statistic-number span {
+  font-size: 1.85rem;
+}
+
+.hero-digits .block-txt p.p-sm {
+  line-height: 1.35;
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  HERO TYPOGRAPHY
+/*------------------------------------------*/
+
+.hero-section h2 {
+  margin-bottom: 28px;
+}
+
+.hero-section h2.s-48,
+.hero-section h2.s-50 {
+  margin-bottom: 40px;
+}
+
+.hero-section h2.s-62 {
+  margin-bottom: 24px;
+}
+
+.hero-section p.p-sm { 
+  padding: 0!important; 
+}
+
+.hero-section p.p-md {
+  margin-bottom: 30px;
+}
+
+.hero-section p.p-lg,
+.hero-section p.p-xl {
+  margin-bottom: 32px;
+}
+
+.hero-section p.s-20,
+.hero-section p.s-22,
+.hero-section p.s-24 {
+  margin-bottom: 36px;
+}
+
+.hero-section p.p-lg span,
+.hero-section p.p-xl span {
+  font-weight: 600;
+  letter-spacing: -0.35px;
+}
+
+/*------------------------------------------*/
+/*  HERO-1
+/*------------------------------------------*/
+
+#hero-1 {
+  background-image: url(../images/hero-1.jpg);
+  padding-top: 130px;
+  padding-bottom: 100px;
+}
+
+.hero-1-txt p {
+  padding-right: 2%;
+}
+
+/*------------------------------------------*/
+/*  HERO-2
+/*------------------------------------------*/
+
+#hero-2 {
+  background-image: url(../images/hero-2.jpg);
+  padding-top: 150px;
+  padding-bottom: 100px;
+}
+
+.hero-2-txt p {
+  padding-right: 3%;
+}
+
+.hero-2-img {
+  text-align: center;
+  padding-right: 25px;
+}
+
+/*------------------------------------------*/
+/*  HERO-3
+/*------------------------------------------*/
+
+#hero-3 {
+  position: relative;
+  padding-top: 160px;
+  background-image: url(../images/hero-3.jpg);
+}
+
+#hero-3:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 100%;
+  height: 5%;
+  bottom: 0;
+  left: 0;
+  background-color: #fff;
+}
+
+.hero-3-txt {
+  margin-top: -70px;
+}
+
+.hero-3-txt p.p-lg {
+  padding-right: 2%;
+}
+
+.hero-3-img {
+  position: relative;
+  text-align: center;
+  margin: 0 -90% 0 -60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-4
+/*------------------------------------------*/
+
+#hero-4 {
+  overflow: hidden; 
+  background-image: url(../images/hero-4.jpg);
+  padding-top: 180px;
+}
+
+#hero-4:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 100%;
+  height: 10%;
+  bottom: 0;
+  left: 0;
+  background-color: #fff;
+}
+
+.hero-4-txt h2 {
+  padding: 0 3%;
+}
+
+.hero-4-txt p { 
+  padding: 0 5%; 
+}
+
+.hero-4-txt p.btns-group-txt {
+  margin-top: 25px;
+}
+
+.hero-4-img {
+  margin-top: 60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-5
+/*------------------------------------------*/
+
+#hero-5 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-5 {
+  background-image: url(../images/hero-5.jpg);
+  padding-top: 140px;
+  padding-bottom: 50px;
+}
+
+.hero-5-txt h2 {
+  line-height: 1.3;
+  margin-bottom: 25px;
+}
+
+.hero-5-txt p.p-lg {
+  padding-right: 10%;
+  margin-bottom: 30px;
+}
+
+.hero-5-img {
+  margin: 0 0 -50px;
+}
+
+/*------------------------------------------*/
+/*  HERO-6
+/*------------------------------------------*/
+
+#hero-6 {
+  padding-top: 130px;
+}
+
+.hero-6-wrapper {
+  overflow: hidden;
+  background-image: linear-gradient(90deg, #f6f4fd, #f4f5fd);
+  padding: 75px 80px;
+}
+
+.hero-6-img {
+  position: relative;
+  text-align: center;
+}
+
+/*------------------------------------------*/
+/*  HERO-7
+/*------------------------------------------*/
+
+#hero-7 {
+  padding-top: 140px;
+  padding-bottom: 100px;
+}
+
+#hero-7 .quick-form {
+  margin-right: 4%;
+}
+
+.hero-7-img {
+  padding-left: 30px;
+}
+
+/*------------------------------------------*/
+/*  HERO-8
+/*------------------------------------------*/
+
+#hero-8 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-8 {
+  position: relative;
+  background-image: url(../images/hero-8.jpg);
+  padding-top: 170px;
+  padding-bottom: 30px;
+}
+
+.hero-8-txt {
+  margin-top: -70px;
+}
+
+.hero-8-txt p {
+  padding-right: 10%;
+}
+
+.hero-8-txt .hero-digits {
+  padding-right: 15%;
+}
+
+#hero-8-form {
+  position: relative;
+  z-index: 999;
+  background-color: #fff;
+  border: 1px solid #f8f8f8;
+  padding: 45px 35px;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+  box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+}
+
+#hero-8-form h4 {
+  line-height: 1.4;
+  margin-bottom: 20px;
+}
+
+#hero-8-form p {
+  color: #757575;
+  margin-bottom: 25px;
+}
+
+#hero-8-form p.p-sm {
+  text-align: center;
+  padding: 0 5%!important;
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+#hero-8-form p a {
+  color: #1e90ff;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  HERO-9
+/*------------------------------------------*/
+
+#hero-9 {
+  padding-top: 180px;
+}
+
+.hero-9-txt h2 {
+  line-height: 1;
+}
+
+.hero-9-txt h2 img {
+  position: relative;
+  width: auto;
+  max-width: inherit;
+  max-height: 100px;
+  margin: 0 3px;
+  top: -8px;
+}
+
+.hero-9-txt p {
+  padding: 0 5%;
+  margin-top: 40px;
+}
+
+#hero-9 .quick-form {
+  margin-left: 7%;
+  margin-right: 7%;
+}
+
+.hero-9-img {
+  margin-top: 60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-10
+/*------------------------------------------*/
+
+#hero-10 {
+  position: relative;
+  background-image: url(../images/hero-10.jpg);
+  padding-top: 170px;
+  padding-bottom: 100px;
+}
+
+.hero-10-txt h4 {
+  line-height: 1.45;
+  font-weight: 300;
+  padding-right: 5%;
+  margin-bottom: 35px;
+}
+
+.hero-10-img {
+  position: relative;
+  text-align: center;
+  margin: 0 -95% 0 15px;
+}
+
+/*------------------------------------------*/
+/*  HERO-11
+/*------------------------------------------*/
+
+#hero-11 {
+  overflow: hidden;
+  background-image: url(../images/hero-11.jpg);
+  padding-top: 50px;
+}
+
+.hero-11-txt {
+  margin-top: 40px;
+}
+
+.hero-11-txt p {
+  padding-right: 5%;
+}
+
+.hero-11-img {
+  position: relative;
+  margin: -60px -12% -100px -15px;
+}
+
+/*------------------------------------------*/
+/*  HERO-12
+/*------------------------------------------*/
+
+#hero-12 {
+  overflow: hidden; 
+  background-image: url(../images/hero-12.jpg);
+  padding-top: 180px;
+}
+
+.hero-12-txt h2 {
+  padding: 0 3%;
+}
+
+.hero-12-txt p { 
+  padding: 0 5%; 
+}
+
+.hero-12-txt p.btns-group-txt {
+  margin-top: 25px;
+}
+
+.hero-12-img {
+  margin-top: 60px;
+  margin-bottom: -100px;
+}
+
+.hero-12-img .video-btn {
+  top: calc(50% - 30px);
+}
+
+/*------------------------------------------*/
+/*  HERO-13
+/*------------------------------------------*/
+
+#hero-13 {
+  background-image: linear-gradient(180deg, #f1edff, #f1edff);
+  padding-top: 130px;
+  padding-bottom: 80px;
+}
+
+#hero-13:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 43%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #fff;
+  -moz-box-shadow: 0 0 55px 35px #fff;
+  -webkit-box-shadow: 0 0 35px 35px #fff;
+  box-shadow: 0 0 35px 35px #fff;
+}
+
+.hero-13-txt .section-id {
+  font-weight: 600;
+  letter-spacing: 1.5px;
+}
+
+.hero-13-txt p {
+  padding-right: 5%;
+}
+
+.hero-13-img {
+  text-align: center;
+}
+
+/*------------------------------------------*/
+/*  HERO-14
+/*------------------------------------------*/
+
+#hero-14 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-14 {
+  background-image: url(../images/hero-14.jpg);
+  padding-top: 170px;
+} 
+
+.hero-14-txt p.s-21 {
+  font-size: 1.3125rem;
+  margin-bottom: 40px;
+}
+
+#hero-14 .quick-form {
+  margin-left: 6%;
+  margin-right: 6%;
+}
+
+.hero-14-txt .btn-txt {
+  margin-top: 40px;
+}
+
+.hero-14-img {
+  margin-top: 70px;
+}
+
+/*------------------------------------------*/
+/*  HERO-15
+/*------------------------------------------*/
+
+#hero-15 {
+  position: relative;
+  z-index: 3;
+  background-image: url(../images/hero-15.jpg);
+  padding-top: 130px;
+}
+
+.hero-15-txt {
+  margin-top: -20px;
+}
+
+.hero-15-txt h2 {
+  padding-right: 5%;
+}
+
+.hero-15-txt p {
+  padding-right: 2%;
+}
+
+/*------------------------------------------*/
+/*  HERO-16
+/*------------------------------------------*/
+
+#hero-16 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-16 {
+  background-image: url(../images/hero-16.jpg);
+  padding-top: 170px;
+  margin-bottom: 80px;
+} 
+
+.hero-16-img {
+  margin-top: 60px;
+  margin-bottom: -80px;
+}
+
+/*------------------------------------------*/
+/*  HERO-17
+/*------------------------------------------*/
+
+#hero-17 {
+  text-align: center;
+  padding-top: 170px;
+  background-image: url(../images/hero-17.jpg);
+  background-position: top center;
+}
+
+#hero-17 #brands-1 {
+  padding: 80px 6% 0;
+}
+
+#hero-17 #brands-1 .brands-carousel-5 .brand-logo {
+  padding: 0 20px;
+} 
+
+#hero-17 .quick-form {
+  margin-left: 8%;
+  margin-right: 8%;
+}
+
+/*------------------------------------------*/
+/*  HERO-18
+/*------------------------------------------*/
+
+#hero-18 {
+  padding-top: 140px;
+  padding-bottom: 80px;
+}
+
+#hero-18:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 74%;
+  height: 100%;
+  top: 0;
+  left: 26%;
+  background-image: url(../images/hero-18.jpg);
+  background-repeat: no-repeat;
+  background-position: center center;   
+  background-size: cover;
+  border-radius: 0 0 0 60px;
+}
+
+.hero-18-txt p {
+  padding-right: 3%;
+}
+
+#hero-18 .quick-form {
+  margin-right: 4%;
+}
+
+.hero-18-img {
+  text-align: center;
+  padding-right: 15px;
+}
+
+/*------------------------------------------*/
+/*  HERO-19
+/*------------------------------------------*/
+
+#hero-19 {
+  padding-top: 170px;
+}
+
+.hero-19-txt p {
+  padding: 0 10%;
+}
+
+/*------------------------------------------*/
+/*  HERO-20
+/*------------------------------------------*/
+
+#hero-20 {
+  background-image: url(../images/hero-20.jpg);
+  padding-top: 100px;
+  padding-bottom: 100px;
+}
+
+#hero-20:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 51%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-image: linear-gradient(180deg, #f4f4f9, #fbfbfd);
+}
+
+.hero-20-txt {
+  padding: 0 8% 0 15px;
+}
+
+.hero-section .hero-20-txt h2.s-48 {
+  margin-bottom: 28px;
+}
+
+/*------------------------------------------*/
+/*  HERO-21
+/*------------------------------------------*/
+
+#hero-21 {
+  padding-top: 170px;
+}
+
+.hero-21-txt {
+  margin-bottom: 60px;
+}
+
+.hero-21-txt h2 {
+  margin-bottom: 35px;
+}
+
+.hero-21-wrapper {
+  overflow: hidden;
+}
+
+#hero-21 .hero-overlay {
+  background-image: url(../images/hero-21.jpg);
+  padding: 90px 70px 0;
+}
+
+.hero-21-img {
+  position: relative;
+  margin-bottom: -25%;
+}
+
+.hero-21-img .video-btn {
+  top: calc(50% - 80px);
+}
+
+/*------------------------------------------*/
+/*  HERO-22
+/*------------------------------------------*/
+
+#hero-22 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-22 {
+  position: relative;
+  background-image: url(../images/hero-22.jpg);
+  padding-top: 160px;
+}
+
+#hero-22-form {
+  position: relative;
+  z-index: 999;
+  background-color: #fff;
+  border: 1px solid #f8f8f8;
+  padding: 45px 35px 35px;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+  box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
+}
+
+#hero-22-form h4 {
+  line-height: 1.4;
+  margin-bottom: 20px;
+}
+
+#hero-22-form p {
+  color: #757575;
+  margin-bottom: 25px;
+}
+
+#hero-22-form p.p-sm {
+  text-align: center;
+  padding: 0 5%!important;
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+#hero-22-form p a {
+  color: #1e90ff;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  HERO-23
+/*------------------------------------------*/
+
+#hero-23 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-23 {
+  position: relative;
+  background-image: url(../images/hero-23.jpg);
+  padding-top: 100px;
+  margin-bottom: 25px;
+}
+
+.hero-23-txt p {
+  padding: 0 5%;
+}
+
+.hero-23-img {
+  margin-top: 40px;
+  margin-bottom: -25px;
+}
+
+/*------------------------------------------*/
+/*  HERO-24
+/*------------------------------------------*/
+
+#hero-24 {
+  background-image: url(../images/hero-24.jpg);
+  padding-top: 200px;
+  padding-bottom: 150px;
+}
+
+#hero-24 .quick-form {
+  margin-left: 7%;
+  margin-right: 7%;
+}
+
+/*------------------------------------------*/
+/*  HERO-25
+/*------------------------------------------*/
+
+#hero-25 {
+  background-image: url(../images/hero-25.jpg);
+  padding-top: 120px;
+  padding-bottom: 100px;
+}
+
+.hero-25-txt h2 {
+  margin-bottom: 22px;
+}
+
+.hero-25-txt p.p-lg {
+  padding-right: 10%;
+  margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  HERO-26
+/*------------------------------------------*/
+
+#hero-26 .wave-shape-bottom path {
+  fill: #fff;
+}
+
+#hero-26 {
+  position: relative;
+  background-image: url(../images/hero-26.jpg);
+  padding-top: 160px;
+  z-index: 3;
+}
+
+.hero-26-txt {
+  margin-top: -80px;
+}
+
+.hero-26-txt h2 {
+  padding-right: 2%;
+}
+
+#hero-26 .quick-form {
+  margin-right: 4%;
+}
+
+.hero-26-img {
+  position: relative;
+  text-align: center;
+  margin: 0 -90% 0 -60px;
+}
+
+/*------------------------------------------*/
+/*  HERO-27
+/*------------------------------------------*/
+
+#hero-27 .hero-overlay {
+  background-image: url(../images/hero-27.png);
+  background-position: top center;
+  padding-top: 170px;
+}
+
+.hero-27-txt h2 { 
+  margin-bottom: 26px!important;
+}
+
+.hero-27-txt p.s-20 { 
+  padding: 0 6%;
+  margin-bottom: 30px!important;
+}
+
+.hero-27-txt p.s-21 { 
+  padding: 0 5%;
+}
+
+/*------------------------------------------*/
+/*  HERO QUICK FORM
+/*------------------------------------------*/
+
+.hero-section .quick-form .input-group {
+  border: none;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Input
+/*------------------------------------------*/
+
+.hero-section .quick-form .form-control {
+  height: 64px;
+  background-color: #fff;
+  border: 2px solid transparent;
+  color: #666;
+  font-size: 1.125rem;
+  font-weight: 400;
+  padding: 0 20px;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out;  
+}
+
+.hero-section .quick-form.form-shadow .form-control {
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
+  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
+}
+
+.hero-section .quick-form.form-stroke .form-control {
+  border-color: #353f4f;
+}
+
+.hero-section .quick-form.form-half .form-control {
+  height: 58px;
+ font-size: 1.0625rem;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Placeholder
+/*------------------------------------------*/
+
+.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } 
+.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } 
+.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } 
+
+/*------------------------------------------*/
+/*  Hero Quick Form Focus
+/*------------------------------------------*/
+
+.hero-section .quick-form .form-control:focus {
+  background-color: #fff;
+  border-color: #1680fb;
+  outline: 0;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Button
+/*------------------------------------------*/
+
+.hero-section .quick-form .btn {
+  height: 64px;
+  font-size: 1.0625rem;
+  padding: 12px 45px;
+  margin-left: 15px;
+}
+
+.hero-section .quick-form.form-half .btn {
+  height: 58px;
+  font-size: 1rem;
+  padding: 13px 40px;
+  margin-left: 14px;
+}
+
+/*------------------------------------------*/
+/*  Hero Quick Form Message
+/*------------------------------------------*/
+
+.hero-section .quick-form-msg {
+  width: 100%!important;
+  display: block;
+  margin: 20px 0 15px 5px;
+}
+
+.hero-section .text-center .quick-form-msg {
+  margin: 20px 0 -15px 0;
+}
+
+.hero-section .quick-form-msg .loading {
+  color: #3eb1ff;
+  font-size: 1.05rem;
+  line-height: 1;
+  font-weight: 500;
+}
+
+.hero-section .text-center .quick-form-msg .loading {
+  font-size: 1.125rem;
+}
+
+/*------------------------------------------*/
+/*  HERO REQUEST FORM
+/*------------------------------------------*/
+
+/*------------------------------------------*/
+/*  Hero Request Form Input
+/*------------------------------------------*/
+
+.request-form .form-control {
+  height: 58px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  color: #666;
+  font-size: 1rem;
+  font-weight: 400;
+  margin-bottom: 22px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  Hero Request Form Placeholder
+/*------------------------------------------*/
+
+.hero-form-wrapper .form-control::-moz-placeholder { color: #999; } 
+.hero-form-wrapper .form-control:-ms-input-placeholder { color: #999; }
+.hero-form-wrapper .form-control::-webkit-input-placeholder { color: #999; }
+
+.request-form .form-control:focus {
+  background-color: #fff;
+  border-color: #1680fb;
+  outline: 0;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Hero Request Form Button
+/*------------------------------------------*/
+
+#hero-8-form .btn,
+#hero-22-form .btn {
+  width: 100%;
+  height: 58px;
+  padding: 16px;
+}
+
+/*------------------------------------------*/
+/*  Hero Request Form Message
+/*------------------------------------------*/
+
+.request-form-msg {
+  width: 100%!important;
+  display: block;
+  text-align: center;
+  margin-top: 15px;
+}
+
+.request-form-msg .loading {
+  color: #00b2e4;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 500;
+}
+
+.request-form .error {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 10px;
+}
+
+
+
+
+/* ==========================================================================
+  06. ABOUT
+  ========================================================================== */
+
+.a2-txt {
+  padding: 20px 30px 35px;
+}
+
+.a2-txt-quote { 
+  position: relative;
+  margin-bottom: -45px; 
+ }
+
+.a2-txt-quote.ico-40 [class*="flaticon-"]:before, 
+.a2-txt-quote.ico-40 [class*="flaticon-"]:after { font-size: 4.25rem; }
+
+/*------------------------------------------*/
+/*  ABOUT TYPOGRAPHY
+/*------------------------------------------*/ 
+
+#about-1 .txt-block p {
+  margin-bottom: 0;
+}
+
+#about-4 .txt-block p {
+  margin-top: 25px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  ABOUT 2 AUTHOR
+/*------------------------------------------*/ 
+
+.a2-txt-author {
+  line-height: 1.45;
+  font-weight: 500;
+  margin-top: 18px;
+  margin-bottom: 0;
+}
+
+.a2-txt-author span {
+  display: block;
+  font-weight: 300;
+}
+
+/*------------------------------------------*/
+/*  ABOUT 2 IMAGES
+/*------------------------------------------*/ 
+
+.about-3-images {
+  padding: 0 5%;
+}
+
+.about-2-img {
+  overflow: hidden;
+}
+
+.about-3-img {
+  overflow: hidden;
+  height: 460px;
+}
+
+.a-2-1 {
+  margin-left: 13%;
+  margin-bottom: 30px;
+}
+
+.a-2-2 {
+  margin-left: -10%;
+}
+
+.a-2-3 {
+  margin-right: -10%;
+  margin-bottom: 30px;
+}
+
+.a-2-4 {
+  margin-right: -10%;
+}
+
+#a4-1 {
+  position: relative;
+  padding-right: 30px;
+  margin-top: -30px;
+}
+
+#a4-2 {
+  position: relative;
+  padding-left: 30px;
+  margin-bottom: -30px;
+}
+
+
+
+
+/* ==========================================================================
+  07. FEATURES
+  ========================================================================== */
+
+#features-12.py-100.shape--bg:after,
+#features-12.pt-100.shape--bg:after,
+#features-13.py-100.shape--bg:after,
+#features-13.pt-100.shape--bg:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+}
+
+#features-12.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; left: 52%; }
+#features-12.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; left: 52%; }
+#features-13.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; }
+#features-13.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; }
+
+.rows-2 .fb-1, 
+.rows-2 .fb-2, 
+.rows-2 .fb-3 {
+ margin-bottom: 50px; 
+}
+
+.rows-2 .fbox-7.fb-1, 
+.rows-2 .fbox-7.fb-2, 
+.rows-2 .fbox-7.fb-3, 
+.rows-2 .fbox-9.fb-1, 
+.rows-2 .fbox-9.fb-2, 
+.rows-2 .fbox-9.fb-3,
+.rows-3 .fb-1, .rows-3 .fb-2, 
+.rows-3 .fb-3, .rows-3 .fb-4 { margin-bottom: 40px; }
+
+.rows-3 .fb-3.fbox-11-lst, 
+.rows-3 .fb-4.fbox-11-lst { margin-bottom: 0; }
+
+.fbox-14-wrapper {
+  padding: 80px 70px;
+}
+
+.fbox-14-wrapper .col {
+  padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX
+/*------------------------------------------*/ 
+
+.row-cols-md-3 .fbox-4 { padding: 50px 35px; }
+.row-cols-md-2 .fbox-4 { padding: 35px 20px; } 
+
+.fbox-5 { padding: 60px; }   
+
+.fbox-7 {
+  border: 2px solid #eee;
+  padding: 55px 40px 50px;
+}
+
+.row-cols-md-2 .fbox-7 {
+  padding: 35px 20px 30px;
+}
+
+.fbox-8 { padding: 55px 40px; }
+.fbox-8.bg--white-100 { padding: 60px 40px; }
+
+.fbox-9 {
+  border: 2px solid #eee;
+  padding: 40px 40px 35px;
+} 
+
+.fbox-14 {
+  border: 2px solid #eee;
+  padding: 40px 30px 35px;
+} 
+
+/*------------------------------------------*/
+/*  FEATURE BOX IMAGE
+/*------------------------------------------*/ 
+
+.fbox-img img {
+  width: auto;
+  max-width: inherit;
+}
+
+.fbox-img.h-135 img { max-height: 135px; }
+.fbox-img.h-140 img { max-height: 140px; }
+.fbox-img.h-145 img { max-height: 145px; }
+.fbox-img.h-150 img { max-height: 150px; }
+.fbox-img.h-155 img { max-height: 155px; }
+.fbox-img.h-160 img { max-height: 160px; }
+.fbox-img.h-165 img { max-height: 165px; }
+.fbox-img.h-170 img { max-height: 170px; }
+.fbox-img.h-175 img { max-height: 175px; }
+.fbox-img.h-180 img { max-height: 180px; }
+
+/*------------------------------------------*/
+/*  FBOX-1 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-1 .fbox-img { 
+  margin-bottom: 35px; 
+}
+
+.row-cols-md-2 .fbox-1 .fbox-img { 
+  margin-bottom: 28px; 
+}
+
+/*------------------------------------------*/
+/*  FBOX-2 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-2 .fbox-img {
+  -webkit-border-radius: 12px 12px 0 0;
+  -moz-border-radius: 12px 12px 0 0;
+  -o-border-radius: 12px 12px 0 0;
+  border-radius: 12px 12px 0 0;
+} 
+
+.fbox-2 .fbox-img.h-135, .fbox-2 .fbox-img.h-140, .fbox-2 .fbox-img.h-145, 
+.fbox-2 .fbox-img.h-150, .fbox-2 .fbox-img.h-155 { padding-top: 35px; margin-bottom: 60px; } 
+
+.fbox-2 .fbox-img.h-160 { padding-top: 35px; margin: 0 20px 60px; }
+.fbox-2 .fbox-img.h-165 { padding-top: 38px; margin: 0 15px 60px; } 
+.fbox-2 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 60px; } 
+.fbox-2 .fbox-img.h-175 { padding-top: 42px; margin: 0 8px 60px; }
+.fbox-2 .fbox-img.h-180 { padding-top: 44px; margin: 0 5px 60px; }  
+
+.fbox-2 .fbox-img img { 
+  margin-bottom: -25px; 
+} 
+
+/*------------------------------------------*/
+/*  FBOX-3 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-3 .fbox-img {
+  overflow: hidden;
+} 
+
+.fbox-3 .fbox-img.h-135 { padding-top: 30px; margin: 0 0 35px; }
+.fbox-3 .fbox-img.h-160 { padding-top: 32px; margin: 0 18px 35px; }
+.fbox-3 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 35px; }
+.fbox-3 .fbox-img.h-175, .fbox-3 .fbox-img.h-180 { padding-top: 40px; margin: 0 5px 35px; }
+
+.row-cols-md-2 .fbox-3 .fbox-img { 
+  margin-bottom: 28px; 
+}
+
+/*------------------------------------------*/
+/*  FBOX-4 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-4 .fbox-img { 
+  margin-bottom: 35px; 
+}
+
+.row-cols-md-2 .fbox-4 .fbox-img { 
+  margin-bottom: 28px; 
+}
+
+/*------------------------------------------*/
+/*  FBOX-5 IMAGE
+/*------------------------------------------*/ 
+
+.fbox-5.fb-1 .fbox-5-img,
+.fbox-5.fb-5 .fbox-5-img,
+.fbox-5.fb-6 .fbox-5-img {
+  margin: 40px 5% 0;
+}
+
+.fbox-5.fb-2 .fbox-5-img,
+.fbox-5.fb-3 .fbox-5-img,
+.fbox-5.fb-4 .fbox-5-img {
+   margin: 0 5% 40px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX VECTOR ICON
+/*------------------------------------------*/ 
+
+.fbox-ico,
+.fbox-ico.ico-rounded {
+  margin-bottom: 20px;
+}
+
+.fbox-ico.ico-rounded-md,
+.fbox-ico.ico-rounded-lg {
+  margin-bottom: 25px;
+}
+
+.fbox-11 {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+.fbox-ico-wrap {
+  position: relative;
+  margin-right: 25px;
+}
+
+.rows-2 .fbox-ico-wrap {
+  margin-right: 20px;
+}
+
+.fbox-11 .fbox-ico {
+  margin-top: 4px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX
+/*------------------------------------------*/ 
+
+.fbox-11 .fbox-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX TITLE
+/*------------------------------------------*/ 
+
+.fbox-wrapper .row-cols-lg-3 .fbox-title {
+  margin-bottom: 10px;
+}
+
+.fbox-title span {
+  float: left;
+  line-height: 1!important;
+  margin-right: 15px; 
+}
+
+.fbox-title h6 {  
+  line-height: 2.1875rem!important;
+  margin-bottom: 0;
+}
+
+.fbox-title.ico-30 h6 {  
+  line-height: 1.875rem!important;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  FEATURE BOX TYPOGRAPHY
+/*------------------------------------------*/ 
+
+.fbox-wrapper .row-cols-md-3 h6 {
+  margin-bottom: 15px;
+}
+
+.rows-2 .fbox-11 h6,
+.fbox-wrapper .row-cols-md-2 h6 {
+  margin-bottom: 10px;
+}
+
+.fbox-wrapper p {
+  margin-bottom: 0;
+}
+
+.fbox-5 h5 {
+  margin-bottom: 15px;
+}
+
+.fbox-14 h5 {
+  margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  FEATURE-12
+/*------------------------------------------*/ 
+
+.fbox-12-wrapper { 
+  padding-left: 45px;
+}
+
+.fbox-13-wrapper { 
+  padding-right: 45px;
+}
+
+.fbox-12,
+.fbox-13 {
+  padding: 32px 35px;
+} 
+
+.fbox-12 h5,
+.fbox-13 h5 {
+  margin-top: 20px;
+  margin-bottom: 10px;
+}
+
+.fbox-12 p,
+.fbox-13 p,
+.fbox-14 p {
+  margin-bottom: 0;
+} 
+
+
+
+
+/* ==========================================================================
+  08. CONTENT
+  ========================================================================== */
+
+.ct-06 {
+  margin-bottom: 80px;
+}
+
+.ct-07 {
+  margin-top: 80px;
+}
+
+.ct-10 .section-overlay {
+  margin-bottom: 100px;
+}
+
+.ct-11, 
+.ct-12 {
+  padding: 60px 0;
+}
+
+.ct-11:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 50%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #fff;
+}
+
+.ct-12:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 50%;
+  height: 100%;
+  top: 0;
+  left: 50%;
+  background-color: #fff;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX WRAPPER
+/*------------------------------------------*/
+
+.bc-1-wrapper .section-overlay,
+.bc-4-wrapper .section-overlay,
+.bc-6-wrapper .section-overlay {
+  padding: 80px 70px;
+}
+
+.bc-2-wrapper .section-overlay,
+.bc-3-wrapper .section-overlay,
+.bc-5-wrapper .section-overlay {
+  padding: 80px 70px 0;
+}
+
+.bc-6 {
+  padding: 40px 35px;
+}
+
+.cbox-6-wrapper {
+  padding: 60px 40px;
+}
+
+.content-section .cbox-6-wrapper {
+  padding: 80px 70px;
+}
+
+.bc-5-wrapper .section-title p {
+  padding: 0;
+}
+
+/*------------------------------------------*/
+/*  TEXT BLOCK
+/*------------------------------------------*/ 
+
+.txt-box { 
+  margin-bottom: 20px;
+}
+
+.txt-box:last-child { 
+  margin-bottom: 0; 
+}
+
+.bc-3-txt,
+.ct-06 .txt-block,
+.bc-2-wrapper .txt-block {
+  margin-top: -40px;
+}
+
+.bc-2-txt,
+.ct-07 .txt-block {
+  margin-top: 40px;
+}
+
+.bc-1-wrapper .txt-block.pr-25.left-column,
+.bc-2-wrapper .txt-block.pr-25.left-column {
+  padding-right: 25px;
+}
+
+.bc-1-wrapper .txt-block.pl-25.right-column,
+.bc-2-wrapper .txt-block.pl-25.right-column {
+  padding-left: 25px;
+}
+
+.ct-11 .txt-block {
+  padding-right: 50px;
+}
+
+.ct-12 .txt-block {
+  padding-left: 70px;
+}
+
+.ct-13 .txt-block h5 {
+  padding-right: 6%;
+}
+
+/*------------------------------------------*/
+/*  TEXT BLOCK TYPOGRAPHY
+/*------------------------------------------*/ 
+
+.bc-2-txt h2,
+.bc-3-txt h2,
+.bc-4-txt h2,
+.txt-block h3,
+.txt-block h2 {
+  margin-bottom: 26px;
+}
+
+.txt-block h5 {
+  margin-bottom: 20px;
+}
+
+h5.h5-title {
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+
+.txt-block .btn,
+.txt-block .btns-group .btn.btn--transparent {
+  margin-top: 25px;
+}
+
+.txt-block .btn.btn--transparent {
+  margin-top: 0;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX
+/*------------------------------------------*/
+
+.cbox-1,
+.cbox-2,
+.cbox-3 {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+.cbox-5 {
+  position: relative;
+}
+
+.cbox-5-content {
+  background-color: #fff;
+  border: 1px solid #f5f6f6;
+  padding: 40px;
+  margin: 0 12%;
+  z-index: 1;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+}
+
+.cbox-5-content .divider {
+  margin-top: 25px;
+  margin-bottom: 25px;
+}
+
+#cb-6-1, #cb-6-2 {
+  margin-bottom: 35px;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX TITLE
+/*------------------------------------------*/ 
+
+.box-title h6,
+.box-title h5 {  
+  display: inline-block;
+  line-height: 2.35rem!important;
+  margin-bottom: 15px;
+}
+
+.box-title span {   
+  position: relative;
+  top: 12px;
+  margin-right: 10px;
+}
+
+.box-title span[class*="flaticon-"]:before,
+.box-title span[class*="flaticon-"]:after {   
+  font-size: 2.35rem;
+}
+
+.txt-block .cbox-5-title h2 {
+  font-size: 3.5rem;
+  letter-spacing: -1px;
+  line-height: 1;
+  margin-bottom: 10px;
+}
+
+.cbox-5-title .statistic-number sup {
+  font-size: 3rem;
+  top: -5px;
+  right: 6px;
+}
+
+.cbox-5-title .ico-15 [class*="flaticon-"]:before, 
+.cbox-5-title .ico-15 [class*="flaticon-"]:after {
+  font-size: 0.875rem;
+  line-height: 1!important; 
+}
+
+.cbox-5-title p.p-lg {
+  margin-bottom: 10px;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX ICON
+/*------------------------------------------*/
+
+.cbox-1 .ico-wrap { 
+  margin-left: 8px; 
+}
+
+.cbox-1.ico-10 span {
+  position: relative;
+  top: 0;
+  right: 7px;
+}
+
+.cbox-1.ico-15 span {
+  position: relative;
+  top: 1px;
+  right: 8px;
+}
+
+.cbox-1.ico-10 [class*="flaticon-"]:before,
+.cbox-1.ico-10 [class*="flaticon-"]:after {  
+  font-size: 0.6rem;
+}
+
+.cbox-1.ico-15 [class*="flaticon-"]:before,
+.cbox-1.ico-15 [class*="flaticon-"]:after {   
+  font-size: 0.75rem;
+}
+
+/*------------------------------------------*/
+/*  CBOX #2
+/*------------------------------------------*/
+
+.cbox-2 .ico-wrap {
+  position: relative;
+  margin-right: 1.625rem;
+}
+
+.cbox-2-ico {
+  position: relative;
+  width: 2.625rem;
+  height: 2.625rem;
+  text-align: center;
+  border-radius: 100%;
+  font-size: 1.1875rem;
+  font-weight: 500;
+  line-height: 2.375rem;
+  border: 2px solid transparent;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out; 
+}
+
+.ct-03 .cbox-2-ico {
+  position: relative;
+  width: 2.35rem;
+  height: 2.35rem;
+  font-size: 1.15rem;
+  line-height: 2.15rem;
+}
+
+.cbox-2-line {
+  position: absolute;
+  bottom: 20px;
+  left: 50%;
+  width: 2px;
+  background-color: #e4e4e4;
+  height: calc(100% - 90px);
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+}
+
+.cbox-2:hover .cbox-2-ico {
+  background-color: transparent;
+  -webkit-transform: scale(1.1);
+  -moz-transform: scale(1.1);
+  -ms-transform: scale(1.1);
+  transform: scale(1.1);
+}
+
+.cbox-2:hover .cbox-2-ico.bg--blue-500 { color: #185abd; border-color: #185abd; }
+.cbox-2:hover .cbox-2-ico.bg--blue-400 { color: #1680fb; border-color: #1680fb; }
+.cbox-2:hover .cbox-2-ico.bg--blue-300 { color: #3eb1ff; border-color: #3eb1ff; }
+
+.cbox-2:hover .cbox-2-ico.bg--green-500 { color: #00a14e; border-color: #00a14e; }
+.cbox-2:hover .cbox-2-ico.bg--green-400 { color: #0fbc49; border-color: #0fbc49; }
+.cbox-2:hover .cbox-2-ico.bg--green-300 { color: #6fd792; border-color: #6fd792; }
+
+.cbox-2:hover .cbox-2-ico.bg--pink-500 { color: #ff149c; border-color: #ff149c; }
+.cbox-2:hover .cbox-2-ico.bg--pink-400 { color: #f74780; border-color: #f74780; }
+.cbox-2:hover .cbox-2-ico.bg--pink-300 { color: #fcb5cc; border-color: #fcb5cc; }
+
+.cbox-2:hover .cbox-2-ico.bg--purple-500 { color: #663ae9; border-color: #663ae9; }
+.cbox-2:hover .cbox-2-ico.bg--purple-400 { color: #7b5dd6; border-color: #7b5dd6; }
+.cbox-2:hover .cbox-2-ico.bg--purple-300 { color: #bdaeea; border-color: #bdaeea; }
+
+.cbox-2:hover .cbox-2-ico.bg--red-500 { color: #da0f29; border-color: #da0f29; }
+.cbox-2:hover .cbox-2-ico.bg--red-400 { color: #ff1e1a; border-color: #ff1e1a; }
+.cbox-2:hover .cbox-2-ico.bg--red-300 { color: #ffa5a3; border-color: #ffa5a3; }
+
+.cbox-2:hover .cbox-2-ico.bg--violet-500 { color: #c73e9b; border-color: #c73e9b; }
+.cbox-2:hover .cbox-2-ico.bg--violet-400 { color: #be6cbe; border-color: #be6cbe; }
+.cbox-2:hover .cbox-2-ico.bg--violet-300 { color: #e2bde2; border-color: #e2bde2; }
+
+.cbox-2:hover .cbox-2-ico.bg--yellow-500 { color: #ffba01; border-color: #ffba01; }
+.cbox-2:hover .cbox-2-ico.bg--yellow-400 { color: #ffbd45; border-color: #ffbd45; }
+.cbox-2:hover .cbox-2-ico.bg--yellow-300 { color: #ffdf35; border-color: #ffdf35; }
+
+/*------------------------------------------*/
+/*  CBOX #3
+/*------------------------------------------*/
+
+.cbox-3 .ico-wrap {
+  position: relative;
+  text-align: center;
+  margin-top: 0;
+  margin-right: 1.15rem;
+}
+
+.cbox-3 .cbox-3-ico {
+  position: relative;
+  top: 3px;
+}
+
+.cbox-3-ico span[class*="flaticon-"]:before,
+.cbox-3-ico span[class*="flaticon-"]:after {  
+  font-size: 2.85rem;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX TEXT
+/*------------------------------------------*/
+
+.cbox-1-txt,
+.cbox-2-txt,
+.cbox-3-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.cbox-2-txt,
+.cbox-3-txt {
+  margin-bottom: 35px;
+}
+
+.ct-03 .cbox-2-txt {
+  margin-bottom: 30px;
+}
+
+.cbox-4-txt {
+  margin-bottom: 25px;
+}
+
+.cbox-2:last-child .cbox-2-txt,
+.cbox-3:last-child .cbox-3-txt,
+.cbox-4:last-child .cbox-4-txt {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX FEATURE
+/*------------------------------------------*/  
+
+.cbox-5-fea {
+  padding: 20px 25px;
+  margin-top: 25px;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+}
+
+.txt-block .cbox-5-fea h4 {
+  line-height: 1;
+  margin-bottom: 3px;
+}
+
+.cbox-5-fea p {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX TYPOGRAPHY
+/*------------------------------------------*/
+
+.cbox-2-txt h5,
+.cbox-3-txt h5 {
+  margin-bottom: 15px;
+}
+
+.ct-03 .cbox-2-txt h5 {
+  margin-bottom: 10px;
+}
+
+.cbox-6 h6 {
+  margin-bottom: 15px;
+}
+
+.cbox-1-txt p { 
+  margin-bottom: 8px;
+}
+
+.cbox-1-last .cbox-1-txt p { 
+  margin-bottom: 1rem;
+}
+
+.cbox-6 p,
+.cbox-2-txt p,
+.cbox-3-txt p,
+.cbox-4-txt p {
+  margin-bottom: 0;
+}
+
+.bc-6-txt {
+  padding: 0 10px;
+}
+
+.bc-6-txt h5 {
+  margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  ACCORDION  
+/*------------------------------------------*/
+
+.txt-block .accordion-1 .accordion-item {
+  background-color: transparent;
+  padding: 25px 30px;
+  border: none;
+}
+
+.txt-block .accordion-2 .accordion-item {
+  background-color: transparent;
+  padding: 15px 0 25px;
+  border: none;
+  border-top: 1px solid #ccc;
+  border-radius: 0 0;
+}
+
+.txt-block .accordion-2 .accordion-item:last-child {
+  border-bottom: 1px solid #ccc;
+}
+
+.txt-block .accordion-item.r-02:first-of-type { border-top-left-radius: 2px; border-top-right-radius: 2px; }
+.txt-block .accordion-item.r-04:first-of-type { border-top-left-radius: 4px; border-top-right-radius: 4px; }
+.txt-block .accordion-item.r-06:first-of-type { border-top-left-radius: 6px; border-top-right-radius: 6px; }
+.txt-block .accordion-item.r-08:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+.txt-block .accordion-item.r-10:first-of-type { border-top-left-radius: 10px; border-top-right-radius: 10px; }
+.txt-block .accordion-item.r-12:first-of-type { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+.txt-block .accordion-item.r-14:first-of-type { border-top-left-radius: 14px; border-top-right-radius: 14px; }
+.txt-block .accordion-item.r-16:first-of-type { border-top-left-radius: 16px; border-top-right-radius: 16px; }
+
+.txt-block .accordion-item.r-02:last-of-type { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }
+.txt-block .accordion-item.r-04:last-of-type { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
+.txt-block .accordion-item.r-06:last-of-type { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
+.txt-block .accordion-item.r-08:last-of-type { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }
+.txt-block .accordion-item.r-10:last-of-type { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
+.txt-block .accordion-item.r-12:last-of-type { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; }
+.txt-block .accordion-item.r-14:last-of-type { border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; }
+.txt-block .accordion-item.r-16:last-of-type { border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; }
+
+.txt-block .accordion-thumb {
+  margin: 0;
+  padding: 0;
+  cursor: pointer;
+  position: relative;
+}
+
+.txt-block .accordion-1 .accordion-item .accordion-thumb:before,
+.txt-block .accordion-2 .accordion-item .accordion-thumb:after,
+.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before,
+.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
+  color: #6c757d;
+  font-family: Flaticon;
+  position: absolute;
+  color: #353f4f;
+  font-weight: 400; 
+}
+
+.txt-block .accordion-1 .accordion-item .accordion-thumb:before {
+  content: "\f11a";
+  font-size: 0.95rem;
+  top: 1px;
+  left: 0;
+}
+
+.txt-block .accordion-2 .accordion-item .accordion-thumb:after,
+.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
+  content: "\f110";
+  font-size: 0.95rem;
+  top: 12px;
+  right: 0;
+}
+
+.txt-block .accordion-1 .accordion-item.is-active {
+  background-color: #f4f4f9;
+  padding: 35px 30px 19px 30px;
+  margin-bottom: 15px;
+  margin-top: 15px;
+}
+
+.txt-block .accordion-2 .accordion-item.is-active {
+  background-color: transparent;
+  margin-bottom: 0;
+  margin-top: 0;
+}
+
+.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before {
+  content: "\f11b";
+}
+
+.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
+  content: "\f111";
+}
+
+.txt-block .accordion-1 .accordion-panel {
+  color: #6c757d;
+  margin: 0;
+  padding: 0 0 0 25px;
+  display: none;
+}
+
+.txt-block .accordion-2 .accordion-panel {
+  color: #6c757d;
+  margin: 15px 0 0 0;
+  display: none;
+}
+
+.txt-block .accordion-1 .accordion-thumb h5 {
+  color: #353f4f;
+  line-height: 1;
+  padding-left: 28px;
+  margin-bottom: 0;
+}
+
+.txt-block .accordion-2 .accordion-thumb h5 {
+  color: #353f4f;
+  display: inline-block;
+  line-height: 1;
+  padding-left: 10px;
+  margin-bottom: 0;
+}
+
+.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 {
+  margin-bottom: 20px;
+}
+
+.accordion-2 .accordion-thumb span[class*="flaticon-"]:before,
+.accordion-2 .accordion-thumb span[class*="flaticon-"]:after {  
+  color: #6c757d;
+  position: relative;
+  font-size: 2.1875rem;
+  top: 10px;
+}
+
+.txt-block .accordion-2 .accordion-panel .simple-list li {
+  margin-bottom: 1rem;
+}
+
+.txt-block .accordion-2 .accordion-panel p,
+.txt-block .accordion-2 .accordion-panel .simple-list li:last-child {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TABS
+/*------------------------------------------*/
+
+#tabs-1 .tabs-nav { 
+  text-align: center;
+}
+
+.tabs-1 { 
+  display: inline-block;
+  margin: 0 auto 60px;
+}
+
+#tabs-1 .tab-content {
+  display: none;
+}
+
+#tabs-1 .tab-content.current {
+  display: inherit;
+}
+
+.tabs-1 li {
+  display: inline-block; 
+  margin: 0 20px;
+  color: #aaa;
+  font-size: 1.05rem;
+  line-height: 1;
+  font-weight: 500;
+  padding: 0 2px 10px;
+  background-color: transparent;
+  border-bottom: 3px solid transparent;
+  cursor: pointer;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+/*------------------------------------------*/
+/*  TAB LINK HOVER / CURRENT
+/*------------------------------------------*/
+
+.tabs-1 li:hover {
+  color: #888;
+  border-color: #ccc;
+}
+
+.tabs-1 li.current,
+.tabs-1 li.current:hover {
+  color: #2b3648;
+  border-color: #2b3648;
+}
+
+.tabs-1.tabs--blue-500, .tabs-1.tabs--blue-500 li.current:hover { color: #185abd; border-color: #185abd; }
+.tabs-1.tabs--blue-400, .tabs-1.tabs--blue-500 li.current:hover { color: #1680fb; border-color: #1680fb; }
+.tabs-1.tabs--blue-300, .tabs-1.tabs--blue-500 li.current:hover { color: #3eb1ff; border-color: #3eb1ff; }
+
+.tabs-1.tabs--green-500, .tabs-1.tabs--green-500 li.current:hover { color: #00a14e; border-color: #00a14e; }
+.tabs-1.tabs--green-400, .tabs-1.tabs--green-400 li.current:hover { color: #0fbc49; border-color: #0fbc49; }
+.tabs-1.tabs--green-300, .tabs-1.tabs--green-300 li.current:hover { color: #6fd792; border-color: #6fd792; }
+
+.tabs-1.tabs--pink-500, .tabs-1.tabs--pink-500 li.current:hover { color: #ff149c; border-color: #ff149c; }
+.tabs-1.tabs--pink-400, .tabs-1.tabs--pink-400 li.current:hover { color: #f74780; border-color: #f74780; }
+.tabs-1.tabs--pink-300, .tabs-1.tabs--pink-300 li.current:hover { color: #fcb5cc; border-color: #fcb5cc; }
+
+.tabs-1.tabs--purple-500, .tabs-1.tabs--purple-500 li.current:hover { color: #663ae9; border-color: #663ae9; }
+.tabs-1.tabs--purple-400, .tabs-1.tabs--purple-400 li.current:hover { color: #7b5dd6; border-color: #7b5dd6; }
+.tabs-1.tabs--purple-300, .tabs-1.tabs--purple-300 li.current:hover { color: #bdaeea; border-color: #bdaeea; }
+
+.tabs-1.tabs--red-500, .tabs-1.tabs--red-500 li.current:hover { color: #da0f29; border-color: #da0f29; }
+.tabs-1.tabs--red-400, .tabs-1.tabs--red-400 li.current:hover { color: #ff1e1a; border-color: #ff1e1a; }
+.tabs-1.tabs--red-300, .tabs-1.tabs--red-300 li.current:hover { color: #ffa5a3; border-color: #ffa5a3; }
+
+.tabs-1.tabs--violet-500, .tabs-1.tabs--violet-500 li.current:hover { color: #c73e9b; border-color: #c73e9b; }
+.tabs-1.tabs--violet-400, .tabs-1.tabs--violet-400 li.current:hover { color: #be6cbe; border-color: #be6cbe; }
+.tabs-1.tabs--violet-300, .tabs-1.tabs--violet-300 li.current:hover { color: #e2bde2; border-color: #e2bde2; }
+
+.tabs-1.tabs--yellow-500, .tabs-1.tabs--yellow-500 li.current:hover { color: #ffba01; border-color: #ffba01; }
+.tabs-1.tabs--yellow-400, .tabs-1.tabs--yellow-400 li.current:hover { color: #ffbd45; border-color: #ffbd45; }
+.tabs-1.tabs--yellow-300, .tabs-1.tabs--yellow-300 li.current:hover { color: #ffdf35; border-color: #ffdf35; }
+
+/*------------------------------------------*/
+/*  ADVANTAGES LIST
+/*------------------------------------------*/
+
+.advantages {
+  margin-top: 15px;
+}
+
+.text-center .advantages {
+  margin-top: 20px;
+}
+
+.advantages li {
+  width: auto!important;
+  display: inline-block!important;
+  vertical-align: top;
+  clear: none !important;
+}
+
+.advantages-links-divider {
+  position: relative;
+  top: 0.5px;
+  transform: rotate(-90deg);
+}
+
+.advantages li p {
+  display: inline-block;
+  float: left;
+  margin-bottom: 0;
+}
+
+.advantages.ico-15 li p span {
+  position: relative;
+  top: 2px;
+  right: -1px;
+}
+
+.advantages.ico-15 [class*="flaticon-"]:before, 
+.advantages.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+.advantages li p a {
+  font-weight: 400;
+  text-decoration: underline;
+}
+
+.advantages li p a:hover {
+  text-decoration: underline;
+}
+
+.white--color .advantages li p a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  COMPATABILITY
+/*------------------------------------------*/
+
+.compatibility {
+  display: inline-block;
+  padding: 3px 20px;
+  margin-top: 15px;
+  margin-bottom: 0;
+}
+
+.compatibility span {
+  position: relative;
+  top: -1.5px;
+  right: 2px;
+}
+
+.compatibility.ico-10 [class*="flaticon-"]:before, 
+.compatibility.ico-10 [class*="flaticon-"]:after { font-size: 0.5rem; }
+
+/*------------------------------------------*/
+/*  TOOLS LIST / PAYMENT METHODS
+/*------------------------------------------*/
+
+.tools-list,
+.payment-methods {
+  margin-top: 25px;
+}
+
+.tools-list p,
+.payment-methods p {
+  font-weight: 400;
+  margin-bottom: 12px;
+}
+
+.tools-list.ico-35 [class*="flaticon-"]:before, 
+.tools-list.ico-35 [class*="flaticon-"]:after { 
+  line-height: 2.1875rem!important;
+  margin-right: 6px;
+}
+
+/*------------------------------------------*/
+/*  Payment Icons
+/*------------------------------------------*/
+
+.payment-icons li {
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  margin: 0;
+  padding-right: 5px;
+}
+
+.payment-icons li:last-child {
+  padding-right: 0;
+}
+
+.payment-icons img {
+  width: auto;
+  max-width: inherit;
+  max-height: 32px;
+}
+
+/*------------------------------------------*/
+/*  QUOTE
+/*------------------------------------------*/ 
+
+.quote p {
+  color: #666;
+  border-left: 3px solid #0195ff;
+  font-style: italic;
+  padding-left: 20px;
+  margin-bottom: 12px;
+}
+
+/*------------------------------------------*/
+/*  Quote Avatar 
+/*------------------------------------------*/ 
+
+.quote-avatar {
+  display: inline-block;
+  margin: 0 auto; 
+}
+
+.quote-avatar img {
+  width: 70px;
+  height: 70px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+}
+
+/*------------------------------------------*/
+/*  Quote Author 
+/*------------------------------------------*/ 
+
+.quote-author {
+  position: relative;
+  display: inline-block;
+  padding: 0 0 0 15px;
+  text-align: left;
+  top: 16px;
+} 
+   
+.quote-author h6 {
+  margin-bottom: 0;
+}
+
+.quote-author span {
+  font-size: 1rem;
+}
+
+/*------------------------------------------*/
+/*  CONTENT BOX SHAPES
+/*------------------------------------------*/ 
+
+.cbox-5-shape-1 {
+  position: absolute;
+  right: 30px;
+  top: -35px;
+  z-index: -1;
+}
+
+.cbox-5-shape-2 {
+  position: absolute;
+  left: 30px;
+  bottom: -25px;
+  z-index: -1;
+}
+
+.cbox-5-shape-1 img,
+.cbox-5-shape-2 img {
+  height: 100%;
+  width: 100%;
+  object-fit: cover;
+}
+
+/*------------------------------------------*/
+/*  IMG BLOCK IMAGE
+/*------------------------------------------*/ 
+
+.grey-img {
+  filter: grayscale(100%);
+}
+
+.img-block {
+  text-align: center;
+}
+
+.img-block.img-block-bkg {
+  overflow: hidden;
+}
+
+.img-block.img-block-bkg img {
+  padding: 60px 45px;
+}
+
+.ct-10 .img-block,
+.img-block-hidden,
+.bc-5-img.bc-5-dashboard.img-block-hidden {
+  margin-bottom: -100px;
+}
+
+.ct-05 .img-block-hidden {
+  margin-bottom: -30px;
+}
+
+.bc-5-img.bc-5-tablet.img-block-hidden {
+  margin-bottom: -200px;
+}
+
+.img-block-hidden .video-btn,
+.bc-5-img.bc-5-dashboard.img-block-hidden .video-btn {
+  top: calc(50% - 30px);
+}
+
+.bc-5-img.bc-5-tablet.img-block-hidden .video-btn {
+  top: calc(50% - 70px);
+}
+
+.ct-01 .img-block,
+.ct-04 .img-block {
+  margin-left: 30px;
+}
+
+.ct-02 .img-block {
+  margin-right: 30px;
+}
+
+.ct-03 .img-block.right-column {
+  margin-left: 20px;
+}
+
+.ct-03 .img-block.left-column {
+  margin-right: 20px;
+}
+
+.ct-04 .img-block img {
+  max-width: none;
+  display: inline-block;
+}
+
+.ct-06 .img-block {
+  margin-bottom: -80px;
+}
+
+.ct-07 .img-block {
+  margin-top: -80px;
+}
+
+.img-block-txt,
+.img-block-btn {
+  margin-top: 60px;
+}
+
+.bc-1-wrapper .img-block.left-column,
+.bc-2-wrapper .img-block.left-column {
+  padding-right: 10px;
+}
+
+.bc-1-wrapper .img-block.right-column,
+.bc-2-wrapper .img-block.right-column {
+  padding-left: 10px;
+}
+
+.bc-2-img {
+  margin-left: 15px;
+}
+
+.bc-3-img {
+  margin: 0 -65% -25px 15px;
+}
+
+.bc-4-img {
+  margin-left: 15px;
+  margin-right: -65%;
+}
+
+.bc-6-img {
+  padding: 50px 30px 0;
+  margin-bottom: 35px;
+}
+
+.ct-11 .img-block {
+  position: relative;
+  text-align: center;
+  padding-left: 70px;
+  z-index: 2;
+}
+
+.ct-12 .img-block {
+  position: relative;
+  text-align: center;
+  padding-right: 70px;
+  z-index: 2;
+}
+
+.ct-11 .img-block .tra-bkg,
+.ct-12 .img-block .tra-bkg {
+  opacity: 0;
+  -moz-opacity: 0; 
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+} 
+
+
+
+
+/* ==========================================================================
+  09. STATISTIC
+  =========================================================================== */
+
+.sb-rounded .statistic-block {
+  padding: 35px 25px;
+}
+
+/*------------------------------------------*/
+/*  STATISTIC BLOCK
+/*------------------------------------------*/
+
+#sb-2-1,
+#sb-2-2 {
+  width: 48%;
+  display: inline-block;
+  float: left;
+}
+
+#sb-2-3, #sb-2-4 {
+  display: inline-block;
+  float: left;
+  padding-right: 15px;
+} 
+
+#sb-2-3 { width: 45%; }
+#sb-2-4 { width: 55%; }
+
+#sb-2-3 .statistic-block,
+#sb-2-4 .statistic-block {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+#sb-2-3 .statistic-block-txt,
+#sb-2-4 .statistic-block-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+  padding-left: 15px;
+}
+
+/*------------------------------------------*/
+/*  STATISTIC BLOCK TYPOGRAPHY
+/*------------------------------------------*/
+
+.statistic-1-wrapper .statistic-block-digit {   
+  width: 35%;
+  display: inline-block!important;  
+  float: left;
+}
+
+.statistic-1-wrapper .statistic-block-txt {
+  width: 65%;
+  display: inline-block!important;
+  padding-left: 20px;
+}
+
+#statistic-5 .statistic-digit {
+  padding-bottom: 20px;
+  margin: 0 100px 20px 0;
+  border-bottom: 1px solid #999;
+}
+
+#statistic-5 .color--white .statistic-digit {
+  border-bottom: 1px solid rgba(255, 255, 255, .8);
+}
+
+/*------------------------------------------*/
+/*  STATISTIC BLOCK TYPOGRAPHY
+/*------------------------------------------*/
+
+.statistic-ico {
+  margin-bottom: 10px;
+}
+
+h2.statistic-number {
+  line-height: 1; 
+  font-weight: 700;
+  letter-spacing: -1px;
+  margin-bottom: 0;
+}
+
+#sb-2-1 h2.statistic-number,
+#sb-2-2 h2.statistic-number {
+  margin-bottom: 15px;
+}
+
+#sb-2-3 h2.statistic-number span,
+#sb-2-4 h2.statistic-number span {
+  font-size: 2rem;
+}
+
+#statistic-5 .statistic-digit h2 {
+  letter-spacing: -1.5px;
+}
+
+#statistic-5 .statistic-txt h5 {
+  line-height: 1;
+  margin-bottom: 12px;
+}
+
+.statistic-block-txt p.p-md {
+  line-height: 1.35;
+  margin-bottom: 0;
+}
+
+#sb-2-1 .statistic-block p.p-sm,
+#sb-2-2 .statistic-block p.p-sm {
+  line-height: 1.4;
+  margin-bottom: 0;
+}
+
+#sb-2-3 .statistic-block p.p-sm,
+#sb-2-4 .statistic-block p.p-sm {
+  margin-top: 3px;
+  line-height: 1.5;
+  margin-bottom: 0;
+}
+
+.statistic-3-wrapper p {
+  line-height: 1;
+  margin-top: 15px;
+  margin-bottom: 0;
+}
+
+.statistic-3-wrapper p.p-md {
+  line-height: 1;
+  margin-top: 22px;
+  margin-bottom: 0;
+}
+
+.statistic-4-wrapper p {
+  line-height: 1;
+  margin-bottom: 14px;
+}
+
+#statistic-5 .statistic-txt p {
+  padding-right: 3%;
+  margin-bottom: 0;
+}
+
+.txt-block-stat .statistic-block .txt-block-rating {
+  margin-top: -4px;
+  margin-bottom: -3px;
+}
+
+.txt-block-stat .ico-15 [class*="flaticon-"]:before, 
+.txt-block-stat .ico-15 [class*="flaticon-"]:after { font-size: 0.8125rem; }
+
+
+
+
+/* ==========================================================================
+  10. PROJECTS
+  ========================================================================== */
+
+.projects-wrapper {
+  padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  PROJECT DETAILS
+/*------------------------------------------*/
+
+#pt-1-1, #pt-1-2,
+.inner-page-hero #pt-1-3, 
+.inner-page-hero #pt-1-4 {
+  margin-bottom: 50px;
+}
+
+.project-details h5 {
+  line-height: 1;
+  margin-bottom: 30px;
+}
+
+.project-preview {
+  position: relative;
+  overflow: hidden;
+}
+
+/*------------------------------------------*/
+/*  Image Link
+/*------------------------------------------*/
+
+.project-link {
+  width: 100%;
+  position: absolute;
+  top: 55%;
+  transform: translateY(-50%);
+  opacity: 0;
+  text-align: center;
+  color: #fff;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  Image Hover Overlay
+/*------------------------------------------*/
+
+.hover-overlay {
+  width: 100%;
+  height: auto;
+  overflow: hidden;
+  position: relative; 
+}
+
+.hover-overlay img {
+  transform: scale(1);
+  -ms-transform: scale(1);
+  -webkit-transform: scale(1);
+  -o-transform: scale(1);
+  -moz-transform: scale(1);
+  overflow: hidden;
+  -webkit-transition: transform 400ms;
+  -moz-transition: transform 400ms;
+  -o-transition: transform 400ms;
+  transition: transform 400ms;
+}
+
+/*------------------------------------------*/
+/*    Overlay Background 
+/*------------------------------------------*/ 
+
+.item-overlay {
+  opacity: 0;
+  -moz-opacity: 0; 
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(20, 20, 20, .25);
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+/*------------------------------------------*/
+/*  Image Hover Effect 
+/*------------------------------------------*/ 
+
+.project-preview:hover img {
+  transform: scale(1.05);
+  -ms-transform: scale(1.05);
+  -webkit-transform: scale(1.05);
+  -o-transform: scale(1.05);
+  -moz-transform: scale(1.05);
+}
+
+.project-preview:hover .project-link {
+  top: 50%;
+  opacity: 1; 
+  -moz-opacity: 1; 
+}
+
+.project-preview:hover .item-overlay {
+  opacity: 1; 
+  -moz-opacity: 1; 
+}
+
+/*------------------------------------------*/
+/*  MORE PROJECTS BUTTON
+/*------------------------------------------*/ 
+
+.more-projects {
+  text-align: center;
+  margin-top: 70px;
+}
+
+
+
+
+/* ==========================================================================
+  11. PROJECT DETAILS
+  ========================================================================== */
+
+.single-project .project-title {
+  margin-bottom: 80px;
+}
+
+.project-title h2 {
+  padding-right: 5%;
+  padding-bottom: 40px;
+  margin-bottom: 35px;
+  border-bottom: 1px solid #ddd;
+}
+
+.project-data p {
+  margin-bottom: 4px;
+}
+
+.project-data p span {
+  color: #353f4f;
+  font-weight: 500;
+}
+
+/*------------------------------------------*/
+/*  MORE PROJECTS BUTTON
+/*------------------------------------------*/
+
+.project-description .more-projects {
+  margin-top: 65px;
+}
+
+.project-description .more-projects h3 {
+  display: inline-block;
+  text-decoration: underline;
+  margin-bottom: 0;
+}
+
+.project-description .more-projects span {
+  color: #353f4f;
+  position: relative;
+  top: 2px;
+  left: 5px;
+}
+
+
+
+
+/* ==========================================================================
+  12. RATING
+  =========================================================================== */
+
+.rating-section .rating-1-wrapper {
+  padding: 0 16%;
+}
+
+.rating-section .rating-2-wrapper {
+  padding: 0 4%;
+}
+
+.rating-title {
+  text-align: center;
+}
+
+.rating-title h5 {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  RATING BOX
+/*------------------------------------------*/
+
+.rbox-1,
+.rbox-2 {
+  text-align: center;
+}
+
+/*------------------------------------------*/
+/*  RATING BOX LOGO
+/*------------------------------------------*/
+
+.rbox-1-img {
+  margin-bottom: 20px;
+}
+
+.rbox-1-img img {
+  width: auto;
+  max-width: inherit;
+  max-height: 38px;
+}
+
+.rbox-2-txt img {
+  position: relative;
+  display: inline-block;
+  width: auto;
+  max-width: inherit;
+  max-height: 30px;
+  top: -1px;
+  left: 4px;
+}
+
+/*------------------------------------------*/
+/*  RATING BOX TYPOGRAPHY
+/*------------------------------------------*/
+
+.rbox-2-txt {
+  margin-top: 20px;
+}
+
+.rbox-1 .star-rating {
+  display: inline-block;
+  font-size: 17px;
+  line-height: 15px;
+  font-weight: 500;
+  vertical-align: inherit;
+  border: 1px solid #f5f5f5;
+  padding: 5px 18px;
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+}
+
+.rbox-1 .star-rating span {
+  position: relative;
+  color: #ffb30c;
+  top: 1.5px;
+}
+
+.rbox-1 .star-rating { 
+  font-size: 0.86rem; 
+  line-height: 1; 
+}
+
+p.rbox-2-txt {
+  line-height: 22px;
+  margin-top: 8px;
+  margin-bottom: 0;
+}
+
+p.rbox-2-txt span {
+  font-weight: 500;
+}
+
+
+
+
+/* ==========================================================================
+  13. TESTIMONIALS
+  =========================================================================== */
+
+.reviews-2-wrapper {
+  padding: 0 10px;
+}
+
+.reviews-3-wrapper {
+  padding: 0 20px;
+}
+
+.reviews-4-wrapper,
+.reviews-5-wrapper {
+  padding-left: 40px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL
+/*------------------------------------------*/
+
+.review-1 { 
+  padding: 40px 40px 30px;
+  margin: 0 10px 30px;                                
+}
+
+.review-1.block-border {
+  border-color: #d2d2d2;
+}
+
+.review-2 { 
+  padding: 45px 50px 35px;
+}
+
+.review-3 { 
+  padding: 45px 50px 40px;
+}
+
+.review-4 { 
+  padding: 40px 45px 30px;
+}
+
+.review-5 { 
+  padding: 45px 45px 40px;
+}
+
+#rw-2-1, #rw-2-2 {
+  margin-bottom: 20px;
+}
+
+.inner-page-hero #rw-2-3, .inner-page-hero #rw-2-4 {
+  margin-bottom: 20px;
+}
+
+#rw-3-2 {
+  margin-bottom: 45px;
+}
+
+#rw-3-2, #rw-3-3 {
+  margin-left: 15px;
+}
+
+#rw-4-1,
+#rw-5-1 {
+  margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL TEXT
+/*------------------------------------------*/
+
+.review-ico {   
+  position: relative;
+  margin-top: -25px;
+  margin-left: -10px;
+  opacity: .1;
+}
+
+.review-txt {
+  position: relative;
+  margin-top: -45px;
+}
+
+.review-txt h6 {
+  margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL DATA
+/*------------------------------------------*/ 
+
+.review-1 .author-data {
+  margin-top: 22px;
+}
+
+.review-2 .author-data {
+  margin-top: 15px;
+}
+
+.review-3 .author-data {
+  margin-top: 20px;
+}
+
+.review-avatar {
+  margin: 0 auto; 
+  float: left;
+}
+
+.review-avatar img,
+.owl-item .review-avatar img {
+  width: 54px;
+  height: 54px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+}
+
+.review-2 .review-avatar img {
+  width: 64px;
+  height: 64px;
+}
+
+.review-3 .review-avatar img,
+.review-5 .review-avatar img {
+  width: 62px;
+  height: 62px;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL AUTHOR
+/*------------------------------------------*/ 
+
+.review-author {
+  position: relative;
+  display: inline-block;
+  text-align: left;
+  padding: 0 0 0 15px;
+}
+
+.review-1 .review-author {
+  margin-top: 4px;
+}
+
+.review-2 .review-author {
+  margin-top: 10px;
+}
+
+.review-3 .review-author {
+  margin-top: 8px;
+} 
+
+.review-5 .review-author {
+  margin-top: 8px;
+}   
+
+.review-4 .review-author {
+  padding-left: 0;
+  margin-top: 0;
+} 
+
+.review-author h6 {
+  line-height: 1;
+  margin-bottom: 8px;
+}
+
+.review-1 .review-author h6 {
+  font-size: 0.975rem;
+}
+
+.review-author p {
+  line-height: 1;
+  font-weight: 300;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TESTIMONIAL CAROUSEL DOTS
+/*------------------------------------------*/
+
+.reviews-section button {
+  background-color: transparent;
+  border: none;
+  padding: 0 2px;
+}
+
+.owl-theme .owl-dots .owl-dot span {
+  margin: 0 7px;
+}
+
+.owl-dots button:focus {
+  outline: none;
+  text-decoration: none;
+}
+
+
+
+
+/* ==========================================================================
+  14. PRESS
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  PRESS LOGO
+/*------------------------------------------*/ 
+
+.press-logo img {
+  position: relative;
+  width: auto;
+  max-width: inherit;
+  max-height: 82px;
+}
+
+/*------------------------------------------*/
+/*  PRESS TEXT
+/*------------------------------------------*/ 
+
+.press-txt {
+  position: relative;
+  margin-top: 15px;
+}
+
+.press-txt p {
+  color: #999;
+  font-weight: 400;
+  margin-bottom: 0;
+}
+
+.press-txt span {   
+  position: relative;
+  top: 3px;
+  left: -1px;
+  opacity: .6;
+}
+
+.press-txt.ico-20 [class^="flaticon-"]:before, 
+.press-txt.ico-20 [class^="flaticon-"]:after {
+  font-size: 1.375rem;
+}
+
+
+
+
+/* ==========================================================================
+  15. BRANDS
+  =========================================================================== */
+
+#brands-3 {
+  position: relative;
+}
+
+#brands-3:after {
+  position: absolute;
+  content: '';
+  width: 100%;
+  height: 80%;
+  top: 0;
+  left: 0;
+  z-index: -1;
+}
+
+/*------------------------------------------*/
+/*  BRANDS SECTION TITLE
+/*------------------------------------------*/ 
+
+.brands-title {
+  text-align: center;
+  padding: 0 5%;
+}
+
+.brands-title h4,
+.brands-title h3,
+.brands-title h2 {
+  margin-bottom: 8px;
+}
+
+.brands-title p {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  BRANDS LOGO WRAPPER
+/*------------------------------------------*/ 
+
+.brands-3-wrapper {
+  padding: 50px 30px;
+  background-color: #fff;
+  border: 1px solid #e9ecef;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px; 
+}
+
+/*------------------------------------------*/
+/*  BRANDS LOGO IMAGE
+/*------------------------------------------*/ 
+
+.brand-logo {
+  overflow: hidden;
+  position: relative;
+  top: 0;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+} 
+
+#brands-1 .brands-carousel-5 .brand-logo {
+  padding: 0 30px;
+} 
+
+#brands-1 .brands-carousel-6 .brand-logo {
+  padding: 0 20px;
+}   
+
+#brands-1 .justify-content-center .brand-logo {
+  padding: 0 15px;
+} 
+
+#brands-2 .brand-logo {
+  padding: 0;
+} 
+
+#brands-3 .brand-logo {
+  padding: 0 25px;
+}
+
+#brands-3 .brands-3-static .brand-logo {
+  padding: 0 15px;
+}
+
+#brands-4 .brand-logo {
+  padding: 0 20px;
+} 
+
+.brand-logo:hover {
+  top: -6px;
+}
+
+.brands-section .more-btn {
+  text-align: center;
+  margin-top: 40px;
+}
+
+.hero-section .owl-dots,
+.brands-section .owl-dots {
+  display: none;
+}
+
+
+
+
+/* ==========================================================================
+  16. INTEGRATIONS
+  =========================================================================== */
+
+.integrations-2-wrapper {
+  padding: 80px 70px;
+}
+
+.in_tool_logo {
+  padding: 50px 30px;
+  margin-bottom: 25px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.integrations-1-wrapper .in_tool-logo {
+  position: relative;
+  margin-right: 20px;
+}
+
+.integrations-1-wrapper .in_tool {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+  padding: 22px 20px;
+  border: 1px solid #ccc;
+}
+
+.integrations-1-wrapper .in_tool-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.in_tool h6 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.integrations-1-wrapper .in_tool-txt h6 {
+  margin-top: 5px;
+}
+
+.integrations-1-wrapper .in_tool-txt p {
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+.integrations-1-wrapper .in_tool:hover {
+  border-color: transparent;
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+}
+
+
+
+
+/* ==========================================================================
+  17. PRICING
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  Price Table
+/*------------------------------------------*/
+
+.p-table {
+  margin-bottom: 40px;
+}
+
+.pricing-1-table { 
+  padding: 50px 38px 45px; 
+}
+
+.text-center .pricing-1-table {
+  padding: 60px 35px 50px; 
+}
+
+.pricing-2-table { 
+  padding: 45px 38px 50px; 
+}
+
+.pricing-3-table { 
+  padding: 50px 40px; 
+}
+
+.pricing-4-table {
+  position: relative;
+  padding: 45px;
+}
+
+#pt-4-1 { margin: 0 10px 40px 50px; }
+#pt-4-2 { margin: 0 50px 40px 10px; }
+
+/*------------------------------------------*/
+/*  TABLE HEADER 
+/*------------------------------------------*/
+
+.pricing-table-header {
+  position: relative;
+}
+
+.pricing-table-header h5 {
+  margin-bottom: 30px;
+}
+
+.pricing-table-header h4 {
+  margin-bottom: 25px;
+}
+
+/*------------------------------------------*/
+/*  PRICING TABLE DISCOUNT
+/*------------------------------------------*/
+
+.pricing-discount {
+  position: absolute;
+  top: -2px;
+  right: -10px;
+  padding: 8px 18px;
+}
+
+.pricing-1-table .pricing-discount {
+  top: -2px;
+  right: -5px;
+  padding: 7px 13px;
+}
+
+.text-center .pricing-1-table .pricing-discount {
+  top: -35px;
+  right: -8px;
+}
+
+.pricing-discount h6 {
+  font-size: 1.1rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.pricing-1-table .pricing-discount h6 {
+  font-size: 0.915rem;
+}
+
+.price.color--black .white--color {
+  color: #fff;
+}
+
+.comp-table .table thead th {
+  border-color: #ccc;
+}
+
+.comp-table tbody th {
+  border-bottom: 1px solid #ccc!important;
+}
+
+.comp-table .table tr td {
+  border-bottom: 2px solid #ccc;
+}
+
+/*------------------------------------------*/
+/*  PRICE
+/*------------------------------------------*/
+
+.price span {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 3rem;
+  line-height: 1;
+  font-weight: 600;
+  letter-spacing: -2px;
+} 
+
+.pricing-2-table.highlight .price span {
+  font-size: 2.4rem;
+  letter-spacing: -1px;
+} 
+
+.pricing-3-table .price span {
+  font-size: 4.35rem;
+} 
+
+.pricing-4-table .price span {
+  font-size: 3.15rem;
+} 
+
+/*------------------------------------------*/
+/*  DOLLAR SIGN
+/*------------------------------------------*/
+
+.price sup {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 2.05rem;
+  font-weight: 600;
+  top: -5px;
+  right: 2px;
+  letter-spacing: -1px;
+}
+
+.pricing-3-table .price sup {
+  font-size: 2.35rem;
+  top: -23px;
+  right: 3px;
+}
+
+.pricing-4-table .price sup {
+  font-size: 2.05rem;
+  top: -10px;
+  right: 2px;
+}
+
+/*------------------------------------------*/
+/*  COINS
+/*------------------------------------------*/
+
+.pricing-3-table .price sup.coins {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 2.35rem;
+  font-weight: 600;
+  top: -29px;
+  left: 3px;
+  letter-spacing: -2px;
+}
+
+/*------------------------------------------*/
+/*  Validity
+/*------------------------------------------*/
+
+.price sup.validity {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 1.4rem;
+  font-weight: 400;
+  top: -2px;
+  left: 0;
+}
+
+.pricing-3-table .price sup.validity {
+  display: block;
+  font-size: 1.1875rem;
+  top: 0;
+  margin-top: 20px;
+  margin-bottom: 30px;
+  letter-spacing: 0;
+  margin-bottom: 40px;
+}
+
+/*------------------------------------------*/
+/*  Text
+/*------------------------------------------*/
+
+.price p {
+  margin-top: 25px;
+  margin-bottom: 25px;
+}
+
+.pricing-2-table .price p {
+  margin-bottom: 15px;
+}
+
+.text-center .price p {
+  padding: 0 2%;
+}
+
+.pricing-section .btn-txt a {
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  PRICING TABLE HORIZONTAL LINE
+/*------------------------------------------*/
+
+.pricing-1-table hr {
+  margin-top: 35px;
+}
+
+.pricing-2-table hr {
+  margin-top: 25px;
+}
+
+/*------------------------------------------*/
+/*  PRICING FEATURES
+/*------------------------------------------*/
+
+.pricing-features li {
+  padding: 11px 8px;
+}
+
+.pricing-4-table .pricing-features li {
+  padding: 10px;
+} 
+
+.pricing-features li p {
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 0;
+}
+
+.pricing-features li p span {
+  position: relative;
+  top: -2px;
+  right: 5px;
+}
+
+.pricing-features.ico-10 li p span {
+  top: 0;
+  right: 4px;
+}
+
+.pricing-features.ico-5 [class*="flaticon-"]:before, 
+.pricing-features.ico-5 [class*="flaticon-"]:after { font-size: 0.5rem; }
+
+.pricing-features li.disabled-option p,
+.pricing-features li.disabled-option span {
+  color: #b5b5b5!important;
+}
+
+/*------------------------------------------*/
+/*  PRICING TABLE BUTTON
+/*------------------------------------------*/
+
+.pt-btn {
+  display: block;
+  width: 100%;
+  margin-top: 25px;
+}
+
+.p-table p.btn-txt {
+  margin: 14px 0 0 0;
+}
+
+/*------------------------------------------*/
+/*  PRICING TOGGLE BUTTON
+/*------------------------------------------*/
+
+.ext-toggle-btn {
+  text-align: center;
+}
+
+.toggle-btn.inn-toggle-btn {
+  position: absolute;
+}
+
+#pricing-4 .ext-toggle-btn {
+  margin: 0 50px 35px 10px;
+}
+
+/*------------------------------------------*/
+/*  TOGGLE BUTTON TYPOGRAPHY
+/*------------------------------------------*/
+
+.toggle-btn-md .toggler-txt {
+  font-size: 1.1rem;
+  font-weight: 400;
+  line-height: 36px;
+}
+
+.toggle-btn-lg .toggler-txt {
+  font-size: 1.15rem;
+  font-weight: 400;
+  line-height: 40px;
+}
+
+.toggle-btn p {
+  margin-top: 10px;
+  letter-spacing: -0.25px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TOGGLE BUTTON SWITCHER
+/*------------------------------------------*/
+
+.switch-wrap {
+  position: relative;
+  display: inline-block;
+  min-width: 50px;
+  height: 32px;
+  vertical-align: middle;
+}
+
+.toggle-btn-md .switch-wrap {
+  min-width: 65px;
+  height: 36px;
+  margin: 0 8px;
+}
+
+.toggle-btn-lg .switch-wrap {
+  min-width: 70px;
+  height: 40px;
+  margin: 0 14px;
+}
+
+.switcher {
+  display: block;
+  cursor: pointer;
+  color: #fff;
+  font-size: 0.925rem;
+  font-weight: 500;
+  height: 32px;
+  padding: 0 15px 0 35px;
+  position: relative;
+  border-radius: 32px;
+  -webkit-transition: all 150ms ease-in-out;
+  -moz-transition: all 150ms ease-in-out;
+  -o-transition: all 150ms ease-in-out;
+  -ms-transition: all 150ms ease-in-out;
+  transition: all 150ms ease-in-out;
+}
+
+.toggle-btn-md .switcher {
+  height: 36px;
+  padding: 0 20px 0 40px;
+  border-radius: 36px;
+}
+
+.toggle-btn-lg .switcher {
+  height: 40px;
+  padding: 0 20px 0 40px;
+  border-radius: 40px;
+}
+
+.switcher.bg--tra-white {
+  background-color: #fff;
+  border: 2px solid #ccc;
+}
+
+.switcher.bg--ghost-white {
+  background-color: rgba(128, 143, 174, .45);
+  border: 2px solid rgba(128, 143, 174, .15);
+}
+
+.switcher.bg--grey {
+  background-color: #ccc;
+  border: 2px solid #ccc;
+}
+
+.switcher .show-annual, 
+.switcher .show-monthly {
+  line-height: 32px;
+}
+
+.toggle-btn-md .switcher .show-annual,
+.toggle-btn-md .switcher .show-monthly {
+  line-height: 36px;
+}
+
+.toggle-btn-lg .switcher .show-annual,
+.toggle-btn-lg .switcher .show-monthly {
+  line-height: 40px;
+}
+
+.switcher .show-monthly {
+  display: block;
+}
+
+.switcher .show-annual {
+  display: none;
+}
+
+.switcher:before {
+  position: absolute;
+  left: 4px;
+  bottom: 4px;
+  content: " ";
+  background-color: #fff;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out;
+}
+
+.toggle-btn-md .switcher:before {
+  left: 5px;
+  bottom: 5px;
+  width: 26px;
+  height: 26px;
+}
+
+.toggle-btn-lg .switcher:before {
+  left: 5px;
+  bottom: 5px;
+  width: 30px;
+  height: 30px;
+}
+
+.switcher.bg--grey:before,
+.switcher.bg--tra-white:before,
+.switcher.bg--ghost-white:before {
+  background-color: #ccc;
+  left: 4px;
+  bottom: 3.5px;
+  -webkit-box-shadow: 0 1px 1px 0 #aaa;
+  -moz-box-shadow: 0 1px 1px 0 #aaa;
+  box-shadow: 0 1px 1px 0 #aaa;
+}
+
+.switcher.bg--grey:before,
+.switcher.bg--ghost-white:before {
+  background-color: #fff;
+}
+
+.switch-wrap input {
+  display: none;
+}
+
+.switch-wrap input:checked + .switcher {
+  padding: 0 35px 0 15px;
+}
+
+.toggle-btn-md .switch-wrap input:checked + .switcher,
+.toggle-btn-lg .switch-wrap input:checked + .switcher {
+  padding: 0 40px 0 20px;
+}
+
+.switch-wrap input:checked + .switcher.switcher--blue-500 { background-color: #185abd; border-color: #185abd; }
+.switch-wrap input:checked + .switcher.switcher--blue-400 { background-color: #1680fb; border-color: #1680fb; }
+.switch-wrap input:checked + .switcher.switcher--blue-300 { background-color: #3eb1ff; border-color: #3eb1ff; }
+
+.switch-wrap input:checked + .switcher.switcher--green-500 { background-color: #00a14e; border-color: #00a14e; }
+.switch-wrap input:checked + .switcher.switcher--green-400 { background-color: #0fbc49; border-color: #0fbc49; }
+.switch-wrap input:checked + .switcher.switcher--green-300 { background-color: #6fd792; border-color: #6fd792; }
+
+.switch-wrap input:checked + .switcher.switcher--pink-500 { background-color: #ff149c; border-color: #ff149c; }
+.switch-wrap input:checked + .switcher.switcher--pink-400 { background-color: #f74780; border-color: #f74780; }
+.switch-wrap input:checked + .switcher.switcher--pink-300 { background-color: #fcb5cc; border-color: #fcb5cc; }
+
+.switch-wrap input:checked + .switcher.switcher--purple-500 { background-color: #663ae9; border-color: #663ae9; }
+.switch-wrap input:checked + .switcher.switcher--purple-400 { background-color: #7b5dd6; border-color: #7b5dd6; }
+.switch-wrap input:checked + .switcher.switcher--purple-300 { background-color: #bdaeea; border-color: #bdaeea; }
+
+.switch-wrap input:checked + .switcher.switcher--red-500 { background-color: #da0f29; border-color: #da0f29; }
+.switch-wrap input:checked + .switcher.switcher--red-400 { background-color: #ff1e1a; border-color: #ff1e1a; }
+.switch-wrap input:checked + .switcher.switcher--red-300 { background-color: #ffa5a3; border-color: #ffa5a3; }
+
+.switch-wrap input:checked + .switcher.switcher--violet-500 { background-color: #c73e9b; border-color: #c73e9b; }
+.switch-wrap input:checked + .switcher.switcher--violet-400 { background-color: #be6cbe; border-color: #be6cbe; }
+.switch-wrap input:checked + .switcher.switcher--violet-300 { background-color: #e2bde2; border-color: #e2bde2; }
+
+.switch-wrap input:checked + .switcher.switcher--yellow-500 { background-color: #ffba01; border-color: #ffba01; }
+.switch-wrap input:checked + .switcher.switcher--yellow-400 { background-color: #ffbd45; border-color: #ffbd45; }
+.switch-wrap input:checked + .switcher.switcher--yellow-300 { background-color: #ffdf35; border-color: #ffdf35; }
+
+.switch-wrap input:checked + .switcher:before {
+  left: auto;
+  right: 4px;
+  -webkit-transition: all 350ms ease-in-out;
+  -moz-transition: all 350ms ease-in-out;
+  -o-transition: all 350ms ease-in-out;
+  -ms-transition: all 350ms ease-in-out;
+  transition: all 350ms ease-in-out;
+}
+
+.switch-wrap input:checked + .switcher.bg--tra-white:before {
+  bottom: 3px;
+  background-color: #fff;
+  -webkit-box-shadow: 0 0;
+  -moz-box-shadow: 0 0;
+  box-shadow: 0 0;
+}
+
+.switch-wrap input:checked + .switcher .show-annual {
+  display: block;
+}
+
+.switch-wrap input:checked + .switcher .show-monthly {
+  display: none;
+}
+
+/*------------------------------------------*/
+/*  PRICING NOTICE TEXT
+/*------------------------------------------*/
+
+.pricing-notice {
+  text-align: center;
+  margin-top: 20px;
+}
+
+.pricing-notice p {
+  padding: 0 8%;
+  margin-bottom: 0;
+}
+
+.pricing-notice p span {
+  font-weight: 500;
+}
+
+/*------------------------------------------*/
+/*  COMPARE PRICING TABLE
+/*------------------------------------------*/
+
+.table>:not(caption)>*>* {
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+
+.comp-table .pricing-header {
+  max-width: 700px;
+}
+
+.comp-table .table-responsive thead th {
+  font-size: 1.15rem;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-weight: 600;
+}
+
+.comp-table .table-responsive tbody th {
+  font-size: 1rem;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-weight: 600;
+}
+
+.comp-table .table-responsive tbody td {
+  position: relative;
+  font-size: 1rem;
+  line-height: inherit;
+  top: 1px;
+}
+
+.comp-table .table-responsive tbody td span {
+  position: relative;
+  top: 1px;
+}
+
+.table-responsive .ico-15 [class*="flaticon-"]:before, 
+.table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+.table-responsive .ico-20 [class*="flaticon-"]:before, 
+.table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.95rem; }
+
+.comp-table .table-responsive tbody tr {
+  background-color: #fff;
+  -moz-transition: all 350ms ease-in-out;
+  -o-transition: all 350ms ease-in-out;
+  -ms-transition: all 350ms ease-in-out;
+  transition: all 350ms ease-in-out;
+}
+
+.comp-table .table tbody tr.table-last-tr {
+  border-color: transparent;
+}
+
+.comp-table .table-responsive tbody tr:hover {
+  background-color: #f7f7f9;
+}
+
+.comp-table .disabled-option {
+  color: #999;
+}
+
+/*------------------------------------------*/
+/*  PRICING COMPARE PAYMENT
+/*------------------------------------------*/
+
+.comp-table-payment h6 {
+  margin-bottom: 20px;
+}
+
+.comp-table-payment p {
+  margin-bottom: 0;
+}
+
+
+
+
+/* ==========================================================================
+  18. TEAM
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  TEAM MEMBER
+/*------------------------------------------*/
+
+#tm-2-1, #tm-2-4, #tm-2-7, #tm-2-10 { margin-right: 14px; }
+#tm-2-2, #tm-2-5, #tm-2-8, #tm-2-11 { margin-left: 7px; margin-right: 7px; }
+#tm-2-3, #tm-2-6, #tm-2-9, #tm-2-12 { margin-left: 14px; }
+
+/*------------------------------------------*/
+/*  TEAM MEMBER PHOTO
+/*------------------------------------------*/
+
+.team-member-photo {
+  position: relative;
+  overflow: hidden;
+  text-align: center;
+  margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  PHOTO HOVER ZOOM
+/*------------------------------------------*/ 
+
+.team-member:hover img {
+  transform: scale(1.05);
+  -ms-transform: scale(1.05);
+  -webkit-transform: scale(1.05);
+  -o-transform: scale(1.05);
+  -moz-transform: scale(1.05);
+}
+
+.team-member:hover .item-overlay {
+  opacity: .45; 
+  -moz-opacity: .45; 
+}
+
+/*------------------------------------------*/
+/*  TEAM MEMBER TYPOGRAPHY
+/*------------------------------------------*/
+
+.team-member-data {
+  position: relative;
+  margin-left: 5px;
+}
+
+.team-member-data h6.s-20 {
+  margin-bottom: 8px;
+}
+
+.team-member-data p {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  line-height: 1;
+  font-weight: 400;
+  letter-spacing: 0;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  Team Member Social Links
+/*------------------------------------------*/
+
+ul.tm-social {
+  position: absolute;
+  top: -1px;
+  right: 8px;
+  -webkit-transition: all 0.3s ease-out;
+  -o-transition: all 0.3s ease-out;
+  transition: all 0.3s ease-out;  
+}
+
+#team-1 ul.tm-social {
+  right: 5px;
+}
+
+ul.tm-social li {
+  width: auto !important;
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  padding: 0;
+  margin-left: 10px;
+  opacity: .6;
+  -webkit-transition: all 0.5s ease-out;
+  -o-transition: all 0.5s ease-out;
+  transition: all 0.5s ease-out;  
+}
+
+.tm-social.ico-20 [class*="flaticon-"]:before, 
+.tm-social.ico-20 [class*="flaticon-"]:after { font-size: 1.15rem; }
+
+
+
+
+/* ==========================================================================
+  19. CAREERS
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  ROLE BOX
+/*------------------------------------------*/
+
+.role-box {
+  border: 1px solid #d2d2d2;
+  padding: 25px 35px;
+  margin-bottom: 30px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.role-box.bg--white-200,
+.role-box.bg--white-300 {
+  border: 1px solid transparent;
+}
+
+.role-box:hover {
+  border-color: transparent;
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
+}
+
+/*------------------------------------------*/
+/*  ROLE BOX TEXT
+/*------------------------------------------*/
+
+.role-box span {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  display: block;
+  font-size: 0.8rem;
+  line-height: 1;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  margin-bottom: 14px;
+}
+
+.role-box h6 {
+  margin-bottom: 6px;
+}
+
+.role-box p {
+  margin-bottom: 0;
+}
+
+
+
+
+/* ==========================================================================
+  20. CAREER ROLE
+  =========================================================================== */
+
+#role-page .inner-page-title {
+  text-align: left;
+  margin-bottom: 50px;
+}
+
+#role-page .inner-page-title span {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  display: block;
+  font-size: 0.9rem;
+  line-height: 1;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  margin-bottom: 35px;
+}
+
+.role-info hr {
+  margin: 50px 0;
+}
+
+#role-page .cbox-6-wrapper {
+  margin: 45px 0;
+}
+
+.role-info h5 {
+  margin-bottom: 25px;
+}
+
+.role-info p a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.txt-block.role-info .btn {
+  display: block;
+  margin-top: 50px;
+}
+
+
+
+
+/* ==========================================================================
+  21. BANNER
+  =========================================================================== */
+
+.banner-overlay {
+  width: 100%;
+  height: 100%;
+}
+
+#banner-11 {
+  margin-top: 50px;
+}
+
+#banner-12 {
+  margin-top: 40px;
+  margin-bottom: 10px;
+}
+
+/*------------------------------------------*/
+/*  BANNER WRAPPER
+/*------------------------------------------*/
+
+.banner-1-wrapper,
+.banner-2-wrapper,
+.banner-3-wrapper {
+  position: relative;
+  overflow: hidden;
+  text-align: center;
+} 
+
+.banner-1-wrapper .banner-overlay {
+  padding: 75px 15% 85px;
+}
+
+.banner-2-wrapper .banner-overlay {
+  padding: 80px 15% 90px;
+}
+
+.banner-3-wrapper .banner-overlay {
+  padding: 75px 20% 85px;
+}
+
+.banner-11-wrapper .banner-overlay {
+  padding: 10px 70px 0;
+}
+
+.banner-12-wrapper .banner-overlay {
+  padding-left: 80px;
+}
+
+.banner-13-wrapper {
+  overflow: hidden;
+}
+
+.banner-13-wrapper .banner-overlay {
+  overflow: hidden;
+  padding-left: 80px;
+}
+
+.banner-16-wrapper .banner-overlay {
+  padding: 45px 22%;
+}
+
+.banner-16-wrapper.bg--white-100.block-border {
+  border-color: #ccc;
+}
+
+/*------------------------------------------*/
+/*  BANNER TEXT
+/*------------------------------------------*/
+
+.banner-12-txt {
+  margin-top: -10px;
+  padding-right: 15%;
+}
+
+.banner-13-txt {
+  padding-right: 15%;
+}
+
+/*------------------------------------------*/
+/*  BANNER TYPOGRAPHY
+/*------------------------------------------*/
+
+.banner-section .section-id {
+  font-weight: 600;
+  padding-top: 10px;
+  margin-bottom: 30px;
+}
+
+.banner-1-txt h2 {
+  margin-bottom: 15px;
+}
+
+.banner-2-txt h2 {
+  margin-bottom: 35px;
+}
+
+.banner-4-txt h2 {
+  margin-bottom: 30px;
+}
+
+.banner-7-txt h2 {
+  margin-bottom: 35px;
+}
+
+.banner-10-txt h6 {
+  font-weight: 400;
+  margin-bottom: 12px;
+}
+
+.banner-10-txt h2 {
+  margin-bottom: 25px;
+}
+
+.banner-11-txt h2,
+.banner-12-txt h2,
+.banner-13-txt h2 {
+  margin-bottom: 22px;
+}
+
+.banner-15-txt h2 {
+  margin-bottom: 45px;
+}
+
+.banner-16-txt h4 {
+  margin-bottom: 14px;
+}
+
+.banner-section p.p-lg {
+  font-size: 1.15rem; 
+  margin-bottom: 30px;
+}
+
+.banner-section p.p-xl {
+  margin-bottom: 25px;
+}
+
+.sm-title .banner-1-txt p.p-lg,
+.sm-title .banner-1-txt p.p-xl {
+  margin-top: 12px;
+  margin-bottom: 22px!important;
+}
+
+.banner-3-txt p.p-lg,
+.banner-3-txt p.p-xl,
+.banner-5-txt p.p-lg,
+.banner-5-txt p.p-xl {
+  margin-top: 20px;
+}
+
+.banner-5-txt p.s-21,
+.banner-5-txt p.s-22 {
+  margin-top: 20px;
+  margin-bottom: 26px;
+}
+
+.banner-6-txt p.p-lg,
+.banner-6-txt p.p-xl {
+  margin-top: 15px;
+  margin-bottom: 25px!important;
+}
+
+.banner-8-txt p.p-lg,
+.banner-8-txt p.p-xl {
+  margin-top: 10px;
+  margin-bottom: 0!important;
+}
+
+.banner-9-txt p.p-lg,
+.banner-9-txt p.p-xl {
+  margin-top: 20px;
+  margin-bottom: 25px!important;
+}
+
+.banner-11-txt p {
+  padding-right: 8%;
+}
+
+.banner-14-txt p.p-lg {
+  font-size: 1.25rem;
+  margin-top: 35px;
+  margin-bottom: 40px;
+}
+
+.banner-15-txt p a {
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  BANNER IMAGE
+/*------------------------------------------*/
+
+.banner-11-img {
+  margin-top: -60px;
+  margin-left: -40px;
+}
+
+.banner-12-img {
+  margin: -40px -20px -30px -40px;
+}
+
+.banner-13-img {
+  transform: rotate(-20deg);
+  margin: -60px -120px -70px -40px;
+}
+
+
+
+
+/* ==========================================================================
+  22. CALL TO ACTION / DOWNLOAD
+  =========================================================================== */
+
+.version-release {
+  margin-bottom: 80px;
+}
+
+.release-data {
+  padding-bottom: 30px;
+  border-bottom: 1px dashed #ccc;
+  margin-bottom: 30px;
+}
+
+.release-data h5 {
+  margin-bottom: 40px;
+}
+
+span.version-data {
+  color: #353f4f;
+  font-size: 2rem;
+  line-height: 1;
+  margin-right: 20px;
+  margin-bottom: 0;
+}
+
+span.release-date {
+  color: #999;
+  font-size: 1.175rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+span.release-date span {
+  color: #353f4f;
+  font-weight: 500;
+  margin-left: 20px;
+}
+
+.release-download {
+  position: absolute;
+  right: 5px;
+  bottom: 0;
+}
+
+.release-highlights .simple-list p {
+  margin-bottom: 2px;
+}
+
+
+
+
+/* ==========================================================================
+  23. FAQS
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  FAQS SECTION TITLE 
+/*------------------------------------------*/
+
+#faqs-1 .section-title {
+  margin-bottom: 50px;
+}
+
+#faqs-2 .inner-page-title {
+  margin-bottom: 55px;
+}
+
+#faqs-3 .section-title {
+  margin-bottom: 70px;
+}
+
+.faqs-3-questions .questions-holder {
+  padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  FAQS ACCORDION  
+/*------------------------------------------*/
+
+.faqs-section .accordion-item {
+  background-color: transparent!important;
+  border: none;
+  border-bottom: 1px solid #e5e5e5;
+}
+
+#faqs-2.faqs-section .accordion-item {
+  border-bottom: 1px solid #ddd;
+}
+
+.faqs-section .accordion-item.acc-last-item,
+#faqs-2.faqs-section .accordion-item.acc-last-item {
+  border-bottom: none;
+}
+
+/*------------------------------------------*/
+/*  Question
+/*------------------------------------------*/
+
+.faqs-section .accordion-thumb {
+  margin: 0;
+  padding: 25px 0;
+  cursor: pointer;
+  position: relative;
+}
+
+#faqs-2.faqs-section .accordion-thumb {
+  padding: 25px 0 30px;
+}
+
+.faqs-section .accordion-item .accordion-thumb:after,
+.faqs-section .accordion-item.is-active .accordion-thumb:after {
+  font-family: Flaticon;
+  font-weight: 300; 
+  content: "\f11a";
+  position: absolute;
+  font-size: 1rem;
+  top: 22px;
+  right: 3px;
+}
+
+#faqs-2.faqs-section .accordion-item .accordion-thumb:after,
+#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after {
+  font-size: 1rem;
+  top: 26px;
+  right: 2px;
+}
+
+.faqs-section .accordion-item.is-active .accordion-thumb:after {
+  content: "\f11b";
+}
+
+#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb {
+ border-bottom: 1px solid #e5e5e5;
+}
+
+/*------------------------------------------*/
+/*  Answer
+/*------------------------------------------*/
+
+.accordion-panel {
+  margin: 0;
+  padding: 0 0 15px 0;
+  display: none;
+}
+
+#faqs-2 .accordion-panel {
+  padding: 45px 0 15px 0;
+}
+
+.accordion-thumb h5,
+.accordion-thumb h4 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.question h5,
+.accordion-panel-item h5 {
+  margin-bottom: 20px;
+}
+
+.question h5 span,
+.accordion-thumb h5 span,
+.accordion-panel-item h5 span {
+  margin-right: 5px;
+}
+
+.question p a, 
+.accordion-panel p a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.question p.color--grey a.color--blue, 
+.accordion-panel.color--grey a.color--blue {
+  color: #1680fb!important;
+}
+
+/*------------------------------------------*/
+/*  FAQS TABS 
+/*------------------------------------------*/
+
+.faqs-section .tabs-nav { 
+  text-align: center;
+}
+
+.faqs-section .tabs-1 { 
+  display: inline-block;
+  margin: 0 auto 60px;
+}
+
+.faqs-section .tab-content {
+  display: none;
+}
+
+.faqs-section .tab-content.current {
+  display: inherit;
+}
+
+.faqs-section .tabs-1 li {
+  display: inline-block; 
+  min-width: 230px;
+  background-color: transparent;
+  border: 2px solid #ddd;
+  cursor: pointer;
+  padding: 30px 0;
+  margin: 0 6px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.faqs-section .tabs-1 li span {
+  color: #c3c4c5;
+}
+
+.faqs-section .tabs-1 li p {
+  line-height: 1;
+  font-weight: 400;
+  margin-top: 15px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  TAB LINK CURRENT
+/*------------------------------------------*/
+
+.faqs-section .tabs-1 li.current,
+.faqs-section .tabs-1 li.current:hover {
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2);
+  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2);
+}
+
+.faqs-section .tabs-1 li.current p,
+.faqs-section .tabs-1 li.current span {
+  color: #fff;
+}
+
+.faqs-section .tabs--blue .tabs-1 li.current,
+.faqs-section .tabs--blue .tabs-1 li.current:hover {
+  background-color: #1680fb;
+  border-color: #1680fb!important;
+}
+
+.faqs-section .tabs--purple .tabs-1 li.current,
+.faqs-section .tabs--purple .tabs-1 li.current:hover {
+  background-color: #7b5dd6;
+  border-color: #7b5dd6!important;
+}
+
+/*------------------------------------------*/
+/*  MORE QUESTIONS LINK
+/*------------------------------------------*/
+
+.more-questions {
+  text-align: center;
+}
+
+#faqs-2 .more-questions {
+  margin: 70px auto 0; 
+}
+
+.more-questions-txt {
+  display: inline-block;
+  padding: 22px 46px;
+}
+
+.more-questions-txt p {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.more-questions-txt a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+
+
+
+/* ==========================================================================
+  24. NEWSLETTER
+  =========================================================================== */
+
+#newsletter-1 .newsletter-overlay {
+  padding-top: 60px;
+  padding-bottom: 60px;
+}  
+
+#newsletter-2 .container {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+#newsletter-2 .newsletter-overlay {
+  padding: 60px 50px;
+}
+
+#newsletter-3 {
+  margin-top: 50px;
+  margin-bottom: 50px;
+}
+
+#newsletter-4 .newsletter-overlay,
+#newsletter-5 .newsletter-overlay {
+  padding-top: 80px;
+  padding-bottom: 70px;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER TYPOGRAPHY
+/*------------------------------------------*/ 
+
+.newsletter-txt h2 {
+  margin-bottom: 35px;
+}
+
+#newsletter-4 .newsletter-txt h2 {
+  margin-bottom: 40px;
+}
+
+.newsletter-txt h4,
+.newsletter-txt h3,
+#newsletter-5 .newsletter-txt h2 {
+  margin-bottom: 0;
+}
+
+.newsletter-txt p.p-sm {
+  margin-bottom: 0;
+}
+
+#newsletter-4 .newsletter-txt p {
+  padding: 0 10%;
+}
+
+#newsletter-5 .newsletter-txt p {
+  margin-top: 20px;
+  margin-bottom: 0;
+}
+
+.newsletter-txt a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER FORM
+/*------------------------------------------*/ 
+
+#newsletter-1 .newsletter-form {
+  padding-left: 15%;
+  margin-top: 30px;
+}
+
+#newsletter-2 .newsletter-form {
+  margin-top: 25px;
+  padding-left: 12%;
+}
+
+#newsletter-4 .newsletter-form {
+  padding: 0 5%;
+}
+
+#newsletter-5 .newsletter-form {
+  margin-top: 35px;
+  padding: 0 10%;
+}
+
+/*------------------------------------------*/
+/*   Newsletter Form Input
+/*------------------------------------------*/
+
+.newsletter-section .form-control {
+  height: 56px;
+  background-color: #fff;
+  border: 1px solid #ccc;
+  font-size: 1rem;
+  color: #353f4f;
+  font-weight: 400;
+  padding: 0 15px;  
+  margin-right: 12px;
+  box-shadow: none;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  border-radius: 6px;
+}
+
+#newsletter-1.newsletter-section .form-control {
+  height: 54px;
+  font-size: 0.975rem;
+}
+
+#newsletter-5.newsletter-section .form-control {
+  height: 62px;
+  font-size: 1.0625rem;
+}
+
+.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Input Focus
+/*------------------------------------------*/
+
+.newsletter-section .form-control:focus {
+  background-color: #fff;
+  outline: 0;
+  box-shadow: none;
+  border-color: #1680fb;
+}
+
+.newsletter-section .purple-focus .form-control:focus {
+  border-color: #8863ee;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Input Placeholder
+/*------------------------------------------*/
+
+.newsletter-section .form-control::-moz-placeholder { color: #aaa; } 
+.newsletter-section .form-control:-ms-input-placeholder { color: #aaa; } 
+.newsletter-section .form-control::-webkit-input-placeholder { color: #aaa; } 
+
+/*------------------------------------------*/
+/*  Newsletter Form Button
+/*------------------------------------------*/
+
+.newsletter-section .btn {
+  display: block; 
+  width: 100%!important;
+  height: 56px;
+}
+
+#newsletter-1 .btn {
+  height: 54px;
+  font-size: 0.925rem;
+  padding: 0.7rem 1.3rem;
+}
+
+#newsletter-5.newsletter-section .btn {
+  height: 62px;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Notification
+/*------------------------------------------*/
+
+.newsletter-section .form-notification {
+  color: #3eb1ff;
+  font-size: 0.9rem;
+  font-weight: 400;
+  line-height: 1;
+  margin-top: 15px;
+  margin-left: 5px;
+}
+
+.newsletter-section .text-center .form-notification {
+  margin-left: 0;
+}
+
+.bg--color.newsletter-section .form-notification {
+  color: #fff;
+}
+
+.newsletter-section .form-notification.valid,
+.newsletter-section .form-notification.error {
+  color: #fc2f4b;
+}
+
+.newsletter-section .newsletter-form.valid {
+  color: #0fbc49;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER IMAGE
+/*------------------------------------------*/
+
+#newsletter-3 .newsletter-img {
+  margin-top: -50px;
+  margin-bottom: -50px;
+}
+
+#newsletter-3 .col-lg-6 .newsletter-img {
+  padding-left: 40px;
+}
+
+
+
+/* ==========================================================================
+  25. BLOG
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  BLOG POST TAG
+/*------------------------------------------*/
+
+.post-tag {
+  display: block;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 0.75rem;
+  font-weight: 600;
+  letter-spacing: 0;
+  text-transform: uppercase;
+  margin-bottom: 20px;
+}
+
+#single-post .post-tag {
+  font-size: 0.85rem;
+}
+
+/*------------------------------------------*/
+/*  BLOG POST META
+/*------------------------------------------*/
+
+.post-meta-list li {
+  width: auto!important;
+  display: inline-block!important;
+  vertical-align: top;
+  clear: none !important;
+}
+
+.post-meta-list p {
+  color: #353f4f;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.bg--black-400 .post-meta-list p {
+  color: #f8f9f9;
+}
+
+.meta-list-divider {
+  position: relative;
+  top: 0px;
+  transform: rotate(-90deg);
+  padding: 0 1px;
+}
+
+/*------------------------------------------*/
+/*  BLOG POST TYPOGRAPHY
+/*------------------------------------------*/
+
+.blog-post-txt h6 {
+  margin-bottom: 15px;
+}
+
+.blog-post-txt p {
+  margin-bottom: 0;
+}
+
+.blog-post-txt a {
+  color: #353f4f;
+}
+
+.blog-post-txt a:hover {
+  text-decoration: underline;
+}
+
+.bg--black-400 .blog-post-txt a {
+  color: #f8f9f9;
+}
+
+.bg--black-400 .blog-post-txt a:hover {
+  color: #fff!important;
+}
+
+
+
+
+/* ==========================================================================
+  26. BLOG LISTING
+  =========================================================================== */
+
+.wide-post {
+  margin-bottom: 100px;
+}
+
+.wide-post .blog-post-img {
+  padding-right: 15px;
+}
+
+.wide-post .blog-post-txt {
+  padding-left: 15px;
+}
+
+.square-post {
+  margin-top: 60px;
+  margin-bottom: 40px;
+}
+
+.square-post-wrapper {
+  overflow: hidden;
+}
+
+.square-post .blog-post-txt {
+  padding: 0 30px 0 60px;
+}
+
+/*------------------------------------------*/
+/*  BLOG POSTS CATEGORY
+/*------------------------------------------*/
+
+.posts-category {
+  margin-top: 40px;
+  margin-bottom: 60px;
+}
+
+.posts-category h4 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.posts-category span {
+  position: relative;
+  top: 1px;
+}
+
+
+
+
+/* ==========================================================================
+  27. SINGLE BLOG POST
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  Single Post Title
+/*------------------------------------------*/
+
+.single-post-title h3,
+.single-post-title h2 {
+  padding: 0 10px;
+}
+
+/*------------------------------------------*/
+/*  Single Post Text
+/*------------------------------------------*/
+
+.single-post-txt h5,
+.single-post-txt h4 {
+  margin-top: 30px;
+  margin-bottom: 30px;
+}
+
+.single-post-txt h5 span {
+  display: block;
+}
+
+/*------------------------------------------*/
+/*  Single Post Code
+/*------------------------------------------*/
+
+.txt-code {
+  background-color: #f8f9fa;
+  padding: 20px 18px;
+  margin: 30px 0;
+}
+
+.txt-code p {
+  color: #383a42; 
+  font-size: 1rem;
+  line-height: 1.75;
+  margin-bottom: 0;
+}
+
+.single-post-txt p a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.txt-code span.code-property,
+.txt-code p code.code-language-js {
+  color: #151515;
+}
+
+.txt-code span.code-variable,
+.txt-code span.code-attribute {
+  color: #986801;
+}
+
+.txt-code span.code-string {
+  color: #50a14f;
+}
+
+/*------------------------------------------*/
+/*  Single Post Blockquote
+/*------------------------------------------*/
+
+.single-post-txt figure {
+  margin-bottom: 40px;
+}
+
+.single-post-txt .blockquote p {
+  font-size: 1.5rem;
+  line-height: 1.45;
+  margin-bottom: 40px;
+}
+
+.single-post-txt .blockquote-footer {
+  font-size: 1.125rem;
+}
+
+/*------------------------------------------*/
+/*  Single Post Image
+/*------------------------------------------*/
+
+.post-inner-img {
+  text-align: center;
+  margin-top: 50px;
+  margin-bottom: 50px;
+}
+
+/*------------------------------------------*/
+/*  POST SHARE LINKS
+/*------------------------------------------*/ 
+
+.post-share-list {
+  margin-top: 50px;
+  padding-bottom: 50px;
+}
+
+/*------------------------------------------*/
+/*  POST SHARE ICONS
+/*-----------------------------------------*/
+
+.share-social-icons {
+  display: inline-block; 
+  padding-left: 0;
+}
+
+.share-social-icons li {
+  width: auto !important;
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  padding: 0;
+}
+
+.share-social-icons a.share-ico span {
+  opacity: .75;
+  margin-right: 25px;
+  -webkit-transition: all 450ms ease-in-out;
+  -moz-transition: all 450ms ease-in-out;
+  -o-transition: all 450ms ease-in-out;
+  -ms-transition: all 450ms ease-in-out;
+  transition: all 450ms ease-in-out;
+}
+
+.share-social-icons a.share-ico:hover span {
+  opacity: 1;
+}
+
+/*------------------------------------------*/
+/*  POST AUTHOR
+/*------------------------------------------*/ 
+
+.post-author {
+  display: flex;
+  position: relative;
+  flex-flow: row wrap;
+  align-items: stretch!important;
+  justify-content: flex-start;
+}
+
+.post-author-avatar {
+  position: relative;
+  text-align: center;
+  margin-right: 35px;
+}
+
+.post-author-avatar img {  
+  width: 100px;
+  height: 100px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;  
+}
+
+.post-author-txt {
+  overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+}
+
+.post-author-txt h5 {
+  margin-bottom: 20px;
+}
+
+.post-author-txt p {
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  Follow Button
+/*------------------------------------------*/ 
+
+.author-follow-btn {
+  display: inline-block;
+  position: absolute;
+  padding: 6px 15px;
+  line-height: 1;
+  top: 80px;
+  right: 10px;
+  border: 2px solid #ddd;
+}
+
+.author-follow-btn a {
+  color: #666;
+  font-size: 0.935rem;
+  font-weight: 400;
+}
+
+/*------------------------------------------*/
+/*  POST COMMENTS
+/*------------------------------------------*/
+
+.post-comments {
+  padding-top: 100px;
+}
+
+.post-comments hr {
+  margin-top: 24px; 
+  margin-bottom: 40px; 
+}
+
+.post-comments h5 {
+  margin-bottom: 60px;
+}
+
+.post-comments img {
+  width: 68px;
+  height: 68px;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+}
+
+.comment-body {
+  margin-left: 25px;
+}
+
+.comment-meta {
+  margin-bottom: 10px;
+}
+
+.comment-meta h6 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.comment-date {
+  font-size: 16px;
+  font-weight: 400;
+  margin-bottom: 5px;
+}
+
+/*------------------------------------------*/
+/*  Comment Reply 
+/*------------------------------------------*/
+
+.btn-reply {
+  margin-left: 3px;
+}
+
+.btn-reply a {
+  font-size: 17px;
+  font-weight: 400; 
+}
+
+.btn-reply span {
+  position: relative;
+  top: 3px;
+  margin-right: 4px;
+  left: 3px;
+}
+
+.btn-reply.ico-20 [class*="flaticon-"]:before, 
+.btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 0.975rem; }
+
+.btn-reply a:hover {
+  color: #222;
+}
+
+/*------------------------------------------*/
+/*  SINGLE POST COMMENT FORM
+/*------------------------------------------*/
+
+.post-comments #leave-comment h5 {
+  padding-bottom: 0;
+  margin-top: 80px;
+  margin-bottom: 10px;
+  border: none;
+}
+
+.comment-form {
+  position: relative;
+  margin-top: 60px;
+}
+
+.comment-form p {
+  position: relative;
+  color: #353f4f;
+  line-height: 1;
+  font-weight: 500;
+  margin-bottom: 15px;
+  padding-left: 8px;
+  display: block;
+}
+
+.comment-form p span {
+  position: relative;
+  color: #ff3366;
+  top: -3px;
+}
+
+.comment-form .form-control {
+  height: 62px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  box-shadow: 0 0 0 0;
+  color: #353f4f;
+  font-size: 1rem;
+  line-height: 1;
+  font-weight: 400;
+  padding: 0 20px;
+  margin-bottom: 30px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+  -webkit-transition: all 300ms ease-in-out;
+  -moz-transition: all 300ms ease-in-out;
+  -o-transition: all 300ms ease-in-out;
+  -ms-transition: all 300ms ease-in-out;
+  transition: all 300ms ease-in-out;
+}
+
+.comment-form textarea { min-height: 220px; }
+.comment-form textarea.form-control { 
+  padding: 25px 20px;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Input Focus
+/*------------------------------------------*/
+
+.comment-form .form-control:focus {
+  outline: 0px none;
+  box-shadow: none;
+  background-color: #fcfdfd;
+  border-color: #1680fb;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Button
+/*------------------------------------------*/
+
+.comment-form .btn {
+  margin-top: 15px;
+}
+
+.comment-form .btn:focus {
+  outline: 0px none;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Message
+/*------------------------------------------*/
+
+.comment-form-msg {
+  width: 100%!important;
+  display: block;
+  margin-top: 15px;
+  padding-left: 0;
+}
+
+.comment-form .loading {
+  color: #00b2e4;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 500;
+}
+
+.comment-form .error {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 10px;
+}
+
+
+
+
+/* ==========================================================================
+  28. CONTACTS
+  =========================================================================== */
+
+#contacts-1 .contact-form p {
+  color: #353f4f;
+  line-height: 1;
+  font-weight: 500;
+  margin-bottom: 10px;
+  padding-left: 8px;
+}
+
+#contacts-1 .contact-form .col-md-12 span {
+  display: block;
+  font-size: 0.95rem;
+  line-height: 1;
+  font-weight: 300;
+  margin-bottom: 20px;
+  padding-left: 8px;
+}
+
+#contacts-1 .contact-form .contact-form-notice p {
+  font-size: 0.835rem;
+  font-weight: 300;
+  line-height: 1.5555;
+  padding-left: 0;
+  margin-top: 40px;
+}
+
+.contact-form-notice p a {
+  color: #353f4f;
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  CONTACT FORM INPUT
+/*------------------------------------------*/
+
+.contact-form .form-control,
+.contact-form .form-select {
+  height: 62px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  box-shadow: 0 0 0 0;
+  color: #3a4a56;
+  font-size: 1rem;
+  font-weight: 400;
+  padding: 0 15px;
+  margin-bottom: 30px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+}
+
+.bg--snow .contact-form .form-control,
+.bg--snow .contact-form .form-select {
+  background-color: #fff;
+  border: 1px solid #ccc;
+}
+
+.contact-form .form-select {
+  display: inline-block;
+  width: 100%;
+  color: #998da0;
+  box-shadow: none;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+}
+
+/*------------------------------------------*/
+/*  Contact Form Textarea
+/*------------------------------------------*/
+
+.contact-form textarea { min-height: 220px; }
+.contact-form textarea.form-control { 
+  padding: 20px 15px;
+}
+
+/*------------------------------------------*/
+/*  Contact Form Placeholder
+/*------------------------------------------*/
+
+.contact-form .form-control::-moz-placeholder { color: #999; } 
+.contact-form .form-control:-ms-input-placeholder { color: #999; }
+.contact-form .form-control::-webkit-input-placeholder { color: #999; }
+
+/*------------------------------------------*/
+/*  Contact Form Input Focus
+/*------------------------------------------*/
+
+.contact-form .form-control:focus,
+.contact-form .form-select:focus {
+  outline: 0px none;
+  box-shadow: none;
+  background-color: #fcfdfd;
+  border-color: #1680fb;
+}
+
+/*------------------------------------------*/
+/*  Contact Form Message
+/*------------------------------------------*/
+
+.contact-form-msg {
+  width: 100%!important;
+  display: block;
+  margin-top: 20px;
+  padding-left: 0;
+}
+
+.contact-form .loading {
+  color: #00b2e4;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 500;
+  padding-left: 15px;
+}
+
+.contact-form  .error {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 10px;
+}
+
+
+
+
+/* ==========================================================================
+  29. FOOTER
+  =========================================================================== */
+
+.footer {
+  padding-bottom: 50px;
+}
+
+.footer-info,
+.footer-links {
+  margin-bottom: 40px;
+}
+
+#footer-10 .footer-info {
+  margin-bottom: 40px;
+  padding-bottom: 55px;
+  border-bottom: 1px solid #dbdddf;
+}
+
+#footer-10 .footer-links {
+  margin-bottom: 30px;
+}
+
+/*------------------------------------------*/
+/*  FOOTER LOGO
+/*------------------------------------------*/
+
+img.footer-logo,
+img.footer-logo-dark {
+  width: auto;
+  max-width: inherit;
+  max-height: 40px;
+}
+
+#footer-10 img.footer-logo {
+  max-height: 46px;
+}
+
+#footer-1 .footer-logo,
+#footer-5 .footer-logo,
+#footer-6 .footer-logo,
+#footer-7 .footer-logo {
+  margin-bottom: 25px;
+}
+
+/*------------------------------------------*/
+/*  FOOTER TYPOGRAPHY
+/*------------------------------------------*/
+
+.footer h6 {
+  line-height: 1;
+  margin-bottom: 25px;
+}
+
+#footer-9.footer h6 {
+  line-height: 1.5;
+}
+
+.bg--black.footer h6 {
+  color: #fff;
+}
+
+/*------------------------------------------*/
+/*  FOOTER INFO
+/*------------------------------------------*/
+
+.footer-info-copyright p {
+  margin-bottom: 0;
+}
+
+.footer-info-copyright p span {
+  position: relative;
+  top: 2px;
+  padding: 0 2px;
+}
+
+.footer-info-copyright.ico-15 [class*="flaticon-"]:before, 
+.footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.85rem; }
+
+/*------------------------------------------*/
+/*  FOOTER MAIL LINK
+/*------------------------------------------*/
+
+.footer .footer-mail-link {
+  margin-left: 3px;
+  margin-bottom: 0;
+}
+
+#footer-1 .footer-info .footer-mail-link {
+  margin-top: 10px;
+}
+
+#footer-2 .footer-links .footer-mail-link,
+#footer-3 .footer-links .footer-mail-link {
+  margin-left: 0;
+  margin-bottom: 20px;
+}
+
+.footer-mail-link a {
+  font-weight: 400;
+}
+
+.footer-mail-link span {
+  position: relative;
+  top: 4px;
+  right: 3px;
+}
+
+.footer-mail-link.ico-20 [class*="flaticon-"]:before, 
+.footer-mail-link.ico-20 [class*="flaticon-"]:after { font-size: 1.125rem; }
+
+.bg--black.footer .footer-mail-link a {
+  color: #a0a7b1;
+}
+
+.bg--black.footer .footer-mail-link a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  FOOTER LINKS
+/*------------------------------------------*/
+
+#footer-2 .footer-links {
+  padding-left: 10%;
+}
+
+.foo-links li {
+  width: auto!important;
+  display: block!important;
+  vertical-align: top;
+  clear: none !important;
+  margin: 0;
+  padding: 0;
+}
+
+.foo-links.ico-10 li span {
+  position: relative;
+  top: 1.5px;
+  right: 3px;
+}
+
+#footer-8 .foo-links li {
+  display: inline-block!important;
+  padding-left: 20px;
+}
+
+#footer-8 .foo-links li.first-li {
+  padding-left: 0;
+}
+
+#footer-10 .foo-links li {
+  display: inline-block!important;
+  padding: 0 10px;
+}
+
+.footer .foo-links li p {
+  font-weight: 400;
+  margin-bottom: 10px;
+}
+
+.footer .foo-links li:last-child p {
+  margin-bottom: 0;
+}
+
+.foo-links li a span.ext-link {
+  display: inline-block;
+  position: relative;
+  left: 3px;
+  top: 1.5px;
+  transform: rotate(-60deg);
+}
+
+.foo-links.ico-15 [class*="flaticon-"]:before, 
+.foo-links.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+.bg--black.footer .foo-links li p a {
+  color: #a0a7b1;
+}
+
+.bg--black.footer .foo-links li p a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  FOOTER SOCIAL
+/*------------------------------------------*/
+
+.footer-socials {
+  margin: 0;
+  display: inline-block; 
+}
+
+.footer-socials li {
+  float: left;
+  width: auto !important;
+  display: inline-block !important;
+  vertical-align: top;
+  clear: none !important;
+  margin: 0;
+}
+
+.footer-socials a {
+  display: block;
+  margin-right: 15px;
+}
+
+.footer-socials.ico-20 a,
+.footer-socials.ico-25 a { 
+  margin-right: 16px; 
+} 
+
+.footer-socials.ico-25 [class*="flaticon-"]:before, 
+.footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.325rem; }
+
+.bg--black.footer .footer-socials li a {
+  color: #a0a7b1;
+}
+
+.bg--black.footer .footer-socials li a:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  FOOTER STORE BAGES
+/*------------------------------------------*/
+
+.footer .store {
+  float: none;
+  margin-right: 0;
+  margin-bottom: 15px;
+}
+
+/*------------------------------------------*/
+/*  FOOTER NEWSLETTER FORM
+/*------------------------------------------*/
+
+.footer-form {
+  margin-bottom: 20px;
+}
+
+#footer-7 .footer-form {
+  padding-left: 8%;
+}
+
+.footer-form .newsletter-form .input-group {
+  background-color: #f4f4f4;
+  border: 1px solid transparent;
+  padding: 9px 2px;
+}
+
+.footer-form .form-control {
+  height: 32px;
+  background-color: transparent;
+  border: none;
+  color: #666;
+  font-size: 1rem;
+  font-weight: 400;
+  padding: 0 10px;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Newsletter Form Input Focus
+/*------------------------------------------*/
+
+.footer-form .form-control:focus {
+  border: none;
+  border-right: none;
+  outline: 0;
+  box-shadow: none;
+}
+
+/*------------------------------------------*/
+/*  Footer Form Placeholder
+/*------------------------------------------*/
+
+.footer-form .form-control::-moz-placeholder { color: #6c757d; } 
+.footer-form .form-control:-ms-input-placeholder { color: #6c757d; } 
+.footer-form .form-control::-webkit-input-placeholder { color: #6c757d; } 
+
+/*------------------------------------------*/
+/*  Newsletter Form Button
+/*------------------------------------------*/
+
+.footer-form .btn {
+  height: 32px;
+  padding: 0 10px;
+}
+
+.footer-form .ico-15 [class*="flaticon-"]:before, 
+.footer-form .ico-15 [class*="flaticon-"]:after { line-height: 28px!important; }
+
+/*------------------------------------------*/
+/*  Footer Form Notification
+/*------------------------------------------*/
+
+.footer-form .form-notification {
+  color: #1680fb;
+  font-size: 0.85rem;
+  line-height: 1.25;
+  font-weight: 400;
+  margin-top: 12px;
+  margin-left: 5px;
+}
+
+.footer-form .form-notification.valid,
+.footer-form .form-notification.error {
+  color: #fc2f4b;
+}
+
+.footer-form .newsletter-form.valid {
+  color: #0fbc49;
+}
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER
+/*------------------------------------------*/
+
+.footer hr {
+  margin-top: 30px;
+  margin-bottom: 50px;
+}
+
+#footer-8 .bottom-footer,
+#footer-9 .bottom-footer {
+  margin-top: 20px;
+}
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER COPYRIGHT
+/*------------------------------------------*/
+
+.footer-copyright p {
+  margin-bottom: 0;
+}
+
+.bg--black.footer .footer-copyright p {
+  color: #a0a7b1;
+}
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER SECONDARY LINK
+/*------------------------------------------*/
+
+.bottom-secondary-link p {
+  margin-bottom: 0;
+}
+
+.bottom-secondary-link p span {
+  position: relative;
+  top: 1px;
+  padding: 0 2px;
+}
+
+.bottom-secondary-link.ico-15 [class*="flaticon-"]:before, 
+.bottom-secondary-link.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
+
+/*------------------------------------------*/
+/*  BOTTOM FOOTER LINKS
+/*------------------------------------------*/
+
+.bottom-footer-list li,
+.bottom-footer-socials li,
+.bottom-footer-payment li {
+  width: auto!important;
+  display: inline-block!important;
+  vertical-align: top;
+  clear: none !important;
+}
+
+.bottom-footer-socials li {
+  padding-left: 14px; 
+}
+
+#footer-4 .bottom-footer-list li,
+#footer-9 .bottom-footer-list li {
+  padding-left: 15px; 
+}
+
+#footer-4 .bottom-footer-list li.first-li,
+#footer-9 .bottom-footer-list li.first-li {
+  padding-left: 0; 
+}
+
+#footer-10 .bottom-footer-socials li {
+  padding: 0 15px; 
+}
+
+.footer-list-divider {
+  position: relative;
+  top: -0.5px;
+  transform: rotate(-90deg);
+  margin-left: 4px;
+}
+
+.bottom-footer-list.ico-15 [class*="flaticon-"]:before, 
+.bottom-footer-list.ico-15 [class*="flaticon-"]:after { font-size: 0.8rem; }
+
+.bottom-footer-list li p {
+  display: inline-block;
+  float: left;
+  margin-bottom: 0;
+}
+
+.bottom-footer-socials li span { 
+  position: relative;
+  top: 4px; 
+  opacity: .8;
+}
+
+.bottom-footer-payment li span {
+  line-height: 1!important;
+  position: relative;
+  top: 4px; 
+  opacity: .8;
+}
+
+#footer-4 .bottom-footer-list li span,
+#footer-9 .bottom-footer-list li span {
+  margin-top: 1px;
+  margin-right: 2px; 
+}
+
+.bottom-footer-socials.ico-20 [class*="flaticon-"]:before, 
+.bottom-footer-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.115rem; }
+
+.bottom-footer-socials.ico-25 [class*="flaticon-"]:before, 
+.bottom-footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.25rem; }
+
+.bg--black.footer .bottom-footer-list li p a {
+  color: #a0a7b1;
+}
+
+.bg--black.footer .bottom-footer-list li p a:hover {
+  color: #fff!important;
+}
+
+
+
+
+/* ==========================================================================
+  30. INNER PAGE WRAPPER
+  =========================================================================== */
+
+.inner-page-hero {
+  padding-top: 180px;
+}
+
+.page-hero-section-overlay {
+  position: relative;
+  width: 100%;
+  padding-top: 150px;
+}
+
+.page-hero-section-overlay .txt-block {
+  margin-top: -40px;
+}
+
+.page-hero-section .wave-shape-bottom path {
+  fill: #fff;
+}
+
+/*------------------------------------------*/
+/*  INNER PAGE TITLE
+/*------------------------------------------*/
+
+.inner-page-title {
+  text-align: center;
+  margin-bottom: 80px;
+}
+
+.inner-page-title h2 {
+  margin-bottom: 0;
+}
+
+.inner-page-title p {
+  font-size: 1.1875rem;
+  line-height: 1;
+  margin-top: 20px;
+  margin-bottom: 0;
+}
+
+.page-hero-section h2 {
+  line-height: 1.15;
+  margin-bottom: 30px;
+}
+
+
+
+
+/* ==========================================================================
+  31. PAGE PAGINATION
+  =========================================================================== */
+
+.page-link {
+  color: #6c757d;
+  font-size: 1.1rem;
+  font-weight: 500;
+  padding: 2px 14px;
+  margin: 0 8px;
+  background-color: transparent;
+  border: 2px solid transparent;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -o-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out; 
+}
+
+.pagination.ico-20 [class*="flaticon-"]:before, 
+.pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.9rem; } 
+
+.page-item:first-child .page-link {
+  border-top-left-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
+
+.page-item:last-child .page-link {
+  border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px;
+}
+
+.blue-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #1680fb;
+  border: 2px solid #1680fb;
+}
+
+.green-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #0fbc49;
+  border: 2px solid #0fbc49;
+}
+
+.pink-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #f74780;
+  border: 2px solid #f74780;
+}
+
+.purple-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #7b5dd6;
+  border: 2px solid #7b5dd6;
+}
+
+.red-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #ff1e1a;
+  border: 2px solid #ff1e1a;
+}
+
+.violet-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #be6cbe;
+  border: 2px solid #be6cbe;
+}
+
+.yellow-pagination .page-item.active .page-link {
+  color: #353f4f!important;
+  background-color: #ffba01;
+  border: 2px solid #ffba01;
+}
+
+.page-item.disabled .page-link {
+  color: #6c757d;
+  background-color: transparent;
+  border: 2px solid transparent;
+}
+
+.page-link:hover {
+  color: #6c757d;
+  background-color: transparent;
+  border: 2px solid #ccc;
+}
+
+.page-link:focus {
+  color: #6c757d;
+  background-color: transparent;
+  border: 2px solid transparent;
+  box-shadow: 0 0;
+}
+
+
+
+
+/* ==========================================================================
+  32. TERMS, PRIVACY, COOKIES PAGES
+  =========================================================================== */
+
+/*------------------------------------------*/
+/*  TERMS PAGE TYPOGRAPHY
+/*------------------------------------------*/
+
+.txt-block.legal-info h5 {
+  margin-top: 30px;
+  margin-bottom: 30px;
+}
+
+.txt-block.legal-info h4 {
+  margin-top: 80px;
+  margin-bottom: 30px;
+}
+
+.txt-block.legal-info h4 span,
+.txt-block.legal-info h5 span {
+  margin-right: 4px;
+}
+
+.legal-info p span {
+  color: #353f4f;
+  font-weight: 500;
+}
+
+.legal-info a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+
+
+
+/* ==========================================================================
+  33. SIGN-IN / SIGN-UP PAGE
+  =========================================================================== */
+
+#login,
+#signup {
+  background: url(../images/login.jpg);
+  background-position: bottom left;
+  min-height: 100vh;
+  padding-top: 80px;
+  padding-bottom: 80px;
+}
+
+#reset-password {
+  background: url(../images/reset-password.jpg);
+  background-position: center center;
+  min-height: 100vh;
+  padding-top: 80px;
+  padding-bottom: 100px;
+}
+
+.register-page-wrapper {
+  overflow: hidden;
+  position: relative;
+  z-index: 1;
+  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); 
+  -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); 
+  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); 
+}
+
+#login .register-page-wrapper {
+  background: url(../images/login-wrapper.jpg);
+  background-position: left top;
+}
+
+#signup .register-page-wrapper {
+  background: url(../images/login-wrapper.jpg);
+  background-position: right center;
+}
+
+#login .register-page-wrapper:after,
+#signup .register-page-wrapper:after {
+  position: absolute;
+  content: '';
+  z-index: -1;
+  width: 50%;
+  height: 100%;
+  top: 0;
+  background-color: #fff;
+}
+
+#login .register-page-wrapper:after {
+  left: 50%;
+}
+
+#signup .register-page-wrapper:after {
+  left: 0;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE LOGO
+/*------------------------------------------*/
+
+.register-page-txt img {
+  width: auto;
+  max-width: inherit;
+  max-height: 32px;
+  margin-bottom: 55px;
+}
+
+.login-page-logo {
+  text-align: center;
+  margin-bottom: 45px;
+}
+
+.login-page-logo img {
+  width: auto;
+  max-width: inherit;
+  max-height: 45px;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE TITLE
+/*------------------------------------------*/
+
+.register-form-title {
+  text-align: center;
+  margin-bottom: 40px;
+}
+
+.register-form-title h3 {
+  line-height: 1;
+  margin-bottom: 10px;
+}
+
+.register-form-title p {
+  margin-bottom: 0;
+}
+
+.register-form-title a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE TEXT
+/*------------------------------------------*/
+
+#login .register-page-txt,
+#signup .register-page-txt {
+  padding: 70px 60px;
+}
+
+.register-page-txt h2 {
+  line-height: 1.15;
+  font-weight: 700;
+  margin-bottom: 6px;
+}
+
+#login .register-page-copyright {
+  position: absolute;
+  left: 60px;
+  bottom: 45px;
+}
+
+#signup .register-page-copyright {
+  position: absolute;
+  right: 60px;
+  bottom: 45px;
+}
+
+.register-page-copyright p {
+  font-size: 0.85rem;
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.reset-form-title {
+  margin-bottom: 30px;
+}
+
+.reset-form-title h5 {
+  line-height: 1;
+  margin-bottom: 0;
+}
+
+.reset-form-title p.p-sm {
+  font-size: 0.9rem;
+  margin-top: 25px;
+  margin-bottom: 0;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM
+/*------------------------------------------*/
+
+.register-page-form {
+  padding: 60px;
+}
+
+.login-1 .register-page-form,
+.signup-1 .register-page-form {
+  padding: 20px 30px;
+}
+
+.reset-page-wrapper { 
+  margin: 0 10px;
+}
+
+.reset-page-wrapper form { 
+  background: #fff;
+  border: 1px solid #fafafa;
+  padding: 50px 30px 25px;
+  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE TYPOGRAPHY
+/*------------------------------------------*/
+
+.register-page-form p.input-header {
+  position: relative;
+  color: #353f4f;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 500;
+  margin-bottom: 12px;
+  padding-left: 5px;
+}
+
+.reset-password-link p {
+  position: relative;
+  font-size: 0.9rem;
+  line-height: 1;
+  margin-top: -8px;
+  margin-bottom: 10px;
+}
+
+.form-data span {
+  display: block;
+  font-size: 0.85rem;
+  margin-bottom: 0;
+}
+
+.form-data span a {
+  color: #353f4f;
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.register-page-form p.create-account {
+  font-size: 0.925rem;
+  line-height: 1;
+  margin-top: 30px;
+  margin-bottom: 0;
+}
+
+.register-page-form p.create-account a {
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE SEPARATOR LINE
+/*------------------------------------------*/
+
+.separator-line {
+  display: flex;
+  width: 100%;
+  -webkit-box-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  align-items: center;
+  text-align: center;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 0.9rem;
+  font-weight: 500;
+  margin: 25px 0px 30px;
+}
+
+.separator-line::before, 
+.separator-line::after {
+  content: "";
+  border-top: 2px solid rgba(0, 0, 0, .1);
+  margin: 0 15px 0 0;
+  flex: 1 0 20px;
+}
+
+.separator-line::after {
+  margin: 0 0 0 15px;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM INPUT
+/*------------------------------------------*/
+
+.reset-page-wrapper .form-control,
+.register-page-form .form-control {
+  height: 60px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  color: #353f4f;
+  font-size: 0.95rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 25px;
+  padding: 5px 20px;
+   -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+  -webkit-transition: all 300ms ease-in-out;
+  -moz-transition: all 300ms ease-in-out;
+  -o-transition: all 300ms ease-in-out;
+  -ms-transition: all 300ms ease-in-out;
+  transition: all 300ms ease-in-out;
+}
+
+.login-1 .form-control,
+.signup-1 .form-control {
+  background-color: #fff;
+  border: 1px solid #ccc;
+}
+
+.reset-page-wrapper .form-control {
+  text-align: center;
+}
+
+.register-page-form .form-control::-moz-placeholder { color: #999; } 
+.register-page-form .form-control:-ms-input-placeholder { color: #999; } 
+.register-page-form .form-control::-webkit-input-placeholder { color: #999; } 
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM FOCUS
+/*------------------------------------------*/
+
+.reset-page-wrapper .form-control:focus,
+.register-page-form .form-control:focus {
+  outline: 0px none;
+  box-shadow: none;
+  background-color: #fcfdfd;
+  border-color: #1680fb;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM BUTTON
+/*------------------------------------------*/
+
+#signup .register-page-form .btn.submit, 
+#login .register-page-form .btn.submit {
+  width: 100%;
+  height: 60px;
+  margin-top: 20px;
+}
+
+.reset-page-wrapper .btn.submit {
+  width: 100%;
+  margin-bottom: 20px;
+}
+
+.register-page-form .btn-google {
+  width: 100%;
+  color: #333;
+  font-size: 0.95rem;
+  background-color: #fff;
+  border: 1px solid #ccc;
+}
+
+.btn-google img {
+  position: relative;
+  width: 22px;
+  height: 22px;
+  top: -2px;
+  right: 5px;
+}
+
+.register-page-form .btn-google:hover {
+  border: 1px solid #333;
+}
+
+/*------------------------------------------*/
+/*  REGISTER PAGE FORM MESSAGE
+/*------------------------------------------*/
+
+.reset-form-msg {
+  text-align: center;
+  width: 100%!important;
+  display: block;
+}
+
+.reset-password-form .loading {
+  color: #00b2e4;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 500;
+  padding-left: 15px;
+}
+
+.reset-password-form .error {
+  position: relative;
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  top: -10px;
+  margin-bottom: 12px;
+  padding-left: 10px;
+}
+
+/*------------------------------------------*/
+/*  FORM HIDE PASSWORD
+/*------------------------------------------*/
+
+.wrap-input {
+  position: relative;
+}
+
+.btn-show-pass {
+  color: #999999;
+  align-items: center;
+  position: absolute;
+  height: 100%;
+  top: 20px;
+  right: 20px;
+  cursor: pointer;
+  -webkit-transition: all 0.4s;
+  -o-transition: all 0.4s;
+  -moz-transition: all 0.4s;
+  transition: all 0.4s;
+}
+
+.btn-show-pass.ico-20 [class^="flaticon-"]:before, 
+.btn-show-pass.ico-20 [class^="flaticon-"]:after {
+  font-size: 1.125rem;
+}
+
+.btn-show-pass:hover {
+  color: #0195ff;
+}
+
+.btn-show-pass.active {
+  color: #6a7dfe;
+}
+
+
+
+
+/* ==========================================================================
+  34. PAGE 404
+  =========================================================================== */
+
+.page-404-txt {
+  padding-top: 180px;
+  padding-bottom: 100px;
+}
+
+.page-404-txt h2 {
+  margin-bottom: 20px;
+}
+
+.page-404-txt h6 {
+  line-height: 1.6;
+  font-weight: 400;
+  padding: 0 5%;
+  margin-bottom: 30px;
+}
+
+.page-404-img {
+  padding: 0 5%;
+  margin-bottom: 60px;
+}
+
+
+
+
+/* ==========================================================================
+  35. MODAL
+  ========================================================================== */ 
+
+.modal-body {
+  padding: 0!important;
+}  
+
+#modal-1 .modal-dialog {
+  max-width: 700px;
+}
+
+#modal-2 .modal-dialog {
+  width: 440px;
+}
+
+#modal-3 .modal-dialog.modal-xl {
+  width: 750px;
+}
+
+#modal-2.modal .modal-content,
+#modal-3.modal .modal-content {
+  overflow: hidden;
+  -webkit-border-radius: 10px; 
+  -moz-border-radius: 10px; 
+  -o-border-radius: 10px; 
+  border-radius: 10px;
+}
+
+#modal-3.modal .bg-img {
+  background: url(../images/modal-request.jpg);
+  background-position: left center;  
+}
+
+#modal-2 .modal-body-content {
+  padding: 35px 40px 15px;
+}
+
+#modal-3 .modal-body-content {
+  padding: 60px 35px 50px;
+}
+
+/*------------------------------------------*/
+/*  MODAL WINDOW CLOSE BUTTON
+/*------------------------------------------*/ 
+
+.modal .btn-close {
+  position: absolute;
+  z-index: 1;
+  right: 15px!important;
+  top: 15px!important;
+  height: 1.5rem;
+  width: 1.5rem;
+  background: rgba(255, 255, 255, 1)!important;
+  border-radius: 50%;
+  padding: 0;
+  opacity: .9;
+  z-index: 9999;
+}
+
+#modal-3.modal .btn-close {
+  background: rgba(14, 14, 14, .3)!important;
+}
+
+.btn-close span {
+  position: relative;
+  line-height: 24px!important;
+  top: -2px;
+}
+
+.modal .btn-close.ico-10 [class^="flaticon-"]:before, 
+.modal .btn-close.ico-10 [class^="flaticon-"]:after {
+  font-size: 0.6rem;
+}
+
+button.btn-close:focus {
+  outline: none!important;
+  text-decoration: none!important;
+}
+
+/*------------------------------------------*/
+/*  MODAL WINDOW NEWSLETTER FORM
+/*------------------------------------------*/ 
+
+.modal-body .newsletter-form {
+  margin-top: 25px;
+}
+
+.modal .newsletter-form .form-control {
+  text-align: center;
+  height: 56px;
+  background-color: #f5f6f8;
+  border: 1px solid transparent;
+  font-size: 1rem;
+  color: #353f4f;
+  font-weight: 400;
+  padding: 0 15px;  
+  margin: 0 0 15px 0;
+  box-shadow: none;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -o-border-radius: 6px;
+  border-radius: 6px;
+}
+
+/*------------------------------------------*/
+/*  Form Input Focus
+/*------------------------------------------*/
+
+.modal .newsletter-form .form-control:focus {
+  outline: 0;
+  box-shadow: none;
+  border-color: #1e90ff;
+}
+
+.modal .newsletter-form.purple-focus .form-control:focus {
+  border-color: #8863ee;
+}
+
+/*------------------------------------------*/
+/*  Form Input Placeholder
+/*------------------------------------------*/
+
+.modal .newsletter-form .form-control::-moz-placeholder { color: #aaa; } 
+.modal .newsletter-form .form-control:-ms-input-placeholder { color: #aaa; } 
+.modal .newsletter-form .form-control::-webkit-input-placeholder { color: #aaa; } 
+
+/*------------------------------------------*/
+/*  Form Button
+/*------------------------------------------*/
+
+.modal .input-group-btn { 
+  display: block; 
+  width: 100%!important; 
+}
+
+.modal .newsletter-form .btn {
+  display: block; 
+  width: 100%!important;
+  height: 56px;
+  margin: 0;
+}
+
+/*------------------------------------------*/
+/*  Form Notification
+/*------------------------------------------*/
+
+.modal .form-notification {
+  text-align: center;
+  color: #1680fb;
+  font-size: 0.85rem;
+  font-weight: 400;
+  line-height: 1;
+  margin-top: 12px;
+}
+
+.modal .form-notification.valid,
+.modal .form-notification.error {
+   color: #fc2f4b;
+}
+
+.modal .newsletter-form.valid {
+  color: #0fbc49;
+}
+
+/*------------------------------------------*/
+/*  MODAL WINDOW REQUEST FORM
+/*------------------------------------------*/ 
+
+#modal-3 .request-form {
+  margin: 0;
+}
+
+#modal-3 .request-form .col-md-12 {
+  padding: 0;
+}
+
+#modal-3 .request-form-title p {
+  margin-top: 18px;
+  margin-bottom: 25px;
+}
+
+#modal-3 .request-form .form-control { 
+  text-align: left;
+  margin: 0 0 25px 0;
+}
+
+#modal-3 .request-form .btn {
+  display: block; 
+  width: 100%!important;
+  height: 56px;
+  margin: 0;
+}
+
+/*------------------------------------------*/
+/*  Comment Form Message
+/*------------------------------------------*/
+
+#modal-3 .request-form-msg {
+  width: 100%!important;
+  display: block;
+  margin-top: 15px;
+  padding-left: 0;
+}
+
+#modal-3 .request-form .loading {
+  color: #1680fb;
+  font-size: 1.0625rem;
+  line-height: 1;
+  font-weight: 400;
+}
+
+#modal-3 .request-form .error {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  line-height: 1;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 10px;
+}
+ 
+
+
+
+/* ==========================================================================
+  31. DARK MODE
+  ========================================================================== */  
+
+body.theme--dark,
+.theme--dark .bg--white-100 { 
+  background-color: #232734!important;  
+} 
+
+body.theme--dark { 
+  color: #b1b7cd; 
+}
+
+.dark-theme-img { display: none; position: absolute; }
+.theme--dark .dark-theme-img { display: inline-block; position: relative; }
+.theme--dark  .owl-carousel .owl-item img.light-theme-img { display: none; position: absolute; }
+.theme--dark  .owl-carousel .owl-item img.dark-theme-img { display: block; }
+.theme--dark .light-theme-img { display: none; }
+
+.theme--dark .block-shadow { 
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+}
+
+.theme--dark .block-border {
+  border: 1px solid #e7e7e7;
+}
+
+.theme--dark .block-border.block-shadow { 
+  border: 1px solid #f5f6f6; 
+}
+
+.theme--dark .x-border { border-top: 1px solid #1d212c; border-bottom: 1px solid #1d212c; }
+.theme--dark .top-border { border-top: 1px solid #1d212c; }
+.theme--dark .bottom-border { border-bottom: 1px solid #1d212c; }
+
+.theme--dark .bg--white-300, 
+.theme--dark .bg--white-400,
+.theme--dark .bg--purple-100,
+.theme--dark .shape--purple-100:after,
+.theme--dark .shape--white-500:after,
+.theme--dark .shape--white-400:after,
+.theme--dark .shape--white-300:after,
+.theme--dark .shape--white-200:after {
+  background-color: #1d212c;
+}
+
+.theme--dark .bg--02,
+.theme--dark .bg--04,
+.theme--dark .gr--smoke,
+.theme--dark .gr--ghost,
+.theme--dark .shape--whitesmoke:after {
+  background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .55) 100%);
+}
+
+.theme--dark .gr--whitesmoke,
+.theme--dark .shape--gr-whitesmoke:after {
+  background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .05) 100%);
+}
+/*------------------------------------------*/
+/*  SECTION DIVIDER
+/*------------------------------------------*/
+
+.theme--dark hr.divider,
+.theme--dark .footer hr {
+  background-image: linear-gradient(90deg, rgba(122,125,147,0) 0, #7a7d93 38%, #7a7d93 64%, rgba(122,125,147,0) 99%); 
+}
+
+.theme--dark hr.divider.divider-light {
+  background-color: #fff;
+  background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #dedede 38%, #dedede 64%, rgba(206,211,246,0) 99%);
+  opacity: 1;
+}
+
+/*------------------------------------------*/
+/*  TYPOGRAPHY
+/*------------------------------------------*/
+
+.theme--dark h1, 
+.theme--dark h2, 
+.theme--dark h3,
+.theme--dark h4,
+.theme--dark h5, 
+.theme--dark h6 {  
+  color: #fff;
+}
+
+.theme--dark a { color: #b1b7cd; }
+.theme--dark a:hover, .theme--dark a.tra-link:hover span { color: #f7f8f9!important; }
+
+/*------------------------------------------*/
+/*  BUTTONS
+/*------------------------------------------*/
+
+.theme--dark .btn--tra-black,
+.theme--dark .hover--tra-black:hover {
+  color: #b1b7cd!important;
+  background-color:transparent!important;
+  border-color: #b1b7cd!important;
+}
+
+.theme--dark .navbar-dark .hover--tra-black:hover {
+  color: #353f4f!important;
+  background-color:transparent!important;
+  border-color: #353f4f!important;
+}
+
+.theme--dark .white-scroll .hover--tra-black:hover {
+  color: #fff!important;
+  border-color: #fff!important;
+  background-color: transparent!important;
+}
+
+.theme--dark .navbar-dark .scroll .hover--tra-black:hover {
+  color: #fff!important;
+  background-color:transparent!important;
+  border-color: #fff!important;
+}
+
+.theme--dark .btn--white,
+.theme--dark .hover--white:hover {
+  color: #353f4f!important;
+  background-color: #fff!important;
+  border-color: #fff!important;
+}
+
+.theme--dark .btn--tra-white,
+.theme--dark .hover--tra-white:hover {
+  color: #f1f1f1!important;
+  background-color: transparent!important;
+  border-color: #f1f1f1!important;
+}
+
+.theme--dark .white-scroll .scroll .hover--tra-white:hover {
+  color: #fff!important;
+  background-color: transparent!important;
+  border-color: #fff!important;
+}
+
+.theme--dark .btn--tra-grey, 
+.theme--dark .hover--tra-grey:hover,
+.theme--dark .white-scroll .scroll .hover--tra-grey:hover,
+.theme--dark .black-scroll .scroll .hover--tra-grey:hover {
+  color: #b1b7cd!important;
+  background-color: transparent!important;
+  border-color: #b1b7cd!important;
+}
+
+.theme--dark .btn--blue-500, 
+.theme--dark .hover--blue-500:hover,
+.theme--dark .white-scroll .scroll .hover--blue-500:hover,
+.theme--dark .black-scroll .scroll .hover--blue-500:hover {
+  color: #fff!important;
+  border-color: #185abd!important;
+  background-color: #185abd!important;
+}
+
+.theme--dark .btn--blue-400, 
+.theme--dark .hover--blue-400:hover,
+.theme--dark .white-scroll .scroll .hover--blue-400:hover,
+.theme--dark .black-scroll .scroll .hover--blue-400:hover {
+  color: #fff!important;
+  border-color: #1680fb!important;
+  background-color: #1680fb!important;
+}
+
+.theme--dark .btn--blue-300, 
+.theme--dark .hover--blue-300:hover,
+.theme--dark .white-scroll .scroll .hover--blue-300:hover,
+.theme--dark .black-scroll .scroll .hover--blue-300:hover {
+  color: #fff!important;
+  border-color: #3eb1ff!important;
+  background-color: #3eb1ff!important;
+}
+
+.theme--dark .btn--pink-500, 
+.theme--dark .hover--pink-500:hover,
+.theme--dark .white-scroll .scroll .hover--pink-500:hover,
+.theme--dark .black-scroll .scroll .hover--pink-500:hover {
+  color: #fff!important;
+  border-color: #ff149c!important;
+  background-color: #ff149c!important;
+}
+
+.theme--dark .btn--pink-400, 
+.theme--dark .hover--pink-400:hover,
+.white-scroll .scroll .hover--pink-400:hover,
+.black-scroll .scroll .hover--pink-400:hover {
+  color: #fff!important;
+  border-color: #f74780!important;
+  background-color: #f74780!important;
+}
+
+.theme--dark .btn--pink-300, 
+.theme--dark .hover--pink-300:hover,
+.theme--dark .white-scroll .scroll .hover--pink-300:hover,
+.theme--dark .black-scroll .scroll .hover--pink-300:hover {
+  color: #fff!important;
+  border-color: #fcb5cc!important;
+  background-color: #fcb5cc!important;
+}
+
+.theme--dark .btn--purple-500, 
+.theme--dark .hover--purple-500:hover,
+.theme--dark .white-scroll .scroll .hover--purple-500:hover,
+.theme--dark .black-scroll .scroll .hover--purple-500:hover {
+  color: #fff!important;
+  border-color: #663ae9!important;
+  background-color: #663ae9!important;
+}
+
+.theme--dark .btn--purple-400, 
+.theme--dark .hover--purple-400:hover,
+.theme--dark .white-scroll .scroll .hover--purple-400:hover,
+.theme--dark .black-scroll .scroll .hover--purple-400:hover {
+  color: #fff!important;
+  border-color: #7b5dd6!important;
+  background-color: #7b5dd6!important;
+}
+
+.theme--dark .btn--purple-300, 
+.theme--dark .hover--purple-300:hover,
+.theme--dark .white-scroll .scroll .hover--purple-300:hover,
+.theme--dark .black-scroll .scroll .hover--purple-300:hover {
+  color: #fff!important;
+  border-color: #bdaeea!important;
+  background-color: #bdaeea!important;
+}
+
+.theme--dark .btn--violet-500, 
+.theme--dark .hover--violet-500:hover,
+.theme--dark .white-scroll .scroll .hover--violet-500:hover,
+.theme--dark .black-scroll .scroll .hover--violet-500:hover {
+  color: #fff!important;
+  border-color: #c73e9b!important;
+  background-color: #c73e9b!important;
+}
+
+.theme--dark .btn--violet-400, 
+.theme--dark .hover--violet-400:hover,
+.theme--dark .white-scroll .scroll .hover--violet-400:hover,
+.theme--dark .black-scroll .scroll .hover--violet-400:hover {
+  color: #fff!important;
+  border-color: #be6cbe!important;
+  background-color: #be6cbe!important;
+}
+
+.theme--dark .btn--violet-300, 
+.theme--dark .hover--violet-300:hover,
+.theme--dark .white-scroll .scroll .hover--violet-300:hover,
+.theme--dark .black-scroll .scroll .hover--violet-300:hover {
+  color: #fff!important;
+  border-color: #e2bde2!important;
+  background-color: #e2bde2!important;
+}
+
+.theme--dark .section-id {
+  color: #eee; 
+}
+
+.theme--dark .color--black,
+.theme--dark .color--black h2, 
+.theme--dark .color--black h3, 
+.theme--dark .color--black h4, 
+.theme--dark .color--black h5, 
+.theme--dark .color--black h6, 
+.theme--dark .color--black p, 
+.theme--dark .color--black a,
+.theme--dark .color--black li, 
+.theme--dark .color--black i,
+.theme--dark .color--black span, 
+.theme--dar .color--white .color--black { color: #fff; }
+
+.theme--dark .color--grey,
+.theme--dark .color--grey h2, 
+.theme--dark .color--grey h3, 
+.theme--dark .color--grey h4, 
+.theme--dark .color--grey h5, 
+.theme--dark .color--grey h6, 
+.theme--dark .color--grey p, 
+.theme--dark .color--grey a,
+.theme--dark .color--grey li, 
+.theme--dark .color--grey i,
+.theme--dark .color--grey span, 
+.theme--dark .color--white .color--grey { color: #b1b7cd; }
+
+/*------------------------------------------*/
+/*   NAVIGATION MENU
+/*------------------------------------------*/
+
+.theme--dark .dark-menu .wsmainfull,
+.theme--dark .white-menu .wsmainfull {
+  background-color: #1d222f!important;
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+/*------------------------------------------*/
+/*  HEADER LINK
+/*------------------------------------------*/
+
+.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a,
+.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a,
+.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a {
+  color: #fff;
+}
+
+.theme--dark .navbar-light .wsmenu-list > li > a.h-link:hover,
+.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a:hover,
+.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a:hover,
+.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a:hover {
+  color: #eee!important;
+}
+
+.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn:hover {
+  color: #fff!important;
+}
+
+/*------------------------------------------*/
+/*  HEADER SUBMENU / MEGAMENU
+/*------------------------------------------*/
+
+.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
+  background-color: #2c3142!important; 
+  border: solid 1px #2c3142!important; 
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu:before,
+.theme--dark .wsmenu > .wsmenu-list > li.mg_link:hover > a:after,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu:before {
+  background-color: #2c3142;
+  border-left: solid 1px #2c3142;
+  border-top: solid 1px #2c3142;
+}
+ 
+.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+  color: #b1b7cd;
+  background-color: transparent!important;
+}
+
+.theme--dark .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
+.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
+.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
+  color: #b1b7cd;
+}
+
+/*------------------------------------------*/
+/*  NAVBAR SCROLL
+/*------------------------------------------*/
+
+.theme--dark .tra-menu .wsmainfull.scroll,
+.theme--dark .white-menu .wsmainfull.scroll,
+.theme--dark .dark-menu.dark-scroll .wsmainfull.scroll {
+  background-color: #1d222f!important;
+  padding: 0;
+  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
+}
+
+.theme--dark .tra-menu.navbar-dark .scroll .wsmenu > .wsmenu-list > li > a,
+.theme--dark .tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li > a,
+.theme--dark .tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, 
+.theme--dark .tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link {
+  color: #b1b7cd;
+}
+
+.theme--dark .navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover {
+  color: #fff!important;
+}
+
+.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  background-color: rgba(0, 0, 0, .12)!important;
+}
+
+.theme--dark .navbar-light .scroll .btn.btn--tra-white {
+  color: #fff!important;
+  border-color: #fff!important;
+  background-color: transparent!important;
+}
+
+/*------------------------------------------*/
+/*  Logo Image
+/*------------------------------------------*/
+
+.theme--dark .navbar-dark .logo-black,
+.theme--dark .navbar-dark .scroll .logo-black {
+  display: none;
+}
+
+.theme--dark .navbar-dark .logo-white,
+.theme--dark .navbar-dark .scroll .logo-white {
+  display: block;
+}
+
+.theme--dark .navbar-dark .logo-black {
+  display: block;
+}
+
+.theme--dark .navbar-dark .logo-white {
+  display: none;
+}
+
+.theme--dark .navbar-dark .scroll .logo-white {
+  display: block;
+}
+
+/*------------------------------------------*/
+/*  HERO SECTION
+/*------------------------------------------*/
+
+.theme--dark .hero-section .color--black,
+.theme--dark .hero-section .color--black h2, 
+.theme--dark .hero-section .color--black h3, 
+.theme--dark .hero-section .color--black h4, 
+.theme--dark .hero-section .color--black h5, 
+.theme--dark .hero-section .color--black h6, 
+.theme--dark .hero-section .color--black p, 
+.theme--dark .hero-section .color--black a,
+.theme--dark .hero-section .color--black li, 
+.theme--dark .hero-section .color--black i,
+.theme--dark .hero-section .color--black span, 
+.theme--dark .hero-section .color--white .color--black {  color: #353f4f; }
+
+.theme--dark .hero-section p { color: #6c757d; }
+.theme--dark .hero-section .color--white p { color: #fff; }
+.theme--dark .hero-section.gr--whitesmoke p {color: #b1b7cd; }
+.theme--dark .hero-section .section-id.color--grey { color: #6c757d; }
+
+.theme--dark .hero-5-txt p,
+.theme--dark .hero-6-txt p,
+.theme--dark .hero-10-txt p,
+.theme--dark .hero-15-txt p,
+.theme--dark .hero-16-txt p,
+.theme--dark .hero-17-txt p,
+.theme--dark .hero-18-txt p,
+.theme--dark .hero-19-txt p,
+.theme--dark .hero-20-txt p,
+.theme--dark .hero-21-txt p,
+.theme--dark .hero-23-txt p,
+.theme--dark .hero-25-txt p { color: #b1b7cd; }
+
+.theme--dark .hero-section .quick-form .form-control {
+  color: #fff;
+  background-color: #363f54;
+}
+
+.theme--dark #hero-14.hero-section .quick-form .form-control,
+.theme--dark #hero-24.hero-section .quick-form .form-control,
+.theme--dark #hero-26.hero-section .quick-form .form-control {
+  color: #666;
+  background-color: #fff;
+}
+
+.theme--dark .hero-section .quick-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .hero-section .quick-form .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .hero-section .quick-form .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+.theme--dark #hero-14.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } 
+.theme--dark #hero-14.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; }
+.theme--dark #hero-14.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; }
+
+.theme--dark #hero-24.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } 
+.theme--dark #hero-24.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; }
+.theme--dark #hero-24.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; }
+
+.theme--dark #hero-26.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } 
+.theme--dark #hero-26.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; }
+.theme--dark #hero-26.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; }
+
+.theme--dark .hero-section .quick-form .form-control:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+.theme--dark #hero-14.hero-section .quick-form .form-control:focus,
+.theme--dark #hero-24.hero-section .quick-form .form-control:focus,
+.theme--dark #hero-26.hero-section .quick-form .form-control:focus {
+  background-color: #fff;
+  border-color: transparent;
+}
+
+.theme--dark .hero-section .request-form .form-control {
+  color: #fff;
+  background-color: #363f54;
+}
+
+.theme--dark .hero-section .request-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .hero-section .request-form .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .hero-section .request-form .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+.theme--dark .hero-section .request-form .form-control:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+.theme--dark #hero-3:after,
+.theme--dark #hero-4:after {
+  background-color: #232734;
+}
+
+.theme--dark .hero-4-txt h2 {
+  color: #353f4f;
+}
+
+.theme--dark .hero-4-txt .btn.btn--tra-black {
+  color: #353f4f!important;
+  background-color:transparent!important;
+  border-color: #353f4f!important;
+}
+
+.theme--dark #hero-5 {
+  background-image: url(../images/hero-5-dark.jpg);
+}
+
+.theme--dark .hero-6-wrapper {
+  background-image: linear-gradient(90deg, #1d212c, #1d212c);
+}
+
+.theme--dark #hero-8-form {
+  background-color: #1d222f;
+  border: 1px solid #1d222f;
+}
+
+.theme--dark #hero-8-form p {
+  color: #b1b7cd;
+}
+
+.theme--dark #hero-5 .wave-shape-bottom svg path,
+.theme--dark #hero-8 .wave-shape-bottom svg path,
+.theme--dark #hero-14 .wave-shape-bottom svg path,
+.theme--dark #hero-16 .wave-shape-bottom svg path,
+.theme--dark #hero-22 .wave-shape-bottom svg path,
+.theme--dark #hero-23 .wave-shape-bottom svg path,
+.theme--dark #hero-26 .wave-shape-bottom svg path {
+  fill: #232734;
+}
+
+.theme--dark #hero-10 {
+  background-image: url(../images/hero-10-dark.jpg);
+}
+
+.theme--dark #hero-15 {
+  background-image: url(../images/hero-15-dark.jpg);
+}
+
+.theme--dark #hero-16 {
+  background-image: url(../images/hero-16-dark.jpg);
+}
+
+.theme--dark #hero-17 {
+  background-image: url(../images/hero-17-dark.jpg);
+}
+
+.theme--dark #hero-18:after {
+  background-image: url(../images/hero-18-dark.jpg);
+}
+
+.theme--dark #hero-20:after {
+  background-image: linear-gradient(180deg, #1d212c, #232734);
+}
+
+.theme--dark  #hero-21 .hero-overlay {
+  background-image: url(../images/hero-21-dark.jpg);
+}
+
+.theme--dark #hero-23 {
+  background-image: url(../images/hero-23-dark.jpg);
+}
+
+.theme--dark .hero-23-txt p span.color--black { color: #fff; }
+
+.theme--dark #hero-25 {
+  background-image: url(../images/hero-25-dark.jpg);
+}
+
+.theme--dark #hero-27 .hero-overlay {
+  background-image: url(../images/hero-27-dark.png);
+}
+
+/*------------------------------------------*/
+/*  FEATURES
+/*------------------------------------------*/
+
+.theme--dark .features-section path {
+  opacity: .05;
+}
+
+.theme--dark .fbox-7 {
+  border: 2px solid #363f54;
+}
+
+/*------------------------------------------*/
+/*  CONTENT
+/*------------------------------------------*/
+
+.theme--dark .cbox-2-line {
+  background-color: #363f54;
+}
+
+/*------------------------------------------*/
+/*  STATISTIC
+/*------------------------------------------*/
+
+.theme--dark #statistic-5 .statistic-digit {
+  border-bottom: 1px solid #505c77;
+}
+
+/*------------------------------------------*/
+/*  REVIEWS
+/*------------------------------------------*/
+
+.theme--dark #reviews-2 .review-2.bg--white-100 {
+  background-color: #1d212c!important;
+}
+
+.theme--dark .owl-theme .owl-dots .owl-dot span {
+  background: #1d212c;
+}
+
+.theme--dark .owl-theme .owl-dots .owl-dot.active span {
+  background: #b1b7cd;
+}
+
+.theme--dark .review-3.block-border {
+  border-color: #363f54;
+}
+
+/*------------------------------------------*/
+/*  PROJECT DETAILS
+/*------------------------------------------*/
+
+.theme--dark .project-title h2 {
+  border-bottom: 1px solid #363f54;
+}
+
+.theme--dark .project-data p span { color: #fff; }
+
+.theme--dark .project-description .more-projects span {
+  color: #fff;
+}
+
+/*------------------------------------------*/
+/*  RATING
+/*------------------------------------------*/
+
+.theme--dark .rbox-1 .star-rating {
+  background-color: #1d212c!important;
+  border: 1px solid #1d212c;
+  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); 
+}
+
+/*------------------------------------------*/
+/*  PRICING
+/*------------------------------------------*/
+
+.theme--dark .pricing-discount h6 {
+  color: #353f4f;
+}
+
+.theme--dark .table>:not(caption)>*>* {
+  color: #b1b7cd;
+  background-color: #232734;
+}
+
+.theme--dark .comp-table .table thead th {
+  color: #fff;
+  border-color: #363f54;
+}
+
+.theme--dark .comp-table tbody th {
+  border-bottom: 1px solid #363f54!important;
+}
+
+.theme--dark .comp-table .table tr td {
+  border-bottom: 2px solid #363f54;
+}
+
+/*------------------------------------------*/
+/*  INTEGRATIONS
+/*------------------------------------------*/
+
+.theme--dark .integrations-1-wrapper .in_tool {
+  background-color: #1d212c;
+  border: 1px solid #1d212c;
+}
+
+/*------------------------------------------*/
+/*  PRICING
+/*------------------------------------------*/
+
+.theme--dark .switcher.bg--grey {
+  background-color: #363f54;
+  border: 2px solid #363f54;
+}
+
+/*------------------------------------------*/
+/*  BANNER
+/*------------------------------------------*/
+
+.theme--dark .banner-16-wrapper.bg--white-100.block-border {
+  border-color: #363f54;
+}
+
+/*------------------------------------------*/
+/*  DOWNLOAD
+/*------------------------------------------*/
+
+.theme--dark .release-data {
+  border-bottom: 1px dashed #656565;
+}
+
+.theme--dark span.version-data,
+.theme--dark span.release-date span {
+  color: #f1f1f1;
+}
+
+.theme--dark span.release-date {
+  color: #ccc;
+}
+
+/*------------------------------------------*/
+/*  FAQs
+/*------------------------------------------*/
+
+.theme--dark .faqs-section .accordion-item,
+.theme--dark #faqs-2.faqs-section .accordion-item,
+.theme--dark #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb {
+  border-bottom: 1px solid #363f54;
+}
+
+.theme--dark .faqs-section .tabs-1 li {
+  border: 2px solid #363f54;
+}
+
+.theme--dark .faqs-section .tabs-1 li span,
+.theme--dark .faqs-section .tabs-1 li {
+  color: #b1b7cd;
+}
+
+.theme--dark .faqs-section .accordion-item .accordion-thumb:after,
+.theme--dark .faqs-section .accordion-item.is-active .accordion-thumb:after {
+  color: #b1b7cd;
+}
+
+/*------------------------------------------*/
+/*  NEWSLETTER
+/*------------------------------------------*/
+
+.theme--dark .newsletter-section .form-control {
+  color: #f1f1f1;
+  background-color: #363f54;
+  border: 1px solid #363f54;
+}
+
+.theme--dark .newsletter-section .form-control:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+.theme--dark .newsletter-section .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .newsletter-section .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .newsletter-section .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+/*------------------------------------------*/
+/*  BLOG
+/*------------------------------------------*/
+
+.theme--dark .post-meta-list p,
+.theme--dark .blog-post-txt a {
+  color: #fff;
+}
+
+.theme--dark .blog-post-txt a:hover {
+  color: #ddd!important;
+}
+
+/*------------------------------------------*/
+/*  SINGLE POST
+/*------------------------------------------*/
+
+.theme--dark .txt-code {
+  background-color: #1d212c;
+}
+
+.theme--dark .txt-code kbd {
+  background-color: #363f54;
+}
+
+.theme--dark  .txt-code p {
+  color: #b1b7cd; 
+}
+
+.theme--dark .comment-form p,
+.theme--dark  .blockquote-footer,
+.theme--dark .txt-code span.code-property,
+.theme--dark .txt-code p code.code-language-js {
+  color: #fff;
+}
+
+.theme--dark .comment-form .form-control {
+  color: #f1f1f1;
+  background-color: #363f54;
+}
+
+.theme--dark .comment-form .form-control:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+.theme--dark .comment-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .comment-form .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .comment-form .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+/*------------------------------------------*/
+/*  CONTACTS
+/*------------------------------------------*/
+
+.theme--dark .contact-form-notice p a,
+.theme--dark #contacts-1 .contact-form p {
+  color: #fff;
+}
+
+.theme--dark .contact-form .form-control,
+.theme--dark .contact-form .form-select {
+  color: #f1f1f1;
+  background-color: #363f54;
+}
+
+.theme--dark .contact-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .contact-form .form-control:-ms-input-placeholder { color: #b1b7cd; }
+.theme--dark .contact-form .form-control::-webkit-input-placeholder { color: #b1b7cd; }
+
+.theme--dark .contact-form .form-control:focus,
+.theme--dark .contact-form .form-select:focus {
+  background-color: #505c77;
+  border-color: transparent;
+}
+
+/*------------------------------------------*/
+/*  FOOTER
+/*------------------------------------------*/
+
+.footer-logo-dark { display: none; }
+.theme--dark .footer-logo { display: none; }
+.theme--dark .footer-logo-dark { display: block; }
+.theme--dark #footer-10 .footer-logo-dark { display: inline-block; }
+
+.theme--dark  #footer-10 .footer-info {
+  border-bottom: 1px solid #363f54;
+}
+
+.theme--dark .footer-form .newsletter-form .btn.dark-color span {
+  color: #2f353e!important;
+}
+
+.theme--dark .footer-form .newsletter-form .input-group {
+  background-color: #282d3c;
+  border: 1px solid #505c77;
+}
+
+.theme--dark .footer-form .form-control {
+  color: #fff;
+}
+
+.theme--dark .footer-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .footer-form .form-control:-ms-input-placeholder { color: #b1b7cd; } 
+.theme--dark .footer-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } 
+
+.theme--dark .legal-info p span {
+  color: #fff;
+}
+
+/*------------------------------------------*/
+/*  INNER PAGE
+/*------------------------------------------*/
+
+.theme--dark .page-hero-section .wave-shape-bottom path {
+  fill: #232734;
+}
+
+/*------------------------------------------*/
+/*  MODAL
+/*------------------------------------------*/
+
+.theme--dark #modal-2 .modal-body-content h5,
+.theme--dark #modal-3 .modal-body-content h3 {
+  color: #353f4f;
+}
+
+/*------------------------------------------*/
+/*  PAGE 404
+/*------------------------------------------*/
+
+.theme--dark #page-404.bg--white-300, .theme--dark #footer-11.bg--white-300 { background-color: #f7f8f9; }
+.theme--dark #page-404 .color--dark { color: #353f4f; }
+
+.theme--dark #page-404 h6.color--grey, .theme--dark #footer-11.bg--white-300,
+.theme--dark #footer-11.bg--white-300 .bottom-footer-list p a { color: #6c757d; }
+
+/*------------------------------------------*/
+/*  LOGIN
+/*------------------------------------------*/
+
+.theme--dark #login, .theme--dark #signup {
+  background: url(../images/login_dark.jpg);
+}
+
+.theme--dark #reset-password {
+  background: url(../images/reset-password-dark.jpg);
+}
+
+.theme--dark #login .register-page-wrapper:after,
+.theme--dark #signup .register-page-wrapper:after {
+  background-color: #1d212c;
+}
+
+.theme--dark .form-data span a,
+.theme--dark .register-page-form p.input-header {
+  color: #fff;
+}
+
+.theme--dark .separator-line::before, 
+.theme--dark .separator-line::after {
+  border-top: 2px solid rgba(255, 255, 255, .15);
+}
+
+.theme--dark .reset-page-wrapper .form-control,
+.theme--dark .register-page-form .form-control {
+  color: #f1f1f1;
+  background-color: #363f54;
+  border: 1px solid #363f54;
+}
+
+.theme--dark .reset-page-wrapper form { 
+  background: #1d212c;
+  border: 1px solid #1d212c;
+}
+
+.theme--dark .register-page-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .register-page-form .form-control:-ms-input-placeholder { color: #b1b7cd; } 
+.theme--dark .register-page-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } 
+
+.theme--dark .reset-password-form .form-control::-moz-placeholder { color: #b1b7cd; } 
+.theme--dark .reset-password-form .form-control:-ms-input-placeholder { color: #b1b7cd; } 
+.theme--dark .reset-password-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } 
+
+.theme--dark  .register-page-form .btn-google {
+  color: #b1b7cd;
+  background-color: #363f54;
+  border: 1px solid #363f54;
+}
+
+
+
+
+/* ==========================================================================
+   STYLE CHANGER 
+  ========================================================================== */
+
+#stlChanger {
+  position: fixed;
+  z-index: 9999;
+  font-size: 15px;
+  overflow: hidden;
+  right: -230px;
+  top: 100px;
+  cursor: pointer;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+  -webkit-transition: all 400ms ease-in-out;
+  -moz-transition: all 400ms ease-in-out;
+  -o-transition: all 400ms ease-in-out;
+  -ms-transition: all 400ms ease-in-out;
+  transition: all 400ms ease-in-out;
+}
+
+#stlChanger.open {
+  right: 0px;
+}
+
+#stlChanger .bgChanger {
+  min-width: 280px;
+  min-height: 280px;
+}
+
+#stlChanger .blockChanger {
+  width: 230px;
+}
+
+#stlChanger .chBody {
+  background: #2b2e37;
+  width: 230px;
+  position: relative;
+  overflow: hidden;
+  border: 1px solid #2b2e37;
+  border-radius: 4px 0px 0px 4px;
+  height: 425px; 
+  overflow: scroll; 
+  overflow-x: hidden;
+  direction: rtl;
+  margin-left: 50px;
+}
+
+#stlChanger .chBody.chBody-sm {
+  height: 360px; 
+}
+
+#stlChanger .chBut {
+  background: #ef2853;
+  width: 50px;
+  height: 50px;
+  position: absolute;
+  top: 30px;
+  left: 0;
+  z-index: 1000000;
+  text-align: center;
+  border: 1px solid #ef2853;
+  border-left: none;
+  padding: 0 0 0 2px;
+  border-radius: 4px 0px 0px 4px;
+  -webkit-transition: all 300ms ease-in-out;
+  -moz-transition: all 300ms ease-in-out;
+  -o-transition: all 300ms ease-in-out;
+  -ms-transition: all 300ms ease-in-out;
+  transition: all 300ms ease-in-out;
+  box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); 
+}
+
+#stlChanger .chBut.icon-xs [class*="flaticon-"]:before,
+#stlChanger .chBut.icon-xs [class*="flaticon-"]:after {   
+  color: #fff;
+  font-size: 2.15rem;
+  line-height: 48px!important;
+}
+
+#stlChanger p {
+  font-size: 18px;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-weight: 600;
+  letter-spacing: 0;
+  margin-bottom: 20px;
+}
+
+#stlChanger .stBgs a {
+  text-decoration: none;
+  width: 50px;
+  height: 50px;
+  float: left;
+  padding: 0;
+  margin: 0 5px 8px;
+  cursor: pointer;
+  opacity: 1;
+  -webkit-border-radius: 8px;
+  -moz-border-radius: 8px;
+  border-radius: 8px;
+}
+
+#stlChanger .stBgs a img {
+  width: 50px;
+  height: 50px;
+  -webkit-border-radius: 8px;
+  -moz-border-radius: 8px;
+  border-radius: 8px;
+}
+
+.stBlock1 {
+  margin: 0 20px 25px 20px;
+}
+
+.stBlock .btn {
+  width: 100%;
+  padding: 0.65rem 1.2rem;
+  line-height: 1;
+  margin-top: 15px;
+}
+
+.switch {
+  width: 100%;
+  color: #fff;
+  padding: 0.4rem 1.4rem;
+  border: 2px solid #fff;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+
+
+
+
+/* ==========================================================================
+  34. COLOR SCHEME
+  ========================================================================== */ 
+
+.bg--theme,
+.shape--blue-400:after { 
+  background-color: #be6cbe; 
+}
+
+.btn--theme {
+  color: #fff!important;
+  border-color: #be6cbe!important;
+  background-color: #be6cbe!important;
+}
+
+.hover--theme:hover,
+.white-scroll .scroll .hover--theme:hover,
+.black-scroll .scroll .hover--theme:hover {
+  color: #fff!important;
+  border-color: #a959a9!important;
+  background-color: #a959a9!important;
+}
+
+.theme--dark .white-scroll .scroll .hover--theme:hover {
+  color: #fff!important;
+  border-color: #a959a9!important;
+  background-color: #a959a9!important;
+}
+
+.theme--dark .white-scroll .hover--theme:hover {
+  color: #fff!important;
+  border-color: #a959a9!important;
+  background-color: #a959a9!important;
+}
+
+.color--theme, 
+.color--theme h1, 
+.color--theme h2, 
+.color--theme h3, 
+.color--theme h4, 
+.color--theme h5, 
+.color--theme h6, 
+.color--theme p, 
+.color--theme a, 
+.color--theme li, 
+.color--theme i, 
+.color--theme span,
+.color--white .color--theme { color: #be6cbe!important; }
+
+.loading--theme .loader { 
+  border-color: transparent #be6cbe; 
+}
+
+.loading--theme .loader::after {
+  border-color: transparent rgba(190, 108, 190, .15); 
+}
+
+.nav-theme .sm-info { 
+  background-color: #be6cbe; 
+}
+
+.wsmenu > .wsmenu-list.nav-theme > li > ul.sub-menu > li > a:hover,
+.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
+.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
+  color: #be6cbe!important;
+}
+
+.hero-section .quick-form .form-control:focus {
+  border-color: #be6cbe;
+}
+
+.cbox-2:hover .cbox-2-ico.bg--theme { 
+  color: #be6cbe; 
+  border-color: #be6cbe; 
+}
+
+.tabs-1.tabs--theme, 
+.tabs-1.tabs--theme li.current:hover { 
+  color: #be6cbe; 
+  border-color: #be6cbe; 
+}
+
+.faqs-section .tabs--theme .tabs-1 li.current,
+.faqs-section .tabs--theme .tabs-1 li.current:hover {
+  background-color: #be6cbe;
+  border-color: #be6cbe!important;
+}
+
+.switch-wrap input:checked + .switcher.switcher--theme { 
+  background-color: #be6cbe; 
+  border-color: #be6cbe; 
+}
+
+.shape-ico.color--theme path,
+.shape-ico.color--theme path,
+.shape-ico.color--theme path {
+  fill: #f7e4f1;
+}
+
+.newsletter-section .form-control:focus {
+  background-color: #fff;
+  border-color: #353f4f;
+}
+
+.theme-pagination .page-item.active .page-link {
+  color: #fff!important;
+  background-color: #be6cbe;
+  border: 2px solid #be6cbe;
+}
+
+
+
+
+/* ==========================================================================
+  34. XXXXX
+  ========================================================================== */ 
+
+.t-title {
+  text-align: center; 
+  color: #fff;
+  background-color:#1d222f;
+  padding: 10px 5px; 
+  margin: 0 0 40px;
+}
+
+.t-title.btn-s-title {
+  margin: 0;
+}
+
+.t-title h6 {
+  color: #fff;
+  margin-bottom: 0;
+}
\ No newline at end of file
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..718d6fe
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 0000000..92ea929
Binary files /dev/null and b/public/favicon.png differ
diff --git a/public/fonts/.DS_Store b/public/fonts/.DS_Store
new file mode 100644
index 0000000..d0b05c3
Binary files /dev/null and b/public/fonts/.DS_Store differ
diff --git a/public/fonts/flaticon.eot b/public/fonts/flaticon.eot
new file mode 100644
index 0000000..f1e5b09
Binary files /dev/null and b/public/fonts/flaticon.eot differ
diff --git a/public/fonts/flaticon.svg b/public/fonts/flaticon.svg
new file mode 100644
index 0000000..2122a9d
--- /dev/null
+++ b/public/fonts/flaticon.svg
@@ -0,0 +1,747 @@
+<?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">
+<defs>
+  <font id="flaticon" horiz-adv-x="300">
+    <font-face font-family="flaticon"
+      units-per-em="300" ascent="300"
+      descent="0" />
+    <missing-glyph horiz-adv-x="0" />
+    <glyph glyph-name="001-star"
+      unicode="&#xF101;"
+      horiz-adv-x="300" d="M300 182.1830237330948C300 186.6305320212598 296.6354786086407 189.394516655265 289.9013839920013 190.4775035520707L199.399673735726 203.6362679576909L158.8353417881387 285.6692101247172C156.5531758143451 290.5972741146135 153.6060622007052 293.0600431510814 150.0009472188602 293.0600431510814C146.3964637162553 293.0600431510814 143.4512445403357 290.5972741146135 141.1671841288218 285.6692101247172L100.6009577435142 203.6362679576909L10.094827132558 190.4775035520708C3.3657843498395 189.394516655265 0 186.6305320212598 0 182.1830237330948C0 179.657738251855 1.5029205914856 176.7731410829869 4.5081302952165 173.5279692680104L70.1339788454455 109.7056254275641L54.6292690627796 19.5625953796769C54.3886754722939 17.8790717255171 54.2693258959112 16.673577856128 54.2693258959112 15.9555859601116C54.2693258959112 13.431563437352 54.8995421775509 11.2990580434668 56.1612376993106 9.5549123822555C57.4223017418302 7.8082408040835 59.3142135452297 6.9393253696785 61.8394990264695 6.9393253696785C64.0042098616008 6.9393253696785 66.4069883702573 7.6573172656949 69.0509919486397 9.1008788086092L149.9990527811398 51.6537388833342L230.9527969268011 9.1008788086092C233.4812398042415 7.6573172656949 235.8846497921381 6.9393253696785 238.1617639320108 6.9393253696785C240.573383150029 6.9393253696785 242.4021470294164 7.8082408040835 243.6638425511762 9.5549123822555C244.9217491974952 11.2965321265064 245.552596958375 13.431563437352 245.552596958375 15.9555859601116C245.552596958375 17.5159711624481 245.4919749513235 18.7176761563964 245.3713624164606 19.5625953796769L229.8653896753144 109.7056254275641L295.3100036836289 173.5279692680104C298.4396147976635 176.6531600273641 300 179.5390201547124 300 182.1830237330948z" />
+    <glyph glyph-name="002-star-1"
+      unicode="&#xF102;"
+      horiz-adv-x="300" d="M300 182.1830237330948C300 186.6305320212598 296.6354786086407 189.394516655265 289.9013839920013 190.4775035520707L199.399673735726 203.6362679576909L158.8353417881387 285.6692101247172C156.5531758143451 290.5972741146135 153.6060622007052 293.0600431510814 150.0009472188602 293.0600431510814C146.3964637162553 293.0600431510814 143.4512445403357 290.5972741146135 141.1671841288218 285.6692101247172L100.6009577435142 203.6362679576909L10.094827132558 190.4775035520708C3.3657843498395 189.394516655265 0 186.6305320212598 0 182.1830237330948C0 179.657738251855 1.5029205914856 176.7731410829869 4.5081302952165 173.5279692680104L70.1339788454455 109.7056254275641L54.6292690627796 19.5625953796769C54.3886754722939 17.8790717255171 54.2693258959112 16.673577856128 54.2693258959112 15.9555859601116C54.2693258959112 13.431563437352 54.8995421775509 11.2990580434668 56.1612376993106 9.5549123822555C57.4223017418302 7.8082408040835 59.3142135452297 6.9393253696785 61.8394990264695 6.9393253696785C64.0042098616008 6.9393253696785 66.4069883702573 7.6573172656949 69.0509919486397 9.1008788086092L149.9990527811398 51.6537388833342L230.9509024890807 9.10529916329C233.4768194495606 7.6617376203757 235.8802294374573 6.9393253696784 238.1598694942904 6.9393253696784C243.0929853181077 6.9393253696784 245.5570173130559 9.9388517602483 245.5570173130559 15.9511656054307C245.5570173130559 17.5115508077672 245.4963953060043 18.7132558017155 245.3757827711414 19.5607009419565L229.8723359469558 109.7005735936431L295.3150555175499 173.5235489133295C298.4396147976635 176.6531600273641 300 179.5390201547124 300 182.1830237330948zM204.9901594485082 117.8182392253855L217.9676893122139 41.9144345629638L149.9990527811398 77.7957164658212L81.8485502289112 41.9144345629638L95.010472030732 117.8182392253855L39.8412882176498 171.3670473083198L115.9244329842656 182.5442298584434L149.9984213018997 251.415881702889L184.0711466610535 182.5442298584434L260.1606062200705 171.3670473083198L204.9901594485082 117.8182392253855z" />
+    <glyph glyph-name="003-star-half-empty"
+      unicode="&#xF103;"
+      horiz-adv-x="300" d="M299.648243110112 184.2574582564983C298.5677116225024 187.5640993255361 295.3210649960846 189.6380124788441 289.9165129966909 190.4785661959734L199.4051077373886 203.6388208250183L158.8400232399525 285.6764847045747C156.313941445424 290.6048702856999 153.3704246343497 293.0678000353652 150.0056836840377 293.0678000353652C146.520322328037 293.0678000353652 143.5749109556168 290.6048702856999 141.1719756485715 285.6764847045747L100.6024705079951 203.6388208250183L10.0904337282441 190.4785661959734C4.6820926061586 189.6373809583954 1.4360775001895 187.5640993255361 0.3555460125799 184.2574582564983C-0.7237224341324 180.9508171874605 0.657412787026 177.3751484073054 4.5027407987471 173.5285573546871L70.1328719023922 109.7020486523353L54.6271503271276 19.5531361305479C54.0272059009271 15.5833985904463 54.3865410361988 12.4971581579811 55.7102078965317 10.2685224947584C57.0313486750701 8.0430444337787 59.0762118877409 6.9321999646348 61.8403768914038 6.9321999646348C63.8846085836259 6.9321999646348 66.2881754111198 7.6521332760755 69.0523404147826 9.1002096647889L150.0094728067295 51.6533205345189L230.9640791168818 9.1002096647889C233.7282441205446 7.6565539192159 236.1337055093844 6.9321999646348 238.1779372016066 6.9321999646348C240.9446282870639 6.9321999646348 242.9913860610807 8.0430444337787 244.3093692373759 10.2685224947584C245.6279839341198 12.4971581579811 245.9885821102887 15.5833985904463 245.3880061636396 19.5531361305479L229.8835476292723 109.7020486523354L295.3280117210196 173.5285573546872C299.2964862202238 177.3751484073054 300.7376158840023 180.9508171874605 299.648243110112 184.2574582564983zM213.8309293454922 126.2908277970041L204.9959582691288 117.8151918559123L207.162073407937 105.9154520423371L217.978755652108 41.9064339303307L160.6455402025918 72.1973122489706L150.0056836840377 77.7900573420567V251.4190264480764L178.6735544496931 193.3614570439791L184.0787379695355 182.544774799808L195.9828984262511 180.7411523985147L260.1718998661177 171.3668628590194L213.8309293454922 126.2908277970041z" />
+    <glyph glyph-name="004-half-star-shape"
+      unicode="&#xF104;"
+      horiz-adv-x="300" d="M219.3717473923964 292.2480346415125L176.8425373760202 206.2368405951913L81.9478346847702 192.4391632715218C74.8924073820674 191.3043094429903 71.36336951388 188.406260897201 71.36336951388 183.7430313089001C71.36336951388 181.0952597451324 72.9391875488305 178.0707484914963 76.0875130766413 174.6681733311558L144.8958062052801 107.7528481697116L128.6403824338223 13.2355472767481C128.3881191265466 11.4677178005641 128.2623185271178 10.2083875894398 128.2623185271178 9.4509355591947C128.2623185271178 6.8044882122631 128.9237648367461 4.5705344097745 130.2459953475849 2.7398046338761C131.5695500752597 0.913047508486 133.5532268957268 0 136.2003363510764 0C138.4687197913034 0 140.9893665388062 0.7501688376466 143.7616144851666 2.268383440227L228.6372925945381 46.8825728650314V300C224.857315635911 300 221.7712282993966 297.417777169619 219.3717473923964 292.2480346415125z" />
+    <glyph glyph-name="005-reply-arrow"
+      unicode="&#xF105;"
+      horiz-adv-x="300" d="M271.7035453147081 192.2708269404046C250.7224905352079 213.8106807027694 217.2959914626305 226.1411988671568 171.4246344547752 229.2664859381627V273.1272220517442C171.4246344547752 277.8145663004537 169.2474879454609 281.1063789865001 164.8949540002307 283.0050055410813C160.3196040912138 284.8989412332669 156.4127020735566 284.1202580756128 153.1765933784568 280.6601607011276L67.4663284033673 194.9475502948403C65.3448858849996 192.8243487030743 64.2859236992141 190.314150963679 64.2859236992141 187.4128525720585C64.2859236992141 184.5109678226385 65.3454722427991 182.0013564410427 67.4663284033673 179.879913922675L153.1789388096546 94.1678898741872C155.1913187773267 92.0470337136189 157.6997574433236 90.9868988122346 160.7136365324364 90.9868988122346C162.0522913885539 90.9868988122346 163.4466502356181 91.2660051247672 164.8978857892279 91.823631392033C169.2504197344582 93.7222579466141 171.4293253171708 97.0111388436633 171.4293253171708 101.7008285235706V143.7209875047153C189.3965010075582 142.2697519511056 204.3222387922593 139.340308385112 216.212988607068 134.9320704489351C228.0984612016817 130.5232461549588 237.6115301397682 124.3576938938654 244.7551272103247 116.4330682344572C261.3854071179929 98.0185015430983 267.3011709565256 66.4923880985003 262.5018323681233 21.8471052492705C262.2813618355346 18.9440477842516 263.5613809117083 17.0471803030688 266.3524440370345 16.1547437323238C266.6872543405137 16.0421630348316 267.1891766168329 15.9882181172833 267.8587972237914 15.9882181172833C270.0904750084534 15.9882181172833 271.6513594705581 16.9369450367744 272.5461414725009 18.8338125179573L275.893658149494 25.5300185875423C277.4545426115987 28.6558920163477 279.7143655706338 33.706778100709 282.6719543110004 40.6820904828266C285.6277839779687 47.6603346539415 288.3103709103988 54.6338879626608 290.7103333834996 61.6103730603773C293.1102958566005 68.5839263690967 295.2575381181434 76.2845633491195 297.1555783149251 84.7105249270474C299.0518594383085 93.1400046517719 300.001172715599 100.5885077780363 300.001172715599 107.0601388104364C299.9982409266017 144.5600655157115 290.5672620804366 172.9614782471029 271.7035453147081 192.2708269404046zM37.4993403474756 187.4128525720585C37.4993403474756 190.3164963948768 38.5600616066595 192.826694134272 40.6797450516288 194.9475502948403L107.1422289023577 261.5753870450108V273.1272220517442C107.1422289023577 277.8145663004537 104.9639096774446 281.1063789865001 100.6113757322143 283.0050055410813C96.035439465398 284.8989412332669 92.1297101633397 284.1202580756128 88.8941878260394 280.6601607011276L3.1804047041532 194.9475502948403C1.0607212591838 192.8249350608737 0 190.3147373214785 0 187.4128525720585C0 184.5109678226385 1.0607212591838 182.0013564410427 3.1804047041532 179.879913922675L88.8941878260394 94.1678898741872C90.9024632891155 92.0470337136189 93.4138337441096 90.9868988122346 96.4288855488211 90.9868988122346C97.7681267627381 90.9868988122346 99.1630719676018 91.2660051247672 100.6137211634121 91.823631392033C104.9662551086423 93.7222579466141 107.1445743335555 97.0111388436633 107.1445743335555 101.7008285235706V113.4191891453444L40.6797450516288 179.8805002804745C38.5600616066595 182.0013564410427 37.4993403474756 184.5097951070396 37.4993403474756 187.4128525720585z" />
+    <glyph glyph-name="006-magnifying-glass"
+      unicode="&#xF106;"
+      horiz-adv-x="300" d="M293.3317055510184 39.3012604086857L231.492746545874 101.1376935447205C246.3953742917043 122.6505207500148 253.8504769682835 146.6330164770862 253.8504769682835 173.0725513803875C253.8504769682835 190.2598277357267 250.5138038746832 206.6975524328329 243.8404576874827 222.3819366680419C237.1715317712237 238.0688467723603 228.1560734522737 251.5898241153144 216.7978715342971 262.948026033291C205.4396696163205 274.3062279512676 191.9205866751985 283.3216862702175 176.236833907267 289.9912436537539C160.5480294011164 296.6626954391224 144.111567638565 299.9981055981679 126.9242912832257 299.9981055981679C109.7382778624412 299.9981055981679 93.300553165335 296.6626954391224 77.616168930126 289.9912436537539C61.9292588258076 283.3216862702175 48.4082814828536 274.3062279512676 37.0500795648769 262.948026033291C25.6906147123456 251.5898241153144 16.6764193279504 238.0663209032508 10.0062304771367 222.3819366680419C3.3354101590456 206.6956580310009 0 190.2598277357267 0 173.0725513803875C0 155.886537959603 3.3354101590456 139.4544964679931 10.0062304771367 123.7656919618426C16.6757878606731 108.0813077266336 25.6906147123456 94.5622247855116 37.0500795648769 83.204022867535C48.4082814828536 71.8420321458943 61.9317846949171 62.8303626306085 77.616168930126 56.1570164434079C93.3024475671671 49.4868275925942 109.7382778624412 46.152048900826 126.9242912832257 46.152048900826C153.3695093920233 46.152048900826 177.3482163154305 53.6077830446827 198.8623064552795 68.5091478559581L260.7012654604239 6.8520514266951C265.0280792449335 2.2859115440638 270.4296503355197 0.0012629345547 276.9255542177804 0.0012629345547C283.1751858618686 0.0012629345547 288.5868604288925 2.2852800767865 293.1504744424144 6.8520514266951C297.7159828577683 11.417559842049 300.0006314672774 16.8267085399635 300.0006314672774 23.0763401840517C300.0025258691095 29.4427932744525 297.7791295855049 34.8538363741991 293.3317055510184 39.3012604086857zM183.9862003350986 116.0169570012882C168.1812058499129 100.2094366469929 149.1620429229357 92.305992203484 126.9242912832257 92.305992203484C104.6903284471799 92.305992203484 85.6711655202028 100.2113310488251 69.8649081004622 116.0169570012882C54.0586506807217 131.821951486474 46.1558377044901 150.8385885443416 46.1558377044901 173.0763401840517C46.1558377044901 195.3103030200975 54.0605450825538 214.3326232834615 69.8649081004622 230.1357233668152C85.6680081838159 245.942612253833 104.6903284471799 253.8447937627872 126.9242912832257 253.8447937627872C149.1595170538262 253.8447937627872 168.1786799808034 245.9394549174462 183.9862003350986 230.1357233668152C199.7937206893938 214.3326232834615 207.6965336656254 195.3103030200975 207.6965336656254 173.0763401840517C207.6965336656254 150.8385885443416 199.7911948202844 131.821951486474 183.9862003350986 116.0169570012882z" />
+    <glyph glyph-name="007-visibility"
+      unicode="&#xF107;"
+      horiz-adv-x="300" d="M150.0003196024997 190.9088003613639C127.4319086874352 190.9088003613639 109.0911996386361 172.5680913125648 109.0911996386361 149.9996803975003S127.4319086874352 109.0905604336367 150.0003196024997 109.0905604336367S190.9094395663634 127.4312694824357 190.9094395663634 149.9996803975003S172.5680913125649 190.9088003613639 150.0003196024997 190.9088003613639zM150.0003196024997 252.2724803071593C81.8182399277272 252.2724803071593 23.5911389141612 209.8637854146204 0 149.9996803975003C23.5911389141612 90.1362145853797 81.8182399277272 47.7268804878412 150.0003196024997 47.7268804878412C218.2501550072124 47.7268804878412 276.4095002908383 90.1362145853797 300.0006392049995 149.9996803975003C276.4095002908383 209.8637854146204 218.2501550072124 252.2724803071593 150.0003196024997 252.2724803071593zM150.0003196024997 81.8182399277272C112.3639292357452 81.8182399277272 81.8182399277272 112.3639292357452 81.8182399277272 150.0003196024997S112.3639292357452 218.1817600722728 150.0003196024997 218.1817600722728S218.1823992772722 187.6360707642548 218.1823992772722 149.9996803975003S187.6367099692543 81.8182399277272 150.0003196024997 81.8182399277272z" />
+    <glyph glyph-name="008-invisible"
+      unicode="&#xF108;"
+      horiz-adv-x="300" d="M147.7166411042945 197.5121421267894L190.6614263803681 154.5673568507158L190.8659253578732 156.816845603272C190.8659253578732 179.3801124744376 172.5293967280164 197.7166411042945 149.9661298568507 197.7166411042945L147.7166411042945 197.5121421267894zM149.9661298568507 224.982745398773C187.5939417177915 224.982745398773 218.1326687116564 194.444018404908 218.1326687116564 156.8162065439673C218.1326687116564 148.0227505112475 216.3605572597137 139.6382924335378 213.2930725971371 131.9357106339468L253.170373210634 92.0584100204499C273.7563905930471 109.2363241308793 289.9801891615542 131.4583333333334 300.0006390593047 156.8162065439673C276.347137014315 216.666027607362 218.2010480572597 259.0656952965236 149.9667689161555 259.0656952965236C130.8799846625767 259.0656952965236 112.6118353783231 255.6575920245399 95.6384202453988 249.5226226993865L125.086273006135 220.1431492842536C132.7882157464213 223.142254601227 141.1726738241309 224.982745398773 149.9661298568507 224.982745398773zM13.6330521472393 262.1338190184049L44.7168967280164 231.0499744376278L50.920245398773 224.8466257668712C28.4253578732106 207.2597137014315 10.6339468302658 183.8784509202454 0 156.816845603272C23.5857617586912 96.9670245398773 81.799591002045 54.5673568507158 149.9661298568507 54.5673568507158C171.0979038854806 54.5673568507158 191.2749233128835 58.657336400818 209.7482106339468 66.0876789366053L215.5425613496933 60.2933282208589L255.2837423312884 20.4844069529652L272.6661554192229 37.7984406952965L31.0154652351738 279.5162321063395L13.6330521472393 262.1338190184049zM89.0254345603272 186.8098159509203L110.0888292433538 165.7464212678937C109.4753323108384 162.8150562372188 109.0663343558282 159.8843302658487 109.0663343558282 156.816845603272C109.0663343558282 134.2535787321063 127.4028629856851 115.9170501022495 149.9661298568507 115.9170501022495C153.0336145194274 115.9170501022495 155.9649795501023 116.3260480572597 158.8279652351738 116.9395449897751L179.8913599182004 95.8761503067485C170.8250255623722 91.377172801636 160.7368353783231 88.6503067484663 149.9661298568507 88.6503067484663C112.33831799591 88.6503067484663 81.799591002045 119.1890337423313 81.799591002045 156.816845603272C81.799591002045 167.5869120654397 84.5264570552147 177.6757413087935 89.0254345603272 186.8098159509203z" />
+    <glyph glyph-name="009-play-button"
+      unicode="&#xF109;"
+      horiz-adv-x="300" d="M220.3125 160.640625L92.990625 240.20625A12.54375 12.54375 0 0 1 73.8 229.575V70.434375A12.515625 12.515625 0 0 1 92.990625 59.79375L220.3125 139.359375A12.553125 12.553125 0 0 1 220.3125 160.640625z" />
+    <glyph glyph-name="010-play"
+      unicode="&#xF10A;"
+      horiz-adv-x="300" d="M150 300C66.9512195121951 300 0 233.0487804878049 0 150S66.9512195121951 0 150 0S300 66.9512195121951 300 150S233.0487804878049 300 150 300zM216.5853658536586 143.0487804878049L116.7073170731707 84.5121951219512C115.609756097561 83.7804878048781 113.780487804878 83.4146341463415 112.6829268292683 83.4146341463415S109.7560975609756 83.7804878048781 108.6585365853658 84.5121951219512C106.0975609756097 86.3414634146342 104.6341463414634 88.5365853658537 104.6341463414634 91.4634146341464V208.1707317073171H104.2682926829268C104.2682926829268 211.0975609756098 106.0975609756097 214.0243902439025 108.2926829268292 215.1219512195122C110.4878048780488 216.219512195122 114.1463414634146 216.9512195121951 116.7073170731707 215.1219512195122L216.5853658536586 156.9512195121951C219.1463414634147 155.1219512195122 220.609756097561 152.9268292682927 220.609756097561 150S218.7804878048781 144.1463414634147 216.5853658536586 143.0487804878049z" />
+    <glyph glyph-name="011-circle"
+      unicode="&#xF10B;"
+      horiz-adv-x="300" d="M49.4328 49.4646A142.1785261786041 142.1785261786041 0 0 1 250.5036 250.5354A142.1785261786041 142.1785261786041 0 0 1 49.4328 49.4646" />
+    <glyph glyph-name="012-ring"
+      unicode="&#xF10C;"
+      horiz-adv-x="300" d="M150 296.4C69.12 296.4 3.6 230.88 3.6 150S69.12 3.6 150 3.6S296.4 69.12 296.4 150S230.88 296.4 150 296.4zM150 58.8C99.66 58.8 58.8 99.6 58.8 150S99.6 241.2 150 241.2C200.34 241.2 241.2 200.4 241.2 150S200.34 58.8 150 58.8z" />
+    <glyph glyph-name="013-heart"
+      unicode="&#xF10D;"
+      horiz-adv-x="300" d="M150.0002929681778 20.2698822853861C148.4827178071918 20.2698822853861 146.9657285825614 20.6618737072779 145.6063562375855 21.4470284237726C144.129796621491 22.2989798848049 109.0492010757791 42.6672994779307 73.4652862006129 73.3574739111837C52.3750930173964 91.546696197859 35.5399696484968 109.5876765865691 23.4286651783883 126.978267620571C7.7560395389853 149.4817392934779 -0.1253903800969 171.1274001417966 0.0017578090668 191.3146654010441C0.1505856433874 214.8048538967697 8.5640457733481 236.8958263753391 23.694094347472 253.5188407835141C39.0796111726344 270.4219327696626 59.6119929453263 279.7301177146138 81.5101923629055 279.7301177146138C109.5747859867461 279.7301177146138 135.2335249345216 264.0094452940522 150.0008789045334 239.1059783086361C164.7682328745452 264.0088593576966 190.4269718223207 279.7301177146138 218.4915654461613 279.7301177146138C239.1798062894409 279.7301177146138 258.9182443003041 271.331305993543 274.0729022013629 256.0805545301669C290.7041197185162 239.3444544053625 300.1535153251654 215.6972349663379 299.9988281272889 191.2033374934815C299.8710940017696 171.0512284155695 291.8420081210779 149.4383800031641 276.1348122366949 126.9659629571036C263.9860078398285 109.5841609684356 247.1743219251525 91.5513836887037 226.1667457680747 73.3674348292288C190.7129087638501 42.6801900777537 155.8842658510433 22.3124564209836 154.418839025705 21.4605049599512C153.0530213808176 20.6671471344782 151.5260712381421 20.2698822853861 150.0002929681778 20.2698822853861z" />
+    <glyph glyph-name="014-back"
+      unicode="&#xF10E;"
+      horiz-adv-x="300" d="M220.575 266.925A23.9625 23.9625 0 0 1 186.7375 266.925L74.2375 154.425A6.25 6.25 0 0 1 74.2375 145.575L186.7375 33.075A23.925 23.925 0 1 1 220.575 66.925L137.5 150L220.575 233.075A23.95 23.95 0 0 1 220.575 266.925z" />
+    <glyph glyph-name="015-next"
+      unicode="&#xF10F;"
+      horiz-adv-x="300" d="M113.2625 266.925A23.925 23.925 0 1 1 79.425 233.075L162.5 150L79.425 66.925A23.925 23.925 0 0 1 113.2625 33.075L225.7625000000001 145.575A6.25 6.25 0 0 1 225.7625000000001 154.425z" />
+    <glyph glyph-name="016-up-arrow"
+      unicode="&#xF110;"
+      horiz-adv-x="300" d="M154.425 225.7625A6.25 6.25 0 0 1 145.575 225.7625L33.075 113.2625A23.925 23.925 0 0 1 66.925 79.425L150 162.5L233.075 79.425A23.925 23.925 0 0 1 266.925 113.2625z" />
+    <glyph glyph-name="017-down-arrow"
+      unicode="&#xF111;"
+      horiz-adv-x="300" d="M233.075 220.575L150 137.5L66.925 220.575A23.925 23.925 0 0 1 33.075 186.7375L145.575 74.2375A6.25 6.25 0 0 1 154.425 74.2375L266.925 186.7375A23.925 23.925 0 1 1 233.075 220.575z" />
+    <glyph glyph-name="018-down-arrow-1"
+      unicode="&#xF112;"
+      horiz-adv-x="300" d="M269.919512195122 136.2585365853659L260.0926829268293 146.0878048780488C257.0073170731708 149.1780487804878 252.8829268292683 150.8878048780488 248.4926829268293 150.8878048780488C244.0975609756098 150.8878048780488 239.6 149.1780487804878 236.5146341463415 146.0878048780488L172.9804878048781 82.9317073170732V283.5829268292683C172.9804878048781 292.6317073170732 166.3756097560976 300 157.3292682926829 300H143.4243902439024C134.3804878048781 300 126.1048780487805 292.6317073170732 126.1048780487805 283.5829268292683V82.2170731707317L62.6975609756098 146.0878048780488C59.6073170731707 149.1780487804878 55.719512195122 150.8878048780488 51.3243902439024 150.8878048780488C46.9341463414634 150.8878048780488 42.9243902439024 149.1780487804878 39.8365853658537 146.0878048780488L30.0634146341463 136.2585365853659C23.6682926829268 129.8609756097561 23.6951219512195 119.4536585365854 30.090243902439 113.0560975609756L138.3682926829268 4.790243902439C141.4512195121951 1.7073170731708 145.5878048780488 0 150.0146341463415 0H150.0609756097561C154.4536585365854 0 158.580487804878 1.7073170731708 161.6634146341463 4.790243902439L269.919512195122 113.0536585365854C276.319512195122 119.4487804878049 276.319512195122 129.8609756097561 269.919512195122 136.2585365853659z" />
+    <glyph glyph-name="019-up-arrow-1"
+      unicode="&#xF113;"
+      horiz-adv-x="300" d="M269.894512195122 186.9585365853658L161.6359756097561 295.2170731707317C158.5481707317073 298.3048780487805 154.4286585365854 300 149.9481707317073 300C145.555487804878 300 141.4384146341464 298.3048780487805 138.3506097560976 295.2170731707317L30.0896341463415 186.9585365853658C23.694512195122 180.5609756097561 23.694512195122 170.1487804878049 30.0896341463415 163.7560975609756L39.9189024390244 153.9219512195122C43.0067073170732 150.8365853658537 47.1262195121951 149.1390243902439 51.5213414634146 149.1390243902439C55.9140243902439 149.1390243902439 60.175 150.8365853658537 63.2603658536585 153.9219512195122L126.5579268292683 217.0829268292683V16.4219512195122C126.5579268292683 7.3780487804878 133.6408536585366 0 142.684756097561 0H156.5871951219512C165.6310975609756 0 173.4310975609756 7.3780487804878 173.4310975609756 16.4219512195122V217.7951219512195L237.0871951219513 153.9219512195122C240.1725609756098 150.8365853658537 244.1823170731708 149.1390243902439 248.5774390243903 149.1390243902439S257.0310975609756 150.8365853658537 260.1213414634147 153.9219512195122L269.9213414634147 163.7560975609756C276.3189024390244 170.1512195121951 276.294512195122 180.5609756097561 269.894512195122 186.9585365853658z" />
+    <glyph glyph-name="020-right-arrow"
+      unicode="&#xF114;"
+      horiz-adv-x="300" d="M295.2049170331948 161.6560027967253L186.8643344363054 269.9990243981756C183.7716766530353 273.0916821814457 179.6497589450492 274.7892293558589 175.254672726238 274.7892293558589C170.8547084983048 274.7892293558589 166.7352297948797 273.0892431768848 163.6425720116096 269.9990243981756L153.8060666173445 260.1600799993496C150.7158478386354 257.0723002252015 149.0134226551003 252.9479435126544 149.0134226551003 248.5504182892822C149.0134226551003 244.155332070471 150.7158478386354 239.8919520979504 153.8060666173445 236.8041723238023L217.0104308095056 173.4607848716677H16.2071853074365C7.1536003772327 173.4607848716677 0 166.3730376175804 0 157.3170136828156V143.4073706717832C0 134.3513467370184 7.1536003772327 126.548971146576 16.2071853074365 126.548971146576H217.7274981504215L153.8085056219055 62.8519280331055C150.7182868431964 59.7592702498354 149.0158616596613 55.7471077470915 149.0158616596613 51.3495825237194C149.0158616596613 46.9569353094691 150.7182868431964 42.8862366972627 153.8085056219055 39.7960179185536L163.6450110161706 29.9887805790198C166.7376687994406 26.8961227957497 170.8571475028658 25.2107706441412 175.2571117307989 25.2107706441412C179.6521979496102 25.2107706441412 183.7741156575963 26.9180738367982 186.8667734408663 30.0107316200682L295.2073560377558 138.3513142169576C298.3073308347087 141.4537280184715 300.0121950228047 145.5951577629451 300 149.9975609954391C300.0097560182437 154.4145982552988 298.3073308347087 158.5584670043333 295.2049170331948 161.6560027967253z" />
+    <glyph glyph-name="021-left-arrow"
+      unicode="&#xF115;"
+      horiz-adv-x="300" d="M283.1365853658537 173.5256097560976L283.6048780487805 173.4231707317073H82.8585365853659L145.9658536585366 236.669512195122C149.0560975609756 239.7573170731708 150.7512195121952 243.940243902439 150.7512195121952 248.3304878048781C150.7512195121952 252.7207317073171 149.0560975609756 256.8743902439025 145.9658536585366 259.969512195122L136.1463414634147 269.7939024390244C133.0585365853659 272.8817073170732 128.9439024390244 274.5890243902439 124.5560975609756 274.5890243902439C120.1658536585366 274.5890243902439 116.0487804878049 272.8939024390244 112.9609756097561 269.8060975609756L4.7829268292683 161.6378048780488C1.6829268292683 158.5378048780488 -0.0121951219512 154.4085365853659 0 150.0158536585366C-0.0121951219512 145.5987804878049 1.6829268292683 141.4670731707317 4.7829268292683 138.3719512195122L112.9609756097561 30.1939024390244C116.0487804878049 27.1085365853659 120.1634146341464 25.4109756097561 124.5560975609756 25.4109756097561C128.9439024390244 25.4109756097561 133.0585365853658 27.1109756097561 136.1463414634147 30.1939024390244L145.9658536585366 40.0182926829269C149.0560975609756 43.1012195121951 150.7512195121952 47.2182926829269 150.7512195121952 51.6085365853659C150.7512195121952 55.9963414634147 149.0560975609756 59.8963414634146 145.9658536585366 62.9817073170732L82.1463414634146 126.5817073170732H283.3609756097561C292.4024390243902 126.5817073170732 300 134.3743902439024 300 143.4109756097561V157.3060975609757C300 166.3426829268293 292.1780487804878 173.5256097560976 283.1365853658537 173.5256097560976z" />
+    <glyph glyph-name="022-right-arrow-1"
+      unicode="&#xF116;"
+      horiz-adv-x="300" d="M294.50859375 136.7419921875L228.076171875 70.3095703125C224.4146484375 66.648046875 219.61640625 64.817578125 214.817578125 64.817578125S205.2205078125 66.648046875 201.558984375 70.3095703125C194.237109375 77.63203125 194.237109375 89.5037109375 201.558984375 96.826171875L235.9833984375 131.25H18.75C8.3947265625 131.25 0 139.6447265625 0 150S8.3947265625 168.75 18.75 168.75H235.9833984375L201.558984375 203.173828125C194.237109375 210.4962890625 194.237109375 222.36796875 201.558984375 229.6904296875C208.88203125 237.012890625 220.753125 237.012890625 228.076171875 229.6904296875L294.50859375 163.2580078125C301.83046875 155.9361328125 301.83046875 144.0638671875 294.50859375 136.7419921875z" />
+    <glyph glyph-name="023-check"
+      unicode="&#xF117;"
+      horiz-adv-x="300" d="M293.0288973309765 250.9667275408459C283.7467894567224 260.2611404630995 268.6742775667256 260.2552809164331 259.3798646444721 250.9667275408459L107.9357793685362 99.5167827182437L40.6254089475278 166.8265671845855C31.3309960252742 176.1209801068391 16.2649296366104 176.1209801068391 6.9705167143569 166.8265671845855C-2.3238962078967 157.5321542623319 -2.3238962078967 142.4660878736682 6.9705167143569 133.1716749514146L91.1048175239509 49.0373741418206C95.7490942117445 44.393097454027 101.8389210621405 42.0650995634638 107.9293338672031 42.0650995634638C114.0197466722658 42.0650995634638 120.1154330693282 44.3872379073606 124.7597097571218 49.0373741418206L293.0288973309765 217.3124212623417C302.3233102532301 226.6003886832622 302.3233102532301 241.672900573259 293.0288973309765 250.9667275408459z" />
+    <glyph glyph-name="024-plus"
+      unicode="&#xF118;"
+      horiz-adv-x="300" d="M284.9990820703197 165.0000010546875H165.0009144140553V285.0009158203054C165.0009144140553 293.2791136462569 158.2800280603123 300 149.9990831250071 300C141.7208852990556 300 134.9999989453125 293.2791136462569 134.9999989453125 285.0009158203054V165.0000010546875H14.9990841796946C6.7208863537431 165.0000010546875 0 158.2791147009444 0 150.0009168749929C0 141.7199719396877 6.7208863537431 134.9990855859447 14.9990841796946 134.9990855859447H134.9999989453125V15.0009179296803C134.9999989453125 6.7199729943752 141.7208852990556 -0.0009133593679 149.9990831250071 -0.0009133593679C158.2800280603123 -0.0009133593679 165.0009144140553 6.7199729943752 165.0009144140553 15.0009179296803V134.9990855859447H284.9990820703197C293.2800270056248 134.9990855859447 300.0009133593678 141.7199719396877 300.0009133593678 150.0009168749928C300.0009133593678 158.2791147009444 293.2800270056248 165.0000010546875 284.9990820703197 165.0000010546875zM284.9990820703197 165.0000010546875" />
+    <glyph glyph-name="025-minus"
+      unicode="&#xF119;"
+      horiz-adv-x="300" d="M284.9990820703197 134.5070422535212H14.9990841796947C6.7208863537431 134.5070422535212 0 141.2384464788733 0 149.5295992957747C0 157.8235035211268 6.7208863537431 164.5549077464789 14.9990841796947 164.5549077464789H284.9990820703197C293.2800270056248 164.5549077464789 300.0009133593678 157.8235035211268 300.0009133593678 149.5295992957747C300.0009133593678 141.2384464788733 293.2800270056248 134.5070422535212 284.9990820703197 134.5070422535212zM284.9990820703197 134.5070422535212" />
+    <glyph glyph-name="026-plus-1"
+      unicode="&#xF11A;"
+      horiz-adv-x="300" d="M279.5446240734704 177.2727264010847H177.2718960743743V279.5454544001808C177.2718960743743 290.8364032019631 168.1082999155419 300 156.8173504745551 300H143.1818191987345C131.8908703969522 300 122.7272735989153 290.8364032019631 122.7272735989153 279.5454544001808V177.2727264010847H20.4545455998192C9.1635967980369 177.2727264010847 0 168.1091296030478 0 156.8181808012655V143.182649525445C0 131.8917000844581 9.1635967980369 122.7281039256257 20.4545455998192 122.7281039256257H122.7272735989153V20.4553759265297C122.7272735989153 9.1644264855428 131.8908703969522 0.0008303267104 143.1818191987345 0.0008303267104H156.8173504745551C168.1082999155419 0.0008303267104 177.2718960743743 9.1644264855428 177.2718960743743 20.4553759265297V122.7281039256257H279.5446240734704C290.8355735144572 122.7281039256257 299.9991696732896 131.8917000844581 299.9991696732896 143.1826495254449V156.8181808012655C299.9991696732896 168.1091296030478 290.8355735144572 177.2727264010847 279.5446240734704 177.2727264010847zM279.5446240734704 177.2727264010847" />
+    <glyph glyph-name="027-minus-1"
+      unicode="&#xF11B;"
+      horiz-adv-x="300" d="M279.5446240734704 177.0780582089552H20.4545455998192C9.1635967980369 177.0780582089552 0 167.9079492537314 0 156.6089750533049V142.9637526652452C0 131.6647791044776 9.1635967980369 122.4946695095949 20.4545455998192 122.4946695095949H279.5446240734704C290.8355735144572 122.4946695095949 299.9991696732896 131.6647791044776 299.9991696732896 142.9637526652452V156.6089750533049C299.9991696732896 167.9079492537314 290.8355735144572 177.0780582089552 279.5446240734704 177.0780582089552zM279.5446240734704 177.0780582089552" />
+    <glyph glyph-name="028-cancel"
+      unicode="&#xF11C;"
+      horiz-adv-x="300" d="M183.0414634146341 150L295.2073170731707 262.1707317073171C298.2926829268293 265.2585365853659 299.9951219512195 269.3780487804878 300 273.7707317073171C300 278.1658536585366 298.2975609756098 282.2902439024391 295.2073170731707 285.3731707317073L285.3780487804878 295.2C282.2878048780488 298.2951219512196 278.1682926829268 299.9902439024391 273.7707317073171 299.9902439024391C269.3804878048781 299.9902439024391 265.2609756097561 298.2951219512196 262.1707317073171 295.2L150.0048780487805 183.0365853658537L37.8341463414634 295.2C34.7487804878049 298.2951219512196 30.6268292682927 299.9902439024391 26.2317073170732 299.9902439024391C21.8414634146341 299.9902439024391 17.719512195122 298.2951219512196 14.6341463414634 295.2L4.8 285.3731707317073C-1.6 278.9731707317074 -1.6 268.5634146341464 4.8 262.1707317073171L116.9682926829268 150L4.8 37.8341463414634C1.7121951219512 34.7414634146342 0.0121951219512 30.6219512195122 0.0121951219512 26.2292682926829C0.0121951219512 21.8365853658537 1.7121951219512 17.7170731707317 4.8 14.6268292682927L14.6317073170732 4.8C17.7170731707317 1.7073170731708 21.8414634146341 0.009756097561 26.2292682926829 0.009756097561C30.6243902439024 0.009756097561 34.7463414634146 1.7073170731708 37.8317073170732 4.8L150.0024390243903 116.9658536585366L262.1682926829269 4.8C265.2585365853659 1.7073170731708 269.3780487804878 0.009756097561 273.7682926829268 0.009756097561H273.7731707317073C278.1658536585366 0.009756097561 282.2853658536585 1.7073170731708 285.3756097560976 4.8L295.2048780487805 14.6268292682927C298.2902439024391 17.7146341463415 299.9926829268293 21.8365853658537 299.9926829268293 26.2292682926829C299.9926829268293 30.6219512195122 298.2902439024391 34.7414634146342 295.2048780487805 37.8317073170732L183.0414634146341 150z" />
+    <glyph glyph-name="029-quote"
+      unicode="&#xF11D;"
+      horiz-adv-x="300" d="M58.75 78.75C46.25 92.5 38.75 107.5 38.75 132.5C38.75 176.25 70 215 113.75 235L125 218.75C83.75 196.25 75 167.5 72.5 148.75C78.75 152.5 87.5 153.75 96.25 152.5C118.75 150 136.25 132.5 136.25 108.75C136.25 97.5 131.25 86.25 123.75 77.5C115 68.75 105 65 92.5 65C78.75 65 66.25 71.2500000000001 58.75 78.7500000000001zM183.75 78.75C171.25 92.5 163.75 107.5 163.75 132.5C163.75 176.25 195 215 238.75 235L250 218.75C208.75 196.25 200 167.5 197.5 148.75C203.75 152.5 212.5 153.75 221.25 152.5C243.75 150 261.25 132.5 261.25 108.75C261.25 97.5 256.25 86.25 248.75 77.5S230 65 217.5 65C203.75 65 191.25 71.2500000000001 183.75 78.7500000000001z" />
+    <glyph glyph-name="030-crown"
+      unicode="&#xF11E;"
+      horiz-adv-x="300" d="M288.196261682243 187.4691588785047C288.2422429906542 186.643738317757 288.1816822429907 185.803738317757 287.9742056074767 184.9693457943925L269.4695327102804 110.9506542056075C268.5364485981309 107.2216822429907 265.1943925233645 104.5996261682243 261.3521495327103 104.5794392523364L150.3241121495328 104.018691588785C150.3095327102804 104.018691588785 150.2960747663552 104.018691588785 150.2814953271028 104.018691588785H39.2523364485981C35.3899065420561 104.018691588785 32.0242990654206 106.6497196261682 31.091214953271 110.3977570093458L12.5865420560748 184.6968224299065C12.3734579439252 185.5536448598131 12.3117757009346 186.4171962616822 12.3656074766355 187.2639252336449C5.2071028037383 189.5192523364486 0 196.2179439252337 0 204.1121495327103C0 213.8523364485981 7.9233644859813 221.7757009345795 17.6635514018692 221.7757009345795S35.3271028037383 213.8523364485981 35.3271028037383 204.1121495327103C35.3271028037383 198.6269158878505 32.8138317757009 193.7192523364486 28.8785046728972 190.4770093457944L52.0463551401869 167.1342056074767C57.9016822429907 161.2340186915888 66.0269158878505 157.8515887850468 74.3394392523365 157.8515887850468C84.1682242990654 157.8515887850468 93.5394392523365 162.5192523364486 99.4407476635514 170.3394392523365L137.5155140186916 220.788785046729C134.3170093457944 223.985046728972 132.3364485981308 228.4014953271028 132.3364485981308 233.2710280373832C132.3364485981308 243.0112149532711 140.2598130841121 250.9345794392524 150 250.9345794392524S167.6635514018692 243.0112149532711 167.6635514018692 233.2710280373832C167.6635514018692 228.5472897196262 165.7884112149533 224.2598130841122 162.7570093457944 221.0871028037383C162.7671028037383 221.0736448598131 162.7794392523365 221.062429906542 162.7895327102804 221.0478504672897L200.5884112149533 170.4594392523365C206.487476635514 162.5641121495327 215.8923364485982 157.8504672897196 225.7491588785047 157.8504672897196C234.1379439252337 157.8504672897196 242.0265420560748 161.1173831775701 247.9581308411215 167.050093457944L271.2717757009346 190.363738317757C267.2534579439252 193.6048598130841 264.6728971962617 198.5596261682243 264.6728971962617 204.1121495327103C264.6728971962617 213.8523364485981 272.596261682243 221.7757009345795 282.3364485981308 221.7757009345795S300 213.8523364485981 300 204.1121495327103C300 196.428785046729 295.0598130841122 189.893831775701 288.196261682243 187.4691588785047zM267.6639252336448 77.6635514018692C267.6639252336448 82.308785046729 263.8979439252336 86.0747663551402 259.2527102803739 86.0747663551402H41.6826168224299C37.0373831775701 86.0747663551402 33.2714018691589 82.308785046729 33.2714018691589 77.6635514018692V57.4766355140187C33.2714018691589 52.8314018691589 37.0373831775701 49.0654205607477 41.6826168224299 49.0654205607477H259.2527102803739C263.8979439252336 49.0654205607477 267.6639252336448 52.8314018691589 267.6639252336448 57.4766355140187V77.6635514018692z" />
+    <glyph glyph-name="031-bookmark"
+      unicode="&#xF11F;"
+      horiz-adv-x="300" d="M231.8840579710146 300H68.1159420289855C52.1739130434783 300 39.1304347826087 286.9565217391305 39.1304347826087 271.0144927536232V18.1159420289855C39.1304347826087 11.231884057971 43.1159420289855 4.7101449275362 49.2753623188406 1.8115942028986C55.7971014492754 -1.0869565217391 63.0434782608696 -0.3623188405797 68.4782608695652 3.9855072463768L68.8405797101449 4.3478260869565L150 72.8260869565217L231.1594202898551 4.3478260869564L231.5217391304348 3.9855072463768C234.7826086956522 1.4492753623188 238.7681159420291 -1e-13 242.7536231884059 -1e-13C245.2898550724638 -1e-13 248.1884057971015 0.7246376811594 250.7246376811595 2.1739130434782C256.8840579710146 5.0724637681159 260.8695652173914 11.5942028985507 260.8695652173914 18.4782608695652V271.0144927536232C260.8695652173913 286.9565217391305 247.8260869565218 300 231.8840579710146 300z" />
+    <glyph glyph-name="032-instagram"
+      unicode="&#xF120;"
+      horiz-adv-x="300" d="M237.2056640625 244.4888671875C233.190234375 244.4888671875 229.9224609375 241.22109375 229.9224609375 237.2056640625S233.190234375 229.9224609375 237.2056640625 229.9224609375C241.2216796875 229.9224609375 244.4888671875 233.1896484375 244.4888671875 237.2056640625S241.2216796875 244.4888671875 237.2056640625 244.4888671875zM150 214.56796875C114.397265625 214.56796875 85.43203125 185.602734375 85.43203125 150C85.43203125 114.397265625 114.397265625 85.4314453125 150 85.4314453125C185.6033203125 85.4314453125 214.5685546875 114.3966796875 214.5685546875 149.9994140625C214.5685546875 185.6021484375 185.6033203125 214.56796875 150 214.56796875zM217.7595703125 300H82.2404296875C36.89296875 300 0 263.10703125 0 217.758984375V82.2404296875C0 36.8923828125 36.89296875 0 82.2404296875 0H217.7595703125C263.1076171875 0 300 36.89296875 300 82.2404296875V217.758984375C300 263.10703125 263.1076171875 300 217.7595703125 300zM150 67.715625C104.6279296875 67.715625 67.7162109375 104.6279296875 67.7162109375 150S104.628515625 232.283203125 150 232.283203125S232.284375 195.371484375 232.284375 150S195.371484375 67.715625 150 67.715625zM237.2056640625 212.20546875C223.4208984375 212.20546875 212.2060546875 223.4203125 212.2060546875 237.205078125C212.2060546875 250.98984375 223.4208984375 262.2052734375 237.2056640625 262.2052734375C250.9904296875 262.2052734375 262.2052734375 250.9904296875 262.2052734375 237.2056640625S250.9904296875 212.20546875 237.2056640625 212.20546875z" />
+    <glyph glyph-name="033-facebook"
+      unicode="&#xF121;"
+      horiz-adv-x="300" d="M262.5 300H37.5C16.81875 300 0 283.18125 0 262.5V37.5C0 16.81875 16.81875 0 37.5 0H150V103.125H112.5V150H150V187.5C150 218.56875 175.18125 243.75 206.25 243.75H243.75V196.875H225C214.65 196.875 206.25 197.85 206.25 187.5V150H253.125L234.375 103.125H206.25V0H262.5C283.18125 0 300 16.81875 300 37.5V262.5C300 283.18125 283.18125 300 262.5 300z" />
+    <glyph glyph-name="034-twitter"
+      unicode="&#xF122;"
+      horiz-adv-x="300" d="M300 243.01875C288.84375 238.125 276.95625 234.88125 264.5625 233.30625C277.3125 240.91875 287.04375 252.88125 291.61875 267.3C279.73125 260.2125 266.60625 255.20625 252.61875 252.4125C241.33125 264.43125 225.24375 271.875 207.69375 271.875C173.64375 271.875 146.23125 244.2375 146.23125 210.35625C146.23125 205.48125 146.64375 200.79375 147.65625 196.33125C96.525 198.825 51.28125 223.33125 20.8875 260.6625C15.58125 251.45625 12.46875 240.91875 12.46875 229.575C12.46875 208.275 23.4375 189.39375 39.7875 178.4625C29.90625 178.65 20.2125 181.51875 12 186.0375C12 185.85 12 185.60625 12 185.3625C12 155.475 33.31875 130.65 61.275 124.93125C56.26875 123.5625 50.8125 122.90625 45.15 122.90625C41.2125 122.90625 37.2375 123.13125 33.50625 123.95625C41.475 99.6 64.0875 81.69375 90.975 81.1125C70.05 64.74375 43.48125 54.88125 14.71875 54.88125C9.675 54.88125 4.8375 55.10625 0 55.725C27.24375 38.15625 59.53125 28.125 94.35 28.125C207.525 28.125 269.4000000000001 121.875 269.4000000000001 203.1375C269.4000000000001 205.85625 269.30625 208.48125 269.175 211.0875C281.38125 219.75 291.6375 230.56875 300 243.01875z" />
+    <glyph glyph-name="035-youtube"
+      unicode="&#xF123;"
+      horiz-adv-x="300" d="M287.25 233.25C279.1125 247.725 270.28125 250.3875 252.3 251.4C234.3375 252.61875 189.16875 253.125 150.0375 253.125C110.83125 253.125 65.64375 252.61875 47.7 251.41875C29.75625 250.3875 20.90625 247.74375 12.69375 233.25C4.3125 218.79375 0 193.89375 0 150.05625C0 150.01875 0 150 0 150C0 149.9625 0 149.94375 0 149.94375V149.90625C0 106.25625 4.3125 81.16875 12.69375 66.8625C20.90625 52.3875 29.7375 49.7625 47.68125 48.54375C65.64375 47.49375 110.83125 46.875 150.0375 46.875C189.16875 46.875 234.3375000000001 47.49375 252.31875 48.525C270.3 49.74375 279.13125 52.36875 287.26875 66.84375C295.725 81.15 300 106.2375 300 149.8875C300 149.8875 300 149.94375 300 149.98125C300 149.98125 300 150.01875 300 150.0375C300 193.89375 295.725 218.79375 287.25 233.25zM112.5 93.75V206.25L206.25 150L112.5 93.75z" />
+    <glyph glyph-name="036-dribbble"
+      unicode="&#xF124;"
+      horiz-adv-x="300" d="M150 300C67.29375 300 0 232.70625 0 150S67.29375 0 150 0S300 67.29375 300 150S232.70625 300 150 300zM150 18.75C77.625 18.75 18.75 77.64375 18.75 150C18.75 222.375 77.625 281.25 150 281.25C222.35625 281.25 281.25 222.375 281.25 150C281.25 77.64375 222.35625 18.75 150 18.75zM150 262.5C142.125 262.5 134.4375 261.675 127.0125 260.1375C140.6625 240.7875 153.05625 220.65 163.96875 199.78125C184.6125 209.4 204.0375 221.8125 221.775 236.625C202.29375 252.7875 177.28125 262.5 150 262.5zM235.14375 223.3875C215.85 207.13125 194.625 193.65 172.0875 183.1125C177.01875 172.8375 181.59375 162.43125 185.83125 151.85625C210.73125 156.975 236.6437500000001 157.44375 262.33125 153.1875C261.58125 180 251.49375 204.45 235.14375 223.3875zM108.1875 254.38125C74.41875 240.84375 48.80625 211.44375 40.48125 175.35C76.89375 173.79375 112.93125 179.86875 146.475 192.675C135.20625 214.06875 122.4375 234.69375 108.1875 254.38125zM154.875 175.70625C122.4 163.05 87.7125 156.15 52.44375 156.15C47.5875 156.15 42.7125 156.45 37.8375 156.7125C37.70625 154.48125 37.5 152.26875 37.5 150C37.5 122.38125 47.49375 97.10625 64.0125 77.53125C91.03125 111.075 127.35 135.1125 167.55 147.1875C163.63125 156.825 159.39375 166.3125 154.875 175.70625zM192.7125 134.1C201.65625 109.1625 208.66875 83.53125 213.80625 57.39375C239.1562500000001 74.8875 256.85625 102.50625 261.3 134.41875C238.3125000000001 138.4875 215.08125 138.3 192.7125 134.1zM174.3 129.75C136.5 118.70625 102.35625 96.01875 77.325 64.2C96.9375 47.56875 122.26875 37.5 150 37.5C166.65 37.5 182.41875 41.2125 196.63125 47.71875C191.475 75.73125 183.975 103.14375 174.3 129.75z" />
+    <glyph glyph-name="037-skype"
+      unicode="&#xF125;"
+      horiz-adv-x="300" d="M291.375 118.1625C293.55 127.93125 294.675 138.05625 294.675 148.44375C294.675 226.35 230.625 289.51875 151.59375 289.51875C143.26875 289.51875 135.09375 288.80625 127.125 287.45625C114.3375 295.3875 99.20625 300 82.9875 300C37.14375 300 0 263.38125 0 218.175C0 203.08125 4.1625 188.9625 11.4 176.79375C9.50625 167.64375 8.49375 158.15625 8.49375 148.44375C8.49375 70.51875 72.5625 7.35 151.575 7.35C160.5375 7.35 169.29375 8.175 177.7875 9.7125C189.4875 3.525 202.8375 0 217.03125 0C262.85625 0 300 36.6375 300 81.80625C300 94.875 296.8875 107.19375 291.375 118.1625zM224.98125 81.01875C218.3625 71.775 208.59375 64.4625 195.9 59.2875C183.35625 54.13125 168.3375 51.50625 151.2 51.50625C130.65 51.50625 113.41875 55.06875 99.95625 62.11875C90.3375 67.2375 82.425 74.15625 76.40625 82.74375C70.3125 91.36875 67.25625 99.9375 67.25625 108.225C67.25625 113.38125 69.2625 117.8625 73.21875 121.51875C77.1375 125.175 82.1625 126.99375 88.1625 126.99375C93.075 126.99375 97.3125 125.55 100.7625 122.68125C104.04375 119.925 106.875 115.8375 109.14375 110.60625C111.675 104.86875 114.43125 100.03125 117.3375 96.2625C120.16875 92.56875 124.2 89.49375 129.35625 87.075C134.55 84.675 141.54375 83.41875 150.13125 83.41875C161.9625 83.41875 171.675 85.9124999999999 178.95 90.825C186.09375 95.60625 189.54375 101.38125 189.54375 108.43125C189.54375 113.9812499999999 187.725 118.36875 184.03125 121.8C180.13125 125.4 174.99375 128.1937499999999 168.76875 130.125C162.2625 132.1125 153.43125 134.2874999999999 142.51875 136.5375C127.65 139.66875 115.03125 143.38125 105.01875 147.6C94.7625 151.9125 86.475 157.875 80.4375 165.3375C74.2875 172.93125 71.175 182.4375 71.175 193.6125C71.175 204.2624999999999 74.4375 213.8625 80.8875 222.15C87.28125 230.38125 96.61875 236.8125 108.675 241.18125C120.54375 245.5125 134.6625 247.70625 150.65625 247.70625C163.425 247.70625 174.65625 246.24375 184.05 243.35625C193.48125 240.46875 201.43125 236.56875 207.675 231.75C213.975 226.875 218.6625 221.71875 221.5875 216.31875C224.55 210.88125 226.0687500000001 205.4625 226.0687500000001 200.23125C226.0687500000001 195.1875 224.1 190.59375 220.2 186.61875C216.2625 182.5875 211.3125 180.5625 205.5 180.5625C200.2125 180.5625 196.05 181.8562499999999 193.18125 184.35C190.5 186.69375 187.70625 190.35 184.63125 195.5625C181.06875 202.2375 176.7375000000001 207.5062499999999 171.7875 211.2375C166.96875 214.8562499999999 158.94375 216.65625 147.88125 216.65625C137.64375 216.65625 129.28125 214.63125 123.09375 210.61875C117.13125 206.775 114.225 202.35 114.225 197.0999999999999C114.225 193.89375 115.1625 191.2124999999999 117.09375 188.90625C119.11875 186.43125 121.9875 184.3125 125.625 182.5124999999999C129.375 180.65625 133.25625 179.15625 137.1375 178.1062499999999C141.1125 177.0187499999999 147.76875 175.3874999999999 156.9375 173.3062499999999C168.525 170.8687499999999 179.15625 168.1124999999999 188.56875 165.1312499999999C198.1125 162.1499999999999 206.325 158.4562499999999 213.075 154.1249999999999C219.91875 149.7187499999999 225.3375 144.09375 229.2 137.3437499999999C233.0625 130.5374999999999 235.0125 122.1937499999999 235.0125 112.4812499999999C234.99375 100.875 231.61875 90.28125 224.98125 81.01875z" />
+    <glyph glyph-name="038-messenger"
+      unicode="&#xF126;"
+      horiz-adv-x="300" d="M150 300C67.1625 300 0 237.825 0 161.11875C0 117.4125 21.80625 78.43125 55.89375 52.96875V0L106.96875 28.03125C120.6 24.2625 135.0375 22.21875 150 22.21875C232.8375 22.21875 300 84.39375 300 161.1S232.8375 300 150 300zM164.90625 112.96875L126.7125 153.7125L52.18125 112.96875L134.175 200.00625L173.30625 159.2625L246.9 200.00625L164.90625 112.96875z" />
+    <glyph glyph-name="039-whatsapp"
+      unicode="&#xF127;"
+      horiz-adv-x="300" d="M150.0375 300H149.9625C67.25625 300 0 232.725 0 150C0 117.1875 10.575 86.775 28.55625 62.08125L9.8625 6.35625L67.51875 24.7875C91.2375 9.075 119.53125 0 150.0375 0C232.74375 0 300 67.29375 300 150S232.74375 300 150.0375 300zM237.31875 88.18125C233.7 77.9625 219.3375 69.4875 207.88125 67.0125C200.04375 65.34375 189.80625 64.0125 155.34375 78.3C111.2625 96.5625 82.875 141.35625 80.6625 144.2625C78.54375 147.16875 62.85 167.98125 62.85 189.50625S73.78125 221.5125 78.1875 226.0125C81.80625 229.70625 87.7875 231.39375 93.525 231.39375C95.38125 231.39375 97.05 231.3 98.55 231.225C102.95625 231.0375 105.16875 230.7750000000001 108.075 223.81875C111.69375 215.1 120.50625 193.5750000000001 121.55625 191.3625C122.625 189.15 123.69375 186.15 122.19375 183.24375C120.7875 180.24375 119.55 178.9125 117.3375 176.3625C115.125 173.8125 113.025 171.8625 110.8125 169.125C108.7875 166.74375 106.5 164.19375 109.05 159.7875C111.6 155.475 120.4125 141.09375 133.3875 129.54375C150.13125 114.6375 163.70625 109.875 168.5625 107.85C172.18125 106.35 176.49375 106.70625 179.1375 109.51875C182.49375 113.1375 186.6375 119.1375 190.85625 125.04375C193.85625 129.28125 197.64375 129.80625 201.61875 128.30625C205.66875 126.9 227.1 116.30625 231.50625 114.1125C235.9125 111.9 238.81875 110.85 239.8875 108.99375C240.9375 107.1375 240.9375 98.41875 237.31875 88.18125z" />
+    <glyph glyph-name="040-linkedin-logo"
+      unicode="&#xF128;"
+      horiz-adv-x="300" d="M270 300H30C13.5 300 0 286.5 0 270V30C0 13.5 13.5 0 30 0H270C286.5 0 300 13.5 300 30V270C300 286.5 286.5 300 270 300zM90 45H45V180H90V45zM67.5 205.5C52.5 205.5 40.5 217.5 40.5 232.5S52.5 259.5 67.5 259.5S94.5 247.5 94.5 232.5S82.5 205.5 67.5 205.5zM255 45H210V124.5C210 136.4994117647059 199.5 147 187.5 147S165 136.4994117647059 165 124.5V45H120V180H165V162C172.5 174 189 183 202.5 183C231 183 255 159 255 130.5V45z" />
+    <glyph glyph-name="041-google-plus-symbol"
+      unicode="&#xF129;"
+      horiz-adv-x="300" d="M250.0015962201507 225.0020522830509V274.9997719685499H225.0034204717515V225.0027363774012H175.0050166919022V200.0011401572505H225.0034204717515V150.0013681887006H250.0015962201507V200.0011401572505H299.9972636225988V56.2517102358757C299.9972636225988 40.7590254847949 294.4957768575442 27.5074338252732 283.4928033274349 16.5044602951639C272.4946184577777 5.5014867650547 259.2443949869566 0 243.7503420471751 0H152.345759527154C157.4210555119762 9.5048069029681 159.9590455515625 19.7258605906927 159.9590455515625 30.6631610631738C159.9590455515625 39.2594906689531 158.5258678876991 47.2339785103162 155.6656694091249 54.5893609646643C152.8006822700987 61.9426911359615 149.1866118175019 67.9989784191036 144.824826240035 72.7513818705876C140.4623565682179 77.4989966616196 135.775626174362 82.1275790357006 130.7632668697667 86.6179743510225C125.7495393764708 91.1076855719941 121.0641771713155 94.9830800664028 116.7003393107978 98.2414214568473C112.3399219220315 101.492921903789 108.7251673750844 105.0440556761589 105.862232519109 108.8818249813014C102.9979294744331 112.7284875129978 101.5668040936206 116.600461535655 101.5668040936206 120.5052720871262C101.5668040936206 125.1940547640331 103.0649707207618 129.6208293047777 106.0592516919934 133.7883320867614C109.0555849462758 137.9530984913439 112.7018078333364 141.9564186292573 116.9958680701242 145.7982925005017C121.2912964956127 149.6422186547968 125.5573088640386 153.8398215881934 129.7898006093001 158.3993104328949C134.0216082602113 162.9540106171443 137.6336264297572 169.0102979002864 140.6279074009887 176.5613313388182C143.6242406552712 184.1123647773501 145.1203549993615 192.6423372311509 145.1203549993615 202.1491964171698C145.1203549993615 211.6540033201379 143.3950690479231 221.1259736942919 139.9458653337469 230.5664757283324S131.5787073353157 247.7221938449751 125.1995275188354 253.7128080704891C124.418291770801 254.4913074411223 123.507078096211 255.2075542258788 122.4652024007151 255.8608643304085C121.4246948939198 256.5107539631867 120.6085703340205 257.0012496123466 120.0243537588704 257.3255103343853C119.4367167119689 257.6525074338253 118.7868270791908 258.2702446321397 118.0712643887845 259.1807742123794C117.3536494153274 260.0913037926191 116.6716073480855 261.1988525457431 116.0217177153073 262.5006840943503H142.3887662586424L168.7578670850284 275.0004560629002H83.3999945272452C65.4308882281044 275.0004560629002 49.5126967911414 272.495302552128 35.6467884050568 267.4795227757812C21.7815641133225 262.4664793768357 9.8981611543864 253.7743765620154 0.0020522830509 241.4066348030721C0.0020522830509 257.8139537004944 5.2750515351077 271.6791779922287 15.8210500392214 283.0084645274277C26.3697849207363 294.3384351569769 39.8437072441031 300 56.2517102358757 300H243.7510261415255C259.2443949869567 300 272.495302552128 294.4985132349454 283.4934874217853 283.497591987887C294.4964609518945 272.4946184577777 299.9979477169492 259.2443949869566 299.9979477169492 243.7503420471752V225.0020522830509H250.0015962201507zM38.8709250779868 157.3252823029352C43.0343232938687 151.918200558221 48.1150920334933 147.5249466406407 54.1036539759564 144.1400477953919S66.4057226772717 139.0647518105697 73.048962912965 139.0647518105697C85.6800809967711 139.0647518105697 94.8257383658354 143.0071875513071 100.49072368061 150.883165806228C106.1550249010344 158.7577758724483 108.9864914168962 169.208001167521 108.9864914168962 182.229053030994C108.9864914168962 190.1734407209442 107.94393162705 198.5043417188098 105.8649688965102 207.2258605906927C103.7805334111681 215.9487476512761 100.7205793823084 224.4116788587482 96.6837386212307 232.6146542131091C92.6475819545032 240.81762956747 87.1789317182626 247.5908477297189 80.2777879125089 252.9295200394039C73.3786963898061 258.2681923490888 65.6306437783899 260.9388966926319 57.0363664556616 260.9388966926319C44.9272123611289 260.9388966926319 35.5181786672018 256.4464490942591 28.8120017512816 247.4622379918638C22.1071930240619 238.4773427951183 18.7537625189266 227.7363774011712 18.7537625189266 215.2345531495704C18.7537625189266 209.1173814692522 19.5014776437967 202.6738967838444 21.0003283652882 195.9006786215955C22.4984949924294 189.1295127423974 24.8093657077184 182.3562945801485 27.9356768885565 175.5858127953007C31.0578835032928 168.815331010453 34.7041063903534 162.7282594815477 38.8709250779868 157.3252823029352zM62.8922140941679 111.5237973621322C62.8922140941679 114.778034186475 64.2583505117026 120.3800828210227 66.9940438185235 128.3237864166226C62.0459893828557 127.6732126894941 57.4892369155554 127.3448474013536 53.322418227922 127.3448474013536C31.1885455241987 127.3448474013536 13.4150902092417 135.0285951438422 0.0034204717515 150.3919860627177V65.8215061021216C19.6622398161154 75.9816753926701 44.7281409051936 81.5112100260868 75.1977032672346 82.4244759837276C66.9933597241732 93.1045569804987 62.8922140941679 102.8009103015488 62.8922140941679 111.5237973621322zM129.6817137019538 28.8140540343324C129.0297717861248 30.9586898225003 127.8907546928873 33.203203385811 126.263978327891 35.5516992903661C124.6358337741942 37.892670157068 123.2696973566594 39.8779119616177 122.1621486035354 41.5074247040152C121.055968039112 43.1321487859606 119.3306820876735 45.0524016272324 116.9862907492201 47.2661309447799C114.6439516938176 49.4784920736268 112.8529926847511 51.1387890617874 111.6154660050714 52.2456537205611C110.3793075140924 53.3532024736852 108.2955561231005 55.0107630844446 105.3662641151468 57.2251764963424C102.4397084845942 59.4395899082402 100.418209679479 60.9384406297317 99.3133973037561 61.714887717314C98.2085849280333 62.4974916540489 96.0605286681139 63.9949741868398 92.8699126183483 66.2093875987376S87.694054764033 69.7913056168707 86.9128190159987 70.3112173230932C84.6997737928015 70.5684367988033 81.5098418373862 70.6990988197092 77.3423390554025 70.6990988197092C70.1826075852382 70.6990988197092 63.2151066275061 70.2475965485159 56.4459930313589 69.3350146852253C49.6734589634602 68.4238010106354 42.7073261944287 66.8626977032672 35.5462265355638 64.6476001970191C28.3858109710491 62.4331867851214 21.8752850393126 59.2138387726435 16.0160169290548 54.981347027382C10.1574329131474 50.7481711877702 5.6649853147746 45.705711731762 2.5379900395862 39.8437072441031C6.0556031887918 27.9979294744331 12.7946166335261 18.3946129850229 22.7543462794388 11.0392305306748C32.7174963971031 3.6790594158746 43.8812320995311 0.0006840943503 56.2517102358757 0.0006840943503H130.4704744878414C131.7723060364486 4.296796614189 132.4221956692267 8.9226426108688 132.4221956692267 13.8672765747851C132.4221956692267 16.6016016929054 132.1294032873014 19.2381013189338 131.5376616742981 21.7774595472207C130.9527610047978 24.3195541529088 130.331603334732 26.6646295857125 129.6817137019538 28.8140540343324z" />
+    <glyph glyph-name="042-pinterest-logo"
+      unicode="&#xF12A;"
+      horiz-adv-x="300" d="M279.8955143217439 225.2936521871986C266.4815781852512 248.2741164210349 248.2864303158971 266.469264290389 225.3052819767906 279.8825163216116C202.3248177429543 293.2950842475641 177.2277318033699 300 150.011287736957 300C122.7968959863544 300 97.6984418362298 293.2950842475641 74.7179776023935 279.8825163216116C51.7340928422066 266.4713166061994 33.5389449728524 248.2761687368452 20.1263770469 225.2936521871986C6.7103885945969 202.3097674270117 0.005472842161 177.2133655926974 0.005472842161 149.9982897368247C0.005472842161 119.6582210070486 8.2728850315487 92.1154587267889 24.8097617261344 67.3809485803676C41.3459543154501 42.6354927496243 63.0259344307902 24.3425178266432 89.8497020721549 12.4938145481827C89.3284138563242 26.4256183741554 90.1753361807315 37.9486875440393 92.3870485190261 47.0630220578343L111.7246521894789 128.7096178359926C108.4683111037127 135.0916359009325 106.8408246660996 143.0279411395826 106.8408246660996 152.5376884995064C106.8408246660996 163.6030912436806 109.6381311156161 172.8480898640683 115.2382168568099 180.2720002553994C120.8383025980038 187.6945424361901 127.6731983517624 191.4051294213154 135.7470087497064 191.4051294213154C142.2555862896183 191.4051294213154 147.2680256037799 189.2570388731418 150.7850107974615 184.9608577767948C154.3026800964133 180.6626243646373 156.0560419037282 175.2595609412377 156.0560419037282 168.7475628749753C156.0560419037282 164.7140782023538 155.3042102118674 159.7967295207387 153.8060196703069 154.0023578828311C152.3091973392866 148.2073021396533 150.3574450036372 141.5017022819472 147.9487103475483 133.8835059939024C145.5399756914594 126.2680461269381 143.8132939896792 120.1767728017988 142.7727698738282 115.6233681238869C140.9509975395014 107.682274148346 142.4471357652516 100.8788472370129 147.2652891826995 95.2110350740772C152.0827584948772 89.5480116480324 158.4654606650872 86.7123953033893 166.4086069564385 86.7123953033893C180.3404107824112 86.7123953033893 191.764968793398 94.4592033822165 200.6870697262895 109.9528195398708C209.6064342381006 125.451224434416 214.0640641781958 144.266855783768 214.0640641781958 166.4010817984672C214.0640641781958 183.4612990246939 208.5624895958991 197.3294810605456 197.5572881154952 208.0035755902118C186.5534548456317 218.6817747514988 171.2219716369955 224.0232687005877 151.5587338579661 224.0232687005877C129.55722426567 224.0232687005877 111.7492799792032 216.9585135760691 98.142426156537 202.8310556428423C84.5348882286006 188.7015453938052 77.7314613172675 171.805513432407 77.7314613172675 152.145012074458C77.7314613172675 140.4249205867799 81.052108298425 130.59227553936 87.6920340501996 122.6518656690892C89.9051145990345 120.0481610110164 90.6220569221192 117.2488022456896 89.8401245983732 114.2517370572984C89.5794804904579 113.4698047335524 89.0595604851674 111.5173682926329 88.2776281614215 108.3944277345398C87.4991163640261 105.2714871764467 86.9757758323851 103.2485878927049 86.7171840402801 102.3394119887168C85.6766599244292 98.1725267884222 83.2008829518686 96.8706744593858 79.2946418594893 98.4345391068777C69.269763231166 102.5973196755516 61.6508828378511 109.8262600648988 56.4441576269756 120.1131510116777C51.2353801002898 130.4000419584566 48.6303072316768 142.3164716586588 48.6303072316768 155.8549149543132C48.6303072316768 164.5793094641404 50.0306707196103 173.3030198686974 52.8307135902072 182.0260461679843C55.6280200397237 190.7524929936219 59.9919275578126 199.1820381320278 65.9149109865026 207.3208385306331C71.8413149415432 215.4616912450488 78.9375389084872 222.65642637089 87.2063193084152 228.9036756976164C95.4716791819925 235.1529773401531 105.5314471790919 240.1654166543148 117.3808345628225 243.9416777453715S141.989469339542 249.6060693819565 155.6626813734097 249.6060693819565C174.1554150352656 249.6060693819565 190.7538612041621 245.5048582875933 205.4655450380705 237.3017519935968C220.1820176088697 229.0979615943301 231.4102374073323 218.487488854785 239.1590978019698 205.4655450380705C246.9079581966073 192.4429171160858 250.7799940254807 178.5097450795729 250.7799940254807 163.6660289285315C250.7799940254807 144.1355075719052 247.395041148932 126.5581067614685 240.626503606375 110.9310900761409C233.8565978532777 95.3068098118939 224.2852810190433 83.0346453712297 211.9125531036716 74.117333175229C199.5418775041104 65.1952322423375 185.4807777820852 60.735549986432 169.7203605690844 60.735549986432C161.7799506988135 60.735549986432 154.3580926232929 62.5922116895348 147.4541022372523 66.3007463588497C140.5549005881025 70.0133856597854 135.8010530660458 74.4053414939491 133.1980325132431 79.4855072298526C127.3379867694041 56.4414212058952 123.8216856809926 42.7011668555558 122.6491292480087 38.2750057578861C120.1754045912585 29.0341117691191 115.0979752764356 18.3545443972919 107.4141048824593 6.2458811161862C121.3472769189723 2.0789959158915 135.5390407475902 1e-13 149.9928168946638 1e-13C177.2072086452664 1e-13 202.3063469006611 6.704915752436 225.2868111344974 20.1195359941988C248.2693276841441 33.5293674990708 266.4644755534983 51.724515368425 279.8743070583702 74.7049796022612C293.2868749843226 97.6902325729884 299.9917907367586 122.788686723113 299.9917907367586 150.0010261579052C299.9986317894598 177.2133655926974 293.3032935108055 202.3131879533623 279.8955143217439 225.2936521871986z" />
+    <glyph glyph-name="043-line"
+      unicode="&#xF12B;"
+      horiz-adv-x="300" d="M150 293.75C67.3125 293.75 0 238.775 0 171.2125C0 110.7 53.375 60 125.4375 50.3625C130.325 49.325 136.975 47.1125 138.6625 42.9375C140.1625 39.15 139.65 33.3 139.1375 29.35L137.0875 16.525C136.525 12.7375 134.0875 1.6125 150.2 8.4125C166.3375 15.1875 236.65 59.7125 268.15 96.15C289.7 119.9 300 144.2375 300 171.2125C300 238.775 232.6875 293.75 150 293.75zM91.2875 131.0375H61.4625C57.15 131.0375 53.5875 134.625 53.5875 138.95V198.9625C53.5875 203.3 57.15 206.8875 61.4625 206.8875C65.8125 206.8875 69.3375 203.3 69.3375 198.9625V146.8750000000001H91.2875C95.6375 146.8750000000001 99.15 143.3125000000001 99.15 138.9500000000001C99.15 134.6250000000001 95.625 131.0375000000001 91.2875 131.0375000000001zM122.1125 138.95C122.1125 134.625 118.5875 131.0375 114.225 131.0375C109.9125 131.0375 106.3875 134.625 106.3875 138.95V198.9625C106.3875 203.3 109.9125 206.8875 114.2625 206.8875C118.5875 206.8875 122.1125 203.3 122.1125 198.9625zM193.875 138.95C193.875 135.5500000000001 191.7 132.5375 188.475 131.45C187.675 131.1875 186.8125 131.0625 185.9875 131.0625C183.35 131.0625 181.1 132.2 179.6125 134.2125L149.075 175.9375V138.9625C149.075 134.6375 145.5875 131.05 141.1875 131.05C136.8625 131.05 133.3625 134.6375 133.3625 138.9625V198.9625C133.3625 202.3625 135.525 205.375 138.7375 206.45C139.4875 206.7375 140.4375 206.8625 141.1625 206.8625C143.6 206.8625 145.85 205.55 147.35 203.6625L178.125 161.775V198.9625C178.125 203.3 181.65 206.8875 186 206.8875C190.3125 206.8875 193.875 203.3 193.875 198.9625zM242.0625 176.8875C246.425 176.8875 249.9375 173.3 249.9375 168.95C249.9375 164.6125 246.425 161.025 242.0625 161.025H220.125V146.875H242.0625C246.425 146.875 249.9375 143.3125 249.9375 138.95C249.9375 134.625 246.425 131.0375 242.0625 131.0375H212.2375C207.925 131.0375 204.4 134.625 204.4 138.95V198.9625C204.4 203.3 207.925 206.8875 212.275 206.8875H242.1C246.425 206.8875 249.9375 203.3 249.9375 198.9625C249.9375 194.575 246.425 191.0375 242.0625 191.0375H220.125V176.8875z" />
+    <glyph glyph-name="044-kakao-talk"
+      unicode="&#xF12C;"
+      horiz-adv-x="300" d="M118.275 183.675L109.625 159.2875H126.9125zM150 287.5C67.1625 287.5 0 234.9 0 170.0125C0 128.0625 28.075 91.25 70.3125 70.475C54.075 14.85 53.65 14.6 56.4 12.9875C59.85 10.975 64.325 13.05 123.3625 54.375C132.0125 53.1625 140.9125 52.525 150 52.525C232.8375 52.525 300 105.125 300 170.0125S232.8375 287.5 150 287.5zM75.725 137.2125C75.725 132.6875 71.8375 129 67.075 129S58.425 132.6875 58.425 137.2125V188.2875H44.925C40.2375 188.2875 36.4375 192.0625 36.4375 196.7000000000001S40.225 205.1250000000001 44.9125 205.1250000000001H89.225C93.9125 205.1250000000001 97.7125 201.35 97.7125 196.7125S93.9 188.2875 89.225 188.2875H75.725zM142.95 129.1125C133.95 129.1125 135.6125 136.175 131.4625 144.05H105.075C100.9625 136.2375000000001 102.575 129.1125 93.5875 129.1125C84.925 129.1 83.4 134.375 86.0375 142.5L106.7375 196.625C108.2 200.75 112.625 204.9875 118.2625 205.1125C123.9125 204.9875 128.35 200.75 129.8 196.625C143.4625 154.25 162.975 129.1 142.95 129.1125000000001zM192.1875 130.2625H164.425C149.9375 130.2625 158.75 149.825 156.1375 196.525C156.1375 201.2625 160.1 205.125 164.975 205.125S173.8125 201.275 173.8125 196.525V146.025H192.2C196.775 146.025 200.4875 142.4875 200.4875 138.15C200.475 133.8 196.7625 130.2625 192.1875 130.2625zM259.925 136.7375C259.6125 134.475 258.4 132.4375 256.5625 131.0625C244.625 122.05 235.8 148.325 224.15 159.45L221.15 156.4625V137.7125C221.15 132.9625 217.275 129.1125 212.4875 129.1125C207.7125 129.1125 203.8375 132.9625 203.8375 137.7125V196.525C203.8375 201.2625 207.7125 205.125 212.4875 205.125S221.1375 201.275 221.1375 196.525V178.05C237.1 190.025 245.95 211.425 256.0375 201.4125C265.9375 191.5875 245.4375 182.9875 236.95 171.1375C257 143.4875 260.8125 142.8 259.925 136.7375z" />
+    <glyph glyph-name="045-vimeo"
+      unicode="&#xF12D;"
+      horiz-adv-x="300" d="M256.2125 281.1875C214.6125 282.7 186.5125 258.85 171.6875 210.0125C179.3125 213.425 186.725 214.95 193.9 214.95C209.1375 214.95 215.875 206.2375 214.075 188.925C213.175 178.4375 206.475 163.1875 193.925 143.125C181.3125 123.0625 171.8875 113.0125 165.6125 113.0125C146.5875 113.0125 135.15 204.0625 131.275 228.925C125.8875 263.4875 111.525 279.65 88.1875 277.3875C66.7625 275.35 29.375 236.775 0 210.625L14.1125 192.225C27.55 201.75 35.3875 206.525 37.625 206.525C61.0125 206.525 72.3375 126.9375 90.5 67.75C102.6875 35.0875 117.3 18.7499999999999 134.9125 18.7499999999999C163.2125 18.7499999999999 197.6875 45.55 238.5375 99.175C277.975 150.5125 298.4 190.975 299.7125 220.4875L299.875 220.6125C301.55 260.175 287.1125 280.425 256.2125 281.1875z" />
+    <glyph glyph-name="046-open-source"
+      unicode="&#xF12E;"
+      horiz-adv-x="300" d="M150 293.75C67.3 293.75 0 227.1375 0 145.275C0 84.2 38.675 28.575 96.225 6.875C101.175 4.925 106.9 7.675 108.5125 12.775L136.6375 101.675C137.975 105.8875 136.1375 110.45 132.2375 112.575C120.0625 119.225 112.5 131.75 112.5 145.275C112.5 165.75 129.3125 182.4 150 182.4C170.675 182.4 187.5 165.75 187.5 145.275C187.5 131.75 179.95 119.2125 167.775 112.55C163.875 110.4375000000001 162.025 105.875 163.375 101.65L191.5 12.75C193.1125 7.6125000000001 198.8 4.9375000000001 203.7875 6.85C261.3375 28.575 300 84.2000000000001 300 145.275C300 227.1375 232.7125 293.75 150 293.75z" />
+    <glyph glyph-name="047-slack"
+      unicode="&#xF12F;"
+      horiz-adv-x="300" d="M1.2 159.4625C4.5375 149.75 13.9875 143.3875 23.7 142.9875C28.2625 142.3125 31.7375 144.0625 62.35 154.2375L82.6375 93.9625L52.2375 83.85C39.5125 79.6875 32.75 65.8375 36.8375 53.1C40.175 43.3875 49.625 37.025 59.3375 36.625C63.9 35.95 67.375 37.7 97.9875 47.8875L108.5 16.4125C112.4625 5.1 125.0375 -3 139.3 1.0875C152.0875 5.25 158.7875 19.0375 154.7 31.8375L144.1875 63.3125L206.8625 84.275L217.375 52.8C221.3375 41.4875 233.9125 33.3875 248.175 37.475C260.9625 41.6375 267.6625 55.425 263.575 68.225L253.0625 99.7L283.4625 109.8125C296.1875 113.825 302.95 127.7 298.7875 140.4125L298.775 140.425C294.6125 153.15 280.7625 159.9125 267.975 155.75L237.575 145.6375L217.2875 205.9125L247.6875 216.025C260.475 220.1875 267.175 233.975 263.0875 246.7750000000001C258.925 259.5 245.075 266.2625000000001 232.2875 262.1L201.875 251.975L191.3625 283.45C187.2 296.175 173.35 302.9375 160.5625 298.7750000000001S141.075 280.825 145.1624999999999 268.0250000000001L155.675 236.55L93.125 215.6625L82.6124999999999 247.1375C78.4499999999999 259.875 64.6 266.625 51.8125 262.475C39.025 258.3125 32.325 244.525 36.4125 231.725L46.925 200.25L16.5999999999999 190.2125C3.8124999999999 186.05 -2.8875000000001 172.2625 1.1999999999999 159.4625zM170.925 190.15L191.2125 129.7375L128.6 108.775L108.3125 169.175z" />
+    <glyph glyph-name="048-behance"
+      unicode="&#xF130;"
+      horiz-adv-x="300" d="M154.5375 113.1625C154.5375 136.2625 143.55 153.3375 120.85 159.7375C137.4125 167.625 146.05 179.575 146.05 198.1625C146.05 234.8125 118.65 243.75 87.0375 243.75H0V59.7375H89.475C123.025 59.7375 154.5375 75.775 154.5375 113.1625zM40.575 212.3375H78.65C93.2875 212.3375 106.4625 208.2375 106.4625 191.3125C106.4625 175.6875 96.2125 169.4 81.7125 169.4H40.575zM40.5625 90.9875V141.6625H84.7875C102.65 141.6625 113.95 134.2375 113.95 115.3875C113.95 96.8 100.4625 90.9875 83.95 90.9875zM234.95 56.25C266.875 56.25 287.55 70.5875 297.5 101.0625H265.1C261.6125 89.6875 247.2375 83.675 236.0875 83.675C214.575 83.675 203.275 96.2375 203.275 117.5875H299.6875C302.7375 160.3125 278.9375 196.725 234.9375 196.725C194.2 196.725 166.55 166.2 166.55 126.2125C166.55 84.7125 192.75 56.25 234.95 56.25zM233.8 169.075C252.2375 169.075 261.5125 158.275 263.0625 140.6125H203.325C204.5375 158.125 216.2 169.075 233.8 169.075zM195.8375 234.0875H270.6875V215.9625H195.8375z" />
+    <glyph glyph-name="049-github"
+      unicode="&#xF131;"
+      horiz-adv-x="300" d="M150 293.75C67.125 293.75 0 227.75 0 146.35C0 81.2125 42.975 25.975 102.5625 6.5C110.0625 5.1125 112.8125 9.675 112.8125 13.5875C112.8125 17.0875 112.6875 26.3625 112.625 38.65C70.9 29.7625 62.1 58.425 62.1 58.425C55.275 75.4375 45.4125 79.9875 45.4125 79.9875C31.825 89.125 46.4625 88.9375 46.4625 88.9375C61.525 87.9125 69.4375 73.75 69.4375 73.75C82.8125 51.2125 104.55 57.725 113.125 61.4875C114.475 71.025 118.3375 77.5125 122.625 81.2C89.3125 84.8875 54.3 97.5625 54.3 154.0375C54.3 170.125 60.1125 183.275 69.7375 193.5875C68.05 197.3125 62.9875 212.3 71.05 232.6C71.05 232.6 83.6125 236.55 112.3 217.4875C124.3 220.7625 137.05 222.3875 149.8 222.4625C162.55 222.3875 175.3 220.7625 187.3 217.4875C215.8 236.55 228.3625 232.6 228.3625 232.6C236.425 212.3 231.3625 197.3125 229.8625 193.5875C239.425 183.275 245.2375 170.125 245.2375 154.0375C245.2375 97.4125 210.175 84.95 176.8000000000001 81.325C182.0500000000001 76.9 186.9250000000001 67.8625 186.9250000000001 54.05C186.9250000000001 34.325 186.7375000000001 18.475 186.7375000000001 13.6875C186.7375000000001 9.825 189.3625000000001 5.2125 197.0500000000001 6.6875C257.0625000000001 26.0375 300.0000000000001 81.3125 300.0000000000001 146.35C300.0000000000001 227.75 232.8375000000001 293.75 150.0000000000001 293.75z" />
+    <glyph glyph-name="050-stack-overflow"
+      unicode="&#xF132;"
+      horiz-adv-x="300" d="M80.55 114.5125L209.775 87.0625L215.1875 113.175L85.9625 140.825zM77.6875 80.3625H209.7625V53.775H77.6875zM97.5 177.1125L217.15 120.5375L228.2375 144.8375L108.525 201.5625zM217.1625 120.525L217.15 120.5375L217.1375 120.525zM25 107.1375V0H262.4000000000001V107.1375H235.9875V26.7875H51.4125V107.1375zM130.6625 236.7125L232.025 150.8L248.85 171.425L147.4875 257.3375zM275 192.6625L196.225 300L175.0875 283.925L253.8625 176.5875z" />
+    <glyph glyph-name="051-html-5"
+      unicode="&#xF133;"
+      horiz-adv-x="300" d="M18.75 300L42.65625 30L150 0L257.30625 29.98125L281.25 300H18.75zM229.40625 211.70625H150H103.575L106.575 177.7875H150H226.40625L217.3875 76.0875L150 57.28125L149.9625 57.2625L82.6125 76.0875L77.8875 129.28125H110.8875L113.325 101.68125L149.94375 91.70625L150 91.74375L186.65625 101.71875L190.48125 144.675H150H76.5375L67.65 244.8H150H232.33125L229.40625 211.70625z" />
+    <glyph glyph-name="052-css-3"
+      unicode="&#xF134;"
+      horiz-adv-x="300" d="M18.75 300L42.65625 30L150 0L257.30625 29.98125L281.25 300H18.75zM230.1375 211.70625L227.11875 177.7875L218.025 76.0875L150 57.3L149.9625 57.28125L81.99375 76.10625L77.23125 129.28125H110.53125L113.00625 101.68125L149.9625 91.70625L150 91.74375L186.99375 101.71875L192.0375 147.675L75.6375 147.3562500000001L72.3375 178.8L194.83125 180.225L197.30625 213.88125L69.05625 213.525L66.9 244.8H150H233.1L230.1375 211.70625z" />
+    <glyph glyph-name="053-wordpress"
+      unicode="&#xF135;"
+      horiz-adv-x="300" d="M0.005 150.005C0.005 90.638 34.507 39.322 84.548 15.013L12.994 211.047C4.674 192.393 0.005 171.75 0.005 150.005zM251.259 157.571C251.259 176.115 244.598 188.948 238.892 198.937C231.29 211.299 224.163 221.754 224.163 234.117C224.163 247.905 234.612 260.738 249.347 260.738C250.015 260.738 250.648 260.657 251.29 260.616C224.608 285.068 189.049 300 150 300C97.597 300 51.497 273.11 24.674 232.397C28.199 232.281 31.517 232.209 34.329 232.209C50.014 232.209 74.309 234.116 74.309 234.116C82.392 234.592 83.342 222.71 75.265 221.754C75.265 221.754 67.136 220.803 58.102 220.332L112.721 57.854L145.548 156.301L122.18 220.333C114.097 220.804 106.45 221.755 106.45 221.755C98.367 222.235 99.312 234.593 107.4 234.117C107.4 234.117 132.166 232.21 146.905 232.21C162.591 232.21 186.885 234.117 186.885 234.117C194.968 234.593 195.924 222.711 187.841 221.755C187.841 221.755 179.703 220.804 170.679 220.333L224.882 59.095L239.844 109.079C247.45 128.573 251.259 144.734 251.259 157.571zM152.636 136.884L107.628 6.11C121.067 2.159 135.28 0 150 0C167.471 0 184.224 3.015 199.813 8.503C199.418 9.146 199.044 9.827 198.741 10.571L152.636 136.884zM281.624 221.962C282.271 217.188 282.636 212.064 282.636 206.54C282.636 191.325 279.7820000000001 174.214 271.2240000000001 152.817L225.4120000000001 20.358C270.0100000000001 46.358 299.995 94.669 299.995 150.004C299.995 176.085 293.328 200.602 281.624 221.962z" />
+    <glyph glyph-name="054-python"
+      unicode="&#xF136;"
+      horiz-adv-x="300" d="M67.96875 126.5625C67.96875 144.3328857421875 82.4249267578125 158.7890625 100.1953125 158.7890625H199.8046875C207.88192734375 158.7890625 214.453125 165.36026015625 214.453125 173.4375V256.0546875C214.453125 280.2864076171875 194.7395326171875 300 170.5078125 300H129.4921875C105.2604673828125 300 85.546875 280.2864076171875 85.546875 256.0546875V232.03125H150C154.85458359375 232.03125 158.7890625 228.09677109375 158.7890625 223.2421875S154.85458359375 214.453125 150 214.453125H43.9453125C19.7135923828125 214.453125 0 194.7395326171875 0 170.5078125V129.4921875C0 105.2604673828125 19.7135923828125 85.546875 43.9453125 85.546875H67.96875zM129.4921875 255.46875C124.63760390625 255.46875 120.703125 259.40322890625 120.703125 264.2578125S124.63760390625 273.046875 129.4921875 273.046875S138.28125 269.11239609375 138.28125 264.2578125S134.34677109375 255.46875 129.4921875 255.46875zM129.4921875 255.46875M256.0546875 214.453125H232.03125V173.4375C232.03125 155.6671142578125 217.5750732421875 141.2109375 199.8046875 141.2109375H100.1953125C92.11807265625 141.2109375 85.546875 134.63973984375 85.546875 126.5625V43.9453125C85.546875 19.7135923828125 105.2604673828125 0 129.4921875 0H170.5078125C194.7395326171875 0 214.453125 19.7135923828125 214.453125 43.9453125V67.96875H150C145.14541640625 67.96875 141.2109375 71.90322890625 141.2109375 76.7578125S145.14541640625 85.546875 150 85.546875H256.0546875C280.2864076171875 85.546875 300 105.2604673828125 300 129.4921875V170.5078125C300 194.7395326171875 280.2864076171875 214.453125 256.0546875 214.453125zM170.5078125 44.53125C175.36239609375 44.53125 179.296875 40.59677109375 179.296875 35.7421875S175.36239609375 26.953125 170.5078125 26.953125S161.71875 30.88760390625 161.71875 35.7421875S165.65322890625 44.53125 170.5078125 44.53125zM170.5078125 44.53125" />
+    <glyph glyph-name="055-js"
+      unicode="&#xF137;"
+      horiz-adv-x="300" d="M247.265625 294.8501953125L247.265625 247.265625L294.8501953125001 247.265625zM176.3671875 193.9453125H17.578125C7.8697265625 193.9453125 0 186.0755859375 0 176.3671875V88.4765625C0 78.7693359375 7.8697265625 70.8984375 17.578125 70.8984375H176.3671875C186.0755859375 70.8984375 193.9453125 78.7693359375 193.9453125 88.4765625V176.3671875C193.9453125 186.0755859375 186.0755859375 193.9453125 176.3671875 193.9453125zM88.4765625 114.84375C88.4765625 100.304296875 76.648828125 88.4765625 62.109375 88.4765625C47.569921875 88.4765625 35.7421875 100.304296875 35.7421875 114.84375C35.7421875 119.7017578125 39.6732421875 123.6328125 44.53125 123.6328125S53.3203125 119.7017578125 53.3203125 114.84375C53.3203125 109.99453125 57.26015625 106.0546875 62.109375 106.0546875S70.8984375 109.99453125 70.8984375 114.84375V167.578125C70.8984375 172.4361328125 74.8294921875 176.3671875 79.6875 176.3671875S88.4765625 172.4361328125 88.4765625 167.578125V114.84375zM151.055859375 96.1927734375C140.816015625 85.9171875 124.07578125 85.869140625 113.7708984375 96.209765625C110.34609375 99.6427734375 110.34609375 105.21328125 113.787890625 108.6380859375C117.2208984375 112.062890625 122.783203125 112.062890625 126.2162109375 108.62109375C131.37890625 103.4314453125 141.2109375 106.7314453125 141.2109375 114.84375C141.2109375 119.724609375 137.26875 123.6328125 132.421875 123.6328125C117.91875 123.6328125 106.0546875 135.3416015625 106.0546875 150C106.0546875 174.123046875 135.4048828125 184.3564453125 151.0728515625 168.633984375C154.49765625 165.2009765625 154.49765625 159.63046875 151.055859375 156.2056640625C147.6140625 152.7896484375 142.05234375 152.77265625 138.6275390625 156.22265625C133.46484375 161.4123046875 123.6328125 158.1123046875 123.6328125 150C123.6328125 145.119140625 127.575 141.2109375 132.421875 141.2109375C146.925 141.2109375 158.7890625 129.5021484375 158.7890625 114.84375C158.7890625 107.7884765625 156.0427734375 101.162109375 151.055859375 96.1927734375zM238.4765625 229.6875C233.6185546875 229.6875 229.6875 233.6185546875 229.6875 238.4765625C229.6875 246.80625 229.6875 290.4638671875 229.6875 300H97.265625C82.726171875 300 70.8984375 288.172265625 70.8984375 273.6328125C70.8984375 267.20859375 70.8984375 217.700390625 70.8984375 211.5234375H176.3671875C195.7564453125 211.5234375 211.5234375 195.7564453125 211.5234375 176.3671875V88.4765625C211.5234375 69.0873046875 195.7564453125 53.3203125 176.3671875 53.3203125H70.8984375C70.8984375 47.3244140625 70.8984375 32.4251953125 70.8984375 26.3671875C70.8984375 11.827734375 82.726171875 0 97.265625 0H273.6328125C288.172265625 0 300 11.827734375 300 26.3671875V229.6875H238.4765625z" />
+    <glyph glyph-name="056-file"
+      unicode="&#xF138;"
+      horiz-adv-x="300" d="M211.5234375 193.9453125H17.578125C7.8697265625 193.9453125 0 186.0755859375 0 176.3671875V88.4765625C0 78.7693359375 7.8697265625 70.8984375 17.578125 70.8984375H211.5234375C221.2318359375 70.8984375 229.1015625 78.7693359375 229.1015625 88.4765625V176.3671875C229.1015625 186.0755859375 221.2318359375 193.9453125 211.5234375 193.9453125zM43.9453125 106.0546875C48.786328125 106.0546875 52.734375 109.99453125 52.734375 114.84375C52.734375 119.7017578125 56.6654296875 123.6328125 61.5234375 123.6328125S70.3125 119.7017578125 70.3125 114.84375C70.3125 100.304296875 58.484765625 88.4765625 43.9453125 88.4765625C29.405859375 88.4765625 17.578125 100.304296875 17.578125 114.84375V150C17.578125 164.539453125 29.405859375 176.3671875 43.9453125 176.3671875S70.3125 164.539453125 70.3125 150C70.3125 145.1419921875 66.3814453125 141.2109375 61.5234375 141.2109375S52.734375 145.1419921875 52.734375 150C52.734375 154.84921875 48.786328125 158.7890625 43.9453125 158.7890625S35.15625 154.84921875 35.15625 150V114.84375C35.15625 109.99453125 39.104296875 106.0546875 43.9453125 106.0546875zM132.421875 123.6328125H123.6328125V114.84375C123.6328125 109.9857421875 119.7017578125 106.0546875 114.84375 106.0546875S106.0546875 109.9857421875 106.0546875 114.84375V123.6328125H97.265625C92.4076171875 123.6328125 88.4765625 127.5638671875 88.4765625 132.421875C88.4765625 137.2798828125 92.4076171875 141.2109375 97.265625 141.2109375H106.0546875V150C106.0546875 154.8580078125 109.9857421875 158.7890625 114.84375 158.7890625S123.6328125 154.8580078125 123.6328125 150V141.2109375H132.421875C137.2798828125 141.2109375 141.2109375 137.2798828125 141.2109375 132.421875C141.2109375 127.5638671875 137.2798828125 123.6328125 132.421875 123.6328125zM202.734375 123.6328125H193.9453125V114.84375C193.9453125 109.9857421875 190.0142578125 106.0546875 185.15625 106.0546875C180.2982421875 106.0546875 176.3671875 109.9857421875 176.3671875 114.84375V123.6328125H167.578125C162.7201171875 123.6328125 158.7890625 127.5638671875 158.7890625 132.421875C158.7890625 137.2798828125 162.7201171875 141.2109375 167.578125 141.2109375H176.3671875V150C176.3671875 154.8580078125 180.2982421875 158.7890625 185.15625 158.7890625C190.0142578125 158.7890625 193.9453125 154.8580078125 193.9453125 150V141.2109375H202.734375C207.5923828125 141.2109375 211.5234375 137.2798828125 211.5234375 132.421875C211.5234375 127.5638671875 207.5923828125 123.6328125 202.734375 123.6328125zM247.265625 294.8501953125L247.265625 247.265625L294.8501953125001 247.265625zM238.4765625 229.6875C233.6185546875 229.6875 229.6875 233.6185546875 229.6875 238.4765625V300H97.265625C82.726171875 300 70.8984375 288.172265625 70.8984375 273.6328125V211.5234375H141.2109375H211.5234375C230.9126953125 211.5234375 246.6796875 195.7564453125 246.6796875 176.3671875V88.4765625C246.6796875 69.0873046875 230.9126953125 53.3203125 211.5234375 53.3203125H141.2109375H70.8984375V26.3671875C70.8984375 11.827734375 82.726171875 0 97.265625 0H273.6328125C288.172265625 0 300 11.827734375 300 26.3671875V229.6875H238.4765625z" />
+    <glyph glyph-name="057-linux-platform"
+      unicode="&#xF139;"
+      horiz-adv-x="300" d="M271.2310868889553 55.288742306573C263.3013883307367 58.5426981484304 256.7679391217071 63.6668322976448 257.241868079875 73.4803687697842C257.7033252233544 83.2808395312973 250.2344899126775 89.7756855043859 250.2344899126775 89.7756855043859S256.7679391217071 111.233739624143 250.6959470561569 128.9508432332486C244.6364268052952 146.6940782636066 224.5876877453533 175.1209073146203 209.2016256911464 196.5664896196888C193.8416950581919 218.0245437394459 206.8830559509363 242.7496194116867 192.9063089565447 274.4434700151839C178.9040244368382 306.1373206186812 142.5469029316683 304.2796141260128 122.9596210152057 290.7518524604119C103.359273388117 277.2490344241882 109.4187936389786 243.6850055133339 110.3411140299997 227.7994769756443C111.2765001316469 211.9656173845219 110.763967937538 200.679218987249 108.9573364954993 196.579555330315C107.1126957134571 192.479891673381 94.5066605429397 177.440070950768 86.1030330265531 164.8601672015029C77.7118773248551 152.2796695563003 71.6523570739935 126.1589384308081 65.567299297817 115.4361472782739C59.5077790469554 104.7133561257396 63.7095928051487 94.9259510748527 63.7095928051487 94.9259510748527S59.5077790469554 93.5421735403523 56.2407574944718 86.5092578478399C52.9737359419882 79.5404829165833 46.4533524435848 76.2734613640998 34.7957690853408 73.9673634385783C23.1381857270969 71.635727987742 23.1381857270969 64.1413551517503 25.9306844254749 55.7501994500524C28.7362488344792 47.3721094589806 25.9437501361011 42.6833010319932 22.6767285836176 31.9860474047737C19.409707031134 21.2887937775542 35.7311551869881 17.9968285956934 51.5780804887367 16.1646596283399C67.4380715011116 14.2814156103568 85.1551751102172 4.0200816013018 100.0928457315709 2.1623751086335C114.9919131169836 0.2921968012765 119.6676558333449 12.4112373029998 119.6676558333449 12.4112373029998S136.4499672367408 16.1646596283399 154.1545990311578 16.6005792465044C171.8847683508895 17.0745082046723 188.6415422289706 12.872694446479 188.6415422289706 12.872694446479S191.9085637814542 5.4169248464284 197.9680840323159 2.162969004571C204.0406699938037 -1.1040525479125 217.0945027012367 -1.5779815060805 225.4856584029347 7.2615656284705C233.8892859193212 16.1397159989626 256.270254326037 27.3103046884124 268.8501580753021 34.31768285561C281.4668833726955 41.3375328374962 279.160785447174 52.0472582794042 271.2310868889553 55.288742306573zM162.1086473228161 260.9145205577079C170.1024866422906 260.9145205577079 176.5593232753757 252.9848219994893 176.5593232753757 243.2098887632909C176.5593232753757 236.2666513573492 173.3184331441445 230.283743682432 168.5910214812161 227.3760291721685C167.3866005198569 227.901033180966 166.1186326931795 228.4391029003898 164.7734583946202 229.0157758557546C167.6176260395654 230.4250909155698 169.6416233947488 234.0502317183983 169.6416233947488 238.278176897844C169.6416233947488 243.7865617186557 166.233848505065 248.2580042324984 162.0189690362455 248.2580042324984C157.8557585139932 248.2580042324984 154.4349179136832 243.774089903967 154.4349179136832 238.278176897844C154.4349179136832 236.2411138320344 154.9219125824774 234.2812572381067 155.7545546869278 232.6801137904617C153.2691001882651 233.6665749427385 150.9760679733698 234.5888953337597 149.1825022419572 235.2677183903837C148.2091068003065 237.6504288918496 147.6579713702566 240.3407774889684 147.6579713702566 243.2104826592285C147.6579713702565 252.9848219994893 154.1148080033417 260.9145205577079 162.1086473228161 260.9145205577079zM161.0711111199096 223.5840036108873C165.0680307796468 222.2002260763869 169.5133418722372 219.5995557658387 169.0524786246954 217.0250168765429C168.5785496665275 214.4374122766209 166.477345839462 214.4374122766209 161.0711111199096 211.1317874881963C155.6524045856685 207.8522941210241 143.9176147555426 200.5758810941147 140.1635985342649 200.1019521359467C136.3846386836099 199.6280231777788 134.2834348565444 201.7416988195328 130.2865151968072 204.3168316047662C126.28959553707 206.9044362046882 118.7696851757635 213.0411629274319 120.6654010084353 216.3075905839779C120.6654010084353 216.3075905839779 126.5200271608409 220.7915049125092 129.0951599460743 223.1356121780341C131.6827645459963 225.4927851541853 138.2678827015931 231.11697968282 142.2648023613303 230.3864876796288C146.2617220210675 229.7076646230048 157.0741914601724 224.9933186707025 161.0711111199096 223.5840036108873zM125.0340995250812 258.1089561487036C131.3371171103399 258.1089561487036 136.4612512595543 250.6021114980233 136.4612512595543 241.3397104559339C136.4612512595543 239.635823011092 136.2949603970393 238.0602170887617 135.9742565907602 236.5356862170611C134.4372539043709 236.0106822082635 132.8741197967293 235.1649743931868 131.3626546356548 233.8839408558832C130.5941532924601 233.2561928498889 129.9147363398986 232.6670480798355 129.2614508085894 232.0779033097821C130.2609776714924 233.9480816171391 130.6577001577784 236.612892688943 130.2093087249253 239.4184570979473C129.3636009098486 244.4784504859059 125.9944292561058 248.1683259459278 122.6507951276778 247.6427280411926C119.3202267098759 247.0660550858279 117.3087011693811 242.5185938919783 118.1544089844578 237.4324690827673C119.0125886142231 232.3463442735564 122.3692884532773 228.6570627094721 125.6998568710791 229.208198139522C125.8922791548465 229.246801375463 126.0716357279878 229.2978764260926 126.2634641158177 229.3620171873485C124.6367831428578 227.7988830797068 123.1377897964719 226.4537087811474 121.6132589247713 225.3140224769816C117.0016569696658 227.4532356440505 113.6194196052968 233.820393990565 113.6194196052968 241.3533700624977C113.6200135012343 250.614583312712 118.7310819398225 258.1089561487036 125.0340995250812 258.1089561487036zM112.7232306355281 22.5056865536021C111.2373029997684 15.818418296746 103.409754542809 10.9633190072435 103.409754542809 10.9633190072435C96.3126980890409 8.734427553604 76.5840689394404 17.291874117817 67.6417778076926 21.0452964431572C58.7125523865708 24.7476437178677 35.9734647295101 25.9003957326597 32.9885437473646 29.2060205210843C30.0291602905339 32.5882578854533 34.4744713831243 40.0309617748778 35.6147515832276 47.0900088886425C36.7164285473899 54.2001310530368 33.3858601295881 58.6454421456272 34.4875370937504 63.5005414351297C35.6147515832276 68.3301031993174 50.1420401117316 68.3301031993174 55.7151595897367 71.6737373277454C61.313222697119 75.0429089814882 62.4279653719076 84.728163931116 66.8988139898127 87.3282403457266C71.3696626077179 89.9544481815896 79.5559242109598 80.6409720888705 82.9120301540764 75.4016221277707C86.2556642825044 70.2133472173005 98.9252463183401 47.8454445212109 104.1396526500627 42.2598532285172C109.3665307964739 36.6742619358236 114.2091582712877 29.1929548104581 112.7232306355281 22.5056865536021zM195.1862754608138 87.4820593935531C193.8411011622544 80.9100069485825 193.8411011622544 57.15892061393 193.8411011622544 57.15892061393S179.3904252096948 37.1357190793029 156.9845131736018 33.8562257121307C134.6041386628236 30.5767323449585 123.4074185521213 32.9339053211096 123.4074185521213 32.9339053211096L110.8269209069187 47.371515563043C110.8269209069187 47.371515563043 120.6012602471795 48.7933024375469 119.2180766086167 58.5807074884339C117.8087615488015 68.3681125393209 89.3819324977878 81.8964681008594 84.2447326379472 94.0279804172713C79.1330703034215 106.1339552083684 83.3224122469261 126.6696889371044 89.8558614559557 136.9316168420969C96.3768388502967 147.1804790364632 100.5531150831752 169.5477878366153 107.0865642922048 177.0296888579183C113.6200135012344 184.4599209326542 118.7316758357601 200.319911945029 116.4000403849238 207.3272901122265C116.4000403849238 207.3272901122265 130.3892591940041 190.532506894142 140.1641924302024 193.3125337778314C149.9515974810894 196.1180981868357 171.8966462696407 212.4520181573784 175.1375364008719 209.633388037748C178.3914922427293 206.8278236287438 206.3705237568274 145.2978289144176 209.1499567445792 125.7099531020174C211.9555211535835 106.1351430002435 207.2797784372222 91.2230099042045 207.2797784372222 91.2230099042045S196.5694590993766 94.0155086025826 195.1862754608138 87.4820593935531zM266.747172560424 43.5539524764471C262.3915397544043 39.5570328167098 238.1534587509577 29.7696277658229 230.8895175387369 22.1345015926309C223.6641795624571 14.5635161806948 214.2224219472264 8.4012519326363 208.4450022667029 10.1948176640489C202.6289793502383 12.0269866314024 197.5683920663422 19.9822227149359 200.1049216156346 31.5887310225502C202.6283854543008 43.1566360942236 204.8192675679368 55.8392838406855 204.4605544216543 63.0907532382176C204.1018412753718 70.3416287398122 202.6283854543008 80.1420995013254 204.4605544216543 81.5894239011441C206.267185863693 82.9987389609593 209.1493628486417 82.2937844830829 209.1493628486417 82.2937844830829S207.7275759741378 68.5480630083997 216.0415252039538 64.8967907843188C224.3554744337698 61.3096593214937 236.3212897836042 66.344709080075 239.9464305864327 69.9953874082183C243.5846370998874 73.594990685732 246.1211666491798 79.0267629305993 246.1211666491798 79.0267629305993S249.7338356373197 77.1945939632458 249.3751224910372 71.4171742827222C249.0164093447547 65.6266888915724 251.8985863297034 57.2741364258154 257.356489995823 54.3913655449292C262.7757904260016 51.5347260852953 271.1028053664437 47.5253346108695 266.747172560424 43.5539524764471z" />
+    <glyph glyph-name="058-sketch"
+      unicode="&#xF13A;"
+      horiz-adv-x="300" d="M216.39375 283.10625L175.1625 290.625L221.55 236.71875zM240.8625 196.875L181.74375 39.1875L300 196.875zM237.05625 267.16875L242.775 215.625L300 215.625zM66.54375 274.5375L72.20625 229.10625L123.31875 290.625zM150 290.625L85.40625 215.625L214.59375 215.625zM49.33125 261.05625L0 215.625L55.0125 215.625zM79.1625 196.875L150 9.375L220.85625 196.875zM59.11875 196.875L0 196.875L118.25625 39.20625z" />
+    <glyph glyph-name="059-windows-logo-silhouette"
+      unicode="&#xF13B;"
+      horiz-adv-x="300" d="M0 41.2836099873285L122.9573000029469 24.3374827924442L122.9573000029469 141.7050109244299L0 141.7050109244299zM0 156.8508173325868L122.9573000029469 156.8508173325868L122.9573000029469 275.6606227977486L0 258.7144956028644zM136.4789657364413 22.5333731861026L300 0L300 141.7050109244299L300 141.706905334237L136.4789657364413 141.706905334237zM136.4808601462484 277.4641009341546L136.4808601462484 156.8508173325868L300 156.8508173325868L300 300z" />
+    <glyph glyph-name="060-apple-logo"
+      unicode="&#xF13C;"
+      horiz-adv-x="300" d="M247.084750614623 103.6721617889738C238.7904977604149 115.5701680530765 234.6462129121342 128.9748425554844 234.6462129121342 143.8748189809046C234.6462129121342 157.4563028323174 238.5574882969051 169.8992607685313 246.3636210554677 181.1954837840568C250.5704206378608 187.3250850368774 257.4230458357189 194.4145084700098 266.9183393392383 202.4688057791399C260.6693917758394 210.1587495369279 254.4198127504799 216.1683730172094 248.1658134913953 220.496413296063C236.8683275519483 228.3075977503115 224.0666992220389 232.2131899774358 209.7653487353922 232.2131899774358C201.2336661839491 232.2131899774358 190.834750614623 230.1710419964301 178.5780739568248 226.0816943387331C166.7987825413397 221.9955039908396 158.2039537938235 219.9501987000303 152.7980079480012 219.9501987000303C148.7092917522649 219.9501987000303 140.4175647458997 221.7517596739972 127.91777523322 225.3593018556562C115.2980079480012 228.9655811133937 104.6603997575186 230.7671420873607 96.0068450476543 230.7671420873607C75.334043377227 230.7671420873607 58.2668895025764 222.1123244535749 44.8060148856633 204.8064779577678C31.2245310342505 187.2581500690398 24.4325261846226 164.7831559626848 24.4325261846226 137.3789697908598C24.4325261846226 108.2925689556461 33.2685734011383 78.0670107432728 50.9356161384838 46.6966119960933C68.8426144209073 15.5674317179133 86.9321052099821 0.0006314619607 105.2009311959047 0.0006314619607C111.3305324487253 0.0006314619607 119.263589061395 2.0446738288485 128.9975751860708 6.130864176742C138.7347186205503 10.0939194422928 147.2676640959149 12.0798673087933 154.6002003839289 12.0798673087933C162.4101219142559 12.0798673087933 171.4861246758495 10.1570656383659 181.8218940491025 6.3127252214327C192.7581837470111 2.4702791903816 201.1736772976796 0.5468460579935 207.0620600815007 0.5468460579935C222.4457363688412 0.5468460579935 237.8925588522548 12.3261374734786 253.3949499882127 35.8828259185667C263.4888694305056 50.9059374263294 270.881394604789 65.9290489340922 275.5687367392989 80.9540548277372C264.8717711245075 84.2016636917792 255.3783720068703 91.7735240629105 247.084750614623 103.6721617889738zM185.7843178526926 243.0301333647661C193.358072609706 250.6019937358974 198.9465109621797 258.8962465901054 202.5534216818779 267.909103155626C206.0371973192335 276.9232226450679 207.776243559088 285.097497726737 207.776243559088 292.430034014751C207.776243559088 292.9093136429462 207.750353618698 293.5110968915233 207.6853130367427 294.2328579126394C207.6310073081198 294.9539874717947 207.5988027481225 295.5532448725289 207.5988027481225 296.0344188866063C207.477562051662 296.3956151281447 207.3285370289294 297.0567558010306 207.1492018320817 298.0172094433032C206.9698666352339 298.9776630855758 206.8202101505405 299.6388037584616 206.6970750681979 300C185.5437308456539 295.0695450106086 170.5206193378911 286.1760347556663 161.6258461590274 273.3150490014482C152.6142525174284 260.334085474691 147.9243845350756 244.8910517630418 147.5631882935372 226.9827905566969C155.6162226787458 227.704551577813 161.8632758562624 228.7243626443943 166.3125568315765 230.0472754521268C172.8077745596606 232.2112955915536 179.29036304853 236.5399673323679 185.7843178526926 243.0301333647661z" />
+    <glyph glyph-name="061-email"
+      unicode="&#xF13D;"
+      horiz-adv-x="300" d="M175.0716796875 116.1955078125C167.6080078125 111.2197265625 158.9384765625 108.589453125 150 108.589453125C141.062109375 108.589453125 132.392578125 111.2197265625 124.92890625 116.1955078125L1.9974609375 198.15234375C1.3154296875 198.60703125 0.6509765625 199.0810546875 0 199.5685546875V65.2734375C0 49.876171875 12.4951171875 37.6564453125 27.6169921875 37.6564453125H272.382421875C287.7796875 37.6564453125 299.9994140625 50.1515625 299.9994140625 65.2734375V199.569140625C299.347265625 199.08046875 298.681640625 198.6052734375 297.9978515625 198.15zM11.748046875 212.778515625L134.6794921875 130.82109375C139.3330078125 127.7185546875 144.6662109375 126.167578125 149.9994140625 126.167578125C155.333203125 126.167578125 160.6669921875 127.719140625 165.3205078125001 130.82109375L288.251953125 212.778515625C295.6083984375001 217.6798828125 300 225.8830078125 300 234.7365234375C300 249.959765625 287.6150390625 262.344140625 272.3923828125 262.344140625H27.6076171875C12.3849609375 262.3435546875 0 249.9591796875 0 234.721875C0 225.8830078125 4.3921875 217.6798828125 11.748046875 212.778515625z" />
+    <glyph glyph-name="062-computer"
+      unicode="&#xF13E;"
+      horiz-adv-x="300" d="M291.2109375 300H141.796875C136.94296875 300 133.0078125 296.06484375 133.0078125 291.2109375V261.9140625H25.927734375C11.6314453125 261.9140625 0 250.2826171875 0 235.986328125V74.560546875C0 60.2642578125 11.6314453125 48.6328125 25.927734375 48.6328125H90.7376953125C87.25078125 39.7025390625 80.9583984375 27.3181640625 70.487109375 17.578125H49.51171875C44.6578125 17.578125 40.72265625 13.64296875 40.72265625 8.7890625S44.6578125 0 49.51171875 0H291.2109375C296.06484375 0 300 3.93515625 300 8.7890625V291.2109375C300 296.06484375 296.06484375 300 291.2109375 300zM25.927734375 244.3359375H133.0078125V101.3671875H17.578125V235.986328125C17.578125 240.5900390625 21.3240234375 244.3359375 25.927734375 244.3359375zM17.578125 74.560546875V83.7890625H133.0078125V66.2109375H25.927734375C21.3240234375 66.2109375 17.578125 69.9568359375 17.578125 74.560546875zM109.412109375 48.6328125H133.0078125V17.578125H93.8109375C102.1189453125 29.01328125 106.8943359375 40.841015625 109.412109375 48.6328125zM282.421875 17.578125H150.5859375V282.421875H282.421875zM176.953125 176.953125H256.0546875C260.90859375 176.953125 264.84375 180.88828125 264.84375 185.7421875V256.0546875C264.84375 260.90859375 260.90859375 264.84375 256.0546875 264.84375H176.953125C172.09921875 264.84375 168.1640625 260.90859375 168.1640625 256.0546875V185.7421875C168.1640625 180.88828125 172.09921875 176.953125 176.953125 176.953125zM247.265625 194.53125H185.7421875V212.109375H247.265625zM185.7421875 247.265625H247.265625V229.6875H185.7421875zM176.953125 141.796875H256.0546875C260.90859375 141.796875 264.84375 145.73203125 264.84375 150.5859375S260.90859375 159.375 256.0546875 159.375H176.953125C172.09921875 159.375 168.1640625 155.43984375 168.1640625 150.5859375S172.09921875 141.796875 176.953125 141.796875zM216.796875 87.890625C202.2580078125 87.890625 190.4296875 76.0623046875 190.4296875 61.5234375S202.2580078125 35.15625 216.796875 35.15625S243.1640625 46.9845703125 243.1640625 61.5234375S231.3357421875 87.890625 216.796875 87.890625zM216.796875 52.734375C211.9505859375 52.734375 208.0078125 56.6771484375 208.0078125 61.5234375S211.9505859375 70.3125 216.796875 70.3125S225.5859375 66.3697265625 225.5859375 61.5234375S221.6431640625 52.734375 216.796875 52.734375zM168.1640625 115.4296875A8.7890625 8.7890625 0 0 1 185.7421875 115.4296875A8.7890625 8.7890625 0 0 1 168.1640625 115.4296875M207.71484375 115.4296875A8.7890625 8.7890625 0 0 1 225.29296875 115.4296875A8.7890625 8.7890625 0 0 1 207.71484375 115.4296875M247.265625 115.4296875A8.7890625 8.7890625 0 0 1 264.84375 115.4296875A8.7890625 8.7890625 0 0 1 247.265625 115.4296875" />
+    <glyph glyph-name="063-color-palette"
+      unicode="&#xF13F;"
+      horiz-adv-x="300" d="M291.2109375 132.519140625H226.229296875L272.1785156250001 178.4712890625C275.6109375000001 181.904296875 275.6080078125001 187.4724609375 272.1779296875 190.90078125L190.8931640625 272.1767578125C187.4607421875 275.6091796875 181.89609375 275.60859375 178.463671875 272.1767578125L132.5109375 226.22109375V291.2109375C132.5109375 296.06484375 128.57578125 300 123.721875 300H8.7890625C3.93515625 300 0 296.06484375 0 291.2109375V66.2619140625C0 29.724609375 29.7234375 0 66.2578125 0H291.2109375000001C296.06484375 0 300 3.93515625 300 8.7890625V123.730078125C300 128.583984375 296.06484375 132.519140625 291.2109375 132.519140625zM123.727734375 192.5759765625L183.791015625 132.519140625H66.2578125C65.3759765625 132.519140625 64.5 132.4962890625 63.6263671875 132.4623046875zM17.578125 282.421875H114.9328125V213.79453125H17.578125zM17.578125 196.21640625H102.5109375L19.4314453125 113.119921875C18.798046875 112.4876953125 18.1828125 111.842578125 17.578125 111.18984375zM109.995703125 17.578125H66.2578125C1.7525390625 20.033203125 1.796484375 112.5087890625 66.2578125 114.941015625H109.995703125zM196.1953125 17.578125H127.573828125V114.941015625H196.1953125zM136.1560546875 205.0060546875L184.679296875 253.531640625L253.533984375 184.6845703125L205.011328125 136.158984375zM282.421875 17.578125H213.800390625V114.941015625H282.421875zM38.3126953125 66.2619140625C38.3126953125 50.85234375 50.848828125 38.3150390625 66.2578125 38.3150390625C103.2802734375 39.7201171875 103.2703125 92.808984375 66.2572265625 94.208203125C50.848828125 94.208203125 38.3126953125 81.671484375 38.3126953125 66.2619140625zM76.625390625 66.2619140625C76.625390625 60.544921875 71.97421875 55.8931640625 66.2578125 55.8931640625C52.5234375 56.4146484375 52.526953125 76.1109375 66.2578125 76.630078125C71.97421875 76.630078125 76.625390625 71.97890625 76.625390625 66.2619140625z" />
+    <glyph glyph-name="064-profits"
+      unicode="&#xF140;"
+      horiz-adv-x="300" d="M276.85546875 103.95H271.908984375V181.5333984375C271.908984375 186.3873046875 267.973828125 190.3224609375 263.119921875 190.3224609375H206.6103515625V216.76640625H221.3607421875C225.052734375 216.76640625 228.3509765625 219.0732421875 229.6166015625 222.5408203125C230.8828125 226.0083984375 229.8474609375 229.8978515625 227.023828125 232.2767578125L149.10234375 297.931640625C145.83046875 300.6890625 141.048046875 300.6890625 137.776171875 297.931640625L59.8546875 232.2767578125C57.031640625 229.8978515625 55.995703125 226.0083984375 57.2619140625 222.5408203125C58.5275390625 219.0732421875 61.82578125 216.76640625 65.5177734375 216.76640625H80.2681640625V147.1365234375H23.14453125C18.290625 147.1365234375 14.35546875 143.2013671875 14.35546875 138.3474609375V95.1615234375C14.35546875 90.3076171875 18.290625 86.3724609375 23.14453125 86.3724609375H28.091015625V60.7640625H23.14453125C18.290625 60.7640625 14.35546875 56.82890625 14.35546875 51.975V8.7890625C14.35546875 3.93515625 18.290625 0 23.14453125 0H143.0759765625H143.1884765625H263.119921875C267.973828125 0 271.908984375 3.93515625 271.908984375 8.7890625V43.1859375H276.85546875C281.709375 43.1859375 285.64453125 47.12109375 285.64453125 51.975V95.1615234375C285.64453125 100.0154296875 281.709375 103.95 276.85546875 103.95zM165.713671875 86.371875H268.06640625V60.7634765625H165.713671875zM151.9775390625 103.95V129.5578125H254.330859375V103.95zM254.330859375 147.1365234375H151.8650390625V172.744921875H254.330859375zM89.5716796875 234.3298828125L143.4392578125 279.7177734375L197.3068359375 234.3298828125C192.692578125 234.06328125 189.0322265625 230.237109375 189.0322265625 225.55546875V190.3224609375H143.0759765625C138.2220703125 190.3224609375 134.2869140625 186.3873046875 134.2869140625 181.5333984375V147.1359375H97.846875V225.55546875C97.8462890625 230.2365234375 94.1859375 234.06328125 89.5716796875 234.3298828125zM31.93359375 129.5583984375H134.2869140625V103.9505859375H31.93359375zM45.6697265625 86.371875H148.023046875V60.7634765625H45.6697265625zM31.93359375 43.1859375H134.2869140625V17.578125H31.93359375zM254.330859375 17.578125H151.9775390625V43.1859375H254.330859375z" />
+    <glyph glyph-name="065-search-engine"
+      unicode="&#xF141;"
+      horiz-adv-x="300" d="M276.109313671875 300H59.765625C26.81121796875 300 0 273.18878203125 0 240.234375S26.81121796875 180.46875 59.765625 180.46875H276.109313671875C289.2814634765625 180.46875 300 191.1872865234375 300 204.359436328125V276.109313671875C300 289.2814634765625 289.2814634765625 300 276.109313671875 300zM282.421875 204.359436328125C282.421875 200.880432421875 279.5906068359376 198.046875 276.109313671875 198.046875H59.765625C36.5043638671875 198.046875 17.578125 216.9731138671875 17.578125 240.234375S36.5043638671875 282.421875 59.765625 282.421875H276.109313671875C279.5906068359376 282.421875 282.421875 279.5906068359375 282.421875 276.109313671875zM282.421875 204.359436328125M276.4457701171875 165.8203125H37.79296875C16.953277734375 165.8203125 0 148.867034765625 0 128.02734375S16.953277734375 90.234375 37.79296875 90.234375H276.4457701171875C289.434814453125 90.234375 300 100.799560546875 300 113.7886048828125V142.2660826171875C300 155.255126953125 289.434814453125 165.8203125 276.4457701171875 165.8203125zM282.421875 113.7886048828125C282.421875 110.4927064453125 279.7416685546875 107.8125 276.4457701171875 107.8125H37.79296875C26.646423046875 107.8125 17.578125 116.880798046875 17.578125 128.02734375S26.646423046875 148.2421875 37.79296875 148.2421875H276.4457701171875C279.7416685546875 148.2421875 282.421875 145.5619810546875 282.421875 142.2660826171875zM282.421875 113.7886048828125M119.4145201171875 75.5859375H37.79296875C16.953277734375 75.5859375 0 58.632659765625 0 37.79296875S16.953277734375 0 37.79296875 0H119.4145201171875C132.403564453125 0 142.96875 10.565185546875 142.96875 23.5542298828125V52.0317076171875C142.96875 65.020751953125 132.403564453125 75.5859375 119.4145201171875 75.5859375zM125.390625 23.5542298828125C125.390625 20.2583314453125 122.7104185546875 17.578125 119.4145201171875 17.578125H37.79296875C26.646423046875 17.578125 17.578125 26.646423046875 17.578125 37.79296875S26.646423046875 58.0078125 37.79296875 58.0078125H119.4145201171875C122.7104185546875 58.0078125 125.390625 55.3276060546875 125.390625 52.0317076171875zM125.390625 23.5542298828125M291.2109375 75.5859375H166.40625C161.55166640625 75.5859375 157.6171875 71.65145859375 157.6171875 66.796875S161.55166640625 58.0078125 166.40625 58.0078125H291.2109375C296.06552109375 58.0078125 300 61.94229140625 300 66.796875S296.06552109375 75.5859375 291.2109375 75.5859375zM291.2109375 75.5859375M229.1015625 46.875H166.40625C161.55166640625 46.875 157.6171875 42.94052109375 157.6171875 38.0859375S161.55166640625 29.296875 166.40625 29.296875H229.1015625C233.95614609375 29.296875 237.890625 33.23135390625 237.890625 38.0859375S233.95614609375 46.875 229.1015625 46.875zM229.1015625 46.875M262.628173828125 231.02645859375C268.4394837890625 241.98761015625 266.7388916015625 255.9196470703125 257.51953125 265.139007421875C246.2104798828125 276.448059375 227.8106689453125 276.448059375 216.501617578125 265.139007421875C205.1948548828125 253.8299560546875 205.1948548828125 235.4301451171875 216.501617578125 224.12109375C222.157287890625 218.4654234375 229.5845033203125 215.638733203125 237.01171875 215.638733203125C241.493225390625 215.638733203125 245.970153515625 216.6755677734375 250.062561328125 218.733215625L259.384918359375 209.4108580078125C261.1015318359375 207.696533203125 263.3514404296875 206.838226171875 265.599059765625 206.838226171875C267.848968359375 206.838226171875 270.098876953125 207.69424453125 271.8132017578125 209.4108580078125C275.246429296875 212.844085546875 275.246429296875 218.408203125 271.8132017578125 221.8414306640625zM228.932190234375 236.549377734375C224.4781494140625 241.00341796875 224.4781494140625 248.252105859375 228.932190234375 252.708434765625C231.1592103515625 254.93545546875 234.08660859375 256.0478208984375 237.01171875 256.0478208984375S242.8642271484375 254.93545546875 245.091247265625 252.708434765625C249.5452880859375 248.252105859375 249.5452880859375 241.00341796875 245.091247265625 236.549377734375C240.634918359375 232.0953369140625 233.388519140625 232.0953369140625 228.932190234375 236.549377734375zM228.932190234375 236.549377734375M60.3515625 268.359375C44.842529296875 268.359375 32.2265625 255.743408203125 32.2265625 240.234375S44.842529296875 212.109375 60.3515625 212.109375S88.4765625 224.725341796875 88.4765625 240.234375S75.860595703125 268.359375 60.3515625 268.359375zM60.3515625 229.6875C54.5356751953125 229.6875 49.8046875 234.4184876953125 49.8046875 240.234375S54.5356751953125 250.78125 60.3515625 250.78125S70.8984375 246.0502623046875 70.8984375 240.234375S66.1674498046875 229.6875 60.3515625 229.6875zM60.3515625 229.6875" />
+    <glyph glyph-name="066-language"
+      unicode="&#xF142;"
+      horiz-adv-x="300" d="M114.67265625 142.9341796875C114.1916015625 145.3423828125 97.6201171875 228.1998046875 97.09453125 230.825390625C96.2736328125 234.9333984375 92.666015625 237.890625 88.4765625 237.890625H70.8984375C66.708984375 237.890625 63.1013671875 234.9333984375 62.28046875 230.825390625C61.7466796875 228.1552734375 45.158203125 145.2134765625 44.70234375 142.934765625C43.7501953125 138.174609375 46.8375 133.54453125 51.5970703125 132.59296875C56.356640625 131.6408203125 60.9873046875 134.728125 61.9388671875 139.4876953125L67.5568359375 167.578125H91.8181640625L97.4361328125 139.487109375C98.38828125 134.7251953125 103.020703125 131.640234375 107.7779296875 132.5923828125C112.5375 133.54453125 115.6248046875 138.174609375 114.67265625 142.9341796875zM71.0724609375 185.15625L78.1037109375 220.3125H81.2712890625L88.3025390625 185.15625H71.0724609375zM255.46875 167.578125H229.1015625V176.3671875C229.1015625 181.22109375 225.16640625 185.15625 220.3125 185.15625S211.5234375 181.22109375 211.5234375 176.3671875V167.578125H185.15625C180.30234375 167.578125 176.3671875 163.64296875 176.3671875 158.7890625S180.30234375 150 185.15625 150H187.283203125C192.2912109375 133.82109375 199.8310546875 121.402734375 208.1279296875 111.451171875C201.375 105.27421875 194.541796875 100.2087890625 188.455078125 95.3396484375C184.6646484375 92.307421875 184.05 86.7767578125 187.0828125 82.986328125C190.116796875 79.194140625 195.648046875 78.5830078125 199.4361328125 81.6140625C205.5568359375 86.5107421875 212.893359375 91.95234375 220.3125 98.7609375C227.7369140625 91.94765625 235.0869140625 86.49609375 241.1888671875 81.6140625C244.979296875 78.58125 250.510546875 79.196484375 253.5421875 82.986328125C256.5744140625 86.7767578125 255.959765625 92.3080078125 252.169921875 95.3396484375C246.0990234375 100.19765625 239.25703125 105.268359375 232.4970703125 111.451171875C240.7939453125001 121.402734375 248.3337890625 133.82109375 253.341796875 150H255.46875C260.32265625 150 264.2578125 153.93515625 264.2578125 158.7890625S260.32265625 167.578125 255.46875 167.578125zM220.3125 124.3681640625C214.7021484375 131.4111328125 209.6548828125 139.817578125 205.8498046875 150.05859375H234.774609375C230.9701171875 139.817578125 225.9228515625 131.4111328125 220.3125 124.3681640625zM273.6328125 246.6796875H146.8353515625L143.0677734375 276.903515625C141.421875 290.070703125 130.17421875 300 116.9044921875 300H26.3671875C11.8283203125 300 0 288.1716796875 0 273.6328125V79.6875C0 65.1486328125 11.8283203125 53.3203125 26.3671875 53.3203125H100.4783203125L104.1978515625 23.096484375C105.8408203125 9.9556640625 117.0884765625 0 130.36171875 0H273.6328125C288.1716796875 0 300 11.8283203125 300 26.3671875V220.3125C300 234.8513671875 288.1716796875 246.6796875 273.6328125 246.6796875zM26.3671875 70.8984375C21.5208984375 70.8984375 17.578125 74.8412109375 17.578125 79.6875V273.6328125C17.578125 278.4791015625 21.5208984375 282.421875 26.3671875 282.421875H116.9044921875C121.327734375 282.421875 125.0771484375 279.1125 125.625 274.726171875C126.898828125 264.509765625 149.7703125 81.0328125 151.03359375 70.8984375H26.3671875zM121.12734375 29.443359375L118.1888671875 53.3203125H141.7693359375L121.12734375 29.443359375zM282.421875 26.3671875C282.421875 21.5208984375 278.4791015625001 17.578125 273.6328125 17.578125H134.105859375L167.565234375 56.2810546875C169.2779296875 58.212890625 170.0455078125 60.7775390625 169.6916015625 63.3263671875L149.0267578125 229.1015625H273.6328125C278.4791015625001 229.1015625 282.421875 225.1587890625 282.421875 220.3125V26.3671875z" />
+    <glyph glyph-name="067-analytics"
+      unicode="&#xF143;"
+      horiz-adv-x="300" d="M263.96484375 158.4345703125H173.5880859375V248.811328125C173.5880859375 253.6681640625 169.6505859375 257.6056640625 164.79375 257.6056640625C105.2607421875 257.6056640625 56.8283203125 209.17265625 56.8283203125 149.640234375S105.2619140625 41.6748046875 164.79375 41.6748046875S272.759765625 90.1078125 272.759765625 149.640234375C272.759765625 154.4970703125 268.8216796875 158.4345703125 263.96484375 158.4345703125zM74.4169921875 149.6408203125C74.4169921875 196.50703125 110.276953125 235.1525390625 155.9994140625 239.5880859375V153.282421875L95.0009765625 92.2845703125C82.14609375 107.8986328125 74.4169921875 127.8837890625 74.4169921875 149.6408203125zM107.4375 79.8474609375L168.4359375 140.8458984375H191.8177734375L121.3716796875 70.39921875C116.4287109375 73.119140625 111.765234375 76.2849609375 107.4375 79.8474609375zM158.1076171875 59.5107421875C151.48125 59.99765625 145.0529296875 61.205859375 138.8970703125 63.050390625L216.251953125 140.4052734375C216.3931640625 140.546484375 216.5197265625 140.6970703125 216.6498046875 140.8453125H238.4044921875L158.1076171875 59.5107421875zM184.7818359375 61.4953125L253.1859375 130.7830078125C245.865234375 96.432421875 218.973046875 69.2443359375 184.7818359375 61.4953125zM282.95625 74.305078125C279.0240234375 77.1556640625 273.5255859375 76.280859375 270.673828125 72.348046875C269.382421875 70.566796875 268.0271484375 68.7937500000001 266.6478515625 67.078125C263.60390625 63.2935546875 264.20390625 57.7576171875 267.9890625 54.713671875C269.6138671875001 53.40703125 271.5609375 52.7712890625 273.4957031250001 52.7712890625C276.06796875 52.7712890625 278.6167968750001 53.89453125 280.3541015625 56.0548828125C281.916796875 57.997265625 283.4501953125 60.0046875 284.91328125 62.0220703125C287.764453125 65.954296875 286.8884765625 71.4533203125 282.95625 74.305078125zM263.8552734375 50.368359375C260.6244140625 53.9953125 255.065625 54.31640625 251.438671875 51.0861328125C250.2052734375 49.9869140625 248.93671875 48.9 247.669921875 47.8529296875C243.924609375 44.7609375 243.3955078125 39.2173828125 246.4875 35.47265625C248.2265625000001 33.3662109375 250.740234375 32.2775390625 253.273828125 32.2775390625C255.2455078125 32.2775390625 257.2294921875 32.9373046875 258.868359375 34.2908203125C260.3044921875001 35.4755859375 261.7400390625001 36.7083984375 263.1375 37.95234375C266.764453125 41.1826171875 267.0861328125 46.74140625 263.8552734375 50.368359375zM240.7705078125 31.5275390625C238.3669921875 35.7486328125 232.9980468750001 37.2234375 228.7763671875001 34.8205078125C227.3613281250001 34.01484375 225.9082031250001 33.223828125 224.4580078125 32.469140625C220.1490234375 30.22734375 218.473828125 24.91640625 220.7162109375 20.60859375C222.28359375 17.5962890625 225.34921875 15.871875 228.525 15.871875C229.8919921875 15.871875 231.2806640625 16.191796875 232.57734375 16.8662109375C234.2220703125 17.722265625 235.8703125 18.619921875 237.476953125 19.5345703125C241.69921875 21.9369140625 243.1734375 27.3064453125 240.7705078125 31.5275390625zM214.3892578125 17.9818359375C212.9255859375 22.6142578125 207.984375 25.18359375 203.3537109375 23.7181640625C202.7953125 23.541796875 202.2357421875 23.36953125 201.676171875 23.2001953125C200.625 22.883203125 199.5451171875 22.57265625 198.4669921875 22.27734375C193.782421875 20.994140625 191.0255859375001 16.1560546875 192.3099609375 11.471484375C193.38046875 7.564453125 196.9230468750001 4.9986328125 200.78671875 4.9986328125C201.5560546875 4.9986328125 202.3382812500001 5.1005859375 203.1158203125 5.31328125C204.3369140625 5.6478515625 205.5615234375 6.0005859375 206.7556640625001 6.3603515625C207.3902343750001 6.5513671875 208.0224609375 6.746484375 208.653515625 6.9462890625C213.284765625 8.4099609375 215.8529296875 13.3505859375 214.3892578125 17.9818359375zM266.01796875 255.890625C266.016796875 255.91640625 266.012109375 255.941015625 266.0109375 255.9662109375C266.0068359375 256.0494140625 265.9986328125 256.13203125 265.9921875 256.215234375C265.981640625 256.3529296875 265.9681640625 256.490625 265.9505859375 256.62890625C265.941796875 256.6998046875 265.9359375 256.7712890625 265.925390625 256.841015625C265.9125 256.927734375 265.892578125 257.0126953125 265.8767578125 257.098828125C265.8544921875 257.2201171875 265.831640625 257.3408203125 265.8046875 257.462109375C265.7876953125 257.5388671875 265.7748046875 257.6173828125 265.75546875 257.69296875C265.7302734375 257.7919921875 265.695703125 257.888671875 265.6669921875 257.987109375C265.64765625 258.052734375 265.6365234375 258.118359375 265.6154296875 258.1833984375L255.9638671875 288.70546875C254.4990234375 293.3361328125 249.556640625 295.9037109375 244.9271484375 294.4388671875C240.2958984375 292.974609375 237.72890625 288.0328125 239.19375 283.4021484375L240.7294921875 278.546484375C217.54453125 292.503515625 190.8703125 300 163.4109375 300C123.34453125 300 85.6763671875 284.39765625 57.345703125 256.0658203125C29.014453125 227.7345703125 13.4109375 190.06640625 13.4109375 150S29.0138671875 72.2654296875 57.3451171875 43.934765625S123.34453125 0 163.4109375 0C167.11171875 0 170.8546875 0.1365234375 174.540234375 0.406640625C175.4203125 0.47109375 176.2986328125 0.5431640625 177.1740234375 0.6228515625C182.0109375 1.0617187500001 185.576953125 5.3390625 185.1375 10.1759765625C184.69921875 15.0140625 180.4142578125 18.58125 175.584375 18.1400390625C174.8068359375 18.0697265625 174.026953125 18.005859375 173.251171875 17.9484375C169.9962890625 17.7099609375 166.68515625 17.5892578125 163.4115234375 17.5892578125C128.04375 17.5892578125 94.7923828125 31.36171875 69.7833984375 56.3712890625S31.00078125 114.631640625 31.00078125 150C31.00078125 185.368359375 44.773828125 218.6197265625 69.7828125 243.6287109375C94.791796875 268.6376953125 128.0431640625 282.411328125 163.4109375 282.411328125C187.7642578125 282.411328125 211.41796875 275.7357421875 231.9498046875001 263.30625L225.1136718750001 263.028515625C220.2609375000001 262.8310546875 216.4869140625 258.7376953125 216.6837890625001 253.8837890625C216.8765625 249.15234375 220.7724609375001 245.4462890625 225.4646484375001 245.4462890625C225.5853515625001 245.4462890625 225.7066406250001 245.4486328125 225.828515625 245.45390625L257.5880859375001 246.7458984375C257.6121093750001 246.7470703125 257.6355468750001 246.751171875 257.6595703125001 246.75234375C257.6988281250001 246.7541015625 257.7380859375001 246.7546875 257.7773437500001 246.75703125C257.9888671875001 246.7705078125 258.2003906250001 246.7921875 258.4130859375001 246.821484375C258.4435546875001 246.8255859375 258.4751953125001 246.82734375 258.5056640625001 246.83203125C258.5302734375001 246.835546875 258.5542968750001 246.8384765625 258.5789062500001 246.842578125C258.5882812500001 246.8443359375 258.5976562500001 246.8466796875 258.6076171875001 246.8484375C258.8314453125001 246.8841796875 259.0552734375001 246.929296875 259.2791015625001 246.9826171875C259.31484375 246.99140625 259.3517578125001 246.9984375 259.3875000000001 247.0072265625C259.4630859375001 247.0259765625 259.5363281250001 247.05234375 259.6113281250001 247.0734375C259.7015625000001 247.0986328125 259.7917968750001 247.119140625 259.8820312500001 247.1478515625C259.9218750000001 247.16015625 259.9582031250001 247.177734375 259.9974609375001 247.190625C260.0666015625001 247.2134765625 260.1380859375001 247.231640625 260.2066406250001 247.25625C260.3156250000001 247.2955078125 260.4210937500001 247.3453125 260.5289062500001 247.388671875C260.6296875000001 247.4291015625 260.7310546875001 247.4689453125 260.8294921875001 247.512890625C260.8828125000001 247.5369140625 260.9390625000001 247.55625 260.9917968750001 247.5814453125C261.0960937500001 247.6306640625 261.1957031250001 247.6904296875 261.2982421875001 247.74375C261.4078125000001 247.8005859375 261.5173828125001 247.8568359375 261.6234375000001 247.9177734375C261.6621093750001 247.9400390625 261.7025390625001 247.9587890625 261.7406250000001 247.981640625C261.8332031250001 248.0373046875 261.9216796875001 248.1017578125 262.0125000000001 248.1609375C262.1296875000001 248.237109375 262.2474609375001 248.3126953125 262.3605468750001 248.3935546875C262.3910156250001 248.415234375 262.4226562500001 248.4345703125 262.4525390625001 248.4568359375C262.531640625 248.5154296875 262.6066406250001 248.5822265625 262.6845703125001 248.64375C262.8023437500001 248.7369140625 262.9201171875001 248.8294921875 263.0320312500001 248.928515625C263.0625000000001 248.95546875 263.0935546875001 248.9806640625 263.1234375000001 249.008203125C263.1914062500001 249.0697265625 263.2558593750001 249.1376953125 263.3220703125001 249.2021484375C263.4287109375001 249.3052734375 263.5359375000001 249.4072265625 263.6373046875001 249.5150390625C263.6730468750001 249.553125 263.7082031250001 249.5912109375 263.7433593750001 249.6298828125C263.7609375000001 249.64921875 263.7808593750001 249.6662109375 263.7984375000001 249.685546875C263.8453125000001 249.73828125 263.8845703125001 249.795703125 263.9302734375001 249.849609375C264.0140625000001 249.9486328125 264.0984375000001 250.0458984375 264.1775390625001 250.1484375C264.2173828125001 250.1994140625 264.2554687500001 250.2509765625 264.2941406250002 250.303125C264.3603515625001 250.3921875 264.4207031250001 250.48359375 264.4833984375001 250.5744140625C264.5408203125001 250.658203125 264.5994140625001 250.7408203125 264.6533203125001 250.8263671875C264.6931640625001 250.8896484375 264.7324218750001 250.953515625 264.7710937500001 251.01796875C264.8332031250002 251.1216796875 264.8906250000001 251.227734375 264.9480468750002 251.333203125C264.9873046875001 251.4052734375 265.0277343750002 251.476171875 265.0652343750001 251.5494140625C265.1033203125001 251.623828125 265.1396484375001 251.698828125 265.1753906250001 251.775C265.2275390625001 251.8857421875 265.2750000000002 251.9970703125 265.3224609375002 252.108984375C265.3517578125002 252.1787109375 265.3828125000001 252.2478515625 265.4103515625001 252.3181640625C265.4431640625001 252.401953125 265.4742187500001 252.4857421875 265.5046875000001 252.570703125C265.5433593750001 252.678515625 265.5779296875001 252.7869140625 265.6119140625001 252.8958984375C265.6365234375001 252.9744140625 265.6623046875001 253.05234375 265.6845703125001 253.1314453125C265.7091796875001 253.21875 265.7326171875002 253.306640625 265.7542968750002 253.3951171875C265.7789062500001 253.4947265625 265.8005859375001 253.5943359375 265.8222656250001 253.69453125C265.8427734375001 253.7912109375 265.8632812500001 253.887890625 265.8808593750001 253.9857421875C265.8955078125001 254.0689453125 265.9089843750001 254.152734375 265.9212890625002 254.237109375C265.9347656250002 254.3279296875 265.9453125000001 254.4193359375 265.9558593750002 254.51015625C265.9699218750002 254.6296875 265.9822265625002 254.7486328125 265.9916015625002 254.8693359375C265.9968750000002 254.9431640625 266.0021484375002 255.01640625 266.0056640625002 255.0908203125C266.0097656250001 255.1763671875 266.0115234375001 255.2619140625 266.0132812500002 255.3474609375C266.0162109375001 255.4845703125 266.0162109375001 255.622265625 266.0126953125001 255.7599609375C266.015625 255.807421875 266.0197265625 255.8484375 266.01796875 255.890625z" />
+    <glyph glyph-name="068-mechanics"
+      unicode="&#xF144;"
+      horiz-adv-x="300" d="M298.6148410446114 42.4717626401614L257.4977685503292 111.2603735554171C255.7317494760732 114.2146762005394 252.5424854345419 116.0234687958375 249.1012677759136 116.0234687958375H225.4820810196895L198.4240203594148 143.079771640179L201.5763702663482 146.2321215471124C228.3250553223737 139.0936310422481 257.3911277170464 146.7049740331524 277.1325725245557 166.4475907179506C298.3687468139587 187.6837650073536 305.5705186924194 219.7094134949483 295.479483358366 248.0377891363069C293.0718614684795 254.7965913995926 284.4245789542558 256.7477670854826 279.3474206004309 251.6723665475909L239.3324986962866 211.6533430729357L216.275227100053 216.265266143098L211.6633040298907 239.323123677976L251.6782259340351 279.3362877661871C256.7506967787047 284.4081726722123 254.807138295192 293.058384879658 248.0448204000399 295.4677645854777C219.7199603905477 305.5634874286864 187.697241596175 298.3628874275145 166.4610673067721 277.1278850154004C152.5186572630025 263.1872327875641 144.6360246797358 244.5971574163231 143.7131713147878 225.4586434739131L77.7523002974615 291.4201004298837C66.3159498358395 302.8558649528612 47.6854446981342 302.8605524620166 36.2543676843119 291.4212723071725L8.5816573860496 263.7544213953543C-2.8605524620165 252.3110396699994 -2.8605524620165 233.6928392438267 8.5816573860496 222.2494575184717L87.7513432643423 143.0803575788234L61.9085193525769 117.237533667058C60.8895720499454 117.3295260342305 59.8214059011834 117.3887058373161 58.7034349676464 117.3887058373161C26.3396998822263 117.3887058373161 0.0093750183106 91.0583809734003 0.0093750183106 58.6946458879802C0.0093750183106 26.3309108025602 26.3396998822263 0.0005859386444 58.7034349676464 0.0005859386444C91.0671700530665 0.0005859386444 117.3974949169823 26.3309108025602 117.3974949169823 58.6946458879802C117.3974949169823 59.8126168215173 117.3377291752523 60.8813689089237 117.2463227467241 61.9009021501995L156.9225721143986 101.5771515178741L183.9782890200957 74.5190908575993V50.9045916105304C183.9782890200957 47.4633739519022 185.7864956767494 44.2741099103709 188.7413842605161 42.5080908361149L257.5323389303495 1.3863308326774C261.3778542536216 -0.9123064693486 266.2979810507443 -0.3052740337383 269.4684950556544 2.8658259098162L297.1347600288282 30.5350205762121C300.3041021564495 33.7049486424778 300.9140642852818 38.6233176236672 298.6148410446114 42.4717626401614zM22.4156687806031 236.0834689130253C18.6012082054848 239.8985154267879 18.6012082054848 246.1053634870381 22.4150828419587 249.9198240621564L50.0913087720874 277.5884327899078C53.8770583536296 281.377112064672 60.1266799349218 281.3776980033165 63.918288902908 277.5860890353302C146.9750917482261 194.5292861900121 141.8715661554027 199.4675770851115 143.2573110494357 198.5863253639167L129.2533774480028 184.5823917624839L55.8381949964746 257.9981601526566C52.0184609735566 261.8178941755746 45.8245035634835 261.8178941755746 42.0041836019211 257.9981601526566C38.1838636403587 254.1784261297385 38.1838636403587 247.9844687196655 42.0041836019211 244.1641487581031L115.4199519920937 170.7483803679304L101.5859405975402 156.9143689733769L22.4156687806031 236.0834689130253zM150.0120117422104 122.3369576893705C150.0102539262772 122.3351998734373 150.0073242330551 122.3328561188596 150.0055664171219 122.3310983029264C150.0038086011887 122.3293404869932 150.001464846611 122.3264107937711 149.9997070306778 122.3246529778379L100.0191406623841 72.3440866095442C97.8505817394174 70.1761136252219 96.8246031730531 67.1163420241055 97.2476508743181 64.0794220301211C97.5757765151885 61.7673081392737 97.8330035800851 60.1401565237432 97.8330035800851 58.6964037039135C97.8330035800851 37.1203850007519 80.2794536708079 19.5674210301192 58.7040209062908 19.5674210301192C37.1280022031293 19.5674210301192 19.5750382324965 37.1209709393963 19.5750382324965 58.6964037039135S37.1285881417737 97.8253863777077 58.7040209062908 97.8253863777077C59.9725780714415 97.8253863777077 61.4057839956719 97.6214797294526 63.0657481752894 97.3841745784659C66.6429035994211 96.8796814056277 69.6651751272952 97.3267525913136 72.3511178732771 100.0115234600067L164.2485629854745 191.9089685722042C166.9204432039906 194.5808487907203 167.8145855753624 198.5517549838964 166.5460284102117 202.1107463100513C158.9727714311942 223.3533659245428 164.3692663462233 247.3698190816779 180.2939068240368 263.2927017435581C192.1919769374549 275.1884281023986 208.6082199379295 281.1995726554153 225.005712901783 280.3353131549084L194.126160402657 249.4569325330713C191.8134605731652 247.1442327035795 190.809161736644 243.8289918534997 191.4507645522745 240.6209777753472L198.3689421268401 206.0347774116746C199.143553014752 202.1623089107595 202.1705120517814 199.136521751019 206.042394614052 198.3607389858183L240.6285949777246 191.4425614112527C243.8354371785882 190.8027164115554 247.1518499059568 191.8052574321434 249.4645497354487 194.1185432002797L280.3435162959302 225.0004394539832C281.2153929988144 208.5970871036857 275.1948734274872 192.1790862872779 263.2979751913578 180.2827739897929C247.3768503454108 164.3593053892683 223.362155004209 158.963982351528 202.1171916351399 166.5372393305455C198.5576143703405 167.8075543116295 194.5867081771644 166.9122400629688 191.9154138972927 164.2403598444528L150.0120117422104 122.3369576893705zM261.0257051283304 22.092230648888L203.5421944183485 56.4534305731066V78.5708565837043C203.5421944183485 81.1659788398024 202.5115283428288 83.6532883853289 200.6775403858211 85.487862280981L170.7559975703078 115.4111629124276L184.5900089648613 129.2451743069811L214.5133095963078 99.3248033687566C216.34788349196 97.4902294731045 218.8357789761308 96.4589774589403 221.4303152935846 96.4589774589403H243.5512569360487L277.9095271670453 38.9772245648917L261.0257051283304 22.092230648888zM58.702849029002 78.2597231635218C47.9151326467435 78.2597231635218 39.1383576921049 69.4829482088832 39.1383576921049 58.6952318266247C39.1383576921049 47.9075154443661 47.9151326467435 39.1307404897275 58.702849029002 39.1307404897275S78.2673403658992 47.9075154443661 78.2673403658992 58.6952318266247C78.2673403658992 69.4829482088832 69.4905654112606 78.2597231635218 58.702849029002 78.2597231635218z" />
+    <glyph glyph-name="069-equalizer"
+      unicode="&#xF145;"
+      horiz-adv-x="300" d="M275 159.375H133.4275A46.875 46.875 0 0 1 41.5725 159.375H25A9.375 9.375 0 0 1 25 140.625H41.5725A46.875 46.875 0 0 1 133.4275 140.625H275A9.375 9.375 0 0 1 275 159.375zM87.5 121.875A28.125 28.125 0 1 0 115.625 150A28.16 28.16 0 0 0 87.5 121.875zM275 246.875H245.9275A46.875 46.875 0 0 1 154.0725 246.875H25A9.375 9.375 0 0 1 25 228.125H154.0725A46.875 46.875 0 0 1 245.9275 228.125H275A9.375 9.375 0 0 1 275 246.875zM200 209.375A28.125 28.125 0 1 0 228.125 237.5A28.16 28.16 0 0 0 200 209.375zM275 71.875H245.9275A46.875 46.875 0 0 1 154.0725 71.875H25A9.375 9.375 0 0 1 25 53.125H154.0725A46.875 46.875 0 0 1 245.9275 53.125H275A9.375 9.375 0 0 1 275 71.875zM200 34.375A28.125 28.125 0 1 0 228.125 62.5A28.16 28.16 0 0 0 200 34.375z" />
+    <glyph glyph-name="070-server"
+      unicode="&#xF146;"
+      horiz-adv-x="300" d="M300 212.109375V300H0V212.109375H35.000390625V193.9453125H0V106.0546875H141.2109375V67.0048828125C129.4716796875 63.8677734375 120.2115234375 54.608203125 117.075 42.8689453125H51.22265625C47.59453125 53.098828125 37.8251953125 60.4470703125 26.3671875 60.4470703125C11.8283203125 60.4470703125 0 48.61875 0 34.0798828125S11.8283203125 7.7126953125 26.3671875 7.7126953125C37.8251953125 7.7126953125 47.59453125 15.0609375 51.22265625 25.2908203125H117.075C120.9615234375 10.74609375 134.2470703125 0 150 0S179.0384765625 10.74609375 182.925 25.29140625H248.7773437500001C252.4054687500001 15.0615234375 262.1748046875001 7.71328125 273.6328125000001 7.71328125C288.1716796875001 7.71328125 300 19.5416015625 300 34.08046875S288.1716796875 60.44765625 273.6328125 60.44765625C262.1748046875 60.44765625 252.40546875 53.0994140625 248.77734375 42.86953125H182.925C179.7884765625 54.6087890625 170.5283203125 63.868359375 158.7890625 67.00546875V106.0546875H300V193.9453125H264.9996093750001V212.109375zM26.3671875 25.29140625C21.5208984375 25.29140625 17.578125 29.2341796875 17.578125 34.08046875S21.5208984375 42.86953125 26.3671875 42.86953125S35.15625 38.9267578125 35.15625 34.08046875S31.2134765625 25.29140625 26.3671875 25.29140625zM273.6328125 42.86953125C278.4791015625001 42.86953125 282.421875 38.9267578125 282.421875 34.08046875S278.4791015625001 25.29140625 273.6328125 25.29140625S264.84375 29.2341796875 264.84375 34.08046875S268.7865234375 42.86953125 273.6328125 42.86953125zM166.5017578125 34.08046875C166.5017578125 24.980859375 159.0990234375 17.578125 150 17.578125S133.49765625 24.980859375 133.49765625 34.08046875S140.900390625 50.5822265625 150 50.5822265625S166.5017578125 43.1794921875 166.5017578125 34.08046875zM17.578125 229.6875V282.421875H282.421875V229.6875zM282.421875 176.3671875V123.6328125H17.578125V176.3671875zM247.421484375 193.9453125H52.578515625V212.109375H247.4208984375001V193.9453125zM35.15625 264.84375H52.734375V247.265625H35.15625zM70.3125 264.84375H87.890625V247.265625H70.3125zM105.46875 264.84375H123.046875V247.265625H105.46875zM212.265234375 264.84375H229.843359375V247.265625H212.265234375zM247.421484375 264.84375H264.9996093750001V247.265625H247.421484375zM35.15625 158.7890625H52.734375V141.2109375H35.15625zM70.3125 158.7890625H87.890625V141.2109375H70.3125zM105.46875 158.7890625H123.046875V141.2109375H105.46875zM212.265234375 158.7890625H229.843359375V141.2109375H212.265234375zM247.421484375 158.7890625H264.9996093750001V141.2109375H247.421484375z" />
+    <glyph glyph-name="071-pie-chart"
+      unicode="&#xF147;"
+      horiz-adv-x="300" d="M253.3212890625 253.320703125C223.2193359375 283.42265625 183.1974609375 300 140.6279296875 300H131.8388671875V280.97578125C97.5826171875 278.876953125 65.6677734375 264.5443359375 41.1890625 240.0662109375C14.6279296875 213.505078125 0 178.190625 0 140.62734375S14.6279296875 67.749609375 41.1890625 41.1884765625C67.7501953125 14.6279296875 103.0646484375 0 140.6279296875 0C175.2767578125 0 207.9544921875 12.4259765625 233.656640625 35.169140625L247.0974609375 21.7283203125L253.3119140625 27.9433593749999C283.419140625 58.0505859375 300 98.0689453125 300 140.6273437499999C300 183.1974609375 283.42265625 223.2193359374999 253.3212890625 253.320703125zM140.6279296875 84.434765625C109.64296875 84.434765625 84.434765625 109.64296875 84.434765625 140.6279296875S109.64296875 196.82109375 140.6279296875 196.82109375S196.8205078125 171.612890625 196.8205078125 140.6279296875S171.612890625 84.434765625 140.6279296875 84.434765625zM131.8388671875 263.3595703125V213.873046875C114.5279296875 211.808203125 99.0392578125 203.728125 87.528515625 191.784375L52.6998046875 226.6130859375C73.134375 247.5046875 100.9248046875 261.167578125 131.8388671875 263.3595703125zM41.29453125 213.1599609375L76.8275390625 177.626953125C70.4912109375 166.74375 66.856640625 154.102734375 66.856640625 140.62734375C66.856640625 137.5828125 67.0458984375 134.581640625 67.40625 131.633203125L19.8796875 116.9173828125C18.375 124.592578125 17.578125 132.5185546875 17.578125 140.6273437499999C17.578125 167.7292968749999 26.391796875 192.8068359375 41.29453125 213.1599609374999zM140.6279296875 17.578125C87.029296875 17.578125 41.333203125 52.02890625 24.498046875 99.9462890625L71.626171875 114.5384765625C82.187109375 86.6994140625 109.13203125 66.8560546875 140.628515625 66.8560546875C157.80703125 66.8560546875 173.6326171875 72.7587890625 186.1845703125 82.6412109375L221.2048828125 47.6208984375C198.842578125 28.182421875 170.57578125 17.578125 140.6279296875 17.578125zM246.909375 46.7759765625L198.6134765625 95.0712890625C208.496484375 107.6232421875 214.3986328125 123.448828125 214.3986328125 140.62734375C214.3986328125 178.3306640625 185.966015625 209.513671875 149.4169921875 213.873046875V282.1558593750001C183.9849609375 280.055859375 216.1927734375 265.590234375 240.8912109375 240.8912109375C267.67265625 214.109765625 282.421875 178.50234375 282.421875 140.62734375C282.421875 105.7060546875 269.8751953125 72.7083984375 246.909375 46.7759765625z" />
+    <glyph glyph-name="072-pie-chart-1"
+      unicode="&#xF148;"
+      horiz-adv-x="300" d="M300 109.2984375H109.2984375V300H118.1220703125C166.7033203125 300 212.3765625 281.08125 246.7294921875001 246.72890625C281.0818359375 212.3765625 300 166.7033203125 300 118.121484375zM126.945703125 126.9451171875H282.11953125C277.67109375 210.4880859375 210.488671875 277.6705078125001 126.945703125 282.1189453125zM118.1220703125 0C52.98984375 0 0 52.988671875 0 118.121484375C0 183.2537109375 52.98984375 236.2423828125 118.1220703125 236.2423828125V218.5951171875C62.719921875 218.5951171875 17.6466796875 173.5224609375 17.6466796875 118.1208984375C17.6466796875 62.71875 62.719921875 17.6455078125 118.1220703125 17.6455078125C173.5236328125 17.6455078125 218.5962890625 62.71875 218.5962890625 118.1208984375H236.24296875C236.24296875 52.988671875 183.254296875 0 118.1220703125 0zM111.8615537109375 124.3629439453125L234.802916015625 247.30430625L247.2795328125 234.827689453125L124.3381705078125 111.8863271484375zM189.2682076171875 124.3560755859375L266.6573666015625 201.7452345703125L279.1339833984375 189.2686177734375L201.7448244140625 111.8794587890625zM111.8667005859375 199.4949955078125L190.767486328125 278.39578125L203.244103125 265.919164453125L124.3433173828125 187.0183787109375z" />
+    <glyph glyph-name="073-reorder"
+      unicode="&#xF149;"
+      horiz-adv-x="300" d="M141.2148852137685 193.8646617715677H0.0626692411165V106.0105854400415H141.2148852137685zM123.6440699474633 123.5814007063468H17.6334845074217V176.2938465052624H123.6440699474633zM141.2148852137685 299.8752472116093H0.0626692411165V212.0211708800831H141.2148852137685zM123.6440699474633 229.5919861463883H17.6334845074217V282.3044319453041H123.6440699474633zM273.581693553268 261.2194536257378H188.7808392211834L215.1370621206413 287.5756765251956L202.7127386458368 300L155.1467846384219 252.4340459925852L202.7127386458368 204.8680919851703L215.1370621206413 217.2924154599747L188.7808392211834 243.6486383594326H273.581693553268C278.4259673221883 243.6486383594326 282.3671011864206 239.7075044952003 282.3671011864206 234.8632307262799V61.4978534320683C282.3671011864206 56.653579663148 278.4259673221883 52.7124457989157 273.581693553268 52.7124457989157H141.2148852137685V87.8540763315261H0.0626692411165V0H141.2148852137685V35.1416305326105H273.581693553268C288.114514860029 35.1416305326105 299.9379164527258 46.9650321253072 299.9379164527258 61.4978534320683V234.8632307262799C299.9379164527258 249.396052033041 288.1145148600291 261.2194536257378 273.581693553268 261.2194536257378zM123.6440699474633 17.5708152663052H17.6334845074217V70.2832610652209H123.6440699474633V52.7124457989157V35.1416305326105z" />
+    <glyph glyph-name="074-prioritize"
+      unicode="&#xF14A;"
+      horiz-adv-x="300" d="M71.4901770072244 0.0041014583614H247.2669639247441V88.4784175401797H71.4901770072244zM89.0678556989764 70.9007388484277H229.6892852329921V17.5817801501134H89.0678556989764zM141.8008917742323 193.9444896906915V106.0560962319316H300V193.9444896906915zM282.422321308248 123.6337749236836H159.3785704659843V176.3668109989395H282.422321308248zM247.2669639247441 299.9964844642617H71.4901770072244V211.5221683824434H247.2669639247441zM229.6892852329921 229.0998470741954H89.0678556989764V282.4188057725097H229.6892852329921zM38.6785101159541 241.5290236771332V299.9964844642617H21.1008314242021V241.6298023682993L12.470777109175 250.3178630230092L0 237.9297010036855L29.868577555648 207.8607379109515L59.8965260647679 237.8886864200714L47.4673494618301 250.3178630230092zM89.0678556989764 163.9370484733786V106.0560962319316H106.6455343907283V163.9370484733786L115.4343737366043 155.1482091275027L127.8635503395422 167.5779716530635L97.8566950448524 197.5848269477533L67.8492538275395 167.5779716530635L80.2790163531004 155.1482091275027z" />
+    <glyph glyph-name="075-version"
+      unicode="&#xF14B;"
+      horiz-adv-x="300" d="M239.8810546875 282.5197265625H91.2111328125V260.3056640625H45.605859375V239.1462890625H0V60.854296875H45.605859375V39.694921875H91.2111328125V17.480859375H300V222.40078125zM108.7892578125 35.0583984375V264.9416015625H221.5921875V204.111328125H282.421875V35.0583984375zM17.578125 221.5681640625H45.605859375V78.432421875H17.578125zM63.183984375 242.7275390625H91.2111328125V57.2724609375H63.183984375zM275.85234375 221.689453125H239.1703125V258.371484375zM187.660546875 124.4900390625L168.4453125 143.3232421875L156.140625 130.7701171875L188.21015625 99.3380859375L235.33828125 149.74921875L222.4974609375 161.7533203125z" />
+    <glyph glyph-name="076-before-after"
+      unicode="&#xF14C;"
+      horiz-adv-x="300" d="M93.9015744109875 58.7893383020737H123.7304224015188V41.211247634282H93.9015744109875zM93.9015744109875 258.7887523657181H123.7304224015188V241.2106616979264H93.9015744109875zM0 164.7529985292997H17.5780906677917V135.245829597989H0zM0 117.6671529938418H17.5780906677917V88.1593981261755H0zM47.0805721082576 58.7893383020737H76.3234837431958V41.211247634282H47.0805721082576zM17.5780906677917 58.7893383020737V70.5813074583839H0V41.211247634282H29.5024814404659V58.7893383020737zM47.0805721082576 258.7887523657181H76.3234837431958V241.2106616979264H47.0805721082576zM17.5780906677917 241.2106616979264H29.5024814404659V258.7887523657181H0V229.4163487961938H17.5780906677917zM0 211.8382581284021H17.5780906677917V182.3310891970914H0zM300 258.7887523657181H158.7893383020736V282.1289411544118H141.211247634282V17.8716447819438H158.7893383020736V41.2112476342819H300zM282.4219093322083 58.7893383020736H158.7893383020737V241.2106616979264H282.4219093322083z" />
+    <glyph glyph-name="077-bar-chart"
+      unicode="&#xF14D;"
+      horiz-adv-x="300" d="M220.5883910031549 76.1280860233607C343.6616790947469 118.1444742265211 315.747027947004 297.6117693886875 185.2925778576905 299.9994117658593C88.8539434236403 300.3552934209933 35.1546369516922 185.7884592383152 97.0592214525069 112.0109568412611V70.5880968860845H44.1181487879435V17.6470242215211H17.6476124556618V255.8818512120564H0.0005882341407V0H300V17.6470242215211H220.5883910031549zM220.5883910031549 94.8474610834097V176.4702422152113H150.0002941170703V123.5291695506479H110.4309599392942C97.9674549657746 138.6185517283299 90.400999213727 157.0479273570052 88.6362967915749 176.4702422152113H105.8821453291268V194.1172664367325H88.6410026647007C90.465704969206 214.2642857563024 98.4686304536658 232.6536614634089 110.7409593314523 247.368338493454L122.9027001907839 235.2065976341223L135.3809110178215 247.6848084611599L123.2191701584899 259.8465493204916C137.9344354226756 272.1188781982781 156.3232228956414 280.1223919168786 176.4702422152113 281.9465059872432V264.7047750886763H194.1172664367324V281.9465059872432C214.2642857563024 280.1218036827379 232.6536614634089 272.1188781982781 247.3683384934539 259.8465493204916L235.2065976341223 247.6848084611599L247.6848084611599 235.2065976341223L259.8465493204915 247.368338493454C272.118878198278 232.6530732292682 280.1223919168786 214.2642857563025 281.9465059872432 194.1172664367325H264.705363322817V176.4702422152114H281.9500353920875C278.6271007311751 139.752667151633 254.7559710667234 108.1327291515115 220.5883910031549 94.8474610834097zM61.7651730094647 17.6470242215212V52.9410726645635H97.0592214525069V17.6470242215212zM114.7062456740281 17.6470242215212C114.7062456740281 21.720545645989 114.7062456740281 101.823329758177 114.7062456740281 105.8821453291268H150.0002941170703V17.6470242215212zM167.6473183385915 17.6470242215212V123.529169550648V158.8232179936902H202.9413667816338V17.6470242215212zM176.470830449352 238.2348269905353H194.1178546708732V194.1172664367325H176.470830449352z" />
+    <glyph glyph-name="078-tongue"
+      unicode="&#xF14E;"
+      horiz-adv-x="300" d="M90.290625 211.112109375C71.255859375 211.112109375 55.7701171875 195.6263671875 55.7701171875 176.5916015625H73.3482421875C73.3482421875 185.933203125 80.9484375 193.533984375 90.290625 193.533984375S107.2330078125 185.933203125 107.2330078125 176.5916015625H124.8111328125C124.8111328125 195.6263671875 109.325390625 211.112109375 90.290625 211.112109375zM209.709375 211.112109375C190.674609375 211.112109375 175.1888671875 195.6263671875 175.1888671875 176.5916015625H192.7669921875C192.7669921875 185.933203125 200.3671875 193.533984375 209.709375 193.533984375S226.6517578125 185.933203125 226.6517578125 176.5916015625H244.2298828125C244.2298828125 195.6263671875 228.7441406250001 211.112109375 209.709375 211.112109375zM256.06640625 256.06640625C227.736328125 284.396484375 190.06640625 300 150 300S72.263671875 284.396484375 43.93359375 256.06640625S0 190.06640625 0 150S15.603515625 72.263671875 43.93359375 43.93359375S109.93359375 0 150 0C169.951171875 0 189.310546875 3.873046875 207.2109375 11.255859375C218.0818359375 9.2056640625 230.8388671875 12.534375 239.73046875 18.83203125C249.251953125 25.58203125 255.328125 35.23828125 257.34375 45.228515625C284.865234375 73.40625 300 110.54296875 300 150C300 190.06640625 284.396484375 227.736328125 256.06640625 256.06640625zM229.564453125 33.17578125C221.71875 27.6205078125 206.6244140625 25.6423828125 200.138671875 34.798828125L174.310546875 71.26171875C189.5390625 75.375 203.390625 83.30859375 214.60546875 94.224609375L237.796875 61.4765625C244.3517578125 52.2357421875 237.472265625 38.776171875 229.564453125 33.17578125zM254.185546875 68.349609375C253.576171875 69.474609375 252.896484375 70.5703125 252.140625 71.63671875L226.3125 108.10546875C229.81640625 113.203125 232.845703125 118.7109375 235.32421875 124.564453125L219.134765625 131.4140625C207.375 103.599609375 180.263671875 85.62890625 150.064453125 85.62890625C119.736328125 85.62890625 92.578125 103.7109375 80.876953125 131.689453125L64.658203125 124.91015625C79.5580078125 89.276953125 116.3525390625 66.08203125 154.9453125 68.1796875L185.794921875 24.638671875C186.22265625 24.03515625 186.66796875 23.44921875 187.13671875 22.880859375C175.353515625 19.4296875 162.890625 17.578125 150 17.578125C76.98046875 17.578125 17.578125 76.98046875 17.578125 150S76.98046875 282.421875 150 282.421875S282.421875 223.01953125 282.421875 150C282.421875 119.220703125 271.869140625 90.861328125 254.185546875 68.349609375z" />
+    <glyph glyph-name="079-paper-sizes"
+      unicode="&#xF14F;"
+      horiz-adv-x="300" d="M229.39453125 229.39453125V300H0V0.0005859375H300V229.39453125zM17.578125 17.5787109375V282.421875H211.81640625V229.39453125H141.216796875V158.783203125H88.2580078125V17.578125H17.578125zM194.1662109375 17.578125H105.8361328125V141.205078125H194.1662109375zM282.421875 17.578125H211.7443359375V158.783203125H158.794921875V211.81640625H282.421875z" />
+    <glyph glyph-name="080-rocket-launch"
+      unicode="&#xF150;"
+      horiz-adv-x="300" d="M295.6376587998475 295.6222504489164C292.3088623698439 295.8610798883488 250.6144573791185 308.3898470819942 199.9808383328165 289.9454583885631C181.0635317915764 283.0543697490612 163.6402426617729 272.8327067929098 148.4873147787816 259.8422817002128L96.7822227138848 272.7692955025394L61.7945987803698 237.7810789401425L97.4868584545424 202.0888192659699L72.3196877240878 171.7622214891183L90.6200675992012 153.461841614005L57.4263312913977 120.2686979350835L120.2835136571326 57.4115155693485L153.4766573360542 90.6052518771521L171.7770372111676 72.3048720020387L202.1036349880191 97.4720427324933L237.7958946621917 61.7797830583207L272.7841112245886 96.7674069918356L259.8576900511439 148.4724990567324C272.8481151438409 163.6248343108418 283.0697780999924 181.0487160695273 289.9608667394942 199.9660226107673C308.3430294003189 250.4307424257091 295.8628577749946 292.4730205701486 295.6376587998475 295.6222504489164zM120.2841062860146 82.5543885156424L82.5692042376916 120.2692905639654L103.1909114434662 140.89099776974L140.9058134917891 103.1760957214171zM280.4272459153055 280.4118375643743C282.9719943344679 264.4179692978731 282.8825073732911 248.4122484537325 280.3614641094072 232.931004170132L232.9452272632991 280.34724101624C248.4264715468997 282.8676916512419 264.4321923910403 282.9571786124188 280.4272459153055 280.4118375643743zM86.9368790977818 237.7810789401425L102.2355936857368 253.0792008992156L133.5003229827407 245.2636112038466C130.4139117654612 241.8613287924792 131.5784275185246 243.1834838281456 108.8890381435703 215.829512523236zM96.3478257434036 172.8769564160966C143.2721806174798 229.4238264466565 162.1094822596545 259.785981956426 212.6032408898126 275.5457618145507L275.5593922788359 212.5890177966453C266.8827128179701 184.7870190569694 250.0407926213754 159.6459239973213 226.303042754223 140.6551314747175L172.8917721381458 96.3330100213544zM237.7958946621917 86.9220633757327L215.8443282452852 108.8742224215212C242.2169061216589 130.749932341536 241.8328826061449 130.3599825372023 245.2784269258958 133.4855072606916L253.0946092501468 102.2207779636877zM162.3672758233097 212.6382059938486C148.4713137989684 198.7428365983893 148.4683506545586 176.2502000122477 162.3672758233097 162.3518674723786C176.262052589887 148.4559054480373 198.7546891760286 148.4535349325095 212.6536143447797 162.3518674723786C226.5169817806128 176.2158275370937 226.5169817806128 198.7736533002515 212.6536143447797 212.6382059938486C198.7890616511826 226.5021660585636 176.2300506302608 226.5027586874456 162.3672758233097 212.6382059938486zM200.0815852427507 174.9233039455256C193.1330116016981 167.9753229333549 181.8872859375093 167.9735450467091 174.9381196675747 174.9233039455256C167.9895460265221 181.8712849576962 167.9895460265221 193.1164179930031 174.9381196675747 200.0667695207016C181.8706923288143 206.9975642952952 193.1484199526292 206.9987495530591 200.0815852427507 200.0667695207016C207.0135652751082 193.134789488344 207.0135652751082 181.8552839778831 200.0815852427507 174.9233039455256zM-0.0071488822032 62.8804910522916L44.8254713868898 107.7131113213847L57.3951299733909 95.1434527348835L12.5625097042979 50.3108324657905zM12.5597622768012 25.1677829160897L69.9624601210148 82.5704807603034L82.5321187075159 70.0008221738023L25.1294208633023 12.5981243295886zM50.2681874840731 12.5943261710841L95.1008077531661 57.4269464401771L107.6704663396672 44.857287853676L62.8378460705742 0.024667584583z" />
+    <glyph glyph-name="081-manager"
+      unicode="&#xF151;"
+      horiz-adv-x="300" d="M264.5164705882353 82.3564705882353C270.1158823529412 88.6052941176471 273.5294117647059 96.8511764705882 273.5294117647059 105.8823529411765C273.5294117647059 125.3435294117647 257.6964705882353 141.1764705882353 238.2352941176471 141.1764705882353S202.9411764705882 125.3435294117647 202.9411764705882 105.8823529411765C202.9411764705882 96.8511764705882 206.3547058823529 88.6052941176471 211.9541176470588 82.3564705882353C203.975294117647 78.5894117647059 196.9288235294118 73.1641176470588 191.26 66.5264705882353L158.8235294117647 92.4758823529411V158.8235294117647H211.7647058823529V185.2941176470588C211.7647058823529 209.9576470588235 197.2317647058824 231.2876470588235 176.2811764705882 241.18C181.8805882352941 247.4282352941177 185.2941176470588 255.6747058823529 185.2941176470588 264.7058823529412C185.2941176470588 284.1670588235294 169.4611764705882 300 150 300S114.7058823529411 284.1670588235294 114.7058823529411 264.7058823529412C114.7058823529411 255.6747058823529 118.1194117647059 247.4282352941177 123.7188235294117 241.18C102.7682352941176 231.2876470588235 88.235294117647 209.9576470588235 88.235294117647 185.2941176470588V158.8235294117647H141.1764705882353V92.4758823529411L108.7388235294117 66.5264705882353C103.0705882352941 73.1641176470588 96.0241176470588 78.5894117647059 88.045294117647 82.3564705882353C93.645294117647 88.6052941176471 97.0588235294117 96.8511764705882 97.0588235294117 105.8823529411765C97.0588235294117 125.3435294117647 81.2258823529411 141.1764705882353 61.7647058823529 141.1764705882353S26.4705882352941 125.3435294117647 26.4705882352941 105.8823529411765C26.4705882352941 96.8511764705882 29.8841176470588 88.6052941176471 35.4835294117646 82.3564705882353C14.5329411764705 72.4647058823529 -1e-13 51.1347058823529 -1e-13 26.4705882352941V0H123.5294117647058V26.4705882352941C123.5294117647058 35.3805882352941 121.6299999999999 43.8541176470588 118.22 51.5117647058823L150 76.9358823529412L181.7794117647058 51.5117647058823C178.3694117647058 43.8541176470588 176.4705882352941 35.3805882352941 176.4705882352941 26.4705882352941V0H300V26.4705882352941C300 51.134705882353 285.4670588235294 72.464705882353 264.5164705882352 82.3564705882353zM132.3529411764706 264.7058823529412C132.3529411764706 274.4364705882353 140.2694117647059 282.3529411764706 150 282.3529411764706S167.6470588235294 274.4364705882353 167.6470588235294 264.7058823529412S159.7305882352941 247.0588235294118 150 247.0588235294118S132.3529411764706 254.9752941176471 132.3529411764706 264.7058823529412zM105.8823529411765 185.2941176470588C105.8823529411765 209.6205882352941 125.6735294117647 229.4117647058824 150 229.4117647058824S194.1176470588236 209.6205882352941 194.1176470588236 185.2941176470588V176.4705882352941H105.8823529411765zM44.1176470588236 105.8823529411765C44.1176470588236 115.6129411764706 52.0341176470589 123.5294117647059 61.764705882353 123.5294117647059S79.4117647058824 115.6129411764706 79.4117647058824 105.8823529411765S71.4952941176471 88.2352941176471 61.764705882353 88.2352941176471S44.1176470588236 96.1517647058823 44.1176470588236 105.8823529411765zM105.8823529411765 17.6470588235294H17.6470588235294V26.4705882352941C17.6470588235294 50.7970588235294 37.4382352941177 70.5882352941177 61.764705882353 70.5882352941177S105.8823529411765 50.7970588235294 105.8823529411765 26.4705882352941zM220.5882352941177 105.8823529411765C220.5882352941177 115.6129411764706 228.504705882353 123.5294117647059 238.2352941176471 123.5294117647059S255.8823529411765 115.6129411764706 255.8823529411765 105.8823529411765S247.9658823529412 88.2352941176471 238.2352941176471 88.2352941176471S220.5882352941177 96.1517647058824 220.5882352941177 105.8823529411765zM282.3529411764706 17.6470588235294H194.1176470588235V26.4705882352941C194.1176470588235 50.7970588235294 213.9088235294117 70.5882352941177 238.2352941176471 70.5882352941177S282.3529411764706 50.7970588235294 282.3529411764706 26.4705882352941z" />
+    <glyph glyph-name="082-workflow"
+      unicode="&#xF152;"
+      horiz-adv-x="300" d="M300 211.7647058823529V300H105.8823529411765V211.7647058823529H158.8235294117647V194.1176470588235H105.8823529411765V105.8823529411765H158.8235294117647V88.2352941176471H105.8823529411765V0H300V88.2352941176471H264.7058823529412V105.8823529411765H300V194.1176470588235H264.7058823529412V211.764705882353zM123.5294117647059 282.3529411764706H282.3529411764706V264.7058823529412H229.4117647058824V247.0588235294118H282.3529411764706V229.4117647058824H123.5294117647059zM282.3529411764706 52.9411764705883H229.4117647058824V35.2941176470588H282.3529411764706V17.6470588235294H123.5294117647059V70.5882352941177H282.3529411764706zM247.0588235294118 88.2352941176471H176.4705882352941V105.8823529411765H247.0588235294118zM282.3529411764706 123.5294117647059H123.5294117647059V141.1764705882353H176.4705882352941V158.8235294117648H123.5294117647059V176.4705882352942H282.3529411764706zM247.0588235294118 194.1176470588235H176.4705882352941V211.764705882353H247.0588235294118zM176.4705882352941 52.9411764705883H194.1176470588235V35.2941176470588H176.4705882352941zM141.1764705882353 52.9411764705883H158.8235294117647V35.2941176470588H141.1764705882353zM211.7647058823529 158.8235294117647H229.4117647058824V141.1764705882353H211.7647058823529zM247.0588235294118 158.8235294117647H264.7058823529412V141.1764705882353H247.0588235294118zM176.4705882352941 264.7058823529412H194.1176470588235V247.0588235294118H176.4705882352941zM141.1764705882353 264.7058823529412H158.8235294117647V247.0588235294118H141.1764705882353zM69.1064705882353 224.5176470588236L90.0164705882353 255.8823529411765L69.1064705882353 287.2470588235294L54.4229411764706 277.4588235294118L62.9247058823529 264.7058823529412H0V17.6470588235294H88.2352941176471V35.2941176470588H17.6470588235294V247.0588235294118H62.924705882353L54.4229411764706 234.3058823529412z" />
+    <glyph glyph-name="083-database"
+      unicode="&#xF153;"
+      horiz-adv-x="300" d="M35.2941176470588 211.7647058823529H114.7058823529412V194.1176470588235H35.2941176470588zM35.2941176470588 105.8823529411765H79.4117647058824V88.2352941176471H35.2941176470588zM97.0588235294118 105.8823529411765H123.5294117647059V88.2352941176471H97.0588235294118zM300 229.4117647058824V300H229.4117647058824V282.3529411764706H88.2352941176471V247.0588235294118H0V158.8235294117647H17.6470588235294V141.1764705882353H0V52.9411764705883H88.2352941176471V17.6470588235294H229.4117647058824V0H300V70.5882352941177H273.5294117647059V114.7058823529412H300V185.2941176470589H273.5294117647059V229.4117647058824zM247.0588235294118 282.3529411764706H282.3529411764706V247.0588235294118H247.0588235294118zM17.6470588235294 229.4117647058824H176.4705882352941V176.4705882352942H17.6470588235294zM35.2941176470588 158.8235294117647H158.8235294117647V141.1764705882353H35.2941176470588zM17.6470588235294 123.5294117647059H176.4705882352941V70.5882352941177H17.6470588235294zM282.3529411764706 17.6470588235294H247.0588235294118V52.9411764705883H282.3529411764706zM282.3529411764706 132.3529411764706H247.0588235294118V167.6470588235294H282.3529411764706zM255.8823529411765 185.2941176470588H229.4117647058824V114.7058823529412H255.8823529411765V70.5882352941176H229.4117647058824V35.2941176470588H105.8823529411765V52.9411764705882H194.1176470588235V141.1764705882353H176.4705882352941V158.8235294117647H194.1176470588235V247.0588235294118H105.8823529411765V264.7058823529412H229.4117647058824V229.4117647058823H255.8823529411765zM141.1764705882353 105.8823529411765H158.8235294117647V88.2352941176471H141.1764705882353zM132.3529411764706 211.7647058823529H158.8235294117647V194.1176470588235H132.3529411764706z" />
+    <glyph glyph-name="084-target"
+      unicode="&#xF154;"
+      horiz-adv-x="300" d="M300 244.2599771504458L259.3406829477878 259.3400970617817L244.2599771504458 300L208.2010370182308 263.940473981779C187.5620306808972 275.2668222519506 164.3416106006308 281.2252829341171 140.6126414670586 281.2252829341171C103.053833159195 281.2252829341171 67.743069456786 266.5986387915125 41.1848567996953 240.0404261344218S0 178.1720356609283 0 140.6126414670586S14.6266441426046 67.743069456786 41.1848567996953 41.1848567996954S103.053833159195 0 140.6126414670586 0S213.4822134773311 14.6266441426047 240.0404261344218 41.1848567996954S281.2252829341171 103.053833159195 281.2252829341171 140.6126414670586C281.2252829341171 164.3416106006309 275.2668222519505 187.5620306808972 263.940473981779 208.201622904237zM237.3107832319425 268.1928346141453L245.6661035651164 245.6661035651164L268.1928346141453 237.3107832319425L248.8205138220274 217.9384624398246L213.034596568661 213.034596568661L217.9384624398246 248.8205138220274zM175.7658018338232 140.6126414670586C175.7658018338232 121.2291888408246 159.9960940932926 105.4594811002939 140.6126414670586 105.4594811002939S105.4594811002939 121.2291888408245 105.4594811002939 140.6126414670586S121.2291888408245 175.7658018338232 140.6126414670586 175.7658018338232C147.1224208809773 175.7658018338232 153.2209083186048 173.9806071731977 158.4552138972161 170.8836137448857L134.3987344862268 146.8271343338964L146.8271343338965 134.3987344862268L170.8836137448857 158.4552138972161C173.9806071731977 153.2209083186048 175.7658018338232 147.1224208809773 175.7658018338232 140.6126414670586zM171.1490201056548 183.5774199533244C162.5265357536935 189.7233641574471 151.9841029597008 193.3423820172055 140.6126414670586 193.3423820172055C111.5374625277075 193.3423820172055 87.8829009169116 169.6878204064096 87.8829009169116 140.6126414670586S111.5374625277075 87.8829009169116 140.6126414670586 87.8829009169116S193.3423820172055 111.5374625277075 193.3423820172055 140.6126414670586C193.3423820172055 151.9846888457069 189.7233641574471 162.5265357536935 183.5774199533244 171.1490201056548L202.382017205519 189.9536173578494C213.216807116562 176.4173070726205 219.707252292279 159.2596353836089 219.707252292279 140.6126414670586C219.707252292279 96.999873058032 184.2254098760851 61.5180306418381 140.6126414670585 61.5180306418381S61.5180306418381 96.999873058032 61.5180306418381 140.6126414670586S96.999873058032 219.707252292279 140.6126414670585 219.707252292279C159.2596353836089 219.707252292279 176.4173070726205 213.216807116562 189.9536173578494 202.3820172055191zM140.6126414670586 17.5765801833823C72.7705572752395 17.5765801833823 17.5765801833823 72.7705572752395 17.5765801833823 140.6126414670586S72.7705572752395 263.6487027507348 140.6126414670586 263.6487027507348C161.5264283412591 263.6487027507348 181.9820523586794 258.3616674315734 200.1286996260094 248.3184095147888L196.2009198410296 219.6586237537716C180.4663652608657 230.7564764815592 161.2885586227773 237.2844183616675 140.6126414670586 237.2844183616675C87.308146744915 237.2844183616675 43.9414504584558 193.9177220752083 43.9414504584558 140.6132273530647S87.308146744915 43.9420363444619 140.6126414670586 43.9420363444619S237.2838324756614 87.3087326309211 237.2838324756614 140.6132273530646C237.2838324756614 161.2891445087834 230.7558905955532 180.4669511468718 219.6580378677655 196.2015057270357L248.3178236287826 200.1292855120155C258.3616674315734 181.9820523586794 263.6487027507348 161.526428341259 263.6487027507348 140.6126414670585C263.6487027507348 72.7705572752394 208.4547256588776 17.5765801833822 140.6126414670586 17.5765801833822z" />
+    <glyph glyph-name="085-workflow-1"
+      unicode="&#xF155;"
+      horiz-adv-x="300" d="M105.46875 52.734375H229.6875V35.15625H105.46875zM87.890625 158.7890625H212.109375V141.2109375H87.890625zM70.3125 264.84375H194.53125V247.265625H70.3125zM247.265625 158.7890625V193.9453125H52.734375V158.7890625H17.578125V247.265625H35.15625V212.109375H229.6875V247.265625H266.334375L250.264453125 231.1951171875L262.6939453125001 218.765625L299.982421875 256.0546875L262.6939453125001 293.34375L250.264453125 280.9142578125L266.334375 264.84375H229.6875V300H35.15625V264.84375H0V141.2109375H52.734375V106.0546875H247.265625V141.2109375H282.421875V52.734375H264.84375V87.890625H70.3125V52.734375H33.665625L49.735546875 68.8048828125L37.3060546875 81.234375L0.017578125 43.9453125000001L37.3060546875 6.6562500000001L49.735546875 19.0857421875L33.665625 35.1562500000001H70.3125V1e-13H264.84375V35.1562500000001H300V158.7890625000001zM52.734375 282.421875H212.109375V229.6875H52.734375zM229.6875 123.6328125H70.3125V176.3671875H229.6875zM247.265625 17.578125H87.890625V70.3125H247.265625z" />
+    <glyph glyph-name="086-delegate"
+      unicode="&#xF156;"
+      horiz-adv-x="300" d="M300 87.890625V158.203125H238.330078125V193.359375H158.7890625V212.109375H264.84375V300H35.15625V212.109375H141.2109375V193.359375H61.669921875V158.203125H0V87.890625H61.81640625V70.3125H0V0H141.2109375V70.3125H79.39453125V87.890625H141.2109375V158.203125H79.248046875V175.78125H220.751953125V158.203125H158.7890625V87.890625H220.751953125V70.3125H158.7890625V0H300V70.3125H238.330078125V87.890625zM52.734375 282.421875H247.265625V229.6875H52.734375zM123.6328125 17.578125H17.578125V52.734375H123.6328125zM123.6328125 105.46875H17.578125V140.625H123.6328125zM282.421875 17.578125H176.3671875V52.734375H282.421875zM176.3671875 140.625H282.421875V105.46875H176.3671875zM70.3125 264.84375H229.6875V247.265625H70.3125z" />
+    <glyph glyph-name="087-translation"
+      unicode="&#xF157;"
+      horiz-adv-x="300" d="M176.3671875 176.3671875V300H0V123.6328125H123.6328125V0H300V176.3671875zM17.578125 282.421875H158.7890625V141.2109375H17.578125zM282.421875 17.578125H141.2109375V123.6328125H176.3671875V158.7890625H282.421875zM70.8984375 106.0546875H53.3203125V53.3203125H106.0546875V70.8984375H70.8984375zM229.1015625 193.9453125H246.6796875V246.6796875H193.9453125V229.1015625H229.1015625zM97.265625 264.2578125H79.6875V246.6796875H35.7421875V229.1015625H53.8259765625C55.733203125 212.487890625 62.9859375 197.316796875 74.035546875 185.5728515625C70.1279296875 183.5818359375 65.9548828125 181.9939453125 61.5521484375 180.8935546875L42.3990234375 176.1052734375L46.6623046875 159.0521484375L65.8154296875 163.8404296875C74.030859375 165.894140625 81.6462890625 169.229296875 88.4759765625 173.5962890625C95.3056640625 169.2298828125 102.92109375 165.8947265625 111.1365234375 163.8404296875L130.2896484375 159.0521484375L134.5529296875 176.1052734375L115.3998046875 180.8935546875C110.9970703125 181.99453125 106.8240234375 183.5818359375 102.91640625 185.5728515625C113.966015625 197.3173828125 121.21875 212.487890625 123.1259765625 229.1015625H141.2109375V246.6796875H97.265625zM88.4765625 195.9609375C79.526953125 204.7470703125 73.484765625 216.31640625 71.565234375 229.1015625H105.3873046875C103.468359375 216.31640625 97.426171875 204.746484375 88.4765625 195.9609375zM203.503125 141.2109375L185.2857421875 88.4765625H167.578125V70.8984375H179.213671875L168.0603515625 38.612109375L184.674609375 32.8728515625L197.8107421875 70.8984375H224.5435546875L238.4197265625 32.738671875L254.9390625 38.745703125L243.2478515625 70.8984375H255.46875V88.4765625H236.855859375L217.6798828125 141.2109375zM203.8833984375 88.4765625L210.834375 108.5982421875L218.1515625 88.4765625z" />
+    <glyph glyph-name="088-idea"
+      unicode="&#xF158;"
+      horiz-adv-x="300" d="M149.2211795247862 299.9964706020761C91.4396414131709 299.5800016470524 44.2910027803813 252.2272461676621 44.118650515096 194.4398257261736C44.0686507111737 177.6363622103443 48.0539292002776 160.897016090133 55.6456641346505 146.0306038015537C62.9838706514876 131.6588954553119 73.7120638742593 118.9436512013678 86.6696601189799 109.2589832981047C100.2184305159588 99.1337288873377 105.8825259508786 92.7478715769742 105.8825259508786 79.4073356575072V35.2945674722844H123.5295155705272V0.0005882329872H176.4704844294728V35.2945674722844H194.1174740491214C194.1174740491214 44.318061497798 194.1174740491214 70.509135258293 194.1174740491214 79.4120415214057C194.1174740491214 92.8331653601358 199.6980403998416 99.1407876831855 213.0497527460677 109.0501605876055C226.0449959019769 118.6954168807181 236.8184830647723 131.383014184258 244.2055129195572 145.7388402398422C251.8443064929157 160.5852526068525 255.8825259508787 177.3145987662793 255.8825259508787 194.1180622821087C255.8825259508787 222.5444213944259 244.7719812863479 249.2296108642711 224.598530986153 269.2589440825722C204.4256689189454 289.2847479029494 177.65047980204 300.2305873310301 149.2211795247862 299.9964706020761zM158.8234948098243 17.6469896196485H141.1765051901757V35.2939792392971H158.8234948098243zM176.4704844294729 52.9409688589457H123.5295155705272V69.7220795212568H176.4704844294729zM141.1765051901757 202.9409688589457C141.1765051901757 207.8062438970828 145.1341367288756 211.76446366877 150 211.76446366877C154.8652750381371 211.76446366877 158.8234948098243 207.8062438970828 158.8234948098243 202.9409688589457S154.8652750381371 194.1174740491214 150 194.1174740491214C145.1341367288756 194.1174740491214 141.1765051901757 198.0756938208086 141.1765051901757 202.9409688589457zM202.5321469327572 123.220105019196C190.5163117007385 114.3024929314003 179.5775310685056 104.7501774502845 177.0281293014538 87.3696573738927H158.8240830428116V177.9881255367627C169.0940427684598 181.6304641942581 176.4710726624602 191.4380727918714 176.4710726624602 202.9409688589457C176.4710726624602 217.536793973357 164.5964133473987 229.4114532884185 150.0005882329874 229.4114532884185C135.4041748855887 229.4114532884185 123.5301038035145 217.536793973357 123.5301038035145 202.9409688589457C123.5301038035145 191.4380727918714 130.907133697515 181.6304641942581 141.1770934231631 177.9881255367627V87.3696573738927H122.9818706593308C120.4924686569857 104.6142956302132 109.8095693742378 113.9966117779931 97.2337363382889 123.3942219834433C74.6091191799248 140.3035674369905 61.6815228175576 166.1793483162812 61.7656401347446 194.3868847573147C61.9091689836511 242.5431664973863 101.1984266728366 282.0030117528952 149.348826083035 282.3500692154149C173.0393214144259 282.5300685095354 195.3557044874334 273.4236336328094 212.165050333136 256.7348755495077C228.9767491107879 240.0437645342568 238.2349480982428 217.805616448563 238.2349480982428 194.1174740491214C238.2349480982428 165.9022905792527 225.2214697197267 140.061215446214 202.5321469327572 123.2201050191961zM273.5289273375399 202.9409688589457H299.9994117670127V185.2939792392971H273.5289273375399zM0.0005882329873 202.9409688589457H26.4710726624601V185.2939792392971H0.0005882329873zM259.9504005866644 272.4315222293246L284.9032439088475 297.3843655515077L297.379665569939 284.9079438904161L272.4268222477559 259.9551005682331zM2.5831092819244 284.9357690754154L15.0595309430159 297.412190736507L40.012374265199 272.4593474143239L27.5359526041074 259.9829257532324zM259.9326465386411 115.7654283708691L272.4090681997327 128.2418500319607L297.3619115219157 103.2890067097776L284.8854898608241 90.8125850486861zM2.565355233901 103.3169330708507L27.5181985560841 128.2697763930338L39.9946202171756 115.7933547319422L15.0417768949926 90.8405114097592z" />
+    <glyph glyph-name="089-rgb"
+      unicode="&#xF159;"
+      horiz-adv-x="300" d="M247.0364705882353 192.3335294117647C248.0211764705883 246.63 204.1505882352941 291.1764705882353 150 291.1764705882353C95.9188235294118 291.1764705882353 51.9776470588235 246.7029411764706 52.9635294117647 192.3335294117647C21.5505882352941 176.2458823529412 0 143.5341176470588 0 105.8823529411765C0 52.3641176470589 43.5405882352941 8.8235294117648 97.0588235294118 8.8235294117648C116.5770588235294 8.8235294117648 134.7641176470589 14.6194117647059 150 24.5735294117648C165.2352941176471 14.6194117647059 183.4229411764706 8.8235294117648 202.9411764705883 8.8235294117648C256.4594117647059 8.8235294117648 300 52.3641176470589 300 105.8823529411765C300 143.5341176470588 278.4494117647059 176.2458823529412 247.0364705882353 192.3335294117648zM150 46.7470588235294C134.9735294117647 60.2141176470588 125.0929411764706 79.3076470588235 123.7041176470588 100.6811764705882C140.64 95.9088235294118 158.9511764705882 95.7929411764706 176.2958823529412 100.6811764705882C174.9070588235294 79.3070588235294 165.0264705882353 60.2135294117647 150 46.7470588235294zM124.5976470588236 118.8723529411765C127.6052941176471 137.0758823529412 136.8241176470588 153.21 150 165.0176470588235C163.1752941176471 153.21 172.3941176470588 137.0758823529412 175.4023529411765 118.8723529411765C159.4764705882353 113.4811764705883 141.4970588235294 113.1517647058824 124.5976470588236 118.8723529411765zM108.1305882352941 126.6705882352941C89.1141176470588 138.5182352941176 75.4488235294118 158.1776470588235 71.6564705882353 181.1276470588235C91.9817647058824 188.0076470588235 115.2223529411765 186.55 135.3282352941177 175.4447058823529C121.9294117647059 162.4170588235294 112.2705882352941 145.5658823529412 108.1305882352941 126.6705882352941zM164.6711764705882 175.4447058823529C184.7729411764706 186.5476470588235 208.0141176470589 188.0088235294118 228.3429411764706 181.1276470588235C224.5505882352941 158.1776470588235 210.8852941176471 138.5176470588235 191.8688235294118 126.6705882352941C187.7294117647059 145.5658823529412 178.0705882352941 162.4170588235294 164.6711764705882 175.4447058823529zM150 273.5294117647059C192.04 273.5294117647059 226.5482352941177 240.6917647058823 229.2370588235294 199.3194117647059C202.9388235294118 206.7305882352941 173.9582352941177 202.8441176470588 150 187.1911764705882C126.0823529411765 202.8170588235294 97.0876470588235 206.7382352941176 70.7629411764706 199.3194117647059C73.4517647058824 240.6917647058823 107.96 273.5294117647059 150 273.5294117647059zM97.0588235294118 26.4705882352941C53.2705882352941 26.4705882352941 17.6470588235294 62.0941176470588 17.6470588235294 105.8823529411764C17.6470588235294 134.3141176470588 32.6688235294118 159.2994117647058 55.1894117647059 173.3294117647059C61.4688235294118 144.6688235294117 80.4435294117647 120.7058823529411 105.9047058823529 107.6664705882353C105.4005882352941 79.8605882352941 116.6564705882353 54.4735294117647 135.3282352941176 36.3199999999999C123.9717647058823 30.0470588235294 110.9252941176471 26.4705882352941 97.0588235294118 26.4705882352941zM202.9411764705883 26.4705882352941C189.0741176470589 26.4705882352941 176.0282352941177 30.0470588235294 164.6711764705883 36.3199999999999C183.3382352941177 54.4694117647059 194.5994117647059 79.8547058823529 194.0952941176471 107.6664705882353C219.5564705882353 120.7058823529411 238.5311764705883 144.6688235294117 244.8105882352941 173.3294117647059C267.3311764705883 159.2994117647058 282.3529411764706 134.3141176470588 282.3529411764706 105.8823529411764C282.3529411764706 62.0941176470588 246.7288235294118 26.4705882352941 202.9411764705883 26.4705882352941z" />
+    <glyph glyph-name="090-workflow-2"
+      unicode="&#xF15A;"
+      horiz-adv-x="300" d="M238.18359375 159.33515625C272.9830078125001 163.67578125 300 193.4384765625 300 229.39453125C300 268.3265625 268.3265625 300 229.39453125 300C193.4384765625 300 163.67578125 272.9830078125 159.33515625 238.18359375H141.2109375V300H0V158.7890625H61.81640625V140.66484375C27.0169921875 136.32421875 0 106.5615234375 0 70.60546875C0 31.6734375 31.6734375 0 70.60546875 0S141.2109375 31.6734375 141.2109375 70.60546875C141.2109375 106.5615234375 114.1939453125 136.32421875 79.39453125 140.66484375V158.7890625H141.2109375V220.60546875H159.33515625C163.316015625 188.6859375 188.6859375 163.3166015625 220.60546875 159.33515625V141.2109375H158.7890625V0H300V141.2109375H238.18359375zM123.6328125 70.60546875C123.6328125 41.366015625 99.844921875 17.578125 70.60546875 17.578125S17.578125 41.366015625 17.578125 70.60546875S41.366015625 123.6328125 70.60546875 123.6328125S123.6328125 99.844921875 123.6328125 70.60546875zM123.6328125 176.3671875H17.578125V282.421875H123.6328125zM176.3671875 229.39453125C176.3671875 258.633984375 200.155078125 282.421875 229.39453125 282.421875S282.421875 258.633984375 282.421875 229.39453125S258.633984375 176.3671875 229.39453125 176.3671875S176.3671875 200.155078125 176.3671875 229.39453125zM282.421875 17.578125H176.3671875V123.6328125H282.421875z" />
+    <glyph glyph-name="091-key-value-database"
+      unicode="&#xF15B;"
+      horiz-adv-x="300" d="M258.0568359375 88.2814453125V109.1818359375C278.4193359375 120.3421875 291.2865234375 141.7787109375 291.2865234375 165.3052734375C291.2865234375 197.5072265625 267.3755859375 224.225390625 236.3771484375 228.64921875V300H6.7869140625V211.7185546875H25.8767578125C24.901171875 208.967578125 24.3650390625 206.0103515625 24.3650390625 202.9294921875S24.901171875 196.89140625 25.8767578125 194.1404296875H6.7869140625V105.858984375H25.8767578125C24.901171875 103.1080078125 24.3650390625 100.15078125 24.3650390625 97.069921875S24.901171875 91.0318359375 25.8767578125 88.280859375H6.7869140625V0H293.2125V88.2814453125zM24.3650390625 229.2966796875V282.421875H218.7984375V229.2966796875H50.7322265625zM183.287109375 211.7185546875C177.97265625 206.6771484375 173.521875 200.73515625 170.1791015625 194.1404296875H50.7322265625C45.8859375 194.1404296875 41.9431640625 198.083203125 41.9431640625 202.9294921875C41.9431640625 207.7751953125 45.8853515625 211.71796875 50.7310546875 211.7185546875zM24.3650390625 123.4376953125V176.562890625H164.2951171875C163.6435546875 172.9072265625 163.303125 169.1455078125 163.303125 165.3052734375C163.303125 149.60625 169.0388671875 134.84296875 178.901953125 123.4376953125zM196.5333984375 17.578125H24.3650390625V70.7033203125H196.5328125V17.578125zM196.5333984375 88.2814453125H50.7322265625C45.8859375 88.2814453125 41.9431640625 92.22421875 41.9431640625 97.0705078125S45.8859375 105.8595703125 50.7322265625 105.8595703125H196.5328125V88.2814453125zM240.4787109375 120.4177734375V17.578125H214.1115234375V120.4177734375L208.824609375 122.7140625C191.85 130.0875 180.8818359375 146.80546875 180.8818359375 165.3046875C180.8818359375 190.897265625 201.703125 211.71796875 227.2951171875 211.71796875S273.7083984375 190.8966796875 273.7083984375 165.3046875C273.7083984375 146.80546875 262.740234375 130.0875 245.765625 122.7140625zM275.6349609375 17.578125H258.0568359375V70.7033203125H275.6349609375zM227.5880859375 194.1404296875C211.6880859375 194.1404296875 198.7529296875 181.2046875 198.7529296875 165.3052734375S211.688671875 136.4701171875 227.5880859375 136.4701171875S256.4232421875 149.405859375 256.4232421875 165.3052734375S243.4875 194.1404296875 227.5880859375 194.1404296875zM227.5880859375 154.04765625C221.3806640625 154.04765625 216.3310546875 159.0978515625 216.3310546875 165.3046875S221.38125 176.56171875 227.5880859375 176.56171875S238.8451171875 171.5115234375 238.8451171875 165.3046875S233.794921875 154.04765625 227.5880859375 154.04765625z" />
+    <glyph glyph-name="092-time"
+      unicode="&#xF15C;"
+      horiz-adv-x="300" d="M300 79.4923828125C300 120.35390625 269.0080078125 154.1080078125 229.2966796875 158.49609375V194.1404296875H210.2068359375C211.182421875 196.89140625 211.7185546875 199.8486328125 211.7185546875 202.9294921875S211.182421875 208.967578125 210.2068359375 211.7185546875H229.2966796875V300H0V211.7185546875H19.08984375C18.1142578125 208.967578125 17.578125 206.0103515625 17.578125 202.9294921875S18.1142578125 196.89140625 19.08984375 194.1404296875H0V105.858984375H19.08984375C18.1142578125 103.1080078125 17.578125 100.15078125 17.578125 97.069921875S18.1142578125 91.0318359375 19.08984375 88.280859375H0V0H220.8005859375C264.498046875 0.1623046875 300 35.7580078125 300 79.4923828125zM17.578125 282.421875H211.7185546875V229.2966796875H17.578125zM35.15625 202.9294921875C35.15625 207.77578125 39.0990234375 211.7185546875 43.9453125 211.7185546875H185.3513671875C190.19765625 211.7185546875 194.1404296875 207.77578125 194.1404296875 202.9294921875S190.19765625 194.1404296875 185.3513671875 194.1404296875H43.9453125C39.0990234375 194.1404296875 35.15625 198.083203125 35.15625 202.9294921875zM17.578125 176.5623046875H211.7185546875V158.49609375C187.7865234375 155.8517578125 167.023828125 142.5421875 154.30078125 123.437109375H17.578125zM35.15625 97.0705078125C35.15625 101.916796875 39.0990234375 105.8595703125 43.9453125 105.8595703125H145.5158203125C143.540625 100.25859375 142.1765625 94.3734375 141.5033203125 88.2814453125H43.9435546875C39.0978515625 88.28203125 35.15625 92.22421875 35.15625 97.0705078125zM17.578125 17.578125V70.7033203125H43.94296875H141.5033203125C143.86875 49.297265625 154.7666015625 30.4283203125 170.712890625 17.578125zM220.5076171875 17.578125C186.36796875 17.578125 158.593359375 45.352734375 158.593359375 79.4923828125S186.36796875 141.406640625 220.5076171875001 141.406640625S282.4218750000001 113.6320312500001 282.4218750000001 79.4923828125S254.6472656250001 17.578125 220.5076171875001 17.578125zM229.2966796875 114.6486328125H211.7185546875V70.60546875H255.76171875V88.18359375H229.2966796875z" />
+    <glyph glyph-name="093-trophy"
+      unicode="&#xF15D;"
+      horiz-adv-x="300" d="M112.720156555773 244.2270058708415H187.279843444227V226.614481409002H112.720156555773zM123.2876712328767 209.0019569471624H176.7123287671233V191.3894324853229H123.2876712328767zM248.4704500978474 277.6908023483366V300H51.5295499021526V277.6908023483366H2.0547945205479V220.4500978473581C2.0547945205479 190.6655577299413 25.2739726027397 166.1254403131116 54.8213307240704 163.454794520548C63.6093933463796 130.3778864970646 89.2227005870841 104.0888454011742 121.9015655577299 94.3420743639922L111.9146771037182 52.8375733855186H76.1882583170254L58.1354207436399 1e-13H241.8651663405088L223.8123287671232 52.8375733855186H188.0859099804305L178.0990215264188 94.3420743639922C210.7784735812133 104.0888454011742 236.3911937377691 130.3778864970646 245.1792563600783 163.454794520548C274.726614481409 166.1260273972603 297.9457925636007 190.6655577299413 297.9457925636007 220.4500978473581V277.6908023483366zM19.6673189823875 220.4500978473581V260.0782778864971H51.5295499021526C51.6135029354207 257.06771037182 51.2941291585127 182.2015655577299 51.7837573385518 181.6825831702544C33.4614481409002 185.4739726027397 19.6673189823874 201.4133072407045 19.6673189823874 220.4500978473581zM217.2346379647749 17.6125244618395H82.765362035225L88.7829745596869 35.2250489236791H211.2176125244618zM169.9696673189824 52.8375733855186H130.0297455968689L139.1759295499021 90.8483365949119C146.2632093933464 90.0551859099804 153.7356164383562 90.0551859099804 160.8228962818004 90.8483365949119zM230.8579256360078 188.7205479452055C226.4066536203522 81.4373776908024 73.5634050880626 81.4978473581213 69.1426614481409 188.7211350293542V282.3874755381605H230.8579256360078zM280.3326810176125 220.4500978473581C280.3326810176125 201.4133072407045 266.5385518590998 185.4739726027397 248.2162426614482 181.6825831702544C248.7587084148728 184.2452054794521 248.3489236790607 255.5207436399218 248.4704500978474 260.0782778864971H280.3326810176126z" />
+    <glyph glyph-name="094-computer-1"
+      unicode="&#xF15E;"
+      horiz-adv-x="300" d="M300 290.625H0V62.109375H100.245703125C89.08125 53.0888671875 80.3583984375 41.0279296875 75.4001953125 26.953125H53.3203125V9.375H124.62421875C125.642578125 10.4935546875 131.750390625 26.953125 150 26.953125C168.2185546875 26.953125 174.3966796875 10.449609375 175.37578125 9.375H246.6796875V26.953125H224.600390625C219.6421875 41.0279296875 210.9193359375 53.0888671875 199.7548828125 62.109375H300zM205.604296875 26.953125H185.13984375C176.8927734375001 37.9078125 163.855078125 44.53125 150 44.53125S123.1072265625001 37.9078125 114.86015625 26.953125H94.395703125C104.4087890625 48.11015625 125.8751953125 62.109375 150 62.109375S195.5912109375 48.11015625 205.604296875 26.953125zM282.421875 79.6875H17.578125V273.046875H282.421875zM79.6875 150C74.8412109375 150 70.8984375 153.9427734375 70.8984375 158.7890625H53.3203125C53.3203125 147.3310546875 60.6685546875 137.56171875 70.8984375 133.93359375V114.84375H88.4765625V133.93359375C98.7064453125 137.56171875 106.0546875 147.3310546875 106.0546875 158.7890625C106.0546875 173.3279296875 94.2263671875 185.15625 79.6875 185.15625C74.8412109375 185.15625 70.8984375 189.0990234375 70.8984375 193.9453125S74.8412109375 202.734375 79.6875 202.734375S88.4765625 198.7916015625 88.4765625 193.9453125H106.0546875C106.0546875 205.4033203125 98.7064453125 215.17265625 88.4765625 218.80078125V237.890625H70.8984375V218.80078125C60.6685546875 215.17265625 53.3203125 205.4033203125 53.3203125 193.9453125C53.3203125 179.4064453125 65.1486328125 167.578125 79.6875 167.578125C84.5337890625 167.578125 88.4765625 163.6353515625 88.4765625 158.7890625S84.5337890625 150 79.6875 150zM123.6328125 132.421875H246.6796875V114.84375H123.6328125zM123.6328125 185.15625H246.6796875V167.578125H123.6328125zM123.6328125 237.890625H246.6796875V220.3125H123.6328125z" />
+    <glyph glyph-name="095-taxes"
+      unicode="&#xF15F;"
+      horiz-adv-x="300" d="M148.6587890625 141.96328125L79.3130859375 89.954296875L0 128.9607421875V0H300V206.3748046875L218.2025390625 124.57734375zM89.0625 75.29296875L141.796875 114.84375V17.578125H89.0625zM159.375 121.16484375L212.109375 107.98125V17.578125H159.375zM17.578125 100.7267578125L71.484375 74.2154296875V17.5781250000001H17.578125zM282.421875 17.578125H229.6875V111.2033203125L282.421875 163.9376953125zM256.0546875 264.2578125V246.6796875H273.008203125L207.421875 181.088671875L140.951953125 197.710546875L75.603515625 148.6951171875L12.664453125 179.6150390625L4.913671875 163.8380859375L77.527734375 128.1650390625L144.805078125 178.6271484375L212.8142578125 161.6208984375L282.421875 231.2337890625V220.3125H300V264.2578125zM80.2734375 211.5234375C75.4271484375 211.5234375 71.484375 215.4662109375 71.484375 220.3125H53.90625C53.90625 208.8544921875 61.2544921875 199.08515625 71.484375 195.45703125V176.3671875H89.0625V195.45703125C99.2923828125 199.08515625 106.640625 208.8544921875 106.640625 220.3125C106.640625 234.8513671875 94.8123046875 246.6796875 80.2734375 246.6796875C75.4271484375 246.6796875 71.484375 250.6224609375 71.484375 255.46875S75.4271484375 264.2578125 80.2734375 264.2578125S89.0625 260.3150390625 89.0625 255.46875H106.640625C106.640625 266.9267578125 99.2923828125 276.69609375 89.0625 280.32421875V300H71.484375V280.32421875C61.2544921875 276.69609375 53.90625 266.9267578125 53.90625 255.46875C53.90625 240.9298828125 65.7345703125 229.1015625 80.2734375 229.1015625C85.1197265625 229.1015625 89.0625 225.1587890625 89.0625 220.3125S85.1197265625 211.5234375 80.2734375 211.5234375z" />
+    <glyph glyph-name="096-graphics"
+      unicode="&#xF160;"
+      horiz-adv-x="300" d="M296.7928870292887 240.7594142259415L265.1673640167364 209.1276150627615V300H34.8326359832636V183.3953974895398L3.1380753138075 151.7071129707113V125.2092050209205L3.2071129707113 125.1401673640168L34.8326359832636 156.7719665271967V69.6652719665272H83.5041841004184L46.2991631799163 0.0439330543933L46.3807531380753 1e-13H67.6255230125523L104.8493723849372 69.6652719665272H140.5857740585774V1e-13H159.4142259414226V69.6652719665272H195.1506276150627L232.3744769874477 1e-13H253.6192468619247L253.7008368200836 0.0439330543933L216.4958158995816 69.6652719665272H265.1673640167363V182.5041841004184L296.8619246861924 214.1924686192469V240.6903765690377zM246.3389121338912 88.4937238493724H53.6610878661088V175.6004184100419L98.8493723849372 220.7887029288703L201.1506276150628 118.4874476987448L246.3389121338912 163.6757322175732zM246.3389121338912 190.2991631799163L201.1506276150628 145.1108786610879L98.8493723849372 247.4121338912134L53.6610878661088 202.223849372385V281.1715481171549H246.3389121338912z" />
+    <glyph glyph-name="097-diagram"
+      unicode="&#xF161;"
+      horiz-adv-x="300" d="M239.5939453125 101.5306640625V152.1802734375H179.6208984375C178.2439453125 164.0349609375 169.894921875 173.7931640625 158.7890625 177.2244140625V198.4693359375H219.1951171875V281.6091796875H80.8048828125V198.4693359375H141.2109375V177.2244140625C130.1044921875 173.7931640625 121.7560546875 164.0349609375 120.3791015625 152.1802734375H60.4060546875V101.5306640625H0V18.3908203125H138.3896484375V101.5306640625H77.9841796875V134.6021484375H123.7306640625C128.7732421875 125.255859375 138.65625 118.890234375 150 118.890234375S171.2267578125 125.2564453125 176.2693359375 134.6021484375H222.0158203125V101.5306640625H161.6103515625V18.3908203125H300V101.5306640625zM98.3830078125 264.0310546875H201.6169921875V216.0474609375H98.3830078125zM120.8115234375 35.9689453125H17.578125V83.9525390625H120.8115234375zM150 136.468359375C143.2453125 136.468359375 137.7498046875 141.9638671875 137.7498046875 148.719140625S143.2453125 160.969921875 150 160.969921875S162.2501953125 155.4744140625 162.2501953125 148.719140625S156.7546875 136.468359375 150 136.468359375zM282.421875 35.9689453125H179.1884765625V83.9525390625H282.421875z" />
+    <glyph glyph-name="098-usb"
+      unicode="&#xF162;"
+      horiz-adv-x="300" d="M120.5882352941177 255.8823529411765H138.2352941176471V238.2352941176471H120.5882352941177zM155.8823529411765 255.8823529411765H173.5294117647059V238.2352941176471H155.8823529411765zM235.2941176470588 220.5882352941177H208.8235294117647V300H85.2941176470588V220.5882352941177H58.8235294117647V141.1764705882353H14.7058823529412V123.5294117647059H58.8235294117647V88.2352941176471C58.8235294117647 39.5823529411765 98.4058823529412 0 147.0588235294118 0S235.2941176470589 39.5823529411765 235.2941176470589 88.2352941176471V123.5294117647059H285.2941176470589V141.1764705882353H235.2941176470589zM102.9411764705882 282.3529411764706H191.1764705882353V220.5882352941177H102.9411764705882zM217.6470588235294 88.2352941176471C217.6470588235294 49.3129411764706 185.9811764705882 17.6470588235294 147.0588235294118 17.6470588235294S76.4705882352941 49.3129411764706 76.4705882352941 88.2352941176471V123.5294117647059H94.1176470588235V141.1764705882353H76.4705882352941V202.9411764705883H217.6470588235294V141.1764705882353H197.0588235294118V123.5294117647059H217.6470588235294zM147.0588235294118 176.4705882352942C129.2194117647059 176.4705882352942 114.7058823529412 161.9570588235294 114.7058823529412 144.1176470588235H132.3529411764706C132.3529411764706 152.2264705882353 138.95 158.8235294117647 147.0588235294118 158.8235294117647S161.7647058823529 152.2264705882353 161.7647058823529 144.1176470588235V141.1764705882353C161.7647058823529 136.5723529411765 159.5658823529412 132.1741176470589 155.8823529411765 129.4117647058824L138.2352941176471 116.1764705882354V88.2352941176471H155.8823529411765V107.3529411764706L166.4705882352941 115.2941176470589C174.5735294117647 121.3717647058824 179.4117647058823 131.0470588235295 179.4117647058823 141.1764705882354V144.1176470588236C179.4117647058823 161.9570588235295 164.8982352941176 176.4705882352942 147.0588235294117 176.4705882352942zM138.2352941176471 70.5882352941177H155.8823529411765V52.9411764705883H138.2352941176471zM32.3529411764706 247.0588235294118H67.6470588235294V264.7058823529412H14.7058823529412V211.764705882353H32.3529411764706zM232.3529411764706 264.7058823529412V247.0588235294118H267.6470588235295V211.764705882353H285.2941176470589V264.7058823529412zM261.764705882353 17.6470588235294H226.4705882352941V0H279.4117647058824V52.9411764705883H261.764705882353zM32.3529411764706 52.9411764705883H14.7058823529412V0H67.6470588235294V17.6470588235294H32.3529411764706z" />
+    <glyph glyph-name="099-visionary"
+      unicode="&#xF163;"
+      horiz-adv-x="300" d="M251.1768795700269 295.4416911443035L255.7228845072183 278.4757593275421L67.9088416348978 228.4339650646835L72.4612914817824 211.444011311793L38.5054059121305 202.3449706268359L43.0549262546091 185.3667348915693L26.0766905193425 180.8172145490907L16.9782357352665 214.7736860196238L0 210.2241656771452L22.7464299106306 125.3335729016937L39.7246656458971 129.8830932441723L30.6262108618211 163.8395647147054L47.6044465970877 168.3890850571839L52.1539669395663 151.4108493219174L86.1104384100994 160.5093041059934L90.6505843384789 143.5656365227174L128.1271483032311 153.444511280545C130.4941878632586 149.939652209237 133.681488656959 147.0318261358666 137.4107477657647 144.998164177239L74.2307121429911 17.5864008499469H53.3169801887382V0.0093744140992H85.1343275420286L141.202112367977 113.0794559715018V17.5864008499469H123.6250859321293V0.0093744140992H176.3561652396726V17.5864008499469H158.7791388038248V113.0794559715018L214.8469236297732 0.0093744140992H246.6642709830636V17.5864008499469H225.7505390288107L162.5710893069184 144.998164177239C170.2633819761265 149.1926285857134 175.6407802637335 157.1087353915381 176.2835135304044 166.3097228298232L278.4699003187301 193.5816511468034L283.0217642647335 176.5952127992001L300 181.1447331416787L268.1551153052934 299.9906255859009zM64.582096431473 172.9380194987813L60.0325760889944 189.9162552340479L77.0108118242609 194.4657755765265L81.5603321667395 177.48753984126zM89.4430426223361 215.9806418348853L226.3036294606587 252.4465267795763L239.9562917942628 201.494828448222L171.5945487782013 183.2504609086932C166.8229720017499 190.0627304543466 158.9209268170739 194.5290528716955 149.9912114867821 194.5290528716955C136.2289856883944 194.5290528716955 124.9023498531342 183.9277623273546 123.7323057933879 170.4637600774952L103.0974626585838 165.0242562964815zM149.9906255859009 159.3744140991188C145.1446393975376 159.3744140991188 141.202112367977 163.3169411286795 141.202112367977 168.1629273170427S145.1446393975376 176.9514405349666 149.9906255859009 176.9514405349666S158.7791388038247 173.0089135054059 158.7791388038247 168.1629273170427S154.8366117742641 159.3744140991188 149.9906255859009 159.3744140991188zM256.9380429348165 206.0267717642647L243.2877242047372 256.9714392850447L260.2724048496969 261.4969376913943L273.9209658771327 210.5593009811887z" />
+    <glyph glyph-name="100-diamond"
+      unicode="&#xF164;"
+      horiz-adv-x="300" d="M242.1016443383106 288.7467422935033C232.5558338754729 288.7467422935033 68.4381318197578 288.7467422935033 57.915301578892 288.7467422935033L0 209.7717560255397L150.6223242007176 11.2532577064967L300.0005843419726 209.7945453624673zM82.3425490555086 201.0954464177889L124.7786317827495 74.3160277211832L28.587177978878 201.0954464177889zM100.8293760396418 201.0954464177889H199.2395763131138L150.3722258364855 53.0833778082501zM217.7012765924293 201.0954464177889H271.5180035761729L175.6187207585538 73.6346849812426zM233.2173089883482 271.2164831183605L271.7838791736625 218.6257055929318H217.7129634318794L200.4567606418412 271.2164831183605zM182.0067472019758 271.2164831183605L199.262949992014 218.6257055929318H100.7534115832161L118.0096143732543 271.2164831183605zM66.7984682449094 271.2164831183605H99.5590165914164L82.3028138013783 218.6257055929318H28.2318980595951z" />
+    <glyph glyph-name="101-data-flow"
+      unicode="&#xF165;"
+      horiz-adv-x="300" d="M87.890625 70.3125H52.734375V123.046875H93.6251953125L150 66.6720703125L206.3748046875 123.046875H247.265625V70.3125H212.109375V0H300V70.3125H264.84375V140.625H206.3748046875L158.7890625 188.2107421875V212.109375H211.5234375V300H88.4765625V212.109375H141.2109375V188.2107421875L93.6251953125 140.625H35.15625V70.3125H0V0H87.890625zM282.421875 17.578125H229.6875V52.734375H282.421875zM106.0546875 282.421875H193.9453125V229.6875H106.0546875zM150 172.1408203125L190.3048828125 131.8359375L150 91.5310546875L109.6951171875 131.8359375zM70.3125 17.578125H17.578125V52.734375H70.3125z" />
+    <glyph glyph-name="102-fast-food"
+      unicode="&#xF166;"
+      horiz-adv-x="300" d="M35.916796875 0H256.0546875C280.2861328125 0 300 19.7138671875 300 43.9453125V52.734375H280.91015625C281.8857421875 55.4853515625 282.421875 58.442578125 282.421875 61.5234375S281.8857421875 67.5615234375 280.91015625 70.3125H300V96.6796875C300 129.090234375 276.2080078125 158.7890625 217.46015625 158.7890625H172.4203125L175.606640625 193.9453125H193.9453125V211.5234375H173.0103515625L155.4322265625 246.6796875H109.41796875L121.2005859375 282.421875H176.3671875V300H108.4869140625L90.9087890625 246.6796875H38.5130859375L20.9349609375 211.5234375H0V193.9453125H18.338671875zM256.0546875 17.578125H159.6216796875L161.21484375 35.162109375H280.916015625C277.2884765625 24.9251953125 267.5138671875 17.578125 256.0546875 17.578125zM264.84375 61.5234375C264.84375 56.6771484375 260.9009765625001 52.734375 256.0546875 52.734375H162.8080078125L164.401171875 70.3125H256.0546875C260.9009765625001 70.3125 264.84375 66.3697265625 264.84375 61.5234375zM217.46015625 141.2109375C250.897265625 141.2109375 282.421875 129.858984375 282.421875 96.6796875V87.890625H165.9943359375L170.8271484375 141.2109375zM141.971484375 17.578125H51.973828125L35.9888671875 193.9453125H157.95703125zM49.3775390625 229.1015625H144.568359375L153.357421875 211.5234375H40.587890625z" />
+    <glyph glyph-name="103-global"
+      unicode="&#xF167;"
+      horiz-adv-x="300" d="M256.06640625 256.06640625C227.7345703125 284.3970703125 190.06640625 300 150 300S72.2654296875 284.3970703125 43.93359375 256.06640625C15.6029296875 227.7345703125 0 190.06640625 0 150S15.6029296875 72.2654296875 43.93359375 43.93359375C72.2654296875 15.6029296875 109.93359375 0 150 0S227.7345703125 15.6029296875 256.06640625 43.93359375C284.3970703125 72.2654296875 300 109.93359375 300 150S284.3970703125 227.7345703125 256.06640625 256.06640625zM158.7896484375 205.8626953125C176.4234375 206.438671875 193.5638671875 208.7408203125 209.480859375 212.5810546875C214.126171875 196.0669921875 216.8765625 177.8255859375 217.5251953125 158.7884765625H158.7896484375zM158.7896484375 223.45078125V281.25C172.6412109375 277.5708984375 185.7310546875 265.262109375 196.34296875 245.6654296875C199.119140625 240.5390625 201.638671875 235.0587890625 203.8998046875 229.28671875C189.755859375 225.9884765625 174.5162109375 223.9951171875 158.7896484375 223.45078125zM141.2115234375 281.2505859375V223.45078125C125.484375 223.99453125 110.244140625 225.987890625 96.1001953125 229.28671875C98.361328125 235.059375 100.8814453125 240.5396484375 103.65703125 245.666015625C114.26953125 265.26328125 127.359375 277.5720703125 141.2115234375 281.2505859375zM141.2115234375 205.8626953125V158.7884765625H82.4748046875C83.1228515625 177.8255859375 85.873828125 196.06640625 90.519140625 212.5810546875C106.43671875 208.7408203125 123.5771484375 206.438671875 141.2115234375 205.8626953125zM64.8884765625 158.7884765625H17.872265625C19.5673828125 184.8287109375 28.780078125 209.4087890625 44.464453125 230.00859375C53.265234375 225.108984375 63.0697265625 220.878515625 73.6271484375 217.3857421875C68.5400390625 199.3072265625 65.5505859375 179.4345703125 64.8884765625 158.7884765625zM64.8884765625 141.2103515625C65.5505859375 120.56484375 68.5400390625 100.6927734375 73.6265625 82.61484375C63.069140625 79.1220703125 53.2646484375 74.891015625 44.4638671875 69.9919921875C28.780078125 90.5912109375 19.5673828125 115.170703125 17.872265625 141.2103515625zM82.4748046875 141.2103515625H141.2115234375V94.1373046875C123.5771484375 93.5613281250001 106.43671875 91.2591796875001 90.519140625 87.4189453125C85.873828125 103.9330078125001 83.1234375 122.173828125 82.4748046875 141.2103515625zM141.2115234375 76.54921875V18.7494140625C127.359375 22.4279296875 114.26953125 34.73671875 103.65703125 54.333984375C100.880859375 59.4603515625 98.361328125 64.940625 96.1001953125 70.7126953125C110.2447265625 74.012109375 125.484375 76.00546875 141.2115234375 76.54921875zM158.7896484375 18.75V76.54921875C174.5162109375 76.00546875 189.755859375 74.012109375 203.8998046875 70.7138671875C201.638671875 64.9412109375 199.1185546875 59.4609375 196.34296875 54.3345703125C185.7310546875 34.7373046875 172.6412109375 22.4291015625 158.7896484375 18.75zM158.7896484375 94.1373046875V141.2103515625H217.5251953125C216.8765625 122.173828125 214.126171875 103.9330078125 209.480859375 87.4189453125C193.5638671875 91.25859375 176.4234375 93.5613281250001 158.7896484375 94.1373046875zM235.1115234375 141.2103515625H282.127734375C280.4326171875 115.170703125 271.219921875 90.590625 255.535546875 69.99140625C246.734765625 74.891015625 236.9302734375 79.121484375 226.3728515625 82.6142578125C231.459375 100.6927734375 234.4494140625 120.56484375 235.1115234375 141.2103515625zM235.1115234375 158.7884765625C234.4494140625 179.433984375 231.4599609375 199.3072265625 226.3728515625 217.38515625C236.9302734375 220.8779296875 246.734765625 225.108984375 255.535546875 230.0080078125C271.2193359375 209.4087890625 280.43203125 184.8287109375 282.127734375 158.7884765625zM243.6873046875 243.5835937500001C236.7087890625 239.9525390625 229.0634765625 236.7656250000001 220.8943359375 234.057421875C218.2125 241.1150390625 215.1767578125 247.801171875 211.8005859375 254.0361328125001C207.964453125 261.1201171875 203.787890625 267.4341796875001 199.33359375 272.95546875C215.724609375 266.3818359375 230.77265625 256.4994140625 243.6363281250001 243.6357421875001C243.6533203125001 243.6187500000001 243.6697265625001 243.6011718750001 243.6873046875 243.5835937500001zM100.66640625 272.9560546875C96.2115234375 267.4341796875001 92.035546875 261.1207031250001 88.1994140625 254.0367187500001C84.8232421875 247.8017578125001 81.7880859375 241.1150390625 79.1056640625 234.0580078125C70.9365234375 236.7662109375001 63.290625 239.9531250000001 56.3126953125 243.5841796875C56.3302734375 243.601171875 56.3466796875 243.6193359375 56.363671875 243.636328125C69.22734375 256.5 84.275390625 266.3824218750001 100.66640625 272.9560546875zM56.3126953125 56.41640625C63.2912109375 60.0474609375 70.9365234375 63.2343750000001 79.1056640625 65.942578125C81.7875 58.8849609375 84.8232421875 52.1982421875 88.1994140625 45.9638671875C92.035546875 38.8798828125001 96.212109375 32.5658203125 100.66640625 27.0439453125C84.275390625 33.617578125 69.22734375 43.5 56.363671875 56.3642578125C56.3466796875 56.38125 56.3302734375 56.3988281250001 56.3126953125 56.41640625zM199.3330078125 27.0439453125C203.787890625 32.5658203125 207.9638671875 38.879296875 211.8 45.9638671875C215.176171875 52.198828125 218.211328125 58.885546875 220.89375 65.942578125C229.062890625 63.234375 236.7087890625 60.0474609375 243.68671875 56.41640625C243.669140625 56.3994140625 243.652734375 56.38125 243.6357421875 56.3642578125C230.77265625 43.5000000000001 215.724609375 33.617578125 199.3330078125 27.0439453125z" />
+    <glyph glyph-name="104-gear"
+      unicode="&#xF168;"
+      horiz-adv-x="300" d="M180.3497314453125 0H119.6502685546875L111.7103578125 27.317047265625C104.335784765625 29.624176171875 97.1832275390625 32.5927734375 90.346526953125 36.1885072265625L65.3938294921875 22.4739076171875L22.4739076171875 65.3938294921875L36.18621796875 90.346526953125C32.5927734375 97.1832275390625 29.624176171875 104.335784765625 27.317047265625 111.7103578125L0 119.6502685546875V180.3497314453125L27.317047265625 188.2896421875C29.624176171875 195.664215234375 32.5927734375 202.8167724609375 36.1885072265625 209.653473046875L22.4739076171875 234.6061705078125L65.3938294921875 277.5260923828125L90.346526953125 263.81378203125C97.1832275390625 267.4072265625 104.335784765625 270.375823828125 111.7103578125 272.682952734375L119.6502685546875 300H180.3497314453125L188.2896421875 272.682952734375C195.664215234375 270.375823828125 202.8167724609375 267.4072265625 209.653473046875 263.8114927734375L234.6061705078125 277.5260923828125L277.5260923828125 234.6061705078125L263.81378203125 209.653473046875C267.4072265625001 202.8167724609375 270.375823828125 195.664215234375 272.682952734375 188.2896421875L300 180.3497314453125V119.6502685546875L272.682952734375 111.7103578125C270.375823828125 104.335784765625 267.4072265625 97.1832275390625 263.8114927734375 90.346526953125L277.5260923828125 65.3938294921875L234.6061705078125 22.4739076171875L209.653473046875 36.18621796875C202.8167724609375 32.5927734374999 195.664215234375 29.624176171875 188.2896421875 27.317047265625zM132.847594921875 17.578125H167.152405078125L174.135589453125 41.6015625L178.9054869140625 42.8901673828125C188.124847265625 45.3804017578125 196.989440625 49.0608216796875 205.256653125 53.830719140625L209.543609765625 56.304931640625L231.5071107421875 44.23370390625L255.76629609375 68.4928892578125L243.695068359375 90.456390234375L246.169280859375 94.743346875C250.9391783203125 103.0082701171875 254.6195982421875 111.875152734375 257.1098326171875 121.0945130859375L258.3984375 125.864410546875L282.421875 132.847594921875V167.152405078125L258.3984375 174.135589453125L257.1098326171875 178.9054869140625C254.6195982421875 188.124847265625 250.9391783203125 196.989440625 246.169280859375 205.256653125L243.695068359375 209.543609765625L255.76629609375 231.5071107421875L231.5071107421875 255.764007421875L209.543609765625 243.695068359375L205.256653125 246.169280859375C196.989440625 250.9391783203125 188.124847265625 254.6195982421875 178.9054869140625 257.1098326171875L174.135589453125 258.3984375L167.1524050781251 282.421875H132.8475949218751L125.864410546875 258.3984375L121.0945130859375 257.1098326171875C111.875152734375 254.6195982421875 103.010559375 250.9391783203125 94.743346875 246.169280859375L90.456390234375 243.695068359375L68.4928892578125 255.76629609375L44.23370390625 231.5071107421875L56.304931640625 209.543609765625L53.830719140625 205.256653125C49.0608216796875 196.9917298828125 45.3804017578125 188.124847265625 42.8901673828125 178.9054869140625L41.6015625 174.135589453125L17.578125 167.152405078125V132.847594921875L41.6015625 125.864410546875L42.8901673828125 121.0945130859375C45.3804017578125 111.875152734375 49.0608216796875 103.010559375 53.830719140625 94.743346875L56.304931640625 90.456390234375L44.23370390625 68.4928892578125L68.4928892578125 44.23370390625L90.456390234375 56.304931640625L94.743346875 53.830719140625C103.0082701171875 49.0608216796875 111.875152734375 45.3804017578125 121.0945130859375 42.8901673828125L125.864410546875 41.6015624999999zM132.847594921875 17.578125M150 108.8790890625C127.326965625 108.8790890625 108.8790890625 127.3246763671875 108.8790890625 150S127.3246763671875 191.1209109375 150 191.1209109375S191.1209109375 172.6753236328125 191.1209109375 150S172.673034375 108.8790890625 150 108.8790890625zM150 173.5427859375C137.017822265625 173.5427859375 126.4572140625 162.982177734375 126.4572140625 150S137.017822265625 126.4572140625 150 126.4572140625S173.5427859375 137.017822265625 173.5427859375 150S162.982177734375 173.5427859375 150 173.5427859375zM150 173.5427859375M150 73.7228390625C107.940673828125 73.7228390625 73.7228390625 107.940673828125 73.7228390625 150S107.940673828125 226.2771609375 150 226.2771609375S226.2771609375 192.059326171875 226.2771609375 150S192.059326171875 73.7228390625 150 73.7228390625zM150 208.6990359375C117.6338197265625 208.6990359375 91.3009640625 182.3661802734375 91.3009640625 150S117.6338197265625 91.3009640625 150 91.3009640625S208.6990359375 117.6338197265625 208.6990359375 150S182.3661802734375 208.6990359375 150 208.6990359375zM150 208.6990359375" />
+    <glyph glyph-name="105-security"
+      unicode="&#xF169;"
+      horiz-adv-x="300" d="M35.174560546875 264.8162841796875H52.76641875V247.2404478515625H35.174560546875zM35.174560546875 264.8162841796875M70.3582763671875 264.8162841796875H87.950133984375V247.2404478515625H70.3582763671875zM70.3582763671875 264.8162841796875M105.539703515625 264.8162841796875H123.1315611328125V247.2404478515625H105.539703515625zM105.539703515625 264.8162841796875M299.983978125 300H0V35.1974484375H96.75750703125C110.4743958984375 20.0775146484375 127.548980859375 8.4480287109375 146.8963623046875 1.1650083984375L149.9931333984375 1e-13L153.089905078125 1.1650083984375C172.434997265625 8.4480287109375 189.5095828125 20.0775146484375 203.22647109375 35.1974484375H299.983978125zM282.408141796875 282.421875V229.63485703125H17.578125V282.421875zM149.9931333984375 18.8323974609375C129.96826171875 27.049255078125 112.9302978515625 40.745544140625 100.5729673828125 58.6051939453125C87.581634375 77.378082421875 80.715179296875 99.366760546875 80.715179296875 122.1977232421875V149.0249636718751C93.45245390625 154.0924072265625 103.4980775390625 164.138030859375 108.56552109375 176.87530546875H191.420745703125C196.48818984375 164.138030859375 206.5338134765625 154.0924072265625 219.2710875 149.0249636718751V122.1977232421875C219.2710875 99.366760546875 212.404632421875 77.378082421875 199.4132994140625 58.6051939453125C187.0536802734375 40.7478333984375 170.018005078125 27.049255078125 149.9931333984375 18.8323974609375zM216.636657421875 52.7755734375C229.8751828125 73.55575546875 236.8492125 97.451019140625 236.8492125 122.1977232421875V162.32528671875L230.142975 163.9617919921875C218.5272216796875 166.795348828125 209.1911314453125 176.1314390625 206.357574609375 187.7449037109375L204.7210693359375 194.4511412109375H95.2629087890624L93.6264035156249 187.7449037109375C90.7951353515624 176.1314390625 81.4590457031249 166.795348828125 69.8432923828124 163.9617919921875L63.1370542968749 162.32528671875V122.1977232421875C63.1370542968749 97.451019140625 70.1087953124999 73.55575546875 83.3473207031249 52.7755734375H17.5781249999999V212.0567320312501H282.408141796875V52.7755734375zM216.636657421875 52.7755734375M149.9931333984375 144.73113984375C133.701324609375 144.73113984375 120.449066015625 131.4765931640625 120.449066015625 115.187073046875C120.449066015625 101.955413671875 129.1923521484375 90.728759765625 141.2040708984375 86.977386328125V63.299560546875H158.7799072265625V86.977386328125C170.7939146484375 90.728759765625 179.53720078125 101.955413671875 179.53720078125 115.1870730468751C179.53720078125 131.4765931640625 166.2826535156251 144.7311398437501 149.9931333984375 144.7311398437501zM149.9931333984375 103.221130078125C143.394469921875 103.221130078125 138.02490234375 108.5884095703125 138.02490234375 115.187073046875C138.02490234375 121.7857359375 143.394469921875 127.15301484375 149.9931333984375 127.15301484375S161.95907578125 121.7857359375 161.95907578125 115.187073046875C161.95907578125 108.5884095703125 156.591796875 103.221130078125 149.9931333984375 103.221130078125zM149.9931333984375 103.221130078125" />
+    <glyph glyph-name="106-secure"
+      unicode="&#xF16A;"
+      horiz-adv-x="300" d="M262.5 258.7892578125C245.1615234375 258.7892578125 231.055078125 272.8951171875 231.055078125 290.2341796875V300H68.944921875V290.2341796875C68.944921875 272.8951171875 54.8384765625 258.7892578125 37.5 258.7892578125H28.7109375V101.2265625C28.7109375 75.35625 43.809375 51.4669921875 67.175390625 40.3646484375L150 0L232.824609375 40.3646484375C256.190625 51.4669921875 271.2890625000001 75.3568359375 271.2890625000001 101.2265625V258.7892578125zM253.7109375 101.2265625C253.7109375 82.105078125 242.5517578125 64.447265625 225.2806640625 56.2412109375L150 20.47265625L74.7193359375 56.241796875C57.448828125 64.4478515625 46.2890625 82.105078125 46.2890625 101.2265625L46.2896484375 241.9998046875C66.6140625 245.694140625 82.611328125 261.9609375 85.9013671875 282.421875H214.0986328125C217.388671875 261.9609375 233.3865234375 245.694140625 253.7109375 241.9998046875zM144.9216796875 153.0544921875L132.38671875 165.5900390625L119.9572265625 153.1599609375L144.9216796875 128.1955078125L182.3865234375 165.6603515625L169.95703125 178.08984375zM150 240.0392578125C103.7982421875 240.0392578125 66.2109375 202.451953125 66.2109375 156.2501953125S103.7982421875 72.4611328125 150 72.4611328125S233.7890625 110.0490234375 233.7890625 156.2501953125S196.2017578125 240.0392578125 150 240.0392578125zM150 90.0392578125C113.4908203125 90.0392578125 83.7890625 119.7416015625 83.7890625 156.2501953125S113.4908203125 222.4611328125 150 222.4611328125S216.2109375 192.7587890625 216.2109375 156.2501953125C216.2109375 119.7410156250001 186.5091796875 90.0392578125 150 90.0392578125z" />
+    <glyph glyph-name="107-click"
+      unicode="&#xF16B;"
+      horiz-adv-x="300" d="M11.2306640625 300V70.8984375H82.407421875V48.7740234375L112.034765625 0H240.05390625V70.8984375H288.769921875V300zM271.1912109375 88.4765625H240.0533203125V129.2244140625H161.7796875V165.15C161.7796875 180.2736328125 149.4755859375 192.577734375 134.351953125 192.577734375C119.227734375 192.577734375 106.9236328125 180.2736328125 106.9236328125 165.15V88.4765625H28.8087890625V241.2111328125H125.293359375V210.59296875H142.871484375V241.2111328125H271.191796875V88.4765625zM121.9236328125 17.578125L99.985546875 53.6947265625V70.526953125H124.5029296875V165.1505859375C124.5029296875 170.581640625 128.921484375 175.0001953125 134.353125 175.0001953125C139.7841796875 175.0001953125 144.202734375 170.581640625 144.202734375 165.1505859375V111.646875H222.476953125V17.578125zM58.691015625 258.7892578125H28.808203125V282.421875H58.691015625zM271.1912109375 258.7892578125H76.2697265625V282.421875H271.191796875V258.7892578125zM179.9806640625 173.633203125H211.23046875V156.055078125H179.9806640625zM57.4734375 173.633203125H88.7232421875V156.055078125H57.4734375zM73.5992056640625 212.9950212890625L86.0269400390625 225.4227556640625L108.120551953125 203.32914375L95.692817578125 190.901409375zM160.109726953125 203.594520703125L182.203753125 225.688546875L194.6314875 213.2608125L172.537461328125 191.166786328125z" />
+    <glyph glyph-name="108-calendar"
+      unicode="&#xF16C;"
+      horiz-adv-x="300" d="M264.2578125 300H246.6796875V282.421875H211.5234375V300H193.9453125V282.421875H158.7890625V300H141.2109375V282.421875H106.0546875V300H88.4765625V282.421875H53.3203125V300H35.7421875V282.421875H0V0H300C300 25.9294921875 300 242.35546875 300 282.421875H264.2578125zM282.421875 17.578125H17.578125V212.109375H282.421875zM282.421875 264.84375V229.6875H17.578125V264.84375H35.7421875V247.265625H53.3203125V264.84375H88.4765625V247.265625H106.0546875V264.84375H141.2109375V247.265625H158.7890625V264.84375H193.9453125V247.265625H211.5234375V264.84375H246.6796875V247.265625H264.2578125V264.84375zM150 35.15625C193.6166015625 35.15625 229.1015625 70.9037109375 229.1015625 114.84375S193.6166015625 194.53125 150 194.53125S70.8984375 158.7837890625 70.8984375 114.84375S106.3833984375 35.15625 150 35.15625zM150 176.953125C183.9240234375 176.953125 211.5234375 149.0912109375 211.5234375 114.84375S183.9240234375 52.734375 150 52.734375S88.4765625 80.5962890625 88.4765625 114.84375S116.0759765625 176.953125 150 176.953125zM191.370703125 126.207421875L178.941796875 138.636328125L141.2109375 100.9060546875L121.058203125 121.058203125L108.629296875 108.629296875L141.2109375 76.0470703125z" />
+    <glyph glyph-name="109-maximize"
+      unicode="&#xF16D;"
+      horiz-adv-x="300" d="M35.15625 140.625H0V0H194.53125V35.15625H300V300H35.15625zM123.6328125 123.046875V105.46875H17.578125V123.046875zM176.953125 105.46875H141.2109375V123.046875H176.953125zM17.578125 17.578125V87.890625H176.953125V17.578125zM194.53125 52.734375V140.625H52.734375V247.265625H282.421875V52.734375zM282.421875 264.84375H229.6875V282.421875H282.421875zM212.109375 282.421875V264.84375H52.734375V282.421875zM212.109375 282.421875M212.109375 193.359375H234.83505234375L205.8952330078125 164.4172669921875L218.3235169921875 151.9889830078125L247.265625 180.92880234375V158.203125H264.84375V210.9375H212.109375zM212.109375 193.359375" />
+    <glyph glyph-name="110-network"
+      unicode="&#xF16E;"
+      horiz-adv-x="300" d="M176.3671875 193.9453125H229.1015625V174.85546875C221.62265625 172.2029296875 215.6876953125 166.26796875 213.03515625 158.7890625H174.85546875C171.22734375 169.018359375 161.4580078125 176.3671875 150 176.3671875S128.77265625 169.018359375 125.14453125 158.7890625H86.96484375C84.3123046875 166.26796875 78.37734375 172.2029296875 70.8984375 174.85546875V193.9453125H123.6328125V300H0V193.9453125H53.3203125V174.85546875C45.84140625 172.2029296875 39.9064453125 166.26796875 37.25390625 158.7890625H0V141.2109375H37.25390625C40.88203125 130.981640625 50.6513671875 123.6328125 62.109375 123.6328125S83.33671875 130.981640625 86.96484375 141.2109375H125.1451171875C127.79765625 133.73203125 133.7326171875 127.7970703125 141.2115234375 125.14453125V106.0546875H88.4771484375V0H211.5240234375V106.0546875H158.7896484375V125.14453125C166.2685546875 127.7970703125 172.203515625 133.73203125 174.8560546875 141.2109375H213.0357421875C216.6638671875 130.981640625 226.433203125 123.6328125 237.8912109375 123.6328125S259.1185546875 130.981640625 262.7466796875001 141.2109375H300V158.7890625H262.74609375C260.0935546875001 166.26796875 254.15859375 172.2029296875 246.6796875 174.85546875V193.9453125H300V300H176.3671875zM17.578125 282.421875H106.0546875V211.5234375H17.578125zM193.9453125 17.578125H106.0546875V88.4765625H193.9453125zM62.109375 141.2109375C57.2630859375 141.2109375 53.3203125 145.1537109375 53.3203125 150S57.2630859375 158.7890625 62.109375 158.7890625S70.8984375 154.8462890625 70.8984375 150S66.9556640625 141.2109375 62.109375 141.2109375zM150 141.2109375C145.1537109375 141.2109375 141.2109375 145.1537109375 141.2109375 150S145.1537109375 158.7890625 150 158.7890625S158.7890625 154.8462890625 158.7890625 150S154.8462890625 141.2109375 150 141.2109375zM237.890625 141.2109375C233.0443359375 141.2109375 229.1015625 145.1537109375 229.1015625 150S233.0443359375 158.7890625 237.890625 158.7890625S246.6796875 154.8462890625 246.6796875 150S242.7369140625 141.2109375 237.890625 141.2109375zM193.9453125 282.421875H282.421875V211.5234375H193.9453125z" />
+    <glyph glyph-name="111-qr-code"
+      unicode="&#xF16F;"
+      horiz-adv-x="300" d="M17.578125 282.421875H52.734375V300H0V246.6796875H17.578125zM17.578125 282.421875M300 300H246.6796875V282.421875H282.421875V246.6796875H300zM300 300M52.734375 17.578125H17.578125V52.734375H0V0H52.734375zM52.734375 17.578125M300 52.734375H282.421875V17.578125H246.6796875V0H300zM300 52.734375M123.6328125 264.2578125H35.15625V176.3671875H123.6328125zM106.0546875 193.9453125H52.734375V246.6796875H106.0546875zM106.0546875 193.9453125M70.3125 229.1015625H87.890625V211.5234375H70.3125zM70.3125 229.1015625M264.2578125 264.2578125H176.3671875V176.3671875H264.2578125zM246.6796875 193.9453125H193.9453125V246.6796875H246.6796875zM246.6796875 193.9453125M211.5234375 229.1015625H229.1015625V211.5234375H211.5234375zM211.5234375 229.1015625M35.15625 35.15625H123.6328125V123.6328125H35.15625zM52.734375 106.0546875H106.0546875V52.734375H52.734375zM52.734375 106.0546875M70.3125 88.4765625H87.890625V70.8984375H70.3125zM70.3125 88.4765625M141.2109375 106.0546875H176.3671875V123.6328125H158.7890625V158.7890625H70.3125V141.2109375H141.2109375zM141.2109375 106.0546875M35.15625 158.7890625H52.734375V141.2109375H35.15625zM35.15625 158.7890625M176.3671875 158.7890625H264.2578125V141.2109375H176.3671875zM176.3671875 158.7890625M141.2109375 264.2578125H158.7890625V211.5234375H141.2109375zM141.2109375 264.2578125M193.9453125 52.734375H158.7890625V88.4765625H141.2109375V35.15625H193.9453125zM193.9453125 52.734375M264.2578125 88.4765625H246.6796875V52.734375H211.5234375V35.15625H264.2578125zM264.2578125 88.4765625M211.5234375 106.0546875H264.2578125V123.6328125H193.9453125V88.4765625H211.5234375zM211.5234375 106.0546875M141.2109375 193.9453125H158.7890625V176.3671875H141.2109375zM141.2109375 193.9453125M211.5234375 88.4765625H229.1015625V70.8984375H211.5234375zM211.5234375 88.4765625M176.3671875 88.4765625H193.9453125V70.8984375H176.3671875zM176.3671875 88.4765625" />
+    <glyph glyph-name="112-coupon"
+      unicode="&#xF170;"
+      horiz-adv-x="300" d="M88.4765625 255.46875C88.4765625 250.6233216796875 84.5329283203125 246.6796875 79.6875 246.6796875S70.8984375 250.6233216796875 70.8984375 255.46875V264.2578125H0V35.7421875H70.8984375V44.53125C70.8984375 49.3766783203125 74.8420716796875 53.3203125 79.6875 53.3203125S88.4765625 49.3766783203125 88.4765625 44.53125V35.7421875H300V264.2578125H88.4765625zM104.5486453125 246.6796875H282.421875V53.3203125H104.5486453125C100.9208677734375 63.551330859375 91.147613671875 70.8984375 79.6875 70.8984375S58.4541322265625 63.551330859375 54.8263546875 53.3203125H17.578125V246.6796875H54.8263546875C58.4541322265625 236.448669140625 68.227386328125 229.1015625 79.6875 229.1015625S100.9208677734375 236.448669140625 104.5486453125 246.6796875zM104.5486453125 246.6796875M70.8984375 114.84375H88.4765625V79.6875H70.8984375zM70.8984375 114.84375M70.8984375 167.578125H88.4765625V132.421875H70.8984375zM70.8984375 167.578125M70.8984375 220.3125H88.4765625V185.15625H70.8984375zM70.8984375 220.3125M150 158.7890625C164.53857421875 158.7890625 176.3671875 170.61767578125 176.3671875 185.15625S164.53857421875 211.5234375 150 211.5234375S123.6328125 199.69482421875 123.6328125 185.15625S135.46142578125 158.7890625 150 158.7890625zM150 193.9453125C154.8454283203125 193.9453125 158.7890625 190.0016783203125 158.7890625 185.15625S154.8454283203125 176.3671875 150 176.3671875S141.2109375 180.3108216796875 141.2109375 185.15625S145.1545716796875 193.9453125 150 193.9453125zM150 193.9453125M193.9453125 114.84375C193.9453125 100.30517578125 205.77392578125 88.4765625 220.3125 88.4765625S246.6796875 100.30517578125 246.6796875 114.84375S234.85107421875 141.2109375 220.3125 141.2109375S193.9453125 129.38232421875 193.9453125 114.84375zM229.1015625 114.84375C229.1015625 109.9983216796875 225.1579283203125 106.0546875 220.3125 106.0546875S211.5234375 109.9983216796875 211.5234375 114.84375S215.4670716796875 123.6328125 220.3125 123.6328125S229.1015625 119.6891783203125 229.1015625 114.84375zM229.1015625 114.84375M226.5289306640625 178.9421080078125L156.2164306640625 108.6296080078125L143.788147265625 121.0578919921875L214.100647265625 191.3703919921875zM226.5289306640625 178.9421080078125" />
+    <glyph glyph-name="113-money"
+      unicode="&#xF171;"
+      horiz-adv-x="300" d="M299.8993271366399 137.8546966731898C299.263035851137 146.1701929549902 295.6718789849858 153.9995107632094 289.7873261469523 159.895578669276C282.719454224936 166.9772812133072 272.9416210478462 170.6832499021527 262.9623718315279 170.0617661448141C252.9854118732904 169.4379892367906 243.7431619620893 164.5463859099805 237.606839367989 156.6413894324854L214.2013797892242 126.489114481409C209.8411804501383 132.5044338551859 203.3752679736642 136.8846317025441 195.8931200265375 138.5358058708415C219.7723646217614 153.7816473581214 235.6453219506236 180.546722113503 235.6453219506236 210.9581395303327C235.6453219506236 258.2757463796478 197.2252121748295 296.7710371819961 150.000017578127 296.7710371819961S64.3547132056304 258.2757463796478 64.3547132056304 210.9581395303327C64.3547132056304 181.0237279843445 79.7355743830751 154.6255808219178 102.9899716394498 139.2650747553816H0V2.3162301369863H65.8836440488645V18.6582681017613H223.0819960642964L293.2503091699581 114.5295681017613C298.1712689263205 121.2558093933464 300.5333297499996 129.5392003913895 299.8993271366399 137.8546966731898zM17.5781270599368 19.9287545988258V121.6525502935421H48.3055169889278V19.9287545988258zM65.8836440488645 121.6525502935421H189.2578346786525C196.5568771355715 121.6525502935421 202.4963616206673 115.7037363992172 202.4963616206673 108.3881178082192C202.4963616206673 101.0747917808219 196.5568771355715 95.1259784735812 189.2578346786525 95.1259784735812H137.8601235773582V77.5134540117417H189.2578346786525C205.155968572965 77.5134540117417 218.2800548765689 89.6404109589041 219.90282713705 105.1476880626223L251.4816575955067 145.8284917808219C254.5692743635868 149.8050698630137 259.0347596525109 152.1694590998043 264.0564274284875 152.4836412915852C269.080384462545 152.7955297455969 273.799928179679 151.0044645792564 277.3567526199319 147.440680039139C283.4358548948267 141.3519751467711 284.1568329090038 131.8898301369863 279.07336629766 124.9457254403131L214.1739145516306 36.2707925636008H65.8836440488645zM150.0000175781271 279.1585127201565C187.532065726414 279.1585127201565 218.0671948906869 248.5636315068493 218.0671948906869 210.9581395303327C218.0671948906869 173.3526481409002 187.532065726414 142.7600600782779 150.0000175781271 142.7600600782779S81.9328402655672 173.3526481409002 81.9328402655672 210.9581395303327C81.9328402655672 248.5636315068493 112.4679694298402 279.1585127201565 150.0000175781271 279.1585127201565zM150.0000175781271 279.1585127201565M149.1829094745597 193.0497798434443C141.7831584120889 193.0497798434443 133.3282626947183 195.4577424657534 126.9859461311656 199.2118702544032L119.6823257440226 182.6519694716243C125.4478600134211 179.0881849315069 134.770218137135 176.4898790606654 144.3786790287515 175.9119681017613V165.7067941291585H157.9284853041194V176.3935602739726C172.8241169325137 178.9918661448141 180.3177094122316 188.0435113502936 180.3177094122316 198.4436154598826C180.3177094122316 223.2823203522505 143.1289843510529 216.5446121330724 143.1289843510529 224.6307792563601C143.1289843510529 226.9424230919766 145.2438521770139 228.8664998043053 151.8745601806126 228.8664998043053C157.7362245394013 228.8664998043053 163.9824104276262 227.2313782778865 170.6131184312249 223.8602313111546L177.436086613604 240.3261070450098C171.9566545261705 243.4060050880626 165.0398449265444 245.2360567514677 157.9284853041194 245.9102864970646V256.2117780821918H144.3786790287515V245.7176489236791C128.6201629242379 243.5023238747554 120.7397602429407 234.3566536203523 120.7397602429407 223.4749573385519C120.7397602429407 198.3472966731898 157.9284853041194 205.1813236790607 157.9284853041194 196.7098825831703C157.9284853041194 194.3982387475538 155.6213561275027 193.0497798434443 149.1829094745598 193.0497798434443zM149.1829094745597 193.0497798434443" />
+    <glyph glyph-name="114-podium"
+      unicode="&#xF172;"
+      horiz-adv-x="300" d="M226.171875 96.2882994140625V181.2492369140625H195.6390380859375C209.4612123046875 193.7324525390625 218.1632994140625 211.7866517578125 218.1632994140625 231.834411328125C218.1632994140625 269.42138671875 187.5869753906251 300 150 300S81.8367005859375 269.42138671875 81.8367005859375 231.834411328125C81.8367005859375 211.7866517578125 90.5387876953125 193.7324525390625 104.3609619140625 181.2492369140625H73.828125V140.0390625H0V0H300V96.2882994140625zM282.421875 17.578125H165.234375V78.7101744140625H282.421875zM91.40625 17.578125V163.6711119140625H208.59375V96.2882994140625H147.65625V17.578125zM17.578125 122.4609375H73.828125V17.578125H17.578125zM99.4148255859375 231.834411328125C99.4148255859375 259.7282408203125 122.1061705078125 282.421875 150 282.421875S200.5851744140625 259.7282408203125 200.5851744140625 231.834411328125C200.5851744140625 203.94287109375 177.8938294921875 181.2492369140625 150 181.2492369140625S99.4148255859375 203.94287109375 99.4148255859375 231.834411328125zM99.4148255859375 231.834411328125M161.9293212890625 204.3365478515625V258.1626890625H134.5550537109375V244.4755552734375H143.7812806640625V204.3365478515625zM161.9293212890625 204.3365478515625" />
+    <glyph glyph-name="115-graphic"
+      unicode="&#xF173;"
+      horiz-adv-x="300" d="M228.330230859375 300L162.288665625 195.188141015625H190.903473046875V17.5849916015625H172.7371218750001V160.0181578125H97.885894921875V17.5849916015625H80.126953125V115.0794984375H5.2734375V0H265.7569886718751V195.188141015625H294.3717955078126zM22.8584291015625 17.5849916015625V97.4967955078125H62.5419615234375V17.5849916015625zM115.468597265625 17.5849916015625V142.4331667968751H155.1544189453125V17.5849916015625zM208.4884640625001 17.5849916015625V212.77313203125H194.1513058593751L228.3302308593751 267.0135498046875L262.5091552734376 212.77313203125H248.1719970703126V17.5849916015625zM208.4884640625001 17.5849916015625" />
+    <glyph glyph-name="116-lifesaver"
+      unicode="&#xF174;"
+      horiz-adv-x="300" d="M247.265625 300C234.196471875 300 221.6880796875 295.152282421875 212.0658873046875 286.525726171875C192.8009033203125 295.346832421875 171.7414857421875 300 150 300S107.1990966796875 295.346832421875 87.9341126953125 286.525726171875C78.3119203125 295.152282421875 65.803528125 300 52.734375 300C23.6572265625 300 0 276.3427734375 0 247.265625C0 234.196471875 4.847717578125 221.6880796875 13.474273828125 212.0658873046875C4.653167578125 192.8009033203125 0 171.7414857421875 0 150S4.653167578125 107.1990966796875 13.474273828125 87.9341126953125C4.847717578125 78.3119203125 0 65.803528125 0 52.734375C0 23.6572265625 23.6572265625 0 52.734375 0C65.803528125 0 78.3119203125 4.847717578125 87.9341126953125 13.474273828125C107.1990966796875 4.653167578125 128.2585142578125 0 150 0S192.8009033203125 4.653167578125 212.0658873046875 13.474273828125C221.6880796875 4.847717578125 234.1964718750001 0 247.265625 0C276.3427734375 0 300 23.6572265625 300 52.734375C300 65.803528125 295.152282421875 78.3119203125 286.525726171875 87.9341126953125C295.3468324218751 107.1990966796875 300 128.2585142578125 300 150S295.3468324218751 192.8009033203125 286.525726171875 212.0658873046875C295.1522824218751 221.6880796875 300 234.196471875 300 247.265625C300 276.3427734375 276.3427734375 300 247.265625 300zM249.5979310546875 62.8303529296875L212.0819091796875 100.34637421875C223.4893798828125 114.4844056640625 229.6875 131.817626953125 229.6875 150S223.4893798828125 185.5155943359375 212.0819091796875 199.65362578125L249.5979310546875 237.1673583984376C270.02334609375 213.8603208984375 282.421875 183.3526611328125 282.421875 150S270.02334609375 86.1396791015625 249.5979310546875 62.8303529296875zM50.4020689453125 62.8303529296875C29.97665390625 86.1396791015625 17.578125 116.6473388671875 17.578125 150C17.578125 183.4716796875 30.068206640625 214.0777587890625 50.624084765625 237.416839453125L87.94326796875 199.6879576171875C76.5220640625 185.54306015625 70.3125 168.19610625 70.3125 150C70.3125 131.817626953125 76.5106201171875 114.4844056640625 87.9180908203125 100.34637421875zM87.890625 150C87.890625 183.6662291015625 116.3337708984375 212.109375 150 212.109375S212.109375 183.6662291015625 212.109375 150S183.6662291015625 87.890625 150 87.890625S87.890625 116.3337708984375 87.890625 150zM247.265625 282.421875C266.651916796875 282.421875 282.421875 266.651916796875 282.421875 247.265625C282.421875 240.78826875 280.629730078125 234.51690703125 277.349853515625 229.0901185546876C265.390777734375 248.1857296875 248.8838197265625 264.95361328125 229.0901185546875 277.349853515625C234.519195703125 280.629730078125 240.78826875 282.421875 247.265625 282.421875zM237.1696470703125 249.5979310546875L199.6536257812501 212.0819091796875C185.5155943359375 223.4893798828125 168.182373046875 229.6875 150 229.6875C131.8313601562501 229.6875 114.511871484375 223.49853515625 100.380706640625 212.111663671875L63.079833984375 249.8199462890625C86.35711640625 270.11261015625 116.766357421875 282.421875 150 282.421875C183.3526611328125 282.421875 213.8603208984375 270.0233460937501 237.1696470703125 249.5979310546875zM17.578125 247.265625C17.578125 266.651916796875 33.348083203125 282.421875 52.734375 282.421875C59.21173125 282.421875 65.48309296875 280.629730078125 70.9098814453125 277.349853515625C51.7753599609375 265.3678892578125 35.0212095703125 248.842620703125 22.650146484375 229.0901185546876C19.370269921875 234.51690703125 17.578125 240.78826875 17.578125 247.265625zM52.734375 17.578125C33.348083203125 17.578125 17.578125 33.348083203125 17.578125 52.734375C17.578125 59.21173125 19.370269921875 65.48309296875 22.650146484375 70.9098814453125C34.657287890625 51.7364501953125 51.1962890625 34.996032421875 70.9098814453125 22.650146484375C65.48309296875 19.370269921875 59.21173125 17.578125 52.734375 17.578125zM62.8326416015625 50.4020689453125L100.34637421875 87.9180908203125C114.4844056640625 76.5106201171875 131.817626953125 70.3125 150 70.3125S185.5155943359375 76.5106201171875 199.6536257812501 87.9180908203125L237.1673583984376 50.4020689453125C213.8603208984375 29.97665390625 183.3526611328125 17.578125 150 17.578125S86.1396791015625 29.97665390625 62.8326416015625 50.4020689453125zM282.4218750000001 52.734375C282.4218750000001 33.348083203125 266.651916796875 17.5781250000001 247.2656250000001 17.5781250000001C240.7882687500001 17.5781250000001 234.5191957031251 19.370269921875 229.0901185546876 22.6501464843751C248.2246400390626 34.6343994140626 264.9787904296876 51.157379296875 277.3498535156251 70.9098814453125C280.6297300781251 65.48309296875 282.4218750000001 59.21173125 282.4218750000001 52.734375zM282.4218750000001 52.734375" />
+    <glyph glyph-name="117-map"
+      unicode="&#xF175;"
+      horiz-adv-x="300" d="M44.53125 0H300V210.9375H276.418304296875C280.274963671875 219.30770859375 282.421875 228.97567734375 282.421875 238.4765625C282.421875 272.401428515625 254.823303515625 300 220.8984375 300S159.375 272.401428515625 159.375 238.4765625C159.375 228.973388671875 161.521911328125 219.30770859375 165.380859375 210.9375H88.4765625V220.3125C88.4765625 244.5442201171875 68.7629701171875 264.2578125 44.53125 264.2578125C20.2400208984375 264.2578125 0 244.60830703125 0 220.3125V43.9453125C0 19.6540833984375 20.23544296875 0 44.53125 0zM282.421875 17.578125H123.6328125V43.9453125C123.6328125 48.7907408203125 127.5764466796875 52.734375 132.421875 52.734375H168.1640625C182.70263671875 52.734375 194.53125 64.56298828125 194.53125 79.1015625S182.70263671875 105.46875 168.1640625 105.46875H132.421875C127.5764466796875 105.46875 123.6328125 109.4123841796875 123.6328125 114.2578125S127.5764466796875 123.046875 132.421875 123.046875H264.84375V140.625H231.385803515625L265.7112123046875 193.359375H282.421875zM220.8984375 282.421875C245.1301576171875 282.421875 264.84375 262.7082826171875 264.84375 238.4765625C264.84375 229.5684814453125 262.1955873046876 220.1820375 257.75985703125 213.3705140625L220.8984375 156.735992578125L184.03701796875 213.3705140625C179.6012876953125 220.1820375 176.953125 229.5684814453125 176.953125 238.4765625C176.953125 262.7082826171875 196.6667173828125 282.421875 220.8984375 282.421875zM44.53125 246.6796875C59.06982421875 246.6796875 70.8984375 234.85107421875 70.8984375 220.3125V79.078674609375C63.5490416015625 84.608459765625 54.416656640625 87.890625 44.53125 87.890625C34.7099302734375 87.890625 25.328063671875 84.6954345703125 17.578125 78.8177490234375V220.3125C17.578125 234.6061705078125 29.921722265625 246.6796875 44.53125 246.6796875zM44.53125 70.3125C59.06982421875 70.3125 70.8984375 58.48388671875 70.8984375 43.9453125H88.4765625V193.359375H176.087951953125L210.411071484375 140.625H132.421875C117.88330078125 140.625 106.0546875 128.79638671875 106.0546875 114.2578125S117.88330078125 87.890625 132.421875 87.890625H168.1640625C173.0094908203125 87.890625 176.953125 83.9469908203125 176.953125 79.1015625S173.0094908203125 70.3125 168.1640625 70.3125H132.421875C117.88330078125 70.3125 106.0546875 58.48388671875 106.0546875 43.9453125V17.578125H44.53125C29.921722265625 17.578125 17.578125 29.6516419921875 17.578125 43.9453125S29.921722265625 70.3125 44.53125 70.3125zM44.53125 70.3125M220.8984375 212.109375C235.43701171875 212.109375 247.265625 223.93798828125 247.265625 238.4765625S235.43701171875 264.84375 220.8984375 264.84375S194.53125 253.01513671875 194.53125 238.4765625S206.35986328125 212.109375 220.8984375 212.109375zM220.8984375 247.265625C225.7438658203125 247.265625 229.6875 243.3219908203125 229.6875 238.4765625S225.7438658203125 229.6875 220.8984375 229.6875S212.109375 233.6311341796875 212.109375 238.4765625S216.0530091796875 247.265625 220.8984375 247.265625zM220.8984375 247.265625M212.109375 105.46875H229.6875V87.890625H212.109375zM212.109375 105.46875M247.265625 70.3125H264.84375V52.734375H247.265625zM247.265625 70.3125M194.53125 52.734375H212.109375V35.15625H194.53125zM194.53125 52.734375" />
+    <glyph glyph-name="118-suit"
+      unicode="&#xF176;"
+      horiz-adv-x="300" d="M208.1453467712649 299.9466986344698H91.8540674994436L73.1599314306243 262.5584264968312L0 225.8255854364269L37.1088792655736 0.0533013655302H262.8905350051349L299.9994142707085 225.8255854364269L226.8400685693758 262.5584264968312L208.1453467712649 299.9466986344698zM140.0584167346764 176.9435474108813H159.9415832653237L175.9542506374687 63.7859198488037L149.9994142707085 27.19013944262L124.0445779039482 63.7859198488037L140.0584167346764 176.9435474108813zM163.9327426578833 194.5154261571082H136.0672573421167L127.2813179690032 203.3013655302217L150 226.0200475612185L150 226.0200475612185L150 226.0200475612185L172.7186820309968 203.3013655302217L163.9327426578833 194.5154261571082zM150 250.8707842134242L118.4953785958898 282.3754056175344H181.5046214041103L150 250.8707842134242zM183.7778367845805 217.0923616995521L162.4250754614571 238.4457087519671L200.3082888504477 276.3295078702493L210.1485409483348 256.6490036744752L183.7778367845805 217.0923616995521zM99.6911254202608 276.3289221409578L137.5743388092514 238.4451230226756L116.2209917568365 217.0917759702606L89.8508733223737 256.6484179451836L99.6911254202608 276.3289221409578zM19.4356693519101 215.9214888457619L76.7117938545283 244.6796256018369L108.0289818853455 197.7047221495484L123.1150255182728 182.6186785166211L105.6679071111441 59.3244198351368L135.241379041044 17.6257658410487H52.0285757797033L19.4356693519101 215.9214888457619zM268.2851017802266 141.2140606268866H246.6453331042481V158.7859393731135H229.0734543580212V141.2140606268866H211.5015756117943V123.6421818806596H265.3968706436384L247.9714242202967 17.6251801117572H164.7592066882475L194.3326786181475 59.3238341058452L176.8849744817272 182.617507058038L191.9716038439461 197.7035506909653L223.2882061454717 244.6784541432538L280.56433064809 215.9214888457619L268.2851017802266 141.2140606268866z" />
+    <glyph glyph-name="119-calculator"
+      unicode="&#xF177;"
+      horiz-adv-x="300" d="M0 0H300V300H0V0zM17.578125 141.2109375H141.2109375V17.578125H17.578125V141.2109375zM158.7890625 17.578125V141.2109375H282.421875V17.578125H158.7890625zM282.421875 158.7890625H158.7890625V282.421875H282.421875V158.7890625zM141.2109375 282.421875V158.7890625H17.578125V282.421875H141.2109375zM70.8984375 176.3671875L88.4765625 176.3671875L88.4765625 211.5234375L123.6328125 211.5234375L123.6328125 229.1015625L88.4765625 229.1015625L88.4765625 264.84375L70.8984375 264.84375L70.8984375 229.1015625L35.15625 229.1015625L35.15625 211.5234375L70.8984375 211.5234375zM116.9765625 104.546484375L104.5470703125 116.9765625L79.6875 92.1169921875L54.8279296875 116.9765625L42.3984375 104.546484375L67.2580078125 79.6875L42.3984375 54.828515625L54.8279296875 42.3984375L79.6875 67.2580078125L104.5470703125 42.3984375L116.9765625 54.828515625L92.1169921875 79.6875zM176.3671875 229.1015625H264.84375V211.5234375H176.3671875V229.1015625zM176.3671875 88.4765625H264.84375V70.8984375H176.3671875V88.4765625zM211.5234375 123.6328125H229.1015625V106.0546875H211.5234375V123.6328125zM211.5234375 53.3203125H229.1015625V35.7421875H211.5234375V53.3203125z" />
+    <glyph glyph-name="120-id-card"
+      unicode="&#xF178;"
+      horiz-adv-x="300" d="M185.63232421875 212.6953125L192.626953125 233.67919921875L260.7421875 284.765625L250.1953125 298.828125L182.2265625 247.8515625H117.7734375L49.8046875 298.828125L39.2578125 284.765625L107.373046875 233.67919921875L114.36767578125 212.6953125H0V1.7578125H300V212.6953125zM172.96142578125 230.2734375L159.8968505859375 191.075133984375L150 181.18057265625L140.1031494140625 191.075133984375L127.03857421875 230.2734375zM282.421875 19.3359375H17.578125V195.1171875H120.22705078125L124.7406005859375 181.581116015625L150 156.31942734375L175.2593994140625 181.581116015625L179.77294921875 195.1171875H282.421875zM282.421875 19.3359375M123.6328125 124.8046875C123.6328125 144.190979296875 107.862854296875 159.9609375 88.4765625 159.9609375S53.3203125 144.190979296875 53.3203125 124.8046875S69.090270703125 89.6484375 88.4765625 89.6484375S123.6328125 105.418395703125 123.6328125 124.8046875zM88.4765625 107.2265625C78.7834166015625 107.2265625 70.8984375 115.1115416015625 70.8984375 124.8046875S78.7834166015625 142.3828125 88.4765625 142.3828125S106.0546875 134.4978333984375 106.0546875 124.8046875S98.1697083984375 107.2265625 88.4765625 107.2265625zM88.4765625 107.2265625M97.265625 89.6484375H79.6875C55.4557798828125 89.6484375 35.7421875 69.9348451171875 35.7421875 45.703125V36.9140625H141.2109375V45.703125C141.2109375 69.9348451171875 121.4973451171875 89.6484375 97.265625 89.6484375zM54.8263546875 54.4921875C58.4541322265625 64.723205859375 68.227386328125 72.0703125 79.6875 72.0703125H97.265625C108.725738671875 72.0703125 118.4989927734375 64.723205859375 122.1267703125 54.4921875zM54.8263546875 54.4921875M158.7890625 142.3828125H264.2578125V124.8046875H158.7890625zM158.7890625 142.3828125M158.7890625 107.2265625H264.2578125V89.6484375H158.7890625zM158.7890625 107.2265625M167.578125 72.0703125H185.15625V54.4921875H167.578125zM167.578125 72.0703125M202.734375 72.0703125H220.3125V54.4921875H202.734375zM202.734375 72.0703125M237.890625 72.0703125H255.46875V54.4921875H237.890625zM237.890625 72.0703125" />
+    <glyph glyph-name="121-investor"
+      unicode="&#xF179;"
+      horiz-adv-x="300" d="M171.034241015625 220.9098814453125C169.322204296875 222.4090576171875 167.2554017578125 223.7113951171875 164.8406982421875 224.8123171875C162.4214173828125 225.913238671875 159.7137451171875 226.922607421875 156.7131041015625 227.842712109375C154.815673828125 228.4515380859375 153.115081640625 228.973388671875 151.6227720703125 229.4013978515625C150.1213072265625 229.8271177734375 148.851012890625 230.2734375 147.8141783203125 230.731201171875C146.7704771484375 231.1935421875 145.973968359375 231.6970828125 145.42236328125 232.248687890625C144.870758203125 232.798004296875 144.5961 233.5029603515625 144.5961 234.356689453125C144.5961 235.5171205078125 145.07217421875 236.3433837890625 146.0197447265625 236.8354798828125C146.9696044921875 237.327575390625 148.2353208984375 237.574768359375 149.8283384765625 237.574768359375C151.7852783203125 237.574768359375 153.790283203125 237.25204453125 155.841064453125 236.606598046875C157.891845703125 235.963440234375 159.743499609375 235.276794140625 161.3960267578125 234.544372265625C163.352966015625 233.6837765625 165.250396875 232.704162890625 167.0906068359375 231.6032408203125L174.8016357421875 246.38671875C173.329925390625 247.119140625 171.677398828125 247.8973388671875 169.84405546875 248.7236021484375C168.003844921875 249.549866015625 166.0308837890625 250.318908984375 163.92059296875 251.02157578125C162.320709375 251.5548703125 160.6681822265625 252.0172119140625 158.974456640625 252.410888671875V264.585113671875H141.396331640625V252.099609375C141.3162234375 252.081298828125 141.2384033203125 252.0538330078125 141.156005859375 252.028655859375C138.24462890625 251.0810853515625 135.660553125 249.684905859375 133.3992005859375 247.8515625C131.1309814453125 246.018219140625 129.343414453125 243.7202455078125 128.025055078125 240.966796875C126.71356171875 238.2133482421875 126.0566712890625 235.031891015625 126.0566712890625 231.422424609375C126.0566712890625 229.030608984375 126.3748171875 226.922607421875 127.017975 225.086975390625C127.663421484375 223.2490541015625 128.652191015625 221.612548828125 130.00030546875 220.1774595703125C131.3484193359375 218.735504296875 133.06045546875 217.453766015625 135.1387025390625 216.323089453125C137.21923828125 215.185546875 139.6980287109375 214.1304017578125 142.58193984375 213.153076171875C144.5388796875 212.477874609375 146.39053359375 211.8988037109375 148.130035546875 211.4067076171875C149.876403515625 210.919189453125 151.4236453125001 210.427093359375 152.769469921875 209.9418638671875C154.1130064453125 209.449768359375 155.165862890625 208.88671875 155.934905859375 208.241272265625C156.6970828125001 207.5981138671875 157.08389296875 206.817626953125 157.08389296875 205.90438828125C157.08389296875 205.043792578125 156.6970828125001 204.3571470703125 155.934905859375 203.835296484375C155.165862890625 203.3134458984375 153.806305078125 203.0570982421875 151.849365234375 203.0570982421875C149.2790220703125 203.0570982421875 146.7521666015625 203.4210205078125 144.2733761718751 204.1580203125C141.794586328125 204.8904421875 139.581298828125 205.71670546875 137.624358984375 206.63681015625C135.2920535156251 207.6736453125 133.06045546875 208.868408203125 130.92041015625 210.2165220703125L123.20938125 194.5198060546875C125.16632109375 193.3525083984375 127.292633203125 192.315673828125 129.5906068359375 191.395569140625C131.8817138671875 190.4754638671875 134.271240234375 189.6858216796875 136.7500306640625 189.0106201171875C138.2926939453125 188.5894775390625 139.8445130859375 188.232421875 141.396331640625 187.9325865234375V175.323486328125H158.974456640625V187.628173828125C159.4917298828125 187.722015234375 160.0067138671875 187.8341671875 160.5216978515625 187.957763671875C163.492584375 188.6604310546875 166.152191015625 189.8025515625 168.50967421875 191.395569140625C170.8648681640625 192.990875390625 172.7622984375 195.1171875 174.204254296875 197.776794140625C175.63934296875 200.4364013671875 176.3603208984375 203.7300111328125 176.3603208984375 207.643890234375C176.3603208984375 210.704040234375 175.9025572265625 213.304137890625 174.9824525390625 215.4487611328125C174.062347265625 217.588805859375 172.743987890625 219.410705859375 171.0342410156251 220.9098814453125zM171.034241015625 220.9098814453125M199.820709375 158.665466015625C199.822998046875 158.6677552734375 199.82528671875 158.6700439453125 199.827575390625 158.6723326171875C217.966461328125 173.23837265625 229.5982359375 195.5863951171875 229.5982359375 220.60546875C229.5982359375 264.381408984375 193.979644921875 300 150.2037046875 300C106.4277650390625 300 70.8091734375 264.381408984375 70.8091734375 220.60546875C70.8091734375 195.5863951171875 82.4409486328125 173.23837265625 100.579833984375 158.6723326171875C100.58212265625 158.6700439453125 100.584411328125 158.6677552734375 100.5889892578125 158.665466015625C61.8782044921875 156.479644921875 31.0546875 124.3011474609375 31.0546875 85.052490234375V0H48.6328125V85.052490234375C48.6328125 116.02020234375 73.82354765625 141.2109375 104.791259765625 141.2109375H112.083434765625L131.0554505859375 114.8551939453125L115.72723359375 37.3603822265625L150.2037046875 4.92782578125L184.68017578125 37.3603822265625L169.3473814453125 114.89639296875V114.898681640625L188.287353515625 141.2109375H195.6184388671875C226.5838623046875 141.2109375 251.774596875 116.02020234375 251.774596875 85.052490234375V0H269.352721875V85.052490234375C269.352721875 124.3011474609375 238.52920546875 156.479644921875 199.820709375 158.665466015625zM150.2037046875 29.05654921875L134.857177734375 43.4989927734375L147.637939453125 108.10546875H152.769469921875L165.550231640625 43.4989927734375zM155.4519656250001 125.68359375H144.9188232421875L133.742523046875 141.2109375H166.628265234375zM150.2037046875 158.7890625C116.1209109375 158.7890625 88.3872984375 186.5203857421875 88.3872984375 220.60546875S116.1209109375 282.421875 150.2037046875 282.421875C184.2887876953125 282.421875 212.0201109375 254.6905517578125 212.0201109375 220.60546875S184.2887876953125 158.7890625 150.2037046875 158.7890625zM150.2037046875 158.7890625M83.7890625 75H101.3671875V0H83.7890625zM83.7890625 75M199.040221875 75H216.618346875V0H199.040221875zM199.040221875 75" />
+    <glyph glyph-name="122-project"
+      unicode="&#xF17A;"
+      horiz-adv-x="300" d="M140.09170546875 141.23153671875L117.9290771484375 165.660094921875L104.9102783203125 153.8497921875L138.8923646484375 116.3909912109375L193.215179296875 165.7539369140625L181.3934326171875 178.76358046875zM140.09170546875 141.23153671875M300 114.035797265625V185.964202734375L272.316741796875 190.2008056640625C270.302581640625 196.339416796875 267.8283691406251 202.317809765625 264.9238587890626 208.0718994140625L281.4971923828125 230.63507109375L230.63507109375 281.4971923828125L208.0696107421875 264.9238587890626C202.317809765625 267.8306578125 196.339416796875 270.302581640625 190.2008056640625 272.316741796875L185.964202734375 300H114.035797265625L109.7991943359375 272.314453125C103.660583203125 270.302581640625 97.682190234375 267.828369140625 91.9281005859375 264.9215695312501L69.36492890625 281.4971923828125L18.5028076171875 230.63507109375L35.0761412109375 208.0696107421875C32.1693421875 202.317809765625 29.697418359375 196.339416796875 27.683258203125 190.2008056640625L0 185.964202734375V114.035797265625L27.685546875 109.7991943359375C29.697418359375 103.660583203125 32.171630859375 97.682190234375 35.07843046875 91.9281005859375L18.5028076171875 69.36492890625L69.36492890625 18.5028076171875L91.9303892578125 35.0761412109375C97.682190234375 32.1716308593751 103.660583203125 29.697418359375 109.7991943359375 27.683258203125L114.035797265625 0H185.964202734375L190.2008056640625 27.685546875C196.339416796875 29.697418359375 202.317809765625 32.1693421875 208.0696107421875 35.07843046875L230.63507109375 18.5028076171875L281.4971923828125 69.36492890625L264.9238587890625 91.9303892578125C267.828369140625 97.682190234375 270.302581640625 103.660583203125 272.316741796875 109.7991943359375zM258.5746763671875 125.4776003906251L257.048034375 120.0119015625001C254.660797265625 111.45401015625 251.2481689453125 103.2051087890625 246.9062806640625 95.4963685546875L244.1230775390625 90.5525208984375L258.39386015625 71.12274140625L228.8772585937501 41.603851171875L209.4451904296875 55.8769224609375L204.5013427734375 53.0937193359375C196.7926025390625 48.7495423828125 188.543701171875 45.339202734375 179.9880984375001 42.9496763671875L174.5223996093751 41.4253236328125L170.871734765625 17.575836328125H129.1282652343751L125.4776003906251 41.4253236328125L120.0119015625001 42.9496763671875C111.4540101562501 45.339202734375 103.2051087890626 48.7518310546875 95.4963685546876 53.0937193359375L90.5525208984376 55.8769224609375L71.1204527343751 41.603851171875L41.6038511718751 71.12274140625L55.8769224609376 90.5525208984375L53.0914306640626 95.4963685546875C48.7518310546876 103.2051087890625 45.3392027343751 111.45401015625 42.9496763671876 120.0119015625001L41.4230343750001 125.4776003906251L17.5781250000001 129.128265234375V170.871734765625L41.4253236328126 174.522399609375L42.9519656250001 179.9880984375C45.3392027343751 188.543701171875 48.7518310546876 196.7926025390625 53.0937193359376 204.5036314453125L55.8769224609376 209.4451904296875L41.6061398437501 228.87725859375L71.1227414062501 258.39386015625L90.5548095703126 244.1230775390625L95.4986572265626 246.9062806640625C103.2073974609376 251.2481689453125 111.4562988281251 254.660797265625 120.0119015625001 257.0480343750001L125.4798890625001 258.5746763671875L129.1282652343751 282.421875H170.871734765625L174.5223996093751 258.5746763671875L179.9880984375001 257.0480343750001C188.54598984375 254.660797265625 196.7926025390625 251.2481689453125 204.5036314453125 246.9062806640625L209.4474791015625 244.1230775390625L228.8772585937501 258.39386015625L258.3961488281251 228.87725859375L244.1230775390626 209.4451904296875L246.9085693359376 204.5036314453125C251.2481689453126 196.7926025390625 254.6607972656251 188.54598984375 257.0503236328126 179.9880984375L258.5746763671876 174.522399609375L282.4241636718751 170.871734765625V129.128265234375zM258.5746763671875 125.4776003906251M150 236.71875C102.1842955078125 236.71875 63.28125 197.8157044921875 63.28125 150S102.1842955078125 63.28125 150 63.28125S236.71875 102.1842955078125 236.71875 150S197.8157044921875 236.71875 150 236.71875zM150 80.859375C111.875152734375 80.859375 80.859375 111.875152734375 80.859375 150S111.875152734375 219.140625 150 219.140625S219.140625 188.124847265625 219.140625 150S188.124847265625 80.859375 150 80.859375zM150 80.859375" />
+    <glyph glyph-name="123-briefcase"
+      unicode="&#xF17B;"
+      horiz-adv-x="300" d="M210.3515625 247.2381591796875V282.421875H89.6484375V247.2381591796875H0V17.6078794921875H300V247.2381591796875zM107.2265625 264.84375H192.7734375V247.2381591796875H107.2265625zM282.421875 35.1837158203125H17.578125V137.8120423828125C32.725524609375 118.482971484375 56.2797544921875 106.040954296875 82.6835630859375 106.040954296875H111.891174609375V88.4490966796875H188.108825390625V106.040954296875H217.3164369140625C243.7202455078125 106.040954296875 267.274475390625 118.482971484375 282.421875 137.8120423828125zM129.469299609375 106.0272216796875V123.6328125H170.530700390625V106.0272216796875zM217.3164369140625 123.619079296875H188.108825390625V141.2109375H111.891174609375V123.619079296875H82.6835630859375C46.7857359375 123.619079296875 17.578125 152.8244015625 17.578125 188.72451796875V229.6577455078125H282.421875V188.72451796875C282.421875 152.8244015625 253.2142640625 123.619079296875 217.3164369140625 123.619079296875zM217.3164369140625 123.619079296875" />
+    <glyph glyph-name="124-coin"
+      unicode="&#xF17C;"
+      horiz-adv-x="300" d="M145.6375125 188.3377078125H154.3624875C162.5083921875 188.3377078125 169.13681015625 181.70928984375 169.13681015625 173.56338515625H186.71493515625C186.71493515625 189.898681640625 174.5407101562501 203.4393310546875 158.7890625 205.604553515625V223.51455703125H141.2109375V205.604553515625C125.45928984375 203.4370423828125 113.28506484375 189.898681640625 113.28506484375 173.56338515625C113.28506484375 155.7243345703125 127.7984619140625 141.2109375 145.6375125 141.2109375H154.3624875C162.5083921875 141.2109375 169.13681015625 134.58251953125 169.13681015625 126.43661484375S162.5083921875 111.6622921875 154.3624875000001 111.6622921875H145.6375125000001C137.4916078125 111.6622921875 130.86318984375 118.2907101562501 130.86318984375 126.43661484375H113.28506484375C113.28506484375 110.101318359375 125.45928984375 96.5606689453125 141.2109375 94.395446484375V76.48544296875H158.7890625V94.395446484375C174.5407101562501 96.5629576171876 186.71493515625 110.101318359375 186.71493515625 126.43661484375C186.71493515625 144.2756654296875 172.2015380859375 158.7890625 154.3624875000001 158.7890625H145.6375125000001C137.4916078125 158.7890625 130.86318984375 165.41748046875 130.86318984375 173.56338515625S137.4916078125 188.3377078125 145.6375125000001 188.3377078125zM145.6375125 188.3377078125M256.0661314453125 256.0661314453125C227.7351380859375 284.397125390625 190.065765234375 300 150 300S72.2648619140625 284.397125390625 43.9338685546875 256.0661314453125C15.602874609375 227.7351380859375 0 190.065765234375 0 150S15.602874609375 72.2648619140625 43.9338685546875 43.9338685546875C72.2648619140625 15.602874609375 109.934234765625 0 150 0S227.7351380859375 15.602874609375 256.0661314453125 43.9338685546875C284.397125390625 72.2648619140625 300 109.934234765625 300 150S284.397125390625 227.7351380859375 256.0661314453125 256.0661314453125zM243.635559375 56.364440625C218.625641015625 31.35223359375 185.37139921875 17.5781249999999 150 17.5781249999999S81.374358984375 31.35223359375 56.364440625 56.364440625C31.35223359375 81.374358984375 17.578125 114.62860078125 17.578125 150S31.35223359375 218.625641015625 56.364440625 243.635559375C81.374358984375 268.64776640625 114.62860078125 282.421875 150 282.421875S218.625641015625 268.64776640625 243.635559375 243.635559375C268.64776640625 218.625641015625 282.421875 185.37139921875 282.421875 150S268.64776640625 81.374358984375 243.635559375 56.364440625zM243.635559375 56.364440625M150 264.84375C86.6752623046875 264.84375 35.15625 213.3247376953125 35.15625 150S86.6752623046875 35.15625 150 35.15625S264.84375 86.6752623046875 264.84375 150S213.3247376953125 264.84375 150 264.84375zM150 52.734375C96.368408203125 52.734375 52.734375 96.368408203125 52.734375 150S96.368408203125 247.265625 150 247.265625S247.265625 203.631591796875 247.265625 150S203.631591796875 52.734375 150 52.734375zM150 52.734375" />
+    <glyph glyph-name="125-time-1"
+      unicode="&#xF17D;"
+      horiz-adv-x="300" d="M282.421875 264.2578125H264.84375V247.6066587890625C236.279296875 280.3642271484375 194.0505984375 300 150 300C67.442321484375 300 0 232.635498046875 0 150H17.578125C17.578125 223.01788359375 76.98211640625 282.421875 150 282.421875C191.761780078125 282.421875 232.28759765625 261.9049072265625 257.2334291015625 229.1015625H229.6875V211.5234375H282.421875zM282.421875 264.2578125M150 17.578125C107.846832421875 17.578125 68.247985546875 37.6739501953125 43.288421484375 70.8984375H70.8984375V88.4765625H18.1640625V35.7421875H35.7421875V52.3384095703125C64.4096373046875 19.333648828125 106.3362123046875 0 150 0C232.59658828125 0 300 67.4079896484375 300 150H282.421875C282.421875 76.98211640625 223.01788359375 17.578125 150 17.578125zM150 17.578125M150 246.6796875C96.6911314453125 246.6796875 53.3203125 203.3088685546875 53.3203125 150S96.6911314453125 53.3203125 150 53.3203125C203.631591796875 53.3203125 247.265625 96.6911314453125 247.265625 150S203.631591796875 246.6796875 150 246.6796875zM150 70.8984375C106.38427734375 70.8984375 70.8984375 106.38427734375 70.8984375 150S106.38427734375 229.1015625 150 229.1015625C193.94073515625 229.1015625 229.6875 193.61572265625 229.6875 150S193.94073515625 70.8984375 150 70.8984375zM150 70.8984375M158.7890625 211.5234375H141.2109375V141.2109375H194.53125V158.7890625H158.7890625zM158.7890625 211.5234375" />
+    <glyph glyph-name="126-placeholder"
+      unicode="&#xF17E;"
+      horiz-adv-x="300" d="M264.2578125 185.7421875C264.2578125 248.744201953125 213.002014453125 300 150 300S35.7421875 248.744201953125 35.7421875 185.7421875C35.7421875 160.823821875 43.6225892578125 137.143707421875 58.5319517578125 117.258453515625L132.529449609375 17.578125H70.8984375V0H229.1015625V17.578125H167.6216126953125L240.7035826171875 116.2513734375C256.1119078125 136.3357546875 264.2578125 160.36376953125 264.2578125 185.7421875zM150.0801087890625 23.4260560546875L72.6310728515625 127.7572628906251L72.60360703125 127.7915953125001C59.98992890625 144.6121218750001 53.3203125 164.6507261718751 53.3203125 185.7421875000001C53.3203125 239.0510560546876 96.6911314453125 282.4218750000001 150 282.4218750000001S246.6796875 239.0510560546876 246.6796875 185.7421875000001C246.6796875 164.2456054687501 239.776611328125 143.8980105468751 226.718902734375 126.9012451171876zM150.0801087890625 23.4260560546875M150 264.84375C106.38427734375 264.84375 70.8984375 229.35791015625 70.8984375 185.7421875S106.38427734375 106.640625 150 106.640625S229.1015625 142.12646484375 229.1015625 185.7421875S193.61572265625 264.84375 150 264.84375zM150 124.21875C116.075133984375 124.21875 88.4765625 151.817321484375 88.4765625 185.7421875S116.075133984375 247.265625 150 247.265625S211.5234375 219.667053515625 211.5234375 185.7421875S183.924866015625 124.21875 150 124.21875zM150 124.21875M141.2109375 171.80557265625L121.0578919921875 191.9563294921875L108.6296080078125 179.5280455078125L141.2109375 146.94442734375L191.3703919921875 197.1061705078125L178.9421080078125 209.5344544921875zM141.2109375 171.80557265625" />
+    <glyph glyph-name="127-money-1"
+      unicode="&#xF17F;"
+      horiz-adv-x="300" d="M18.1640625 300V141.796875H53.3203125V113.818359375C53.3203125 101.6326171875 56.893359375 89.83125 63.6533203125 79.691015625L80.84296875 53.90625H70.8984375V0H211.5234375V53.90625H201.57890625L218.769140625 79.691015625C225.528515625 89.83125 229.1015625 101.6326171875 229.1015625 113.818359375V141.796875H281.8359375V300H18.1640625zM264.2578125 282.421875V266.35546875C256.77890625 269.0080078125 250.8439453125 274.94296875 248.19140625 282.421875H264.2578125zM35.7421875 282.421875H51.80859375C49.1560546875 274.94296875 43.22109375 269.0080078125 35.7421875 266.35546875V282.421875zM35.7421875 159.375V175.44140625C43.22109375 172.7888671875 49.1560546875 166.85390625 51.80859375 159.375H35.7421875zM193.9453125 17.578125H88.4765625V36.328125H193.9453125V17.578125zM211.5234375 113.818359375C211.5234375 105.1142578125 208.9716796875 96.684375 204.14296875 89.4416015625L180.4529296875 53.90625H101.9689453125L78.27890625 89.4416015625C73.4501953125 96.684375 70.8984375 105.1142578125 70.8984375 113.818359375V210.603515625C81.1294921875 206.9759765625 88.4765625 197.2013671875 88.4765625 185.7427734375L88.4759765625 141.7974609375H97.265625C112.5380859375 141.7974609375 123.521484375 136.36171875 130.8416015625 125.178515625C137.6255859375 114.815625 141.2109375 99.2876953125 141.2109375 80.2734375H158.7890625C158.7890625 103.0376953125 154.3341796875 121.38515625 145.5486328125 134.80546875C143.900390625 137.3232421875 142.1009765625 139.6541015625 140.1568359375 141.796875H211.5234375V113.818359375zM264.2578125 159.375H248.19140625C250.8439453125 166.85390625 256.77890625 172.7888671875 264.2578125 175.44140625V159.375zM264.2583984375 193.646484375C247.0640625 190.1431640625 233.490234375 176.56875 229.9857421875 159.375H106.0541015625L106.0546875 185.7421875C106.0546875 209.9736328125 86.3408203125 229.6875 62.109375 229.6875H53.3203125V185.7181640625C48.2080078125 189.56484375 42.233203125 192.3240234375 35.7421875 193.6470703125V248.1498046875C52.9359375 251.6537109375 66.509765625 265.228125 70.0142578125 282.421875H229.986328125C233.490234375 265.228125 247.0646484375 251.6537109375 264.2583984375 248.1498046875V193.646484375zM150 264.84375C125.7685546875 264.84375 106.0546875 245.1298828125 106.0546875 220.8984375S125.7685546875 176.953125 150 176.953125S193.9453125 196.6669921875 193.9453125 220.8984375S174.2314453125 264.84375 150 264.84375zM150 194.53125C135.4611328125 194.53125 123.6328125 206.3595703125 123.6328125 220.8984375S135.4611328125 247.265625 150 247.265625S176.3671875 235.4373046875 176.3671875 220.8984375S164.5388671875 194.53125 150 194.53125zM211.5234375 229.6875H229.1015625V212.109375H211.5234375V229.6875z" />
+    <glyph glyph-name="128-voucher"
+      unicode="&#xF180;"
+      horiz-adv-x="300" d="M62.109375 202.734375C57.2630859375 202.734375 53.3203125 206.6771484375 53.3203125 211.5234375S57.2630859375 220.3125 62.109375 220.3125S70.8984375 216.3697265625 70.8984375 211.5234375H88.4765625C88.4765625 222.9814453125 81.1283203125 232.75078125 70.8984375 236.37890625V255.46875H53.3203125V236.37890625C43.0904296875 232.75078125 35.7421875 222.9814453125 35.7421875 211.5234375C35.7421875 196.9845703125 47.5705078125 185.15625 62.109375 185.15625C66.9556640625 185.15625 70.8984375 181.2134765625 70.8984375 176.3671875S66.9556640625 167.578125 62.109375 167.578125S53.3203125 171.5208984375 53.3203125 176.3671875H35.7421875C35.7421875 164.9091796875 43.0904296875 155.13984375 53.3203125 151.51171875V132.421875H70.8984375V151.51171875C81.1283203125 155.13984375 88.4765625 164.9091796875 88.4765625 176.3671875C88.4765625 190.9060546875 76.6482421875 202.734375 62.109375 202.734375zM300 97.265625V290.625H0V97.265625H96.101953125C97.3810546875 90.93515625 99.6626953125 84.6796875 102.9533203125 78.7236328125L91.8720703125 63.209765625C85.6435546875 73.0986328125 74.634375 79.6875 62.109375 79.6875C42.72421875 79.6875 26.953125 63.91640625 26.953125 44.53125S42.72421875 9.375 62.109375 9.375C79.9986328125 9.375 94.798828125 22.8087890625 96.978515625 40.1162109375L114.84375 65.1275390625L132.708984375 40.1162109375C134.888671875 22.8087890625 149.6888671875 9.375 167.578125 9.375C186.96328125 9.375 202.734375 25.14609375 202.734375 44.53125S186.96328125 79.6875 167.578125 79.6875C155.053125 79.6875 144.0439453125 73.0986328125 137.8154296875 63.209765625L125.6443359375 80.248828125L137.799609375 97.265625H300zM62.109375 26.953125C52.416796875 26.953125 44.53125 34.838671875 44.53125 44.53125S52.416796875 62.109375 62.109375 62.109375S79.6875 54.223828125 79.6875 44.53125S71.801953125 26.953125 62.109375 26.953125zM167.578125 62.109375C177.270703125 62.109375 185.15625 54.223828125 185.15625 44.53125S177.270703125 26.953125 167.578125 26.953125S150 34.838671875 150 44.53125S157.885546875 62.109375 167.578125 62.109375zM106.0546875 143.555859375L105.493359375 142.76953125C99.50859375 134.390625 96.065625 124.78359375 95.1416015625 114.84375H17.578125V273.046875H106.0546875V255.46875H123.6328125V273.046875H282.421875V114.84375H150.355078125L168.18046875 139.798828125C175.0037109375 149.3507812500001 177.697265625 160.9880859375 175.7654296875 172.566796875C173.83359375 184.1455078125 167.508984375 194.278125 157.9546875 201.0984375L150.8033203125 206.2037109375L123.6328125 168.165234375V185.15625H106.0546875V143.555859375zM114.795703125 95.302734375C110.5154296875 108.16875 112.161328125 121.8626953125 119.797265625 132.5525390625L154.0259765625 180.472265625C156.258984375 177.290625 157.7689453125 173.62265625 158.4275390625 169.674609375C159.5865234375 162.7283203125 157.969921875 155.7462890625 153.8765625 150.0158203125L114.795703125 95.302734375zM106.0546875 237.890625H123.6328125V202.734375H106.0546875V237.890625zM193.9453125 255.46875H264.2578125V237.890625H193.9453125V255.46875zM193.9453125 220.3125H264.2578125V202.734375H193.9453125V220.3125zM193.9453125 185.15625H264.2578125V167.578125H193.9453125V185.15625zM193.9453125 150H264.2578125V132.421875H193.9453125V150z" />
+    <glyph glyph-name="129-money-2"
+      unicode="&#xF181;"
+      horiz-adv-x="300" d="M0 281.1802734375V193.2333984375H52.7765625V18.819140625H247.2234375V193.233984375H300V281.1802734375H0zM70.3546875 36.397265625V62.6548828125C83.22890625 59.424609375 93.3826171875 49.271484375 96.6123046875 36.397265625H70.3546875zM229.6453125 36.3978515625H203.3876953125C206.61796875 49.2720703125 216.77109375 59.4251953125 229.6453125 62.65546875V36.3978515625zM229.6453125 80.5962890625C207.05625 76.862109375 189.18046875 58.986328125 185.4462890625 36.3978515625H114.5537109375C110.81953125 58.986328125 92.94375 76.862109375 70.3546875 80.5962890625V228.4177734375H229.6453125V80.5962890625zM282.421875 210.812109375H247.2234375V228.418359375H264.82265625V245.996484375H35.17734375V228.418359375H52.7765625V210.812109375H17.578125V263.6021484375H282.421875V210.812109375zM150 210.812109375C119.152734375 210.812109375 94.05703125 185.7158203125 94.05703125 154.869140625S119.152734375 98.9255859375 150 98.9255859375S205.94296875 124.021875 205.94296875 154.8685546875S180.847265625 210.812109375 150 210.812109375zM150 116.5037109375C128.8453125 116.5037109375 111.63515625 133.714453125 111.63515625 154.8685546875S128.8453125 193.233984375 150 193.233984375S188.36484375 176.0232421875 188.36484375 154.869140625C188.36484375 133.7150390625 171.1546875 116.5037109375 150 116.5037109375z" />
+    <glyph glyph-name="130-money-3"
+      unicode="&#xF182;"
+      horiz-adv-x="300" d="M0 288.198046875V123.760546875H300V288.198046875H0zM17.578125 270.619921875H47.473828125C44.1064453125 255.7916015625 32.4064453125 244.0921875 17.578125 240.7236328125V270.619921875zM17.578125 141.33984375V171.235546875C32.4064453125 167.8681640625 44.1064453125 156.1681640625 47.473828125 141.33984375H17.578125zM282.421875 141.3392578125H252.526171875C255.8935546875 156.167578125 267.5935546875 167.867578125 282.421875 171.2349609375V141.3392578125zM282.421875 189.11953125C257.88046875 185.3220703125 238.4384765625 165.880078125 234.641015625 141.338671875H65.358984375C61.5615234375 165.880078125 42.11953125 185.3220703125 17.578125 189.11953125V222.8390625C42.11953125 226.6365234375 61.5615234375 246.078515625 65.358984375 270.619921875H234.641015625C238.4384765625 246.078515625 257.88046875 226.6365234375 282.421875 222.8390625V189.11953125zM282.421875 240.7236328125C267.5935546875 244.091015625 255.8935546875 255.791015625 252.526171875 270.6193359375H282.421875V240.7236328125zM188.58046875 237.003515625C178.1619140625 244.4314453125 164.459765625 248.5224609375 150 248.5224609375C135.540234375 248.5224609375 121.8380859375 244.43203125 111.41953125 237.003515625C100.0998046875 228.9333984375 93.8654296875 217.9154296875 93.8654296875 205.979296875C93.8654296875 194.0431640625 100.0998046875 183.0251953125 111.41953125 174.955078125C121.838671875 167.5271484375 135.540234375 163.4361328125 150 163.4361328125S178.1619140625 167.5265625 188.58046875 174.955078125C199.9001953125 183.0251953125 206.1345703125 194.0431640625 206.1345703125 205.979296875C206.1345703125 217.916015625 199.90078125 228.9333984375 188.58046875 237.003515625zM150 181.0154296875C129.1001953125 181.0154296875 111.4435546875 192.44765625 111.4435546875 205.9798828125C111.4435546875 219.512109375 129.1001953125 230.9443359375 150 230.9443359375S188.5564453125 219.512109375 188.5564453125 205.9798828125C188.5564453125 192.44765625 170.8998046875 181.0154296875 150 181.0154296875zM0 104.02265625H300V86.44453125H0V104.02265625zM0 66.6984375H300V49.1203125H0V66.6984375zM0 29.380078125H300V11.801953125H0V29.380078125z" />
+    <glyph glyph-name="131-pdf"
+      unicode="&#xF183;"
+      horiz-adv-x="300" d="M285.3515625 194.53125H264.84375V224.53994765625L189.38369765625 300H35.15625V194.53125H14.6484375V44.53125H35.15625V0H264.84375V44.53125H285.3515625zM194.53125 269.99130234375L234.83505234375 229.6875H194.53125zM52.734375 282.421875H176.953125V212.109375H247.265625V194.53125H52.734375zM247.265625 17.578125H52.734375V44.53125H247.265625zM267.7734375 62.109375H32.2265625V176.953125H267.7734375zM267.7734375 62.109375M75 104.8828125H83.49609375C98.19717421875 104.8828125 110.15625 116.84188828125 110.15625 131.54296875S98.19717421875 158.203125 83.49609375 158.203125H57.421875V78.515625H75zM75 140.625H83.49609375C88.5040283203125 140.625 92.578125 136.5509033203125 92.578125 131.54296875S88.5040283203125 122.4609375 83.49609375 122.4609375H75zM75 140.625M180.46875 113.671875V123.046875C180.46875 142.433166796875 164.698791796875 158.203125 145.3125 158.203125H127.734375V78.515625H145.3125C164.698791796875 78.515625 180.46875 94.285583203125 180.46875 113.671875zM145.3125 140.625C155.0056458984375 140.625 162.890625 132.7400208984375 162.890625 123.046875V113.671875C162.890625 103.9787291015625 155.0056458984375 96.09375 145.3125 96.09375zM145.3125 140.625M216.796875 102.83203125H234.375V120.41015625H216.796875V140.625H243.1640625V158.203125H199.21875V78.515625H216.796875zM216.796875 102.83203125" />
+    <glyph glyph-name="132-doc"
+      unicode="&#xF184;"
+      horiz-adv-x="300" d="M285.3515625 194.53125H264.84375V224.53994765625L189.38369765625 300H35.15625V194.53125H14.6484375V34.5703125H35.15625V0H264.84375V34.5703125H285.3515625zM194.53125 269.99130234375L234.83505234375 229.6875H194.53125zM52.734375 282.421875H176.953125V212.109375H247.265625V194.53125H52.734375zM247.265625 17.578125H52.734375V34.5703125H247.265625zM267.7734375 52.1484375H32.2265625V176.953125H267.7734375zM267.7734375 52.1484375M106.0546875 96.6796875V132.421875C106.0546875 146.96044921875 94.22607421875 158.7890625 79.6875 158.7890625H53.3203125V70.3125H79.6875C94.22607421875 70.3125 106.0546875 82.14111328125 106.0546875 96.6796875zM70.8984375 141.2109375H79.6875C84.5329283203125 141.2109375 88.4765625 137.2673033203125 88.4765625 132.421875V96.6796875C88.4765625 91.8342591796875 84.5329283203125 87.890625 79.6875 87.890625H70.8984375zM70.8984375 141.2109375M150 70.3125C164.53857421875 70.3125 176.3671875 82.14111328125 176.3671875 96.6796875V132.421875C176.3671875 146.96044921875 164.53857421875 158.7890625 150 158.7890625S123.6328125 146.96044921875 123.6328125 132.421875V96.6796875C123.6328125 82.14111328125 135.46142578125 70.3125 150 70.3125zM141.2109375 132.421875C141.2109375 137.2673033203125 145.1545716796875 141.2109375 150 141.2109375S158.7890625 137.2673033203125 158.7890625 132.421875V96.6796875C158.7890625 91.8342591796875 154.8454283203125 87.890625 150 87.890625S141.2109375 91.8342591796875 141.2109375 96.6796875zM141.2109375 132.421875M229.1015625 70.3125H237.890625V87.890625H229.1015625C219.4084166015625 87.890625 211.5234375 95.7756041015625 211.5234375 105.46875V123.6328125C211.5234375 133.3259583984375 219.4084166015625 141.2109375 229.1015625 141.2109375H237.890625V158.7890625H229.1015625C209.715270703125 158.7890625 193.9453125 143.019104296875 193.9453125 123.6328125V105.46875C193.9453125 86.082458203125 209.715270703125 70.3125 229.1015625 70.3125zM229.1015625 70.3125" />
+    <glyph glyph-name="133-workflow-3"
+      unicode="&#xF185;"
+      horiz-adv-x="300" d="M212.109375 87.890625V0H300V87.890625H212.109375zM282.421875 17.578125H229.6875V70.3125H282.421875V17.578125zM282.421875 264.84375H87.890625V300H0V212.109375H87.890625V247.265625H282.421875V158.7890625H232.348828125V176.6935546875L205.6640625 150.0017578125L232.348828125 123.3041015625V141.2109375H282.421875C292.114453125 141.2109375 300 149.096484375 300 158.7890625V247.265625C300 256.958203125 292.114453125 264.84375 282.421875 264.84375zM70.3125 229.6875H17.578125V282.421875H70.3125V229.6875zM200.390625 43.9470703125L173.705859375 70.63828125V52.734375H18.1640625V141.2109375H106.0546875V106.0546875H193.9453125V193.9453125H106.0546875V158.7890625H18.1640625C8.471484375 158.7890625 0.5859375 150.903515625 0.5859375 141.2109375V52.734375C0.5859375 43.041796875 8.471484375 35.15625 18.1640625 35.15625H173.705859375V17.2494140625L200.390625 43.9470703125zM123.6328125 176.3671875H176.3671875V123.6328125H123.6328125V176.3671875z" />
+    <glyph glyph-name="134-home"
+      unicode="&#xF186;"
+      horiz-adv-x="300" d="M298.184273092841 151.8160204291291L264.4738618685609 185.5264316534093V254.1900261234553H195.8102673985148L150.0002935219701 300L1.815726907159 151.8160204291291L35.5261381314391 118.105609204849V-1e-13H264.4732748246206V118.1050221609087zM150.0002935219701 275.0934867474831L211.6399072470574 213.4538730223957V236.5787079162876H246.8625436613931V178.2312366080602L273.2783468842643 151.8154333851889L260.8283189996771 139.3654055006017L150.0002935219701 250.1928439343685L39.1728550882034 139.3654055006017L26.722240159676 151.8160204291292zM123.5833162112184 17.6113182071678V88.056591035839H176.4172708327219V17.6113182071678zM194.0285890398897 17.6113182071678V105.6679092430069H105.9719980040506V17.6113182071678H53.1380433825472V128.4240805424286L150.0002935219702 225.2863306818516L246.8625436613931 128.4240805424286V17.6107311632276H194.0285890398897z" />
+    <glyph glyph-name="135-hosting"
+      unicode="&#xF187;"
+      horiz-adv-x="300" d="M266.8810546875 66.3263671875C251.6578125 66.3263671875 238.8087890625 55.98515625 234.9515625 41.951953125H181.979296875C178.8919921875 53.1837890625 170.0443359375 62.0431640625 158.8271484375 65.13515625V98.616796875H245.9748046875C275.2248046875 98.616796875 299.0208984375 122.4451171875 299.0208984375 151.7337890625C299.0208984375 179.6712890625 277.36875 202.6400390625 249.9861328125 204.7001953125C247.7203125 228.6328125 227.5365234375 247.415625 203.0525390625 247.415625C198.25546875 247.415625 193.56328125 246.703125 189.0873046875 245.3150390625C188.197265625 275.6208984375 163.299609375 300 132.82265625 300C101.7849609375 300 76.533984375 274.715625 76.533984375 243.636328125V239.6947265625H71.5236328125C32.6794921875 239.6947265625 1.078125 208.051171875 1.078125 169.15546875S32.6794921875 98.616796875 71.523046875 98.616796875H141.271875V65.13515625C130.0546875 62.04375 121.20703125 53.1837890625 118.1197265625 41.951953125H65.0490234375C61.191796875 55.9845703125 48.3427734375 66.3263671875 33.11953125 66.3263671875C14.8576171875 66.3263671875 0 51.4494140625 0 33.1634765625S14.8576171875 1e-13 33.11953125 1e-13C48.3427734375 1e-13 61.191796875 10.3412109375 65.0490234375 24.3744140625H118.1197265625C121.976953125 10.3412109375 134.8259765625 1e-13 150.04921875 1e-13S178.121484375 10.3412109375 181.9787109375 24.3744140625H234.9509765625C238.8087890625 10.3412109375 251.6572265625 1e-13 266.8810546875 1e-13C285.14296875 1e-13 300 14.876953125 300 33.1634765625S285.14296875 66.3263671875 266.8810546875 66.3263671875zM18.6333984375 169.15546875C18.6333984375 198.3580078125 42.359765625 222.1166015625 71.52421875 222.1166015625H94.0892578125V243.636328125C94.0892578125 265.023046875 111.465234375 282.421875 132.8232421875 282.421875S171.5572265625 265.0224609375 171.5572265625 243.636328125V213.78046875L185.53828125 224.0853515625C190.6435546875 227.8482421875 196.700390625 229.8375 203.053125 229.8375C219.369140625 229.8375 232.64296875 216.5455078125 232.64296875 200.2083984375C232.64296875 199.1689453125 232.5837890625 198.0884765625 232.4671875 196.9974609375L231.427734375 187.27265625H245.9748046875C265.54453125 187.27265625 281.4662109375 171.3298828125 281.4662109375 151.7337890625S265.54453125 116.1955078125 245.9748046875 116.1955078125H71.5236328124999C42.3591796874999 116.194921875 18.6333984374999 139.9529296875 18.6333984374999 169.15546875zM33.11953125 17.578125C24.5373046875 17.578125 17.5546875 24.56953125 17.5546875 33.1634765625S24.5373046875 48.748828125 33.11953125 48.748828125C41.70234375 48.748828125 48.6837890625 41.757421875 48.6837890625 33.1634765625S41.70234375 17.578125 33.11953125 17.578125zM150.04921875 17.578125C141.46640625 17.578125 134.4849609375 24.56953125 134.4849609375 33.1634765625S141.4669921875 48.748828125 150.04921875 48.748828125S165.6134765625 41.757421875 165.6134765625 33.1634765625S158.63203125 17.578125 150.04921875 17.578125zM266.8810546875 17.578125C258.2982421875 17.578125 251.316796875 24.56953125 251.316796875 33.1634765625S258.298828125 48.748828125 266.8810546875 48.748828125S282.4453125 41.757421875 282.4453125 33.1634765625S275.46328125 17.578125 266.8810546875 17.578125z" />
+    <glyph glyph-name="136-pay-per-click"
+      unicode="&#xF188;"
+      horiz-adv-x="300" d="M202.734375 300C154.9376953125 300 115.1373046875 265.133203125 107.4158203125 219.4998046875C96.530859375 226.1419921875 84.00234375 229.6875 70.8984375 229.6875C31.8046875 229.6875 0 198.1453125 0 159.375V70.3125C0 31.5421875 31.8046875 0 70.8984375 0C109.66875 0 141.2109375 31.5421875 141.2109375 70.3125V128.797265625C157.93828125 114.96328125 179.382421875 106.640625 202.734375 106.640625C256.36640625 106.640625 300 150.0111328125 300 203.3203125S256.36640625 300 202.734375 300zM17.578125 159.375C17.578125 185.4919921875 36.8759765625 207.23203125 62.109375 211.3892578125V141.796875H17.578125zM123.6328125 70.3125C123.6328125 41.234765625 99.976171875 17.578125 70.8984375 17.578125C41.497265625 17.578125 17.578125 41.234765625 17.578125 70.3125V124.21875H123.6328125zM123.6328125 141.796875H79.6875V211.372265625C89.5423828125 209.731640625 98.6677734375 205.33828125 106.1724609375 198.5625C107.089453125 179.7345703125 113.41875 162.305859375 123.6328125 147.798046875zM202.734375 124.21875C159.1177734375 124.21875 123.6328125 159.7037109375 123.6328125 203.3203125S159.1177734375 282.421875 202.734375 282.421875C246.673828125 282.421875 282.421875 246.9369140625 282.421875 203.3203125S246.673828125 124.21875 202.734375 124.21875zM211.5234375 264.84375H193.9453125V245.75390625C183.7154296875 242.12578125 176.3671875 232.3564453125 176.3671875 220.8984375C176.3671875 206.3595703125 188.1955078125 194.53125 202.734375 194.53125C207.5806640625 194.53125 211.5234375 190.5884765625 211.5234375 185.7421875S207.5806640625 176.953125 202.734375 176.953125H176.3671875V159.375H193.9453125V141.796875H211.5234375V160.88671875C221.7533203125 164.51484375 229.1015625 174.2841796875 229.1015625 185.7421875C229.1015625 200.2810546875 217.2732421875 212.109375 202.734375 212.109375C197.8880859375 212.109375 193.9453125 216.0521484375 193.9453125 220.8984375S197.8880859375 229.6875 202.734375 229.6875H229.1015625V247.265625H211.5234375zM27.8643591796875 287.275578515625L43.5786791015625 295.1327384765625L61.1483982421875 259.9933001953125L45.4340783203125 252.136140234375zM80.5911169921875 259.956062109375L98.1608361328125 295.095500390625L113.8751560546875 287.2383404296876L96.3054369140625 252.0989021484375z" />
+    <glyph glyph-name="137-browser"
+      unicode="&#xF189;"
+      horiz-adv-x="300" d="M108.1927734375 111.1224609375H120.85078125V98.4638671875H108.1927734375V111.1224609375zM128.019140625 111.1224609375H140.677734375V98.4638671875H128.019140625V111.1224609375zM147.8513671875 111.1224609375H160.509375V98.4638671875H147.8513671875V111.1224609375zM293.98125 300H37.313671875V233.351953125H6.0181640625V0H262.6845703125V66.650390625H293.9818359375V300H293.98125zM56.56875 280.744921875H236.0185546875V264.390234375H56.56875V280.744921875zM25.2732421875 214.096875H204.720703125V197.7421875H25.2732421875V214.096875zM243.4294921875 19.255078125H25.2732421875V178.4876953125H243.4294921875V19.255078125zM223.9751953125 197.7421875V214.096875H243.42890625V197.7421875H223.9751953125zM274.726171875 85.9048828125H262.6833984375V233.3525390625H56.56875V245.1357421875H274.7267578125V85.9048828125zM274.726171875 264.3908203125H255.2724609375V280.744921875H274.726171875V264.3908203125z" />
+    <glyph glyph-name="138-responsive"
+      unicode="&#xF18A;"
+      horiz-adv-x="300" d="M264.84375 281.8359375H0V70.8984375H106.0546875V35.7421875H70.8984375V18.1640625H300V211.5234375H264.84375zM247.265625 264.2578125V211.5234375H159.375V123.6328125H17.578125V264.2578125zM17.578125 88.4765625V106.0546875H159.375V88.4765625C153.515625 88.4765625 23.43292265625 88.4765625 17.578125 88.4765625zM123.6328125 35.7421875V70.8984375H159.375V35.7421875zM176.953125 35.7421875V53.3203125H282.421875V35.7421875zM282.421875 70.8984375H176.953125V193.9453125H282.421875zM282.421875 70.8984375M212.109375 176.3671875H247.265625V158.7890625H212.109375zM212.109375 176.3671875" />
+    <glyph glyph-name="139-tutorial"
+      unicode="&#xF18B;"
+      horiz-adv-x="300" d="M0 281.8681640625V88.5087890625H300V281.8681640625zM282.421875 106.0869140625H17.578125V264.2900390625H282.421875zM122.211328125 231.8455078125V138.530859375L211.398046875 185.1884765625zM139.789453125 202.81171875L173.47734375 185.1884765625L139.789453125 167.565234375zM196.875 70.8662109375C185.4169921875 70.8662109375 175.64765625 63.51796875 172.01953125 53.2880859375H0V35.7099609375H172.01953125C175.64765625 25.480078125 185.4169921875 18.1318359375 196.875 18.1318359375S218.10234375 25.480078125 221.73046875 35.7099609375H300V53.2880859375H221.73046875C218.10234375 63.5173828125 208.3330078125 70.8662109375 196.875 70.8662109375zM196.875 35.7099609375C192.0287109375 35.7099609375 188.0859375 39.652734375 188.0859375 44.4990234375S192.0287109375 53.2880859375 196.875 53.2880859375S205.6640625 49.3453125 205.6640625 44.4990234375S201.721875 35.7099609375 196.875 35.7099609375z" />
+    <glyph glyph-name="140-rotate"
+      unicode="&#xF18C;"
+      horiz-adv-x="300" d="M7.03125 0H156.4453125V300H7.03125zM24.609375 282.421875H138.8671875V17.578125H24.609375zM174.0234375 118.9453125V0H292.96875V118.9453125zM275.390625 17.578125H191.6015625V101.3671875H275.390625zM217.255078125 192.062109375L205.61484375 206.8359375H240.9662109375C250.2556640625 206.8359375 257.8125 199.2791015625 257.8125 189.9896484375V135.9375H275.390625V189.9896484375C275.390625 208.9716796875 259.9482421875 224.4140625 240.9662109375 224.4140625H205.61484375L217.2556640625001 239.187890625L203.4480468750001 250.06640625L176.3103515625001 215.625L203.4474609375001 181.18359375z" />
+    <glyph glyph-name="141-share"
+      unicode="&#xF18D;"
+      horiz-adv-x="300" d="M96.6796875 202.734375C82.1408203125 202.734375 70.3125 190.9060546875 70.3125 176.3671875H87.890625C87.890625 181.2134765625 91.8333984375 185.15625 96.6796875 185.15625S105.46875 181.2134765625 105.46875 176.3671875C105.46875 173.23828125 103.782421875 170.3185546875 101.0677734375 168.748828125C92.9396484375 164.0466796875 87.890625 155.296875 87.890625 145.9142578125V132.421875H105.46875V145.9142578125C105.46875 149.0431640625 107.155078125 151.962890625 109.8697265625 153.533203125C117.9978515625 158.234765625 123.046875 166.9845703125 123.046875 176.3671875C123.046875 190.9060546875 111.2185546875 202.734375 96.6796875 202.734375zM87.890625 114.84375H105.46875V97.265625H87.890625zM256.0546875 87.890625C243.99609375 87.890625 233.058984375 83.00625 225.1107421875 75.1154296875L181.6611328125 103.9330078125C189.1189453125 117.6357421875 193.359375 133.3318359375 193.359375 150S189.1189453125 182.3642578125 181.6611328125 196.067578125L225.1107421875 224.88515625C233.058984375 216.99375 243.99609375 212.109375 256.0546875 212.109375C280.2861328125 212.109375 300 231.8232421875001 300 256.0546875S280.2861328125 300 256.0546875 300S212.109375 280.2861328125 212.109375 256.0546875C212.109375 250.20234375 213.2689453125 244.618359375 215.354296875 239.5072265625L171.8865234375 210.6779296875C154.1490234375 232.6201171875 127.0271484375 246.6796875 96.6796875 246.6796875C43.3705078125 246.6796875 0 203.3091796875 0 150S43.3705078125 53.3203125 96.6796875 53.3203125C127.0271484375 53.3203125 154.1490234375 67.3798828125 171.887109375 89.32265625L215.3548828125 60.493359375C213.2689453125 55.381640625 212.109375 49.79765625 212.109375 43.9453125C212.109375 19.7138671875 231.8232421875001 0 256.0546875000001 0S300 19.7138671875 300 43.9453125S280.2861328125 87.890625 256.0546875 87.890625zM256.0546875 282.421875C270.5935546875 282.421875 282.421875 270.5935546875 282.421875 256.0546875S270.5935546875 229.6875 256.0546875 229.6875S229.6875 241.5158203125 229.6875 256.0546875S241.5158203125 282.421875 256.0546875 282.421875zM96.6796875 70.8984375C53.0630859375 70.8984375 17.578125 106.3833984375 17.578125 150S53.0630859375 229.1015625 96.6796875 229.1015625S175.78125 193.6166015625 175.78125 150S140.2962890625 70.8984375 96.6796875 70.8984375zM256.0546875 17.578125C241.5158203125 17.578125 229.6875 29.4064453125 229.6875 43.9453125S241.5158203125 70.3125 256.0546875 70.3125S282.421875 58.4841796875 282.421875 43.9453125S270.5935546875 17.578125 256.0546875 17.578125z" />
+    <glyph glyph-name="142-folder"
+      unicode="&#xF18E;"
+      horiz-adv-x="300" d="M100.7135294117647 282.3529411764706L83.0664705882353 300H0V0H300V282.3529411764706zM75.7564705882353 282.3529411764706L93.4041176470588 264.7058823529412H282.3529411764706V211.764705882353H264.7058823529412V247.0588235294118H35.2941176470588V211.764705882353H17.6470588235294V282.3529411764706zM247.0588235294118 211.7647058823529H52.9411764705882V229.4117647058824H247.0588235294118zM17.6470588235294 17.6470588235294V194.1176470588235H282.3529411764706V17.6470588235294zM141.1764705882353 100.7135294117647L129.7682352941176 112.1211764705883L117.2905882352941 99.6429411764706L141.1764705882353 75.7570588235294L182.7094117647059 117.2900000000001L170.2317647058824 129.7682352941177zM150 176.4705882352942C111.0770588235294 176.4705882352942 79.4117647058824 144.804705882353 79.4117647058824 105.8823529411765S111.0770588235294 35.2941176470588 150 35.2941176470588C188.9223529411765 35.2941176470588 220.5882352941177 66.96 220.5882352941177 105.8823529411765S188.9223529411765 176.4705882352942 150 176.4705882352942zM150 52.9411764705883C120.8082352941177 52.9411764705883 97.0588235294118 76.6905882352941 97.0588235294118 105.8823529411765S120.8082352941177 158.8235294117647 150 158.8235294117647S202.9411764705883 135.0741176470589 202.9411764705883 105.8823529411765S179.1917647058824 52.9411764705883 150 52.9411764705883z" />
+    <glyph glyph-name="143-folder-1"
+      unicode="&#xF18F;"
+      horiz-adv-x="300" d="M119.159765625 270.683203125L97.0986328125 299.9818359375H17.2998046875V232.072265625H0V0.01875H300V270.683203125zM17.578125 214.4935546875H121.6681640625V157.46484375H140.862890625V138.82734375H121.0107421875V121.24921875H140.862890625V103.66875H121.0107421875V86.090625H140.862890625V68.51015625H121.0107421875V50.93203125H140.862890625V17.5962890625H17.578125zM139.2462890625 175.04296875V213.665625H160.753125V175.04296875zM282.421875 17.5962890625H158.4416015625V33.3533203125H178.1771484375V50.9314453125H158.4416015625V68.511328125H178.1771484375V86.089453125H158.4416015625V103.669921875H178.1771484375V121.248046875H158.4416015625V157.46484375H178.3318359375001V214.4935546875H282.4218750000001zM34.8779296875 232.0716796875V282.4037109375H88.3306640625L110.391796875 253.105078125H282.421875V232.072265625H34.8779296875z" />
+    <glyph glyph-name="144-24-7"
+      unicode="&#xF190;"
+      horiz-adv-x="300" d="M258.687890625 193.359375L174.701953125 264.4177734375C175.7759765625 267.2876953125 176.3671875 270.3919921875 176.3671875 273.6328125C176.3671875 288.1716796875 164.5388671875 300 150 300S123.6328125 288.1716796875 123.6328125 273.6328125C123.6328125 270.3919921875 124.2240234375 267.28828125 125.298046875 264.4177734375L41.312109375 193.359375H0V0H300V193.359375zM150 282.421875C154.8462890625 282.421875 158.7890625 278.4791015625 158.7890625 273.6328125S154.8462890625 264.84375 150 264.84375S141.2109375 268.7865234375 141.2109375 273.6328125S145.1537109375 282.421875 150 282.421875zM136.587890625 250.9447265625C140.5201171875 248.6109375 145.105078125 247.265625 150 247.265625S159.4798828125 248.6109375 163.412109375 250.944140625L231.4734375 193.359375H68.5265625zM282.421875 17.578125H17.578125V175.78125H282.421875zM88.4765625 70.3125H55.8796875C58.2298828125 73.8556640625 62.1421875 76.92890625 67.3828125 80.859375C76.7806640625 87.9076171875 88.4765625 96.6796875 88.4765625 114.2578125C88.4765625 128.7966796875 76.6482421875 140.625 62.109375 140.625S35.7421875 128.7966796875 35.7421875 114.2578125V105.46875H53.3203125V114.2578125C53.3203125 119.1041015625 57.2630859375 123.046875 62.109375 123.046875S70.8984375 119.1041015625 70.8984375 114.2578125C70.8984375 105.8771484375 65.8171875 101.6578125 56.8359375 94.921875C47.4380859375 87.8736328125 35.7421875 79.1015625 35.7421875 61.5234375V52.734375H88.4765625zM132.421875 52.734375H150C150 56.0595703125 150 136.4537109375 150 140.625H132.421875V105.46875H114.84375V140.625H97.265625V87.890625H132.421875zM227.232421875 55.128515625L244.285546875 50.865234375L266.72578125 140.625H211.5234375V123.046875H244.21171875zM165.7460033203125 55.018013671875L187.629244921875 142.3708710937501L204.680026171875 138.09938671875L182.7967845703125 50.7465292968751z" />
+    <glyph glyph-name="145-24-hours"
+      unicode="&#xF191;"
+      horiz-adv-x="300" d="M297.50390625 177.20859375C292.003125 207.169921875 277.6687500000001 234.43359375 256.051171875 256.051171875C227.7240234375 284.3783203125 190.060546875 299.97890625 150 299.97890625C117.5513671875 299.97890625 86.677734375 289.7408203125 61.0623046875 270.7974609375L62.5986328125 286.3623046875L45.1083984375 288.0884765625L40.555078125 241.9546875L86.689453125 237.4013671875L88.415625 254.8921875L71.3900390625 256.57265625C94.0212890625 273.341015625 121.313671875 282.403125 150 282.403125C185.366015625 282.403125 218.615625 268.6306640625 243.6234375 243.6228515625C262.7091796875 224.537109375 275.3630859375 200.473828125 280.2169921875 174.033984375C284.961328125 148.19296875 282.0193359375 121.822265625 271.70859375 97.773046875L287.8623046875 90.847265625C299.5412109375 118.088671875 302.874609375 147.9515625 297.50390625 177.20859375zM213.310546875 62.5986328125L211.585546875 45.1072265625L228.6111328125 43.4267578125C205.9787109375 26.6583984375 178.686328125 17.5962890625 150 17.5962890625C114.633984375 17.5962890625 81.384375 31.36875 56.3765625 56.3765625C37.2908203125 75.4623046875 24.6369140625 99.5255859375 19.7830078125 125.9654296875C15.038671875 151.8064453125 17.9806640625 178.1771484375 28.29140625 202.2263671875L12.1376953125 209.1521484375C0.4587890625 181.911328125 -2.874609375 152.0484375 2.49609375 122.79140625C7.996875 92.830078125 22.33125 65.56640625 43.948828125 43.948828125C72.2759765625 15.6216796875 109.9388671875 0.02109375 150 0.02109375C182.4486328125 0.02109375 213.322265625 10.2591796875 238.9376953125 29.2025390625L237.4013671875 13.6376953125L254.8916015625001 11.9115234375L259.4449218750001 58.0453125L213.310546875 62.5986328125zM72.533203125 120.919921875C73.8732421875 125.7134765625 76.306640625 130.16953125 79.6962890625 133.9359375L94.6037109375 150.4998046875C102.0732421875 158.799609375 106.187109375 169.5193359375 106.187109375 180.6849609375C106.187109375 195.140625 94.426171875 206.9015625 79.9705078125 206.9015625C65.51484375 206.9015625 53.75390625 195.1412109375 53.75390625 180.685546875V172.16484375H71.3296875V180.685546875C71.3296875 185.450390625 75.2056640625 189.3263671875 79.9705078125 189.3263671875C84.7353515625 189.3263671875 88.611328125 185.4498046875 88.611328125 180.685546875C88.611328125 173.86875 86.1 167.3244140625 81.5396484375 162.2578125L66.6328125 145.6939453125C58.327734375 136.466015625 53.75390625 124.546875 53.75390625 112.13203125V103.344140625H109.6546875V120.919921875H72.533203125zM164.3302734375 147.2572265625V206.9021484375H141.2501953125L108.4107421875 151.7314453125V129.6814453125H146.7544921875V101.9296875H164.3302734375V129.6814453125H176.0689453125V147.2572265625H164.3302734375zM146.75390625 147.2572265625H126.2009765625L146.75390625 181.7865234375V147.2572265625zM217.55859375 167.091796875C213.6205078125 167.091796875 209.865234375 166.2943359375 206.445703125 164.85234375V206.902734375H188.869921875V206.9021484375V101.9296875H206.445703125V138.4037109375C206.445703125 144.5314453125 211.430859375 149.516015625 217.55859375 149.516015625S228.6708984375 144.530859375 228.6708984375 138.4037109375V101.9296875H246.2466796875V138.4037109375C246.2466796875 154.222265625 233.3771484375 167.091796875 217.55859375 167.091796875z" />
+    <glyph glyph-name="146-algorithm"
+      unicode="&#xF192;"
+      horiz-adv-x="300" d="M269.5482421875 105.858984375L300 194.141015625H158.7890625V211.7185546875H255.8595703125C280.1988281250001 211.7185546875 300 231.5197265625 300 255.858984375S280.1988281250001 300 255.8595703125 300H44.1404296875C19.801171875 300 0 280.1982421875 0 255.858984375S19.801171875 211.7185546875 44.1404296875 211.7185546875H141.2109375V194.141015625H30.4517578125L0 105.858984375H141.2109375V88.2814453125H0V0H300V88.2814453125H158.7890625V105.858984375zM17.578125 255.858984375C17.578125 270.5056640625 29.49375 282.421875 44.1404296875 282.421875H255.8589843750001C270.50625 282.421875 282.4218750000001 270.5056640625 282.4218750000001 255.858984375S270.50625 229.2966796875 255.8595703125 229.2966796875H44.1404296875C29.49375 229.2966796875 17.578125 241.2123046875 17.578125 255.858984375zM282.421875 17.578125H17.578125V70.7033203125H282.421875zM42.9826171875 176.562890625H275.3419921875L257.0173828125001 123.437109375H24.6580078125z" />
+    <glyph glyph-name="147-grid"
+      unicode="&#xF193;"
+      horiz-adv-x="300" d="M256.06640625 256.0658203125C227.7345703125 284.3970703125 190.06640625 300 150 300S72.2654296875 284.3970703125 43.93359375 256.0658203125C15.6029296875 227.7345703125 0 190.06640625 0 150S15.6029296875 72.2654296875 43.93359375 43.93359375C72.2654296875 15.6029296875 109.93359375 0 150 0S227.7345703125 15.6029296875 256.06640625 43.93359375C284.3970703125 72.2654296875 300 109.93359375 300 150S284.3970703125 227.7345703125 256.06640625 256.0658203125zM158.7890625 282.123046875C210.63046875 278.7087890625 254.415234375 245.333203125 272.9431640625 199.18828125L230.4462890625 185.380078125C217.9341796875 213.71953125 190.87734375 234.251953125 158.7890625 237.45234375V282.123046875zM220.3125 150C220.3125 129.815625 211.7607421875 111.5935546875 198.0931640625 98.75859375L164.2212890625 145.379296875L219.0650390625 163.198828125C219.880078125 158.9220703125 220.3125 154.5111328125 220.3125 150zM158.7890625 219.7640625C183.080859375 216.7212890625 203.555859375 201.237890625 213.622265625 179.91328125L158.7890625 162.097265625V219.7640625zM183.884765625 88.40859375C173.82890625 82.8544921875 162.277734375 79.6875 150 79.6875C137.722265625 79.6875 126.17109375 82.8544921875 116.115234375 88.40859375L150 135.046875L183.884765625 88.40859375zM135.779296875 145.379296875L101.907421875 98.75859375C88.2392578125 111.5935546875 79.6875 129.815625 79.6875 150C79.6875 154.5111328125 80.119921875 158.9220703125 80.935546875 163.198828125L135.779296875 145.379296875zM86.377734375 179.91328125C96.444140625 201.237890625 116.919140625 216.7212890625 141.2109375 219.7640625V162.097265625L86.377734375 179.91328125zM141.2109375 282.123046875V237.45234375C109.12265625 234.251953125 82.0658203125 213.71953125 69.5537109375 185.380078125L27.0568359375 199.18828125C45.584765625 245.333203125 89.36953125 278.7087890625 141.2109375 282.123046875zM17.578125 150C17.578125 161.20078125 18.98203125 172.079296875 21.6123046875 182.4744140625L64.1109375 168.665625C62.804296875 162.6474609375 62.109375 156.4037109375 62.109375 150C62.109375 123.976171875 73.482421875 100.5615234375 91.5146484375 84.4546875L65.262890625 48.322265625C36.1412109375 72.6328125 17.578125 109.187109375 17.578125 150zM150 17.578125C124.0939453125 17.578125 99.9052734375 25.0623046875 79.4712890625 37.9728515625L105.7224609375 74.1041015625C118.733203125 66.4845703125 133.864453125 62.109375 150 62.109375C166.135546875 62.109375 181.266796875 66.4845703125 194.2775390625 74.1041015625L220.5287109375 37.9728515625C200.0947265625 25.0623046875 175.9060546875 17.578125 150 17.578125zM234.737109375 48.322265625L208.4853515625 84.4546875C226.517578125 100.5615234375 237.890625 123.976171875 237.890625 150C237.890625 156.4037109375 237.195703125 162.6474609375 235.8890625 168.665625L278.3876953125 182.4744140625C281.01796875 172.079296875 282.421875 161.20078125 282.421875 150C282.421875 109.187109375 263.8587890625 72.6328125 234.737109375 48.322265625z" />
+    <glyph glyph-name="148-search-engine-1"
+      unicode="&#xF194;"
+      horiz-adv-x="300" d="M0 17.578125H150V0H0V17.578125zM0 52.734375H300V35.15625H0V52.734375zM0 143.5546875V70.3125H300V143.5546875H0zM282.421875 87.890625H17.578125V125.9765625H282.421875V87.890625zM0 300V161.1328125H300V300H0zM161.1328125 178.7109375H17.578125V282.421875H161.1328125V178.7109375zM282.421875 178.7109375H178.7109375V282.421875H282.421875V178.7109375zM257.1375 257.1375C252.1634765625 262.112109375 245.541796875 264.851953125 238.4935546875 264.851953125S224.8236328125 262.112109375 219.849609375 257.1375C211.747265625 249.0357421875 210.0357421875 236.9314453125 214.70390625 227.1322265625L197.1498046875 209.579296875L209.579296875 197.1498046875L227.1240234375 214.6939453125C230.62734375 213.019921875 234.491015625 212.133984375 238.4935546875 212.133984375C245.541796875 212.133984375 252.1634765625 214.873828125 257.1375 219.8484375C267.418359375 230.1287109375 267.418359375 246.856640625 257.1375 257.1375zM244.707421875 232.2779296875C243.052734375 230.6232421875 240.8455078125 229.712109375 238.49296875 229.712109375C236.1404296875 229.712109375 233.9332031250001 230.6232421875 232.278515625 232.2779296875C228.8513671875 235.705078125 228.8513671875 241.2814453125 232.278515625 244.7080078125C233.9332031250001 246.3626953125 236.1404296875 247.273828125 238.49296875 247.273828125C240.8455078125 247.273828125 243.052734375 246.3626953125 244.707421875 244.7080078125C248.1345703125 241.280859375 248.1345703125 235.705078125 244.707421875 232.2779296875z" />
+    <glyph glyph-name="149-guide-book"
+      unicode="&#xF195;"
+      horiz-adv-x="300" d="M281.8359375 300H18.1640625V210.9375H281.8359375zM264.2578125 228.515625H35.7421875V282.421875H264.2578125zM141.2109375 193.359375H18.1640625V105.46875H141.2109375zM123.6328125 123.046875H35.7421875V175.78125H123.6328125zM158.7890625 0H281.8359375V87.890625H158.7890625zM176.3671875 70.3125H264.2578125V17.578125H176.3671875zM158.7890625 193.359375H281.8359375V175.78125H158.7890625zM158.7890625 158.203125H281.8359375V140.625H158.7890625zM158.7890625 123.046875H281.8359375V105.46875H158.7890625zM18.1640625 87.890625H141.2109375V70.3125H18.1640625zM18.1640625 52.734375H141.2109375V35.15625H18.1640625zM18.1640625 17.578125H141.2109375V0H18.1640625z" />
+    <glyph glyph-name="150-compass"
+      unicode="&#xF196;"
+      horiz-adv-x="300" d="M233.480071875 90.016937109375L202.99072265625 158.6997984375H233.660888671875V149.3476869140625H251.239013671875V188.108825390625H233.660888671875V176.27334609375H195.188141015625L183.286285546875 203.082275390625C191.65420546875 211.68594375 196.82235703125 223.4184263671875 196.82235703125 236.338805859375C196.82235703125 247.7691650390625 192.7825927734375 258.270263671875 186.058044140625 266.4985658203125H194.3733216796875V284.072112890625H157.85751328125V300H140.27938828125V284.072112890625H103.765869140625V266.4985658203125H112.08114609375C105.356598046875 258.270263671875 101.31454453125 247.7691650390625 101.31454453125 236.338805859375C101.31454453125 222.763824609375 107.020569140625 210.5049134765625 116.148376171875 201.80282578125L104.81414765625 176.27334609375H66.3414V188.108825390625H48.763275V149.3476869140625H66.3414V158.6997984375H97.011566015625L66.522216796875 90.016937109375H0V0H300V90.016937109375zM149.5193484375 266.4985658203125C165.950775 266.253662109375 179.24423203125 252.8228759765625 179.24423203125 236.338805859375C179.24423203125 219.7013853515625 165.708160546875 206.1676025390625 149.06845078125 206.1676025390625C132.4287416015625 206.1676025390625 118.890380859375 219.7013853515625 118.890380859375 236.338805859375C118.890380859375 252.8228759765625 132.1861265625 266.253662109375 148.6175537109375 266.4985658203125zM131.0783384765625 192.1211244140625C136.635589453125 189.8529052734375 142.7055357421875 188.5917662109375 149.06845078125 188.5917662109375C156.0333251953125 188.5917662109375 162.648010546875 190.104675 168.621826171875 192.796325390625L175.9574888671875 176.27334609375H124.0425111328125zM116.2422181640625 158.6997984375H183.7577818359375L214.2494203125 90.016937109375H85.7505796875zM282.421875 17.57354765625H17.578125V72.44110078125H59.5344544921875L59.2048646484375 45.67108125L76.780700390625 45.4536439453125L77.089691015625 70.5070494140625L77.947998046875 72.44110078125H222.04971328125L222.910308984375 70.5070494140625L223.219299609375 45.4536439453125L240.7951353515625 45.67108125L240.4655455078125 72.44110078125H282.421875zM282.421875 17.57354765625M111.911773828125 54.35028046875H129.489898828125V36.7767333984375H111.911773828125zM111.911773828125 54.35028046875M141.2109375 54.35028046875H158.7890625V36.7767333984375H141.2109375zM141.2109375 54.35028046875M170.510101171875 54.35028046875H188.088226171875V36.7767333984375H170.510101171875zM170.510101171875 54.35028046875" />
+    <glyph glyph-name="151-layout"
+      unicode="&#xF197;"
+      horiz-adv-x="300" d="M0 300V246.812438671875H300V300zM282.421875 264.390563671875H17.578125V282.421875H282.421875zM282.421875 264.390563671875M0 140.9248353515625H87.89520234375V228.8200376953125H0zM56.37588515625 184.8724365234375L70.31707734375 198.811340625V170.93124375zM57.8865052734375 158.5029603515625H30.00869765625L43.947601171875 172.4418638671875zM43.947601171875 197.300719921875L30.00869765625 211.2419126953125H57.8865052734375zM31.517028515625 184.8724365234375L17.578125 170.933532421875V198.811340625zM31.517028515625 184.8724365234375M104.86221328125 0.24032578125H192.755126953125V88.1355287109375H104.86221328125zM161.2380984375 44.187926953125L175.177001953125 58.1291197265625V30.2490234374999zM162.74871796875 17.81845078125H134.8686216796875L148.809814453125 31.7596435546874zM148.80752578125 56.618499609375L134.8686216796875 70.5574037109375H162.74871796875zM136.379241796875 44.187926953125L122.438049609375 30.2490234374999V58.1268310546875zM136.379241796875 44.187926953125M212.10479765625 140.9248353515625H300V228.8200376953125H212.10479765625zM268.482971484375 184.8724365234375L282.421875 198.811340625V170.933532421875zM269.99130234375 158.5029603515625H242.1134947265625L256.052398828125 172.4418638671875zM256.052398828125 197.300719921875L242.1134947265625 211.2419126953125H269.993591015625zM243.62411484375 184.8724365234375L229.68292265625 170.933532421875V198.811340625zM243.62411484375 184.8724365234375M0 0.002288671875H87.89520234375V123.34442109375H0zM17.578125 105.76629609375H70.31707734375V17.580413671875H17.578125zM17.578125 105.76629609375M104.86221328125 105.8029171875H192.755126953125V229.1450501953125H104.86221328125zM122.44033828125 211.5669251953125H175.177001953125V123.3810421875H122.44033828125zM122.44033828125 211.5669251953125M212.10479765625 0.002288671875H300V123.34442109375H212.10479765625zM229.68292265625 105.76629609375H282.421875V17.580413671875H229.68292265625zM229.68292265625 105.76629609375" />
+    <glyph glyph-name="152-networking"
+      unicode="&#xF198;"
+      horiz-adv-x="300" d="M146.03671875 196.1314453125C133.56796875 208.248046875 117.2056640625 214.920703125 99.965625 214.920703125C64.393359375 214.920703125 34.340625 184.86796875 34.340625 149.295703125C34.340625 132.101953125 41.28515625 115.8849609375 53.8939453125 103.6318359375C66.36328125 91.515234375 82.725 84.842578125 99.965625 84.842578125C112.3294921875 84.842578125 124.344140625 88.3552734375 134.7111328125 95.0015625L125.2248046875 109.8C117.6943359375 104.9724609375001 108.959765625 102.4207031250001 99.9662109375 102.4207031250001C73.921875 102.4207031250001 51.9193359375 123.8871093750001 51.9193359375 149.2957031250001C51.9193359375 175.339453125 73.921875 197.3425781250001 99.9662109375 197.3425781250001C127.7203125 197.3425781250001 150.93984375 172.4677734375 147.71015625 144.664453125H129.783984375C133.1689453125 163.01953125 118.6318359375 180.5033203125 99.9662109375 180.5033203125C83.2423828125 180.5033203125 69.6375 166.8978515625 69.6375 150.1746093750001S83.24296875 119.8458984375 99.9662109375 119.8458984375C107.450390625 119.8458984375 114.3046875 122.5763671875001 119.5998046875 127.0857421875H161.494921875C164.58984375 137.8921875 166.587890625 148.423828125 164.9103515625001 159.7306640625C162.8548828125001 173.579296875 156.05625 186.394921875 146.03671875 196.1314453125zM99.9650390625 137.424609375C92.934375 137.424609375 87.214453125 143.14453125 87.214453125 150.1751953125S92.934375 162.92578125 99.9650390625 162.92578125S112.715625 157.205859375 112.715625 150.1751953125S106.995703125 137.424609375 99.9650390625 137.424609375zM300 123.842578125V176.576953125H247.255078125V158.963671875H199.5287109375C197.4896484375 182.2529296875 187.4361328125 203.2787109375 172.1408203125 219.2525390625L246.9791015625 262.1466796875V247.2404296875H300V299.9748046875H246.9791015625V282.406640625L158.077734375 231.45234375C141.6908203125 243.2021484375 121.6224609375 250.128515625 99.9650390625 250.128515625C44.85 250.1291015625 0 205.290234375 0 150.174609375S44.85 50.2201171875 99.9650390625 50.2201171875C121.529296875 50.2201171875 141.519140625 57.0849609375 157.8673828125 68.7427734375L247.255078125 17.5095703125V0.024609375H300V52.758984375H247.255078125V37.76953125L171.9691406249999 80.9203125C187.3599609374999 96.9158203125 197.4826171874999 118.0095703125 199.5287109374999 141.3855468750001H247.255078125V123.8425781250001zM264.5572265625001 282.3972656250001H282.1353515625001V264.8191406250001H264.5572265625001zM264.833203125 35.180859375H282.411328125V17.602734375H264.833203125zM99.9650390625 67.7982421875C54.542578125 67.7982421875 17.588671875 104.7515625 17.588671875 150.1746093750001S54.542578125 232.5509765625001 99.9650390625 232.5509765625001S182.34140625 195.59765625 182.34140625 150.1746093750001S145.3875 67.7982421875 99.9650390625 67.7982421875zM264.833203125 158.9988281250001H282.411328125V141.4207031250001H264.833203125z" />
+    <glyph glyph-name="153-kanban"
+      unicode="&#xF199;"
+      horiz-adv-x="300" d="M70.5882352941177 264.7058823529412H17.6470588235294V211.764705882353H70.5882352941177zM52.9411764705882 229.4117647058824H35.2941176470588V247.0588235294118H52.9411764705882zM176.4705882352941 264.7058823529412H123.5294117647059V211.764705882353H176.4705882352941zM158.8235294117647 229.4117647058824H141.1764705882353V247.0588235294118H158.8235294117647zM300 300C277.6723529411765 300 14.8958823529412 300 0 300V282.3529411764706H88.2352941176471V17.6470588235294H0V0H300V17.6470588235294H211.7647058823529V282.3529411764706H300zM194.1176470588235 17.6470588235294H105.8823529411765V282.3529411764706H194.1176470588235zM282.3529411764706 264.7058823529412H229.4117647058824V211.764705882353H282.3529411764706zM264.7058823529412 229.4117647058824H247.0588235294118V247.0588235294118H264.7058823529412zM17.6470588235294 141.1764705882353H70.5882352941177V194.1176470588235H17.6470588235294zM35.2941176470588 176.4705882352942H52.9411764705882V158.8235294117647H35.2941176470588zM176.4705882352941 194.1176470588235H123.5294117647059V141.1764705882353H176.4705882352941zM158.8235294117647 158.8235294117647H141.1764705882353V176.4705882352942H158.8235294117647zM282.3529411764706 194.1176470588235H229.4117647058824V141.1764705882353H282.3529411764706zM264.7058823529412 158.8235294117647H247.0588235294118V176.4705882352942H264.7058823529412zM229.4117647058824 70.5882352941177H282.3529411764706V123.5294117647059H229.4117647058824zM247.0588235294118 105.8823529411765H264.7058823529412V88.2352941176471H247.0588235294118z" />
+    <glyph glyph-name="154-check-1"
+      unicode="&#xF19A;"
+      horiz-adv-x="300" d="M254.2060546875001 251.480859375V300H45.355078125V251.4814453125L0 183.5302734375V0H300V183.5302734375zM278.2376953125 183.0884765625L254.2066406250001 165.3697265625V219.5431640625zM62.933203125 282.3896484375H236.6279296875001V152.3390625L181.2814453125001 110.4287109375H118.2796875L62.933203125 152.3390625zM45.3544921875 165.3703125L21.3234375 183.0890625L45.3544921875 219.5431640625zM17.358984375 17.9630859375V163.4935546875L112.3757812500001 92.85H187.1859375L282.2027343750001 163.494140625V17.9630859375zM193.2380859375 251.105859375L181.5486328125 264.234375L136.621875 224.23359375L117.9814453125 240.671484375L106.3552734375 227.487890625L136.6775390625 200.748046875zM95.4755859375 183.5302734375H204.085546875V165.9521484375H95.4755859375zM95.4755859375 145.43203125H204.085546875V127.85390625H95.4755859375z" />
+    <glyph glyph-name="155-favorite"
+      unicode="&#xF19B;"
+      horiz-adv-x="300" d="M162.92109375 193.94296875C151.7501953125 193.94296875 140.9994140625 190.1537109375 132.3486328125 183.338671875C123.6978515625 190.1537109375 112.9470703125 193.94296875 101.776171875 193.94296875C74.5248046875 193.94296875 52.3541015625 171.772265625 52.3541015625 144.5208984375C52.9470703125 108.6726562500001 90.1037109375 78.9105468750001 132.3486328125 52.7677734375C166.19765625 74.8318359375 210.1365234375 102.0087890625 212.3431640625 144.5208984375C212.3431640625 171.772265625 190.1724609375 193.94296875 162.9210937500001 193.94296875zM132.3486328125 73.548046875C90.9228515625 100.22109375 69.9322265625 124.083984375 69.9322265625 144.5208984375C69.9322265625 162.0796875 84.2173828125 176.36484375 101.776171875 176.36484375C114.7939453125 176.8365234375 125.054296875 167.4679687500001 132.3486328125 157.9294921875001C139.763671875 167.0888671875001 148.618359375 176.6115234375001 162.92109375 176.36484375C180.4798828125 176.36484375 194.7650390625 162.0796875 194.7650390625 144.5208984375C194.7650390625 124.083984375 173.7744140625 100.22109375 132.3486328125 73.548046875zM300 238.2404296875C300 272.29453125 272.29453125 300 238.23984375 300C210.4341796875 300 186.86484375 281.5283203125 179.1498046875 256.2123046875C164.391796875 261.7822265625 148.594921875 264.697265625 132.3486328125 264.697265625C96.997265625 264.697265625 63.7611328125 250.9306640625 38.7638671875 225.9333984375S0 167.7 0 132.3486328125S13.7666015625 63.7611328125 38.7638671875 38.7638671875S96.997265625 1e-13 132.3486328125 1e-13S200.9361328125 13.7666015625001 225.9333984375 38.7638671875S264.697265625 96.997265625 264.697265625 132.3486328125C264.697265625 148.5955078125 261.772265625 164.3888671875 256.201171875 179.146875C281.523046875 186.8583984375 300 210.4306640625 300 238.2404296875zM247.119140625 132.3486328125C247.119140625 69.0638671875 195.6333984375 17.578125 132.3486328125 17.578125S17.578125 69.0638671875 17.578125 132.3486328125S69.0638671875 247.119140625 132.3486328125 247.119140625C147.9814453125 247.119140625 162.887109375 243.9638671875 176.4802734375 238.2767578125C176.4802734375 238.264453125 176.4796875 238.252734375 176.4796875 238.2404296875C176.4796875 204.1857421875 204.18515625 176.4802734375 238.23984375 176.4802734375C238.2515625 176.4802734375 238.26328125 176.480859375 238.2755859375 176.480859375C243.962109375 162.8865234375 247.119140625 147.9814453125 247.119140625 132.3486328125zM238.23984375 194.0578125C213.877734375 194.0578125 194.0578125 213.877734375 194.0578125 238.23984375C194.0578125 262.6013671875 213.877734375 282.4212890625 238.23984375 282.4212890625S282.421875 262.601953125 282.421875 238.2404296875C282.421875 213.8783203125 262.601953125 194.0578125 238.23984375 194.0578125zM221.2306640625 247.0517578125H229.4337890625V211.7490234375H247.0119140625V264.6298828125H221.2306640625z" />
+    <glyph glyph-name="156-exam"
+      unicode="&#xF19C;"
+      horiz-adv-x="300" d="M108.1411764705882 141.1764705882353L79.7841176470588 46.6529411764706L96.6864705882353 41.5817647058824L105.3882352941177 70.5882352941177H141.6705882352941L150.3723529411765 41.5823529411765L167.2747058823529 46.6535294117647L138.9176470588235 141.1764705882353zM110.6823529411765 88.2352941176471L121.2705882352941 123.5294117647059H125.7882352941177L136.3764705882353 88.2352941176471zM282.3529411764706 238.2352941176471C282.3529411764706 272.2923529411765 254.6452941176471 300 220.5882352941177 300C195.9982352941177 300 174.7217647058824 285.554705882353 164.7911764705883 264.7058823529412H17.6470588235294V0H229.4117647058824V177.1035294117647C259.3035294117647 181.3982352941177 282.3529411764706 207.1741176470588 282.3529411764706 238.2352941176471zM35.2941176470588 17.6470588235294V247.0588235294118H159.4564705882353C154.5470588235294 212.8894117647059 178.514705882353 181.8811764705882 211.764705882353 177.1035294117647V17.6470588235294zM220.5882352941177 194.1176470588235C196.2617647058824 194.1176470588235 176.4705882352941 213.9088235294118 176.4705882352941 238.2352941176471S196.2617647058824 282.3529411764706 220.5882352941177 282.3529411764706S264.7058823529412 262.5617647058824 264.7058823529412 238.2352941176471S244.914705882353 194.1176470588235 220.5882352941177 194.1176470588235zM211.7647058823529 241.89L196.7023529411765 226.8270588235294L209.18 214.3494117647059L229.4117647058824 234.5805882352941V264.7058823529412H211.7647058823529zM52.9411764705882 229.4117647058824H97.0588235294118V211.7647058823529H52.9411764705882zM52.9411764705882 194.1176470588235H150V176.4705882352942H52.9411764705882z" />
+    <glyph glyph-name="157-bell"
+      unicode="&#xF19D;"
+      horiz-adv-x="300" d="M168.4210526315789 162.4386796374824C145.6936179310836 162.4386796374824 127.2042665906472 143.9487343952298 127.2042665906472 121.2212996947345S145.6942118328998 80.0039197519866 168.4210526315789 80.0039197519866S209.6384325743268 98.4938649942392 209.6384325743268 121.2212996947345S191.1484873320743 162.4386796374824 168.4210526315789 162.4386796374824zM168.4210526315789 97.8209742365392C155.517941773866 97.8209742365392 145.0213210751998 108.3181888370215 145.0213210751998 121.2212996947345S155.5185356756821 144.6216251529297 168.4210526315789 144.6216251529297S191.8213780897742 134.1244105524475 191.8213780897742 121.2212996947345S181.324163489292 97.8209742365392 168.4210526315789 97.8209742365392zM289.6429462281296 250.7524736010643V300H47.2003468386606V250.7524736010643H78.9830025300217L72.8087992493081 246.4639085866325L72.4785898395277 246.223378351091C53.8585800995379 231.9828006034043 38.1872928767416 212.1173787549443 27.1585361508035 188.7752556747319C16.1666013374669 165.5103398306192 10.3564598700543 139.9945361032914 10.3564598700543 114.9859245269572C10.3564598700543 93.8489588901163 14.6278017318177 72.7232773877822 22.7327798168407 53.4291890864602C18.3307795555239 48.8632719238855 15.6142726484457 42.6611552578128 15.6142726484457 35.833066077516C15.6142726484457 21.8413331907968 26.9975887586264 10.4580170806162 40.9893216453456 10.4580170806162S66.3643706422454 21.8413331907968 66.3643706422454 35.833066077516S54.9810545320648 61.2081150744159 40.9893216453456 61.2081150744159C40.2600102151112 61.2081150744159 39.5396073121192 61.1701053581822 38.8251434272886 61.1095273729347C31.8444214802409 78.0155364715105 28.1729204527907 96.4918219719916 28.1729204527907 114.9859245269572C28.1729204527907 158.5812873415767 48.0341849885377 202.5727826675694 79.1374170022212 228.7133711054888V203.1257052584067C59.3171316917887 181.5373742412904 47.1991590350283 152.7693641687156 47.1991590350283 121.2212996947345C47.1991590350283 54.3800258941191 101.5785910273314 0 168.4198648279466 0C235.2617325303781 0 289.6411645226811 54.379431992303 289.6411645226811 121.2212996947345C289.6411645226811 152.7675824632672 277.524379669553 181.5349986340259 257.7052821627529 203.1227357493259V250.7524736010643zM48.547910059509 35.833066077516C48.547910059509 31.6656570335792 45.1573245910986 28.2750715651688 40.9899155471617 28.2750715651688S33.4319210348145 31.6656570335792 33.4319210348145 35.833066077516S36.8225065032249 43.3910605898633 40.9899155471617 43.3910605898633S48.547910059509 40.0004751214529 48.547910059509 35.833066077516zM65.0174013232132 282.1829455154474H271.825891743577V268.5695280856169H65.0174013232132zM168.4210526315789 17.8170544845526C111.404102673746 17.8170544845526 65.0174013232132 64.2037558350853 65.0174013232132 121.2212996947345S111.404102673746 224.6255449049163 168.4210526315789 224.6255449049163C225.4385964912281 224.6255449049163 271.8252978417608 178.2388435543836 271.8252978417608 121.2212996947345S225.4385964912281 17.8170544845526 168.4210526315789 17.8170544845526zM239.8894154818325 219.0689995130005C219.8363206594686 233.7555975246172 195.1258477948425 242.4425993894689 168.4210526315789 242.4425993894689C141.7174452719477 242.4425993894689 117.0081602109539 233.7567853282495 96.9556592904061 219.0707812184489V250.7524736010643H239.8894154818326zM159.5143070947511 129.9183978904608H177.3313615793037V112.5247954008243H159.5143070947511z" />
+    <glyph glyph-name="158-bomb"
+      unicode="&#xF19E;"
+      horiz-adv-x="300" d="M233.8787109375 259.91484375C242.1333984375001 268.3599609375 246.6796875 279.474609375 246.6796875 291.2109375V300H229.1015625V291.2109375C229.1015625 276.6005859375 217.0271484375 264.2578125 202.734375 264.2578125H198.3556640625L150 299.7720703125L0 189.605859375V0H300V189.605859375L218.3173828125 249.5970703125C224.0806640625 251.8330078125 229.3775390625 255.3099609375 233.8787109375 259.91484375zM150 90.657421875L76.959375 145.210546875C84.7669921875 163.9060546875 99.589453125 179.04375 118.3681640625 187.262109375L123.6333984375 189.5666015625V202.734375C123.6333984375 207.5806640625 127.576171875 211.5234375 132.4224609375 211.5234375H167.5787109375C172.425 211.5234375 176.3677734375 207.5806640625 176.3677734375 202.734375V189.5671875L181.6330078125 187.2626953125C200.410546875 179.0443359375 215.2330078125 163.906640625 223.0412109375 145.2111328125zM237.4798828125 155.9947265625C228.3802734375 175.2568359375 213.06796875 191.0947265625 193.9453125 200.8705078125V202.734375C193.9453125 217.2732421875 182.1169921875 229.1015625 167.578125 229.1015625H160.30078125C163.92890625 239.330859375 173.6982421875 246.6796875 185.15625 246.6796875H192.594140625L276.444140625 185.0970703125zM171.590625 262.105078125C156.697265625 257.2587890625 145.2673828125 244.667578125 142.0951171875 229.1015625H132.421875C117.8830078125 229.1015625 106.0546875 217.2732421875 106.0546875 202.734375V200.8705078125C86.93203125 191.0947265625 71.6197265625 175.2568359375 62.520703125 155.9947265625L23.5564453125 185.096484375L150 277.9623046875zM17.578125 17.578125V167.621484375L111.8455078125 97.2140625L50.9765625 51.5625L61.5234375 37.5L126.5244140625 86.251171875L150 68.717578125L173.475 86.251171875L238.4765625 37.5L249.0234375 51.5625L188.15390625 97.2146484375L282.421875 167.6220703125V17.578125z" />
+    <glyph glyph-name="159-landscape"
+      unicode="&#xF19F;"
+      horiz-adv-x="300" d="M179.4273375 196.56143203125C166.8548583984375 216.89071640625 144.3603515625 230.470276171875 118.7507630859375 230.470276171875C79.4403076171875 230.470276171875 47.4609375 198.488616796875 47.4609375 159.1804505859375C47.4609375 155.1887513671875 47.7951046875 151.2771609375 48.4291078125 147.4639892578125L0 87.2772216796875V15.431213671875H300V153.753662109375L204.9751283203125 226.499176171875zM282.421875 145.074462890625V33.009338671875H17.578125V81.08367890625L58.6555482421875 132.1357728515625L120.9709166015625 100.978088671875L207.5248716796875 202.4093625zM65.0390625 159.1804505859375C65.0390625 188.795471484375 89.133453515625 212.892151171875 118.7507630859375 212.892151171875C140.1031494140625 212.892151171875 158.5853578125 200.3631591796875 167.234801953125 182.2746275390625L116.5283203125 122.850036328125L66.2109375 148.0110169921875C65.444183203125 151.61590546875 65.0390625 155.35125703125 65.0390625 159.1804505859375zM65.0390625 159.1804505859375M243.75 284.1796875V266.6015625H282.421875V227.9296875H300V284.1796875zM243.75 284.1796875M17.578125 266.6015625H56.25V284.1796875H0V227.9296875H17.578125zM17.578125 266.6015625" />
+    <glyph glyph-name="160-webcam"
+      unicode="&#xF1A0;"
+      horiz-adv-x="300" d="M281.8359375 168.1640625C281.8359375 241.025390625 222.871875 300 150 300C77.138671875 300 18.1640625 241.0353515625 18.1640625 168.1640625C18.1640625 110.042578125 55.519921875 61.7015625 105.8666015625 43.865625L91.9705078125 17.578125H62.109375V0H237.890625V17.578125H208.2369140625L195.270703125 44.278125C244.6857421875 62.302734375 281.8359375 110.1099609375 281.8359375 168.1640625zM111.853125 17.578125L123.2009765625 39.0451171875C131.9232421875 37.25390625 140.88984375 36.328125 150 36.328125C159.575390625 36.328125 168.992578125 37.35 178.133203125 39.326953125L188.6953125 17.578125H111.853125zM150 53.90625C86.9982421875 53.90625 35.7421875 105.1623046875 35.7421875 168.1640625S86.9982421875 282.421875 150 282.421875S264.2578125 231.1658203125 264.2578125 168.1640625S213.0017578125 53.90625 150 53.90625zM141.2109375 256.0546875A8.7890625 8.7890625 0 0 1 158.7890625 256.0546875A8.7890625 8.7890625 0 0 1 141.2109375 256.0546875M150 229.6875C116.0759765625 229.6875 88.4765625 202.0880859375 88.4765625 168.1640625C88.4765625 134.2400390625 116.0759765625 106.640625 150 106.640625C183.9240234375 106.640625 211.5234375 134.2400390625 211.5234375 168.1640625C211.5234375 202.0880859375 183.9240234375 229.6875 150 229.6875zM150 124.21875C125.7685546875 124.21875 106.0546875 143.9326171875 106.0546875 168.1640625C106.0546875 192.3955078125 125.7685546875 212.109375 150 212.109375C174.2314453125 212.109375 193.9453125 192.3955078125 193.9453125 168.1640625S174.2314453125 124.21875 150 124.21875zM150 194.53125C135.4611328125 194.53125 123.6328125 182.7029296875 123.6328125 168.1640625S135.4611328125 141.796875 150 141.796875S176.3671875 153.6251953125 176.3671875 168.1640625S164.5388671875 194.53125 150 194.53125zM150 159.375C145.1537109375 159.375 141.2109375 163.3177734375 141.2109375 168.1640625S145.1537109375 176.953125 150 176.953125S158.7890625 173.0103515625 158.7890625 168.1640625S154.8462890625 159.375 150 159.375z" />
+    <glyph glyph-name="161-microphone"
+      unicode="&#xF1A1;"
+      horiz-adv-x="300" d="M150 279.345703125C114.137109375 279.345703125 84.9609375 250.16953125 84.9609375 214.306640625V127.001953125C84.9609375 103.4595703125 97.533984375 82.798828125 116.31796875 71.3818359375V20.654296875H183.68203125V71.3818359375C202.466015625 82.798828125 215.0390625 103.4595703125 215.0390625 127.001953125V214.306640625C215.0390625 250.16953125 185.862890625 279.345703125 150 279.345703125zM166.10390625 38.232421875H133.89609375V63.98203125C144.1224609375 61.303125 155.8775390625 61.303125 166.10390625 63.98203125zM197.4609375 179.443359375H162.3046875V161.865234375H197.4609375V144.287109375H162.3046875V126.708984375H197.4533203125C194.89453125 64.2615234375 105.083203125 64.3083984375 102.54609375 126.708984375H137.6953125V144.287109375H102.5390625V161.865234375H137.6953125V179.443359375H102.5390625V197.021484375H137.6953125V214.599609375H102.5466796875C105.10546875 277.0470703125 194.916796875 277.0001953125 197.4539062500001 214.599609375H162.3046875V197.021484375H197.4609375zM300 170.6607421875C300.0123046875 196.78359375 292.92421875 222.290625 279.49921875 244.5158203125L265.3078125 233.9935546875C288.045703125 195.9234375 288.045703125 145.3904296875 265.3078125 107.3208984375L279.49921875 96.7986328125C292.9236328125001 119.0244140625 300.0117187500001 144.5314453125 300 170.654296875C300 170.656640625 300 170.6583984375 300 170.6607421875zM264.84375 170.6607421875C264.8572265625 189.1107421875 259.49765625 206.891015625 249.3568359375 222.16640625L235.2140625 211.68046875C251.227734375 187.4912109375 251.2271484375 153.8232421875 235.2140625 129.6345703125L249.3568359375 119.1486328125C259.4976562500001 134.4234375 264.856640625 152.204296875 264.84375 170.654296875C264.84375 170.656640625 264.84375 170.6583984375 264.84375 170.6607421875zM20.50078125 244.51640625C7.07578125 222.290625 -0.0123046875 196.78359375 0 170.6607421875V170.654296875C-0.0123046875 144.5314453125 7.07578125 119.0244140625 20.50078125 96.79921875L34.6921875 107.321484375C11.9537109375 145.3916015625 11.954296875 195.9240234375 34.6921875 233.994140625zM50.6431640625 222.16640625C40.50234375 206.8916015625 35.143359375 189.1107421875 35.15625 170.6607421875V170.654296875C35.1427734375 152.204296875 40.50234375 134.4234375 50.6431640625 119.1486328125L64.7859375 129.6345703125C48.772265625 153.823828125 48.7728515625 187.491796875 64.7859375 211.68046875z" />
+    <glyph glyph-name="162-cam"
+      unicode="&#xF1A2;"
+      horiz-adv-x="300" d="M61.5234375 226.7578125A11.71875 11.71875 0 0 1 84.9609375 226.7578125A11.71875 11.71875 0 0 1 61.5234375 226.7578125M251.9208984375 171.4025390625C246.75703125 170.457421875 241.4197265625 169.946484375 235.9564453125 169.9224609375C235.3939453125 169.681640625 234.82734375 169.4513671875 234.2625 169.21640625C231.73828125 111.66796875 184.13671875 65.625 125.9765625 65.625C66.205078125 65.625 17.578125 114.2525390625 17.578125 174.0234375S66.205078125 282.421875 125.9765625 282.421875C138.5724609375 282.421875 150.6703125 280.255078125 161.9255859375 276.2865234375C164.8453125 281.615625 168.45703125 286.5837890625 172.6576171875 291.0955078125C158.0033203125 296.935546875 142.2263671875 300 125.9765625 300C92.3267578125 300 60.69140625 286.89609375 36.89765625 263.10234375C13.10390625 239.30859375 0 207.6732421875 0 174.0234375S13.10390625 108.73828125 36.89765625 84.94453125C46.0974609375 75.7447265625 56.4732421875 68.1509765625 67.68046875 62.2869140625C54.326953125 47.81484375 46.875 28.9458984375 46.875 8.7890625V0H205.078125V8.7890625C205.078125 28.946484375 197.626171875 47.81484375 184.27265625 62.2869140625C195.4798828125 68.1509765625 205.8556640625 75.7447265625 215.05546875 84.94453125C238.2298828125 108.11953125 251.2587890625 138.7341796875 251.9208984375 171.4025390625zM186.88359375 17.578125H65.06953125C67.1068359375 31.9740234375 74.131640625 45.0626953125 85.123828125 54.7962890625C98.101171875 50.3619140625 111.8595703125 48.046875 125.9765625 48.046875S153.8525390625 50.3619140625 166.8298828125 54.7962890625C177.821484375 45.0626953125 184.8462890625 31.9740234375 186.88359375 17.578125zM235.546875 300C200.007421875 300 171.09375 274.7666015625 171.09375 243.75C171.09375 223.5849609375 183.3169921875 205.86796875 201.6345703125 195.936328125C196.0453125 188.2341796875 189.7412109375 181.083984375 182.8125 174.591796875C200.3794921875 176.044921875 217.079296875 180.55078125 232.3875 187.56796875C233.4345703125 187.5240234375 234.4875 187.5 235.546875 187.5C271.086328125 187.5 300 212.7333984375 300 243.75S271.086328125 300 235.546875 300zM235.546875 205.078125C209.7 205.078125 188.671875 222.4259765625 188.671875 243.75S209.7 282.421875 235.546875 282.421875S282.421875 265.0740234375 282.421875 243.75S261.39375 205.078125 235.546875 205.078125zM125.9765625 217.96875C101.7451171875 217.96875 82.03125 198.2548828125 82.03125 174.0234375S101.7451171875 130.078125 125.9765625 130.078125C150.2080078125 130.078125 169.921875 149.7919921875 169.921875 174.0234375C169.921875 198.2548828125 150.2080078125 217.96875 125.9765625 217.96875zM125.9765625 147.65625C111.4376953125 147.65625 99.609375 159.4845703125 99.609375 174.0234375S111.4376953125 200.390625 125.9765625 200.390625S152.34375 188.5623046875 152.34375 174.0234375S140.5154296875 147.65625 125.9765625 147.65625z" />
+    <glyph glyph-name="163-chat"
+      unicode="&#xF1A3;"
+      horiz-adv-x="300" d="M202.9411764705883 179.9782352941177C217.5370588235294 179.9782352941177 229.4117647058824 191.8529411764706 229.4117647058824 206.4488235294118S217.5370588235294 232.9194117647059 202.9411764705883 232.9194117647059S176.4705882352941 221.0447058823529 176.4705882352941 206.4488235294118S188.3452941176471 179.9782352941177 202.9411764705883 179.9782352941177zM202.9411764705883 215.2723529411765C207.8064705882353 215.2723529411765 211.764705882353 211.3141176470588 211.764705882353 206.4488235294118S207.8064705882353 197.6252941176471 202.9411764705883 197.6252941176471S194.1176470588235 201.5835294117647 194.1176470588235 206.4488235294118S198.0758823529412 215.2723529411765 202.9411764705883 215.2723529411765zM74.0176470588235 39.4941176470588C97.1094117647059 27.4841176470588 123.284705882353 21.154705882353 150 21.154705882353C235.6805882352941 21.154705882353 300 82.8835294117647 300 153.5076470588236C300 224.7911764705883 234.9335294117647 285.8605882352942 150 285.8605882352942C64.3194117647059 285.8605882352942 0 224.1317647058824 0 153.5076470588236C0 123.324705882353 11.7511764705882 94.0958823529412 33.2135294117647 70.5929411764706L10.6317647058824 14.1388235294118zM75.1805882352941 58.9658823529412L42.3094117647059 45.8170588235294L53.8552941176471 74.6811764705882C51.1117647058824 77.5376470588236 46.5770588235294 81.6205882352942 40.9441176470588 88.7223529411765L97.0588235294118 172.8952941176471L162.9252941176471 74.0964705882353H245.4141176470588C221.314705882353 52.3558823529412 187.4505882352941 38.8023529411765 150.0005882352941 38.8023529411765C105.8041176470588 38.8017647058824 77.5511764705882 58.0029411764706 75.1805882352941 58.9658823529412zM153.5617647058824 119.9541176470588L167.6470588235294 141.0823529411765L200.54 91.7435294117647H172.3688235294118zM150 268.2135294117648C222.9794117647059 268.2135294117648 282.3529411764706 216.7564705882353 282.3529411764706 153.5076470588236C282.3529411764706 130.7841176470589 274.6888235294118 109.5829411764706 261.4841176470589 91.7429411764706H221.7482352941177L167.6470588235295 172.8958823529412L142.9570588235295 135.8611764705883L97.0588235294118 204.7088235294118L30.3588235294118 104.6576470588236C22.0541176470589 119.8517647058824 17.6470588235295 136.5252941176471 17.6470588235295 153.5076470588236C17.6470588235295 216.7570588235294 77.0205882352942 268.2135294117648 150 268.2135294117648z" />
+    <glyph glyph-name="164-pattern-lock"
+      unicode="&#xF1A4;"
+      horiz-adv-x="300" d="M264.7058823529412 229.4117647058824C284.1670588235295 229.4117647058824 300 245.244705882353 300 264.7058823529412S284.1670588235295 300 264.7058823529412 300S229.4117647058824 284.1670588235295 229.4117647058824 264.7058823529412S245.2447058823529 229.4117647058824 264.7058823529412 229.4117647058824zM264.7058823529412 282.3529411764706C274.4364705882353 282.3529411764706 282.3529411764706 274.4364705882353 282.3529411764706 264.7058823529412S274.4364705882353 247.0588235294118 264.7058823529412 247.0588235294118S247.0588235294118 254.9752941176471 247.0588235294118 264.7058823529412S254.975294117647 282.3529411764706 264.7058823529412 282.3529411764706zM35.2941176470588 185.2941176470589C15.8329411764706 185.2941176470589 0 169.4611764705883 0 150S15.8329411764706 114.7058823529412 35.2941176470588 114.7058823529412S70.5882352941177 130.5388235294118 70.5882352941177 150S54.7552941176471 185.2941176470589 35.2941176470588 185.2941176470589zM35.2941176470588 132.3529411764706C25.5635294117647 132.3529411764706 17.6470588235294 140.2694117647059 17.6470588235294 150S25.5635294117647 167.6470588235294 35.2941176470588 167.6470588235294S52.9411764705882 159.7305882352941 52.9411764705882 150S45.0247058823529 132.3529411764706 35.2941176470588 132.3529411764706zM264.7058823529412 185.2941176470589C248.2905882352941 185.2941176470589 234.4564705882353 174.0294117647059 230.5282352941176 158.8235294117647H184.1770588235294C180.9776470588235 171.2076470588236 171.2076470588235 180.9776470588235 158.8229411764706 184.1776470588236V230.5288235294118C174.0288235294118 234.4570588235294 185.2935294117647 248.2905882352942 185.2935294117647 264.7064705882353C185.2935294117647 284.1676470588236 169.4605882352941 300.0005882352941 149.9994117647059 300.0005882352941C133.5841176470588 300.0005882352941 119.75 288.7358823529412 115.8223529411765 273.53H69.4705882352941C65.5435294117647 288.7352941176471 51.7094117647059 300 35.2941176470588 300C15.8329411764706 300 0 284.1670588235295 0 264.7058823529412S15.8329411764706 229.4117647058824 35.2941176470588 229.4117647058824C51.7094117647059 229.4117647058824 65.5435294117647 240.6764705882353 69.4711764705882 255.8823529411765H115.8229411764706C119.0223529411765 243.4982352941177 128.7923529411765 233.7276470588236 141.1764705882353 230.5282352941177V184.1770588235294C125.9711764705882 180.2488235294118 114.7058823529412 166.4152941176471 114.7058823529412 149.9994117647059C114.7058823529412 130.5382352941177 130.5388235294118 114.7052941176471 150 114.7052941176471C166.4152941176471 114.7052941176471 180.2494117647059 125.97 184.1776470588236 141.1758823529412H230.5288235294118C231.3641176470589 137.9429411764706 232.6535294117647 134.8917647058824 234.3141176470588 132.0852941176471L167.9141176470588 65.6864705882353C162.6588235294118 68.7958823529412 156.5358823529412 70.5882352941177 150 70.5882352941177C130.5388235294118 70.5882352941177 114.7058823529412 54.7552941176471 114.7058823529412 35.2941176470588S130.5388235294118 0 150 0S185.2941176470589 15.8329411764706 185.2941176470589 35.2941176470588C185.2941176470589 41.83 183.5017647058824 47.9529411764706 180.3923529411765 53.2082352941177L246.7917647058824 119.6076470588235C252.0470588235295 116.4982352941177 258.17 114.7058823529412 264.7058823529412 114.7058823529412C284.1670588235295 114.7058823529412 300 130.5388235294118 300 150S284.1670588235295 185.2941176470589 264.7058823529412 185.2941176470589zM35.2941176470588 247.0588235294118C25.5635294117647 247.0588235294118 17.6470588235294 254.9752941176471 17.6470588235294 264.7058823529412S25.5635294117647 282.3529411764706 35.2941176470588 282.3529411764706S52.9411764705882 274.4364705882353 52.9411764705882 264.7058823529412S45.024705882353 247.0588235294118 35.2941176470588 247.0588235294118zM132.3529411764706 264.7058823529412C132.3529411764706 274.4364705882353 140.2694117647059 282.3529411764706 150 282.3529411764706S167.6470588235294 274.4364705882353 167.6470588235294 264.7058823529412S159.7305882352941 247.0588235294118 150 247.0588235294118S132.3529411764706 254.9752941176471 132.3529411764706 264.7058823529412zM150 132.3529411764706C140.2694117647059 132.3529411764706 132.3529411764706 140.2694117647059 132.3529411764706 150S140.2694117647059 167.6470588235294 150 167.6470588235294S167.6470588235294 159.7305882352941 167.6470588235294 150S159.7305882352941 132.3529411764706 150 132.3529411764706zM150 17.6470588235294C140.2694117647059 17.6470588235294 132.3529411764706 25.5635294117647 132.3529411764706 35.2941176470588S140.2694117647059 52.9411764705883 150 52.9411764705883S167.6470588235294 45.024705882353 167.6470588235294 35.2941176470588S159.7305882352941 17.6470588235294 150 17.6470588235294zM264.7058823529412 132.3529411764706C254.975294117647 132.3529411764706 247.0588235294118 140.2694117647059 247.0588235294118 150S254.975294117647 167.6470588235294 264.7058823529412 167.6470588235294S282.3529411764706 159.7305882352941 282.3529411764706 150S274.4364705882353 132.3529411764706 264.7058823529412 132.3529411764706zM35.2941176470588 70.5882352941177C15.8329411764706 70.5882352941177 0 54.7552941176471 0 35.2941176470588S15.8329411764706 0 35.2941176470588 0S70.5882352941177 15.8329411764706 70.5882352941177 35.2941176470588S54.7552941176471 70.5882352941177 35.2941176470588 70.5882352941177zM35.2941176470588 17.6470588235294C25.5635294117647 17.6470588235294 17.6470588235294 25.5635294117647 17.6470588235294 35.2941176470588S25.5635294117647 52.9411764705883 35.2941176470588 52.9411764705883S52.9411764705882 45.024705882353 52.9411764705882 35.2941176470588S45.0247058823529 17.6470588235294 35.2941176470588 17.6470588235294zM264.7058823529412 70.5882352941177C245.2447058823529 70.5882352941177 229.4117647058824 54.7552941176471 229.4117647058824 35.2941176470588S245.2447058823529 0 264.7058823529412 0S300 15.8329411764706 300 35.2941176470588S284.1670588235295 70.5882352941177 264.7058823529412 70.5882352941177zM264.7058823529412 17.6470588235294C254.975294117647 17.6470588235294 247.0588235294118 25.5635294117647 247.0588235294118 35.2941176470588S254.975294117647 52.9411764705883 264.7058823529412 52.9411764705883S282.3529411764706 45.024705882353 282.3529411764706 35.2941176470588S274.4364705882353 17.6470588235294 264.7058823529412 17.6470588235294z" />
+    <glyph glyph-name="165-audio-message"
+      unicode="&#xF1A5;"
+      horiz-adv-x="300" d="M134.9384765625 201.294140625C139.320703125 206.508984375 141.9357421875 213.769921875 141.9357421875 220.716796875S139.3201171875 234.924609375 134.9384765625 240.139453125L121.480078125 228.8326171875C123.2279296875 226.7513671875 124.3576171875 223.5662109375 124.3576171875 220.7162109375S123.2279296875 214.6810546875 121.480078125 212.5998046875zM162.9861328125 179.0572265625C171.992578125 190.8603515625 176.953125 205.655859375 176.953125 220.7173828125S171.992578125 250.5744140625 162.9861328125 262.3775390625L149.0115234375 251.7140625C155.6947265625 242.9560546875 159.375 231.948046875 159.375 220.7173828125S155.6947265625 198.4787109375 149.0115234375 189.7212890625zM228.2384765625 229.5064453125C223.8521484375 269.0021484375 190.273828125 299.8189453125 149.6279296875 299.8189453125S75.4037109375 269.0021484375 71.0173828125 229.5064453125H0V0.1810546875L75.9533203125 51.9673828125H300V229.5064453125zM149.6279296875 282.2408203125C183.551953125 282.2408203125 211.1513671875 254.64140625 211.1513671875 220.7173828125S183.551953125 159.1939453125 149.6279296875 159.1939453125S88.1044921875 186.793359375 88.1044921875 220.7173828125S115.70390625 282.2408203125 149.6279296875 282.2408203125zM282.421875 69.5455078125H70.5310546875L17.578125 33.4412109375V211.9283203125H71.0173828125C75.4037109375 172.4326171875 108.98203125 141.6158203125 149.6279296875 141.6158203125S223.8521484375 172.4326171875 228.2384765625 211.9283203125H282.4218750000001zM90.234375 114.0767578125H107.8125V96.4986328125H90.234375zM140.625 114.0767578125H158.203125V96.4986328125H140.625zM191.015625 114.0767578125H208.59375V96.4986328125H191.015625z" />
+    <glyph glyph-name="166-password"
+      unicode="&#xF1A6;"
+      horiz-adv-x="300" d="M220.5882352941176 150V220.5882352941177H194.1176470588235V247.0588235294118C194.1176470588235 271.3852941176471 174.3264705882353 291.1764705882353 150 291.1764705882353S105.8823529411764 271.3852941176471 105.8823529411764 247.0588235294118V220.5882352941177H79.4117647058823V150H0V8.8235294117647H300V150zM123.5294117647059 247.0588235294118C123.5294117647059 261.654705882353 135.4041176470588 273.5294117647059 150 273.5294117647059C164.5964705882353 273.5294117647059 176.4705882352941 261.6547058823529 176.4705882352941 247.0588235294118V220.5882352941177H123.5294117647059zM97.0588235294118 202.9411764705882H202.9411764705882V176.4705882352942H150V158.8235294117647H202.9411764705882V132.3529411764706H97.0588235294118zM282.3529411764706 26.4705882352941H17.6470588235294V132.3529411764706H79.4117647058824V114.7058823529412H220.5882352941177V132.3529411764706H282.3529411764706zM83.0664705882353 95.5447058823529L70.5882352941177 83.0664705882353L58.11 95.5447058823529L45.6317647058823 83.0664705882353L58.11 70.5876470588235L45.6317647058823 58.1094117647059L58.11 45.6311764705883L70.5882352941177 58.11L83.0664705882353 45.6311764705883L95.5447058823529 58.1094117647059L83.0664705882353 70.5876470588235L95.5447058823529 83.0664705882353zM162.4782352941177 95.5447058823529L150 83.0664705882353L137.5217647058824 95.5447058823529L125.0435294117647 83.0664705882353L137.5217647058824 70.5876470588235L125.0435294117647 58.1094117647059L137.5217647058824 45.6311764705883L150 58.11L162.4782352941177 45.6311764705883L174.9564705882353 58.1094117647059L162.4782352941177 70.5876470588235L174.9564705882353 83.0664705882353zM241.89 95.5447058823529L229.4117647058824 83.0664705882353L216.9335294117648 95.5447058823529L204.4552941176471 83.0664705882353L216.9335294117648 70.5876470588235L204.4552941176471 58.1094117647059L216.9335294117648 45.6311764705883L229.4117647058824 58.1094117647059L241.89 45.6311764705883L254.3682352941177 58.1094117647059L241.89 70.5876470588235L254.3682352941177 83.0664705882353z" />
+    <glyph glyph-name="167-password-1"
+      unicode="&#xF1A7;"
+      horiz-adv-x="300" d="M300 159.375H228.515625V194.53125H184.5703125V229.6875C184.5703125 268.4578125 153.028125 300 114.2578125 300S43.9453125 268.4578125 43.9453125 229.6875V194.53125H0V0H228.515625V35.15625H300zM61.5234375 229.6875C61.5234375 258.765234375 85.180078125 282.421875 114.2578125 282.421875S166.9921875 258.765234375 166.9921875 229.6875V194.53125H149.4140625V229.6875C149.4140625 249.07265625 133.64296875 264.84375 114.2578125 264.84375S79.1015625 249.07265625 79.1015625 229.6875V194.53125H61.5234375zM131.8359375 194.53125H96.6796875V229.6875C96.6796875 239.380078125 104.565234375 247.265625 114.2578125 247.265625S131.8359375 239.380078125 131.8359375 229.6875zM210.9375 17.578125H17.578125V176.953125H210.9375V159.375H35.15625V35.15625H210.9375zM282.421875 52.734375H52.734375V141.796875H282.421875zM144.6251953125 80.919140625L158.8458984375 70.58671875L167.578125 82.60546875L176.3103515625 70.58671875L190.5310546875 80.919140625L181.798828125 92.937890625L195.928125 97.5287109375L190.4958984375 114.24609375L176.3671875 109.655859375V124.51171875H158.7890625V109.655859375L144.6603515625 114.24609375L139.228125 97.5287109375L153.357421875 92.937890625zM73.0283203125 80.919140625L87.2490234375 70.58671875L95.98125 82.60546875L104.7134765625 70.58671875L118.9341796875 80.919140625L110.2025390625 92.937890625L124.33125 97.5287109375L118.8990234375 114.24609375L104.7703125 109.655859375V124.51171875H87.1921875V109.655859375L73.0634765625 114.24609375L67.63125 97.5287109375L81.760546875 92.937890625zM216.2220703125 80.919140625L230.4427734375 70.58671875L239.175 82.60546875L247.9072265625001 70.58671875L262.1279296875 80.919140625L253.395703125 92.937890625L267.525 97.5287109375L262.0927734375 114.24609375L247.9640625 109.655859375V124.51171875H230.3859375V109.655859375L216.2572265625 114.24609375L210.825 97.5287109375L224.9537109375 92.937890625z" />
+    <glyph glyph-name="168-voice"
+      unicode="&#xF1A8;"
+      horiz-adv-x="300" d="M256.06640625 256.06640625C227.7345703125 284.3970703125 190.06640625 300 150 300S72.2654296875 284.3970703125 43.93359375 256.06640625C15.6029296875 227.7345703125 0 190.06640625 0 150C0 117.5888671875 10.088671875 86.923828125 29.2212890625 61.0318359375L17.578125 17.578125L61.0318359375 29.221875C86.9244140625 10.088671875 117.5888671875 0 150 0C190.06640625 0 227.7345703125 15.6029296875 256.06640625 43.93359375C284.3970703125 72.2654296875 300 109.93359375 300 150S284.3970703125 227.7345703125 256.06640625 256.06640625zM150 17.578125C120.0732421875 17.578125 91.8380859375 27.317578125 68.347265625 45.74296875L64.89140625 48.453515625L42.4376953125 42.437109375L48.4541015625 64.8908203125L45.74296875 68.3466796875C27.317578125 91.8380859375 17.578125 120.07265625 17.578125 150C17.578125 223.0177734375 76.9822265625 282.421875 150 282.421875S282.421875 223.0177734375 282.421875 150S223.0177734375 17.578125 150 17.578125zM150 264.84375C86.6748046875 264.84375 35.15625 213.3251953125 35.15625 150S86.6748046875 35.15625 150 35.15625S264.84375 86.6748046875 264.84375 150S213.3251953125 264.84375 150 264.84375zM150 247.265625C200.6701171875 247.265625 242.4064453125 208.3177734375 246.8642578125 158.7890625H219.4447265625L214.742578125 150.0111328125L195.10546875 197.466796875L176.216015625 138.6984375L150 217.344140625L123.7845703125 138.6984375L104.8951171875 197.466796875L85.2580078125 150.0111328125L80.5552734375 158.7890625H53.1357421875C57.5935546875 208.3177734375 99.33046875 247.265625 150 247.265625zM150 52.734375C99.33046875 52.734375 57.5935546875 91.6822265625 53.1357421875 141.2109375H70.0306640625L87.3005859375 108.9732421875L102.8197265625 146.478515625L123.48046875 82.2L150 161.757421875L176.5189453125 82.2L197.1802734375 146.478515625L212.6994140625 108.9732421875L229.9693359375 141.2109375H246.863671875C242.4064453125 91.6822265625 200.6701171875 52.734375 150 52.734375z" />
+    <glyph glyph-name="169-24-hours-1"
+      unicode="&#xF1A9;"
+      horiz-adv-x="300" d="M289.2984375 123.486328125H265.897265625L223.255078125 49.1712890625H271.528125L271.4642578125 24.387890625L289.0423828125 24.3427734375L289.10625 49.171875H300V66.75H289.1525390625zM271.5744140625 66.7494140625H253.6083984375L271.6552734375 98.20078125zM215.5904296875 68.64609375C221.48671875 77.3689453125 225.515625 85.0640625 226.0546875 94.08984375C226.0546875 110.19140625 212.9548828125 123.291796875 196.852734375 123.291796875C182.9302734375 123.291796875 170.8792968749999 113.387109375 168.1986328124999 99.740625L166.5046874999999 91.1162109375L183.7535156249999 87.7283203125L185.4474609375 96.352734375C186.5126953125 101.7767578125 191.3097656249999 105.7142578125 196.8527343749999 105.7142578125C203.1005859375 105.7142578125 208.2128906249999 100.7595703125 208.4666015624999 94.57265625C208.0013671875 89.698828125 205.257421875 84.8015625 201.1892578124999 78.7259765625C178.8533203124999 47.265234375 176.0402343749999 45.0884765625 171.0726562499999 39.6509765625L171.017578125 24.71484375L229.40859375 24.5361328125L229.4624999999999 42.1142578125L196.24921875 42.215625C200.9068359375 48.2150390625 207.284765625 56.778515625 215.5904296875 68.64609375zM141.2109375 53.2751953125C94.6564453125 57.4693359375 57.47578125 94.65703125 53.28046875 141.2109375H71.19140625V158.7890625H53.2828125C57.4787109375 205.3412109375 94.6587890625 242.5212890625 141.2109375 246.7171875V228.80859375H158.7890625V246.71953125C205.34296875 242.52421875 242.5306640625 205.3435546875 246.7248046875 158.7890625H228.80859375V141.2109375H264.697265625V150C264.697265625 213.2443359375 213.2443359375 264.697265625 150 264.697265625S35.302734375 213.2443359375 35.302734375 150S86.7556640625 35.302734375 150 35.302734375H158.7890625V71.19140625H141.2109375zM120.814453125 108.385546875L138.58359375 126.1546875C142.0412109375 124.4923828125 145.913671875 123.56015625 150 123.56015625C164.579296875 123.56015625 176.4404296875 135.4212890625 176.4404296875 150.0005859375C176.4404296875 161.4990234375 169.0599609375 171.3017578125 158.7890625 174.9333984375V202.9546875H141.2109375V174.9333984375C130.9400390625 171.3017578125 123.5595703125 161.4990234375 123.5595703125 150.0005859375C123.5595703125 145.9142578125 124.4923828125 142.0423828125 126.1541015625 138.5841796875001L108.3849609375 120.8150390625zM150 158.8623046875C154.88671875 158.8623046875 158.8623046875 154.88671875 158.8623046875 150S154.88671875 141.1376953125 150 141.1376953125S141.1376953125 145.11328125 141.1376953125 150S145.11328125 158.8623046875 150 158.8623046875zM158.7890625 0H150C109.93359375 0 72.26484375 15.60234375 43.93359375 43.93359375S0 109.93359375 0 150S15.60234375 227.73515625 43.93359375 256.06640625S109.93359375 300 150 300S227.73515625 284.39765625 256.06640625 256.06640625S300 190.06640625 300 150V141.2109375H282.421875V150C282.421875 185.3712890625 268.64765625 218.625 243.636328125 243.636328125S185.3712890625 282.421875 150 282.421875S81.375 268.64765625 56.363671875 243.636328125S17.578125 185.3712890625 17.578125 150S31.35234375 81.375 56.363671875 56.363671875S114.6287109375 17.5781249999999 150 17.5781249999999H158.7890625z" />
+    <glyph glyph-name="170-firewall"
+      unicode="&#xF1AA;"
+      horiz-adv-x="300" d="M224.8705882352941 178.7882352941177C240.5182352941177 221.4335294117647 211.8329411764706 246.3970588235294 196.2747058823529 261.8835294117647L172.3282352941176 245.5882352941177L154.9635294117646 297.6823529411765C122.015294117647 278.7429411764706 70.5882352941176 243.2635294117647 70.5882352941176 205.2588235294118C70.5882352941176 196.2011764705882 72.1441176470588 187.244705882353 75.1294117647058 178.7882352941177C66.7729411764705 178.7882352941177 13.5147058823529 178.7882352941177 -1e-13 178.7882352941177V2.3176470588235H300C300 57.2576470588235 300 124.1088235294118 300 178.7882352941177C290.245294117647 178.7882352941177 233.6388235294117 178.7882352941177 224.8705882352941 178.7882352941177zM229.4117647058824 125.8470588235294C221.2952941176471 125.8470588235294 160.4329411764706 125.8470588235294 150 125.8470588235294V161.1411764705883H229.4117647058824zM229.4117647058824 72.9058823529412H167.6470588235294V108.2H229.4117647058824zM70.5882352941176 108.2H150V72.9058823529412C140.0558823529412 72.9058823529412 79.1041176470588 72.9058823529412 70.5882352941176 72.9058823529412zM88.2352941176471 205.2588235294118C88.2352941176471 229.1064705882353 123.5611764705882 257.204705882353 145.1505882352941 271.3158823529412L162.9658823529412 217.8711764705883L194.1058823529412 239.0623529411765C205.6858823529412 226.5141176470589 211.764705882353 214.9141176470589 211.764705882353 205.2588235294118C211.764705882353 196.0652941176471 209.7123529411765 187.0111764705883 205.81 178.7882352941177C194.61 178.7882352941177 105.7058823529412 178.7882352941177 94.19 178.7882352941177C90.2876470588236 187.0111764705883 88.2352941176471 196.0658823529412 88.2352941176471 205.2588235294118zM70.5882352941176 161.1411764705883H132.3529411764706V125.8470588235294H70.5882352941176zM17.6470588235294 161.1411764705883H52.9411764705882V125.8470588235294H17.6470588235294zM17.6470588235294 108.2H52.9411764705882V72.9058823529412H17.6470588235294zM52.9411764705882 19.9647058823529H17.6470588235294V55.2588235294118H52.9411764705882zM132.3529411764706 19.9647058823529H70.5882352941177V55.2588235294118H132.3529411764706zM229.4117647058824 19.9647058823529H150V55.2588235294118H229.4117647058824zM282.3529411764706 19.9647058823529H247.0588235294118V55.2588235294118H282.3529411764706zM282.3529411764706 72.9058823529412H247.0588235294118V108.2H282.3529411764706zM247.0588235294118 125.8470588235294V161.1411764705883H282.3529411764706V125.8470588235294z" />
+    <glyph glyph-name="171-shopping-cart"
+      unicode="&#xF1AB;"
+      horiz-adv-x="300" d="M238.348828125 84.440625C219.8654296875 84.440625 204.355078125 71.5125 200.3572265625 54.2267578125H154.69921875C150.7013671875 71.5125 135.1904296875 84.440625 116.70703125 84.440625C100.0025390625 84.440625 85.7220703125 73.8814453125 80.1755859375 59.090625V115.843359375L275.8951171875 116.0484375L300 248.21015625H93.7529296875V230.6314453125H278.925L271.7126953125 191.084765625H69.4740234375L52.7953125 293.56640625H0V275.9876953125H37.8462890625L62.6876953125 123.3515625H62.5962890625V36.6474609375H78.7142578125C82.712109375 19.36171875 98.2224609375 6.43359375 116.705859375 6.43359375S150.7001953125 19.36171875 154.698046875 36.6474609375H200.3560546875C204.35390625 19.36171875 219.8642578125 6.43359375 238.3476562500001 6.43359375C259.85390625 6.43359375 277.3505859375 23.9302734375 277.3505859375 45.4365234375C277.351171875 66.943359375 259.855078125 84.440625 238.348828125 84.440625zM72.33515625 173.5060546875H268.5064453125V173.5060546875L261.2302734375 133.611328125L78.858984375 133.4203125L72.33515625 173.5060546875zM116.7064453125 24.012890625C104.8927734375 24.012890625 95.2822265625 33.6240234375 95.2822265625 45.437109375S104.893359375 66.861328125 116.7064453125 66.861328125S138.1306640625 57.2507812500001 138.1306640625 45.437109375C138.1306640625 33.6240234375 128.5201171875 24.012890625 116.7064453125 24.012890625zM238.3494140625 24.012890625C226.5357421875001 24.012890625 216.9251953125 33.6228515625 216.9251953125 45.437109375C216.9251953125 57.25078125 226.53515625 66.861328125 238.3494140625 66.861328125C250.163671875 66.861328125 259.7736328125 57.2507812500001 259.7736328125 45.437109375S250.1625 24.012890625 238.3494140625 24.012890625z" />
+    <glyph glyph-name="172-coffee"
+      unicode="&#xF1AC;"
+      horiz-adv-x="300" d="M259.9606250769042 190.7269712363843H252.5385692606069H0V163.5096415827313C0 129.7819730820839 13.1343493469739 98.0728553264545 36.9837168286781 74.2234878447503C42.6901509957988 68.5170536776296 48.8506858385042 63.4317120474374 55.3774309034553 58.9850410448417H0V10.1572067242056H252.5385692606069V58.9850410448417H197.1617242935072C203.6878834221027 63.4311261110818 209.8484182648081 68.5170536776295 215.5554383682844 74.2234878447503C226.2827611664821 84.9508106429479 234.8339163400072 97.2724662647143 241.0061699098244 110.6493932629037H259.9612110132598C282.0387069556505 110.6493932629037 300 128.6106863072533 300 150.688182249644S282.0381210192949 190.7269712363843 259.9606250769042 190.7269712363843zM234.9604785928153 41.4057785043389V27.7341255192861H17.5780906677917V41.4057785043389H234.9604785928153zM234.9604785928153 163.5096415827313C234.9604785928153 113.9230196816022 201.5820281601012 71.9857969027405 156.1139529024357 58.9850410448418H96.4252022945268C50.9565411005057 71.9857969027405 17.5780906677917 113.921847808891 17.5780906677917 163.5096415827313V173.1488805685926H234.9604785928153V163.5096415827313zM259.9606250769042 128.2268979943399H247.5598680471327C250.8358382112535 139.5477743207533 252.5385692606069 151.3971652399116 252.5385692606069 163.5090556463757V173.148294632237H259.9606250769042C272.3455618250746 173.148294632237 282.4213233958527 163.0725330614589 282.4213233958527 150.6875963132885C282.4213233958527 138.302659565118 272.3455618250746 128.2268979943399 259.9606250769042 128.2268979943399zM98.8750021972613 273.2133335677079C96.7082095542782 277.908441585075 94.9966894595909 281.6168327796235 94.9966894595909 289.8427932757944H77.4185987917992C77.4185987917992 277.7560981326208 80.3383196517194 271.4291573649271 82.9152677436177 265.846941705192C85.0820603866008 261.1518336878248 86.7935804812881 257.4434424932764 86.7935804812881 249.2180679334611C86.7935804812881 240.9926933736458 85.0820603866008 237.2837162427417 82.9152677436177 232.5891941617302C80.3383196517194 227.0069785019951 77.4185987917992 220.6794517979457 77.4185987917992 208.5933425911277H94.9966894595909C94.9966894595909 216.8193030872986 96.7082095542782 220.5276942818471 98.8750021972613 225.2228022992143C101.451364352804 230.8044320225937 104.3716711490798 237.1313727902875 104.3716711490798 249.2180679334611S101.4519502891596 267.6317038443285 98.8750021972613 273.2133335677079zM134.2491518571253 273.2133335677079C132.0823592141422 277.908441585075 130.3708391194549 281.6168327796235 130.3708391194549 289.8427932757944H112.7927484516632C112.7927484516632 277.7560981326208 115.7124693115834 271.4291573649271 118.2894174034816 265.846941705192C120.4562100464648 261.1518336878248 122.1677301411521 257.4434424932764 122.1677301411521 249.2180679334611C122.1677301411521 240.9926933736458 120.4562100464648 237.2837162427417 118.2894174034816 232.5891941617302C115.7124693115834 227.0069785019951 112.7927484516632 220.6794517979457 112.7927484516632 208.5933425911277H130.3708391194549C130.3708391194549 216.8193030872986 132.0823592141422 220.5276942818471 134.2491518571253 225.2228022992143C136.8255140126679 230.8044320225937 139.7458208089437 237.1313727902875 139.7458208089437 249.2180679334611S136.8260999490235 267.6317038443285 134.2491518571253 273.2133335677079zM169.6238874533448 273.2133335677079C167.4570948103617 277.908441585075 165.7455747156744 281.6168327796235 165.7455747156744 289.8427932757944H148.1674840478828C148.1674840478828 277.7560981326208 151.087204907803 271.4291573649271 153.6641529997012 265.846941705192C155.8309456426843 261.1518336878248 157.5424657373716 257.4434424932764 157.5424657373716 249.2180679334611C157.5424657373716 240.9926933736458 155.8309456426843 237.2837162427417 153.6641529997012 232.5891941617302C151.0872049078029 227.0069785019951 148.1674840478828 220.6794517979457 148.1674840478828 208.5933425911277H165.7455747156744C165.7455747156744 216.8193030872986 167.4570948103617 220.5276942818471 169.6238874533449 225.2228022992143C172.2002496088875 230.8044320225937 175.1205564051633 237.1313727902875 175.1205564051633 249.2180679334611S172.2008355452431 267.6317038443285 169.6238874533448 273.2133335677079z" />
+    <glyph glyph-name="173-open"
+      unicode="&#xF1AD;"
+      horiz-adv-x="300" d="M114.7058823529412 70.5882352941177C129.3017647058823 70.5882352941177 141.1764705882353 82.4629411764706 141.1764705882353 97.0588235294118S129.3017647058824 123.5294117647059 114.7058823529412 123.5294117647059H88.2352941176471V35.2941176470588H105.8823529411765V70.5882352941177zM105.8823529411765 105.8823529411765H114.7058823529412C119.5711764705883 105.8823529411765 123.5294117647059 101.9241176470589 123.5294117647059 97.0588235294118S119.5711764705883 88.2352941176471 114.7058823529412 88.2352941176471H105.8823529411765zM202.9411764705883 105.8823529411765V123.5294117647059H158.8235294117647V35.2941176470588H202.9411764705883V52.9411764705883H176.4705882352941V70.5882352941177H194.1176470588235V88.2352941176471H176.4705882352941V105.8823529411765zM70.5882352941177 61.764705882353V97.0588235294118C70.5882352941177 111.6547058823529 58.7135294117647 123.5294117647059 44.1176470588235 123.5294117647059S17.6470588235294 111.6547058823529 17.6470588235294 97.0588235294118V61.764705882353C17.6470588235294 47.1688235294118 29.5217647058824 35.2941176470588 44.1176470588235 35.2941176470588S70.5882352941177 47.1688235294118 70.5882352941177 61.764705882353zM35.2941176470588 61.764705882353V97.0588235294118C35.2941176470588 101.9241176470589 39.2523529411765 105.8823529411765 44.1176470588235 105.8823529411765S52.9411764705882 101.9241176470589 52.9411764705882 97.0588235294118V61.764705882353C52.9411764705882 56.8994117647059 48.9829411764706 52.9411764705883 44.1176470588235 52.9411764705883S35.2941176470588 56.8994117647059 35.2941176470588 61.764705882353zM267.9805882352941 35.2941176470588H282.3529411764706V123.5294117647059H264.7058823529412V74.6323529411765L234.9605882352941 123.5294117647059H220.5882352941176V35.2941176470588H238.2352941176471V84.1911764705882zM242.58 158.8235294117647L177.8152941176471 243.0188235294118C182.4941176470588 249.0076470588235 185.2941176470589 256.5335294117647 185.2941176470589 264.7058823529412C185.2941176470589 284.1670588235295 169.4611764705883 300 150 300S114.7058823529412 284.1670588235295 114.7058823529412 264.7058823529412C114.7058823529412 256.5335294117647 117.5052941176471 249.0076470588235 122.1858823529412 243.0188235294118L57.42 158.8235294117647H0V141.1764705882353H300V158.8235294117647zM150 282.3529411764706C159.7305882352941 282.3529411764706 167.6470588235294 274.4364705882353 167.6470588235294 264.7058823529412S159.7305882352941 247.0588235294118 150 247.0588235294118S132.3529411764706 254.9752941176471 132.3529411764706 264.7058823529412S140.2694117647059 282.3529411764706 150 282.3529411764706zM136.1594117647059 232.2417647058824C140.4117647058824 230.4223529411765 145.0894117647059 229.4117647058824 150 229.4117647058824S159.5882352941177 230.4223529411765 163.84 232.2417647058824L220.3158823529412 158.8235294117647H79.6835294117647zM0 17.6470588235294H300V0H0z" />
+    <glyph glyph-name="174-hashtag"
+      unicode="&#xF1AE;"
+      horiz-adv-x="300" d="M158.8775390625 112.7296875L176.279296875 110.244140625L180.2238281250001 137.8541015625H211.5234375V155.4322265625H182.7345703125001L187.7566406250001 190.5884765625H211.5234375000001V208.1666015625H190.2679687500001L193.8568359375001 233.291015625L176.4550781250001 235.7765625L172.5111328125001 208.1666015625H137.5335937500001L141.1224609375001 233.291015625L123.7212890625001 235.7765625L119.7767578125001 208.1666015625H88.4765625000001V190.5884765625H117.2660156250001L112.2439453125001 155.4322265625H88.4765625000001V137.8541015625H109.7320312500001L106.1431640625001 112.7296875L123.5443359375001 110.2441406249999L127.4888671875001 137.8541015625H162.4669921875001zM129.999609375 155.4322265625L135.0216796875 190.5884765625H169.99921875L164.9771484375 155.4322265625zM0 67.5416015625H126.9896484375L150 21.5208984375L173.0103515625 67.541015625H300V278.478515625H0zM17.578125 260.9009765625H282.421875V85.1197265625H162.1458984375L150 60.82734375L137.8541015625 85.1197265625H17.5781250000001z" />
+    <glyph glyph-name="175-html"
+      unicode="&#xF1AF;"
+      horiz-adv-x="299.9999941406251" d="M36.2342828860492 37.5892691877096L150.5790679574401 0.0000058593749L264.3241829233558 37.5984244609683L282.9780524808974 300H17.5781246566773zM264.1159003102363 282.4310306165815L247.6341197727711 50.5851792854457L150.5630466686905 18.4982351855813L52.9220567788661 50.5966232305347L36.4402762414008 282.4310306165814zM264.1159003102363 282.4310306165815M182.9566921297521 131.9320708607018L180.871578498602 102.4040259296089L150.5516021376641 92.3423806183129L119.6685767642856 102.436069678983L118.8011144765408 114.365390735051H66.0827623811961L69.6006759843618 63.6085557888954L150.5836458870382 36.7652945944279L230.9440566221864 63.6199997339844L239.5729019614668 184.6366903391272H113.9030432831437L111.9735692973913 212.1597310125052H241.4520216513277L245.2079723592193 264.8643499049932H55.3596487234443L64.6705616275281 131.9320708607018zM226.3435321026654 247.2953805215746L225.0915483380557 229.7286998099863H93.129728259185L97.5242594233543 167.0677209557086H220.7084611189754L214.2539934716017 76.5678447935968L150.5584687390924 55.2818344671517L86.313627611062 76.5770000668555L84.9105815447152 96.7964213516324H102.4658183112145L103.0036907616467 89.4012492304443L150.5928011602968 73.8464399639367L197.5707969224454 89.433292393881L201.809688441217 149.5010408300578H81.0516341591478L74.2012010898203 247.2953805215746zM226.3435321026654 247.2953805215746" />
+    <glyph glyph-name="176-analytics-1"
+      unicode="&#xF1B0;"
+      horiz-adv-x="300" d="M300 281.25H158.7890625V300H141.2109375V281.25H0V263.671875H18.1640625V87.890625H99.3205078125L57.1330078125 17.578125H35.7421875V0H67.0857421875L88.1794921875 35.15625H141.2109375V0H158.7890625V35.15625H211.8205078125L232.9142578125 0H264.2578125V17.578125H242.8669921875L200.6794921875 87.890625H281.8359375V263.671875H300zM98.7263671875 52.734375L119.8201171875 87.890625H141.2109375V52.734375zM201.2736328125 52.734375H158.7890625V87.890625H180.1798828125zM264.2578125 105.46875H35.7421875V263.671875H264.2578125zM68.323828125 125.6208984375L114.84375 172.1408203125L150 136.9845703125L211.5234375 198.5080078125V175.78125H229.1015625V228.515625H176.3671875V210.9375H199.0939453125L150 161.8435546875L114.84375 196.9998046875L55.894921875 138.0509765625z" />
+    <glyph glyph-name="177-split"
+      unicode="&#xF1B1;"
+      horiz-adv-x="300" d="M0 300V0H300V300zM282.421875 17.578125H17.578125V282.421875H282.421875zM53.7052734375 158.7890625H246.2947265625V141.2109375H53.7052734375zM141.2109375 229.6828125V177.5390625H158.7890625V229.6828125L176.893359375 211.578515625L189.3228515625 224.0080078125L150 263.3314453125L110.6771484375 224.0080078125L123.1066406250001 211.578515625zM158.7890625 70.3171875V122.4609375H141.2109375V70.3171875L123.106640625 88.421484375L110.6771484375 75.9919921875L150 36.6685546875L189.3228515625 75.9919921875L176.893359375 88.421484375z" />
+    <glyph glyph-name="178-iteration"
+      unicode="&#xF1B2;"
+      horiz-adv-x="300" d="M231.868359375 161.55703125C231.868359375 206.6994140625 195.1423828125 243.425390625 150 243.425390625S68.131640625 206.6994140625 68.131640625 161.55703125S104.8576171875 79.688671875 150 79.688671875S231.868359375 116.4146484375 231.868359375 161.55703125zM85.709765625 161.55703125C85.709765625 197.0068359375 114.5501953125 225.847265625 150 225.847265625S214.290234375 197.0068359375 214.290234375 161.55703125S185.4498046875 97.266796875 150 97.266796875S85.709765625 126.1072265625 85.709765625 161.55703125zM177.8642578125 195.9978515625L137.1275390625 150.561328125L121.538671875 164.886328125L109.6447265625 151.94296875L138.3375 125.5775390625L190.9529296875 184.26328125zM270.158203125 62.3419921875L257.729296875 49.9125L267.5255859375 40.1150390625H217.63359375C228.5888671875 46.2673828125 238.7689453125 53.9583984375 247.8966796875 63.0861328125C274.0435546875001 89.234765625 288.4435546875 124.00078125 288.4435546875 160.98046875C288.4435546875 182.58984375 283.426171875 203.76796875 273.8501953125 222.9046875V272.88515625H232.30078125C208.6048828125 290.403515625 179.5916015625 300 150.0076171875 300C113.0302734375 300 78.2654296875 285.5994140625 52.11796875 259.45078125C25.97109375 233.3021484375 11.57109375 198.5361328125 11.57109375 161.55703125C11.57109375 145.6740234375 14.1966796875 130.2802734375 19.376953125 115.6013671875L6.65625 120.8015625L0 104.532421875L41.3689453125 87.6134765625L58.47421875 128.83359375L42.20625 135.4921875L36.1224609375 120.9609375C31.490625 133.9130859375 29.14921875 147.514453125 29.14921875 161.5564453125C29.1486328125 228.2021484375 83.3654296875 282.421875 150.0076171875 282.421875C175.92421875 282.421875 200.391796875 274.4431640625 221.11875 259.297265625V220.15078125H255.4142578125C265.53515625 202.15078125 270.866015625 181.7982421875 270.866015625 160.981640625C270.866015625 94.3365234375 216.64921875 40.1162109374999 150.00703125 40.1162109374999H65.4287109375V65.4169921874999H0.015234375V-1e-13H65.4287109375V22.5374999999999H265.1818359375L257.729296875 15.0843749999999L270.158203125 2.6548828124999L300 32.4984374999999zM256.2732421875 237.72890625H238.6962890625V255.30703125H256.2732421875zM47.851171875 17.578125H17.5921875V47.83828125H47.851171875z" />
+    <glyph glyph-name="179-typography"
+      unicode="&#xF1B3;"
+      horiz-adv-x="300" d="M121.060546875 201.3609375L88.58671875 84.3591796875H152.051953125L121.060546875 201.3609375zM120.664453125 134.2060546875L129.212109375 101.9373046875H111.7083984375L120.664453125 134.2060546875zM300 240.234375H154.6875V300H137.109375V240.234375H89.966015625L17.578125 46.454296875V300H0V0H0.225H84.3873046875L97.566796875 43.5896484375H143.88515625L157.3798828125 0H300V17.578125H234.6228515625L158.3044921875 222.65625H300V240.234375zM215.8669921875 17.578125H170.3390625L156.8443359375 61.1677734375H84.516796875L71.3373046875 17.578125H25.55625L102.1640625 222.65625H139.5486328125L215.8669921875 17.578125zM276.5625 181.640625L285.3515625 181.640625L267.7734375 205.078125L250.1953125 181.640625L258.984375 181.640625L258.984375 58.59375L250.1953125 58.59375L267.7734375 35.15625L285.3515625 58.59375L276.5625 58.59375zM119.53125 282.421875L96.09375 300L96.09375 291.2109375L58.59375 291.2109375L58.59375 300L35.15625 282.421875L58.59375 264.84375L58.59375 273.6328125L96.09375 273.6328125L96.09375 264.84375z" />
+    <glyph glyph-name="180-maximize-1"
+      unicode="&#xF1B4;"
+      horiz-adv-x="300" d="M264.84375 300H0V35.15625H70.8984375V0H300V193.359375H264.84375zM247.265625 264.84375H193.9453125V282.421875H247.265625zM176.3671875 282.421875V264.84375H17.578125V282.421875zM17.578125 52.734375V247.265625H247.265625V193.359375H70.8984375V52.734375zM282.421875 17.578125H88.4765625V175.78125H282.421875zM282.421875 17.578125M123.6328125 128.19442734375L143.7858580078125 108.0436705078125L156.2141419921875 120.4719544921875L136.06338515625 140.625H150V158.203125H106.0546875V114.2578125H123.6328125zM123.6328125 128.19442734375M220.8984375 52.734375V35.15625H264.84375V79.1015625H247.265625V65.16494765625L227.1125794921875 85.3157044921875L214.6842955078125 72.8874205078125L234.83505234375 52.734375zM220.8984375 52.734375M150 52.734375H136.06338515625L156.2141419921875 72.8874205078125L143.7858580078125 85.3157044921875L123.6328125 65.16494765625V79.1015625H106.0546875V35.15625H150zM150 52.734375M227.1125794921875 108.0436705078125L247.265625 128.19442734375V114.2578125H264.84375V158.203125H220.8984375V140.625H234.83505234375L214.6842955078125 120.4719544921875zM227.1125794921875 108.0436705078125" />
+    <glyph glyph-name="181-time-2"
+      unicode="&#xF1B5;"
+      horiz-adv-x="300" d="M296.7788967471502 237.8813265372111C296.7788967471502 272.1341352287224 268.9130319758726 300 234.6608111842067 300C208.4698730724234 300 186.0132747785087 283.7057678853831 176.8937723769379 260.7224113300058H3.2211032528499V45.4193783547035H104.4074851408314V17.6364074616249H3.2211032528499V-0.0005878998454H268.8230832995291V17.6364074616249H167.637289311393V45.4193783547035H268.8230832995291V186.0273843747979C285.6528921732894 197.1528010488133 296.7788967471502 216.2407332286872 296.7788967471502 237.8813265372111zM234.6608111842067 282.3630046385298C259.1879927335579 282.3630046385298 279.1424892855253 262.4085080865624 279.1424892855253 237.8813265372111S259.1879927335579 193.3996484358925 234.6608111842067 193.3996484358925S190.1797209827334 213.3541449878599 190.1797209827334 237.8813265372111S210.1336296348554 282.3630046385298 234.6608111842066 282.3630046385298zM150.0002939499227 17.6369953614703H122.0444805023016V45.4199662545489H150.0002939499227zM251.1860879380589 63.0569616160191H20.8580986143201V243.0854159685356H172.7626001634362C172.6197405010083 241.3687484200192 172.5427256212632 239.6338559762959 172.5427256212632 237.8813265372111C172.5427256212632 203.6291057455452 200.4085903925408 175.7626530744223 234.6608111842067 175.7626530744223C240.3810766797769 175.7626530744223 245.9220327225054 176.5439719689354 251.1860879380589 177.9984361864113zM243.4793088649418 230.7336402170527V266.8965355062112H225.8423135034716V239.3440213525224L212.5710623938106 228.9928687748756L223.4184024409601 215.0855100325109zM52.1373098878875 202.7490196770078H113.8667936530333V185.1120243155376H52.1373098878875zM52.1373098878875 161.8899804229352H219.9074645643368V144.252985061465H52.1373098878875zM52.1373098878875 121.0309411688625H176.847916188998V103.3939458073923H52.1373098878875zM198.5996225682993 121.0309411688625H219.9068766644915V103.3939458073923H198.5996225682993z" />
+    <glyph glyph-name="182-goal"
+      unicode="&#xF1B6;"
+      horiz-adv-x="300" d="M167.3482352941177 128.4235294117647L182.0311764705883 118.6352941176471L202.9411764705883 150L182.0311764705883 181.364705882353L167.3482352941177 171.5764705882353L175.85 158.8235294117647H88.2352941176471V141.1764705882353H175.85zM35.2941176470588 185.2941176470589C15.8329411764706 185.2941176470589 0 169.4611764705883 0 150C1.7747058823529 103.2417647058823 68.8211764705882 103.2547058823529 70.5882352941177 150.0005882352941C70.5882352941177 169.4611764705883 54.7552941176471 185.2941176470589 35.2941176470588 185.2941176470589zM35.2941176470588 132.3529411764706C25.5635294117647 132.3529411764706 17.6470588235294 140.2694117647059 17.6470588235294 150C18.5341176470588 173.3788235294118 52.0576470588235 173.3729411764706 52.9411764705882 150C52.9411764705882 140.2694117647059 45.0247058823529 132.3529411764706 35.2941176470588 132.3529411764706zM176.1717647058824 268.6352941176471L184.6735294117647 255.8823529411765H88.2352941176471V238.2352941176471H184.6735294117647L176.1717647058824 225.4823529411765L190.854705882353 215.6941176470588L211.764705882353 247.0588235294118L190.854705882353 278.4235294117647zM35.2941176470588 282.3529411764706C15.8329411764706 282.3529411764706 0 266.52 0 247.0588235294118C1.7747058823529 200.3005882352941 68.8211764705882 200.3135294117647 70.5882352941177 247.0594117647059C70.5882352941177 266.52 54.7552941176471 282.3529411764706 35.2941176470588 282.3529411764706zM35.2941176470588 229.4117647058824C25.5635294117647 229.4117647058824 17.6470588235294 237.3282352941177 17.6470588235294 247.0588235294118C18.5341176470588 270.4376470588236 52.0576470588235 270.4317647058824 52.9411764705882 247.0588235294118C52.9411764705882 237.3282352941177 45.0247058823529 229.4117647058824 35.2941176470588 229.4117647058824zM176.1717647058824 74.5176470588235L184.6735294117647 61.7647058823529H88.2352941176471V44.1176470588235H184.6735294117647L176.1717647058824 31.3647058823529L190.854705882353 21.5764705882352L211.764705882353 52.9411764705882L190.854705882353 84.3058823529411zM35.2941176470588 88.2352941176471C15.8329411764706 88.2352941176471 0 72.4023529411765 0 52.9411764705883C1.7747058823529 6.1829411764706 68.8211764705882 6.1958823529412 70.5882352941177 52.9417647058824C70.5882352941177 72.4023529411765 54.7552941176471 88.2352941176471 35.2941176470588 88.2352941176471zM35.2941176470588 35.2941176470588C25.5635294117647 35.2941176470588 17.6470588235294 43.2105882352941 17.6470588235294 52.9411764705883C18.5341176470588 76.32 52.0576470588235 76.3141176470589 52.9411764705882 52.9411764705883C52.9411764705882 43.2105882352941 45.0247058823529 35.2941176470588 35.2941176470588 35.2941176470588zM297.4158823529412 170.2317647058824L284.9376470588236 182.7094117647059L238.2352941176471 136.0076470588236L226.8276470588236 147.4152941176471L214.3494117647059 134.9376470588236L238.2352941176471 111.0511764705883zM287.5217647058824 88.2352941176471L264.7058823529412 65.4194117647059L241.89 88.2352941176471L229.4117647058824 75.7570588235294L252.2276470588235 52.9411764705883L229.4117647058824 30.1252941176471L241.89 17.6470588235295L264.7058823529412 40.4629411764706L287.5217647058824 17.6470588235295L300 30.1252941176471L277.1841176470589 52.9411764705883L300 75.7570588235294zM300 269.874705882353L287.5217647058824 282.3529411764706L264.7058823529412 259.5370588235295L241.8900000000001 282.3529411764706L229.4117647058824 269.874705882353L252.2276470588236 247.0588235294118L229.4117647058824 224.2429411764706L241.8900000000001 211.7647058823529L264.7058823529412 234.5805882352941L287.5217647058824 211.7647058823529L300 224.2429411764706L277.1841176470589 247.0588235294118z" />
+    <glyph glyph-name="183-loading"
+      unicode="&#xF1B7;"
+      horiz-adv-x="300" d="M300 57.9411764705882V292.0588235294118H0V57.9411764705882H99.3447058823529V25.5882352941176H26.4705882352941V7.9411764705882H273.5294117647059V25.5882352941176H199.4782352941176V57.9411764705882zM17.6470588235294 75.5882352941177V274.4117647058823H282.3529411764706V75.5882352941177zM181.8311764705883 25.5882352941177H116.9917647058824V57.9411764705882H181.8311764705883zM140.2794117647059 235.9805882352942H157.9264705882353V206.1541176470588H140.2794117647059zM92.4111764705882 183.2470588235294H118.6417647058824V165.6H92.4111764705882zM99.3923058823529 137.0442647058824L122.0499276470588 159.0698747058824L134.3499276470588 146.4169335294118L111.6923058823529 124.3913235294118zM141.5482352941176 143.9623529411765H159.1952941176471V112.5494117647059H141.5482352941176zM165.901325882353 147.2759564705883L178.3777964705883 159.7524270588236L201.2845964705883 136.8456270588236L188.808125882353 124.3691564705883zM180.8329411764706 184.5158823529412H214.2552941176471V166.8688235294118H180.8329411764706zM164.9896829411765 203.7963805882353L187.2980282352942 226.104725882353L199.7744988235294 213.6282552941177L177.4661535294118 191.31991z" />
+    <glyph glyph-name="184-investment"
+      unicode="&#xF1B8;"
+      horiz-adv-x="300" d="M35.2435546875 99.65625H264.825V82.078125H35.2435546875zM35.2435546875 134.8125H114.2578125V117.234375H35.2435546875zM35.2435546875 169.96875H114.2578125V152.390625H35.2435546875zM215.2265625 187.2421875C215.22421875 187.2421875 215.220703125 187.2421875 215.2177734375 187.2421875C208.6998046875 187.245703125 202.4337890625 189.8689453125 198.4552734375 194.2587890625L185.4298828125 182.455078125C190.1173828125 177.282421875 196.224609375 173.5201171875 203.02734375 171.462890625V159.467578125H220.60546875V170.1064453125C232.4337890625 172.0693359375 241.8 180.4025390625 243.760546875 191.3595703125C245.457421875 200.8400390625 241.1765625 213.2197265625 224.07421875 219.5326171875C216.898828125 222.1810546875 210.1564453125 225.0357421875 207.0216796875 226.3921875C205.38046875 227.10234375 204.3375 228.7810546875 204.5220703125 230.5599609375C204.528515625 230.6244140625 205.5041015625 234.5033203125 209.548828125 235.71796875C218.8224609375 238.50234375 227.448046875 231.6076171875 227.53359375 231.5384765625L227.4802734375 231.582421875L238.791796875 245.037890625C238.3546875 245.4052734375 231.0755859375 251.409375 220.587890625 253.3599609375V264.1646484375H203.0402343750001V252.065625C194.422265625 248.944921875 188.3859375000001 241.857421875 187.1455078125 233.2453125C187.1015625 232.940625 187.0640625 232.6359375 187.0324218750001 232.3318359375C186.064453125 222.964453125 191.5177734375 214.1068359375 200.1404296875 210.319921875C204.1400390625 208.56328125 211.1595703125 205.5626953125 217.986328125 203.042578125C220.18828125 202.2298828125 226.4560546875 200.058984375 226.4560546875 194.4568359375C226.4572265625 190.852734375 221.44921875 187.2421875 215.2265625 187.2421875zM211.81640625 300C185.2435546875 300 161.37890625 288.18515625 145.1982421875 269.53359375H0V46.3716796875H58.189453125V0L152.0525390625 46.3716796875H300V211.81640625C300 260.441015625 260.441015625 300 211.81640625 300zM211.81640625 282.421875C250.7484375 282.421875 282.421875 250.7484375 282.421875 211.81640625S250.7484375 141.2109375 211.81640625 141.2109375S141.2109375 172.884375 141.2109375 211.81640625S172.884375 282.421875 211.81640625 282.421875zM282.421875 63.9498046875H147.9474609375L75.767578125 28.290234375V63.9498046875H17.578125V251.95546875H133.308984375C127.125 239.9091796875 123.6328125 226.26328125 123.6328125 211.81640625C123.6328125 163.191796875 163.191796875 123.6328125 211.81640625 123.6328125C240.665625 123.6328125 266.3238281250001 137.5587890625 282.421875 159.041015625z" />
+    <glyph glyph-name="185-discount"
+      unicode="&#xF1B9;"
+      horiz-adv-x="300" d="M93.8541134276578 123.9429845620711L193.6546914465318 223.7435625809451L206.0843436780285 211.3139103494484L106.2837656591545 111.5133323305745zM118.7919620410181 172.3947640358571C133.3735088031161 172.3947640358571 145.2364720337709 184.2577272665118 145.2364720337709 198.8392740286099S133.3735088031161 225.2837840213627 118.7919620410181 225.2837840213627S92.3474520482653 213.420820790708 92.3474520482653 198.8392740286099S104.21041527892 172.3947640358571 118.7919620410181 172.3947640358571zM118.7919620410181 207.7029463530506C123.6794349128088 207.7029463530506 127.6556343654587 203.7267469004007 127.6556343654587 198.8392740286099S123.6794349128088 189.9756017041692 118.7919620410181 189.9756017041692S109.9282897165774 193.9518011568191 109.9282897165774 198.8392740286099S113.9044891692273 207.7029463530506 118.7919620410181 207.7029463530506zM181.208037958982 162.8671220754765C166.6264911968839 162.8671220754765 154.7635279662292 151.0041588448218 154.7635279662292 136.4226120827237S166.6264911968839 109.978102089971 181.208037958982 109.978102089971S207.6525479517347 121.8410653206257 207.6525479517347 136.4226120827237S195.78958472108 162.8671220754765 181.208037958982 162.8671220754765zM181.208037958982 127.5589397582831C176.3205650871912 127.5589397582831 172.3443656345413 131.535139210933 172.3443656345413 136.4226120827238S176.3205650871912 145.2862844071645 181.208037958982 145.2862844071645S190.0717102834227 141.3100849545145 190.0717102834227 136.4226120827238S186.0955108307727 127.5589397582831 181.208037958982 127.5589397582831zM255.8879202064381 264.6918176828065V300H44.1120797935619V264.6918176828065H26.4579886349652V74.3921425376181L149.9997069860389 0L273.5414253371126 74.3921425376181V264.6918176828065zM61.692917461874 282.4191623316879H238.307082538126V264.6918176828065H61.692917461874zM255.9611736967227 247.1109800144945V88.1509060968392H44.0388263032772V247.1109800144945zM66.8874689649379 70.5700684285271H233.1131170629843L149.9997069860388 20.522697838143z" />
+    <glyph glyph-name="186-virus"
+      unicode="&#xF1BA;"
+      horiz-adv-x="300" d="M237.352734375 70.5322265625C239.251171875 79.3048828125 239.8458984375 88.3892578125 239.0197265625 97.47890625L238.2533203125 105.908203125H257.808984375L287.5705078125 76.147265625L300 88.576171875L265.08984375 123.486328125H236.65546875L233.3044921875 160.3458984375H254.511328125L289.421484375 195.25546875L276.9919921875 207.6849609375L247.23046875 177.9240234375H231.7060546875L228.631640625 211.7431640625H194.091796875V220.60546875C194.091796875 230.8845703125 190.5462890625 240.3451171875 184.627734375 247.8509765625L210.4904296875 290.9560546875L195.4177734375 300L171.0287109375 259.351171875C164.7744140625 262.758984375 157.6095703125 264.697265625 150 264.697265625S135.2255859375 262.758984375 128.9712890625 259.351171875L104.5822265625 300L89.508984375 290.9560546875L115.3716796875 247.8509765625C109.453125 240.34453125 105.9076171875 230.883984375 105.9076171875 220.60546875V211.7431640625H71.3677734375L68.293359375 177.9240234375H52.76953125L23.0080078125 207.6849609375L10.578515625 195.25546875L45.488671875 160.3458984375H66.6955078125L63.34453125 123.486328125H34.91015625L0 88.576171875L12.4294921875 76.1466796875L42.191015625 105.9076171874999H61.7466796875L60.9802734375 97.4783203124999C60.1541015625 88.3886718749999 60.7482421875 79.304296875 62.647265625 70.5316406249999H43.0716796875L8.162109375 35.621484375L20.5916015625 23.1919921874999L50.3525390625 52.9529296875H68.4C72.2595703125 44.298046875 77.4943359375 36.2267578125 83.9947265625 29.1087890625C100.8890625 10.6101562499999 124.9470703125 -1e-13 150 -1e-13S199.1109375 10.6101562499999 216.0052734375 29.1099609374999C222.5056640625 36.2279296875 227.7404296875 44.2992187499999 231.6 52.9541015624999H249.6474609375L279.4083984375 23.1931640624999L291.837890625 35.6226562499999L256.9283203125 70.5328124999999H237.352734375zM123.486328125 220.60546875C123.486328125 235.2251953125 135.3802734375 247.119140625 150 247.119140625S176.513671875 235.2251953125 176.513671875 220.60546875V211.7431640625H123.486328125zM96.975 40.9634765625C83.4029296875 55.8251953125 76.6640625 75.8443359375 78.486328125 95.8875L87.420703125 194.1650390625H141.2109375V18.1265625C124.3283203125 20.2201171875 108.55546875 28.28203125 96.975 40.9634765625zM203.025 40.9634765625C191.44453125 28.28203125 175.6716796875 20.2201171875 158.7890625 18.1265625V194.1650390625H212.579296875L221.513671875 95.8875C223.3359375 75.8443359375 216.5970703125 55.8251953125 203.025 40.9634765625z" />
+    <glyph glyph-name="187-icon-2377476"
+      unicode="&#xF1BB;"
+      horiz-adv-x="300" d="M281.07421875 155.607421875C281.1052734375 156.8220703125 281.1240234375 158.03671875 281.1240234375 159.242578125C281.1240234375 196.7876953125 266.503125 232.086328125 239.954296875 258.63515625S178.107421875 299.8048828125 140.56171875 299.8048828125S67.71796875 285.183984375 41.169140625 258.63515625S0 196.78828125 0 159.242578125C0 121.6974609375 14.6208984375 86.398828125 41.1697265625 59.8505859375C67.7185546875 33.3017578125 103.0166015625 18.680859375 140.5623046875 18.680859375C158.6478515625 18.680859375 176.1779296875 22.0587890625 192.7623046875 28.70625C199.555078125 21.3720703125 207.2091796875 14.736328125 215.6595703125 8.982421875L228.5654296875 0.1951171875L241.4712890625 8.982421875C278.119921875 33.9369140625 300 75.3052734375 300 119.64375V133.2615234375zM157.5755859375 108.891796875H149.4005859375V151.088671875H172.2287109375L157.1302734375 133.2615234375V119.64375C157.1296875 116.03671875 157.2896484375 112.451953125 157.5755859375 108.891796875zM100.3623046875 91.05C100.311328125 91.1572265625 100.264453125 91.2673828125 100.2140625 91.374609375H131.8833984375V47.2640625C118.84453125 59.708203125 108.2771484375 74.375390625 100.3623046875 91.05zM93.2455078125 108.891796875C88.7830078125 122.42578125 86.1099609375 136.68046875 85.3669921875 151.088671875H131.8833984375V108.891796875zM17.79375 151.088671875H67.8263671875C68.4943359375 136.7537109375 70.8814453125 122.534765625 74.8892578125 108.891796875H28.2984375C22.4326171875 121.918359375 18.7763671875 136.1443359375 17.79375 151.088671875zM180.7810546875 227.9783203125C180.9111328125 227.7046875 181.0318359375 227.42578125 181.1607421875 227.1515625H149.4005859375V271.5123046875C162.3580078125 259.137890625 172.878515625 244.55625 180.7810546875 227.9783203125zM131.8833984375 271.52109375V227.1521484375H100.095703125C100.1865234375 227.3455078125 100.2708984375 227.5423828125 100.3623046875 227.7357421875C108.2771484375 244.409765625 118.84453125 259.076953125 131.8833984375 271.52109375zM131.8833984375 209.6349609375V168.605859375H85.41328125C86.2142578125 182.61328125 88.8427734375 196.4630859375 93.160546875 209.6349609375zM67.8703125 168.605859375H17.8705078125C18.96796875 183.125390625 22.5978515625 196.9482421875 28.316015625 209.6349609375H74.8142578125C70.9365234375 196.359375 68.5904296875 182.5423828125 67.8703125 168.605859375zM187.166015625 168.725390625L187.0646484375001 168.605859375H149.4005859375001V209.6349609375H188.0994140625001C192.4078125000001 196.4982421875 195.0433593750001 182.6888671875 195.8595703125001 168.725390625zM213.3996093750001 168.725390625C212.6654296875001 182.6185546875 210.3158203125001 196.3951171875 206.445703125 209.6349609375H252.8080078125C258.5103515625001 196.9828125 262.1367187500001 183.2009765625 263.2453125 168.725390625zM243.1166015625 227.1521484375H200.302734375C199.1384765625 229.9775390625 197.9033203125 232.768359375 196.5931640625 235.51640625C188.71171875 252.0498046875 178.48359375 266.80078125 166.074609375 279.6205078125C198.103125 272.8400390625 225.5689453125 253.564453125 243.1166015625 227.1521484375zM115.2380859375 279.662109375C102.7318359375 266.757421875 92.4427734375 251.9015625 84.5373046875 235.246875C83.2740234375 232.585546875 82.0828125 229.8849609375 80.956640625 227.1521484375H38.007421875C55.5896484375 253.6166015625 83.1287109375 272.9173828125 115.2380859375 279.662109375zM37.98046875 91.374609375H81.064453125C82.158984375 88.7302734375 83.3150390625 86.115234375 84.537890625 83.53828125C92.5201171875 66.721875 102.929296875 51.7365234375 115.60078125 38.7451171875C83.319140625 45.423046875 55.627734375 64.789453125 37.98046875 91.374609375zM149.4005859375 36.5156250000001V91.3740234375H160.14375C163.8978515625 73.9693359375 171.075 57.556640625 181.1853515625 43.0611328125C170.9390625 39.4716796875001 160.3048828125 37.2826171875 149.4005859375 36.5156250000001zM282.4828125 119.6437500000001C282.4828125 81.106640625 263.465625 45.151171875 231.61171875 23.462109375L228.56484375 21.3873046875L225.5179687500001 23.462109375C193.6640625000001 45.151171875 174.6468750000001 81.106640625 174.6468750000001 119.64375V126.840234375L195.2853515625001 151.208203125H261.844921875L282.4833984375001 126.840234375V119.64375zM228.56484375 120.6744140625C220.833984375 120.6744140625 214.54453125 114.3849609375 214.54453125 106.6541015625C214.54453125 102.2349609375 216.6017578125 98.28984375 219.80625 95.7181640625V69.5115234375H237.3234375V95.7181640625C240.5279296875 98.28984375 242.5851562500001 102.235546875 242.5851562500001 106.6541015625C242.5851562500001 114.3849609375 236.2957031250001 120.6744140625 228.56484375 120.6744140625z" />
+    <glyph glyph-name="188-browser-1"
+      unicode="&#xF1BC;"
+      horiz-adv-x="300" d="M271.3508607421876 197.0809973796485V300H0V59.7839449303146H152.05078125V0.0000117187495H299.4209291015625V197.0809973796485zM169.594573828125 136.8438784435985H281.8771359375001V17.5438036115701H169.594573828125zM203.5125732421875 154.3899595941422H169.594573828125V179.5349168150423H203.5125732421875zM281.8771359375 154.3899595941422H221.0563658203125V179.5349168150423H281.8771359375001zM253.807067578125 254.3083207301437H77.194976953125V282.4562081071794H253.807067578125zM59.651184375 282.4562081071794V254.3083207301437H17.543792578125V282.4562081071794zM17.543792578125 77.3300254949208V236.7645288373231H253.807067578125V197.0809973796485H152.05078125V77.3300254949209zM17.543792578125 77.3300254949208" />
+    <glyph glyph-name="189-layers"
+      unicode="&#xF1BD;"
+      horiz-adv-x="300" d="M245.7790091264667 179.1577653508427L300 210.9674683086976L150.0005890576648 298.9673819135735L0.0005890576648 210.9674683086976L54.221579931198 179.1577653508427L0 147.3492405083175L49.7029185843766 118.1902970421451L0 89.0325316913024L150.0005890576648 1.0326180864266L300 89.0325316913024L250.2994376462826 118.1920642151396L300.0005890576648 147.3498295659823zM150.0005890576648 278.4787782158622L265.0765382259154 210.9674683086977L150.0005890576648 143.4561584015332L34.9240508317494 210.9674683086977zM71.6836053470727 168.9128744443223L150 122.9675547038218L228.3163946529272 168.9128744443223L265.0759491682506 147.3486514506527L150.0005890576648 79.837930601153L34.9246398894142 147.3492405083175zM265.0771272835802 89.0325316913024L150.0005890576648 21.5212217841379L34.9246398894142 89.0325316913024L67.1655330579161 107.9454061356247L150.0005890576648 59.3493269034417L232.8380012880727 107.9477623662839z" />
+    <glyph glyph-name="190-layers-1"
+      unicode="&#xF1BE;"
+      horiz-adv-x="300" d="M247.5533203125 181.1021484375L300 211.904296875L150 300L0 211.904296875L52.4466796875 181.1021484375L0 150L52.44609375 119.1978515625L0 88.0957031249999L150 -1e-13L300 88.0957031249999L247.55390625 119.1984375L300 150zM150 144.20859375L122.6361328125 160.1595703125L236.5470703125 229.1490234375L266.13046875 211.904296875zM78.12890625 186.104296875L192.0392578125 255.09375L219.2115234375 239.2546875L105.3005859375 170.2646484375zM150 279.6L174.7037109375 265.1994140625L60.793359375 196.2099609375L33.86953125 211.904296875zM69.7705078125 170.92734375L150 123.8080078125L230.2294921875 170.92734375L266.13046875 150L150 82.3037109375L33.86953125 150zM266.13046875 88.095703125L150 20.4L33.86953125 88.095703125L69.7705078125 109.0236328125L150 61.9037109375L230.230078125 109.023046875z" />
+    <glyph glyph-name="191-data-copy"
+      unicode="&#xF1BF;"
+      horiz-adv-x="300" d="M282.3529411764706 247.0588235294118V282.3529411764706H199.5711764705882L190.7476470588235 300H88.2352941176471V158.8235294117647H300V247.0588235294118zM264.7058823529412 264.7058823529412V247.0588235294118H217.2182352941177L208.3947058823529 264.7058823529412zM282.3529411764706 176.4705882352942H105.8823529411765V282.3529411764706H179.8405882352941L206.3111764705882 229.4117647058824H282.3529411764706zM282.3529411764706 123.5294117647059H208.3947058823529L199.5711764705882 141.1764705882353H88.2352941176471V79.4117647058824H17.6470588235294V220.5882352941176H44.7141176470588L36.85 207.4805882352941L51.9823529411765 198.4011764705882L70.5882352941176 229.4117647058824L51.9817647058823 260.4217647058824L36.85 251.3429411764706L44.7141176470588 238.2352941176471H0V61.7647058823529H88.2352941176471V0H300V88.2352941176471H282.3529411764706zM264.7058823529412 105.8823529411765V88.2352941176471H226.0417647058824L217.2182352941177 105.8823529411765zM282.3529411764706 17.6470588235294H105.8823529411765V123.5294117647059H188.6641176470588L215.134705882353 70.5882352941177H282.3529411764706z" />
+    <glyph glyph-name="192-server-1"
+      unicode="&#xF1C0;"
+      horiz-adv-x="300" d="M37.060546875 249.3146484375H54.638671875V231.8689453125H37.060546875zM75.3908203125 249.3146484375H92.9689453125V231.8689453125H75.3908203125zM37.060546875 180.56484375H54.638671875V163.1185546875H37.060546875zM75.3908203125 180.56484375H92.9689453125V163.1185546875H75.3908203125zM37.060546875 111.8150390625H54.638671875V94.3693359375H37.060546875zM75.3908203125 111.8150390625H92.9689453125V94.3693359375H75.3908203125zM250.494140625 238.9412109375V283.7560546875H0V59.9279296875H116.4580078125V33.82265625H0V16.24453125H250.52109375V33.82265625H134.0361328125V59.9279296875H250.494140625V96.384375C263.724609375 100.9248046875 275.5306640625 109.2228515625 284.237109375 120.2419921875C294.4013671875 133.1056640625 300 149.2201171875 300 165.61640625V212.970703125zM17.578125 266.1779296875H232.916015625V238.9412109375L187.2890625 215.00625H17.578125zM17.578125 197.428125H183.4095703125V165.61640625C183.4095703125 159.052734375 184.3212890625 152.5388671875 186.04921875 146.255859375H17.578125zM17.578125 77.5060546875V128.677734375H193.4396484375C195.1505859375 125.7451171875 197.0560546875 122.919140625 199.1724609375 120.24140625C207.87890625 109.2228515625 219.685546875 100.9248046875 232.916015625 96.3837890625V77.50546875H17.578125zM282.421875 165.61640625C282.421875 140.4474609375001 265.7830078125 118.707421875 241.7044921875 112.0365234375C217.6259765625 118.707421875 200.9876953125 140.4474609375001 200.9876953125 165.61640625V202.341796875L241.705078125 223.7015625L282.421875 202.341796875zM225.5724609375 178.5005859375L213.225 165.9884765625L237.0984375 142.4296875L270.2255859375 175.55625L257.79609375 187.9857421875L237.01640625 167.206640625z" />
+    <glyph glyph-name="193-hierarchical-structure"
+      unicode="&#xF1C1;"
+      horiz-adv-x="300" d="M300 264.84375H228.515625V300H0V212.109375H17.578125V193.9453125H0V106.0546875H17.578125V87.890625H0V0H228.515625V35.15625H300zM282.421875 247.265625V158.7890625H228.515625V193.9453125H210.9375V212.109375H228.515625V247.265625zM17.578125 282.421875H210.9375V229.6875H17.578125zM35.15625 212.109375H193.359375V193.9453125H35.15625zM17.578125 176.3671875H210.9375V123.6328125H17.578125zM35.15625 106.0546875H193.359375V87.890625H35.15625zM210.9375 17.578125H17.578125V70.3125H210.9375zM228.515625 52.734375V87.890625H210.9375V106.0546875H228.515625V141.2109375H282.421875V52.734375zM35.15625 264.84375H52.734375V247.265625H35.15625zM70.3125 264.84375H87.890625V247.265625H70.3125zM35.15625 158.7890625H52.734375V141.2109375H35.15625zM70.3125 158.7890625H87.890625V141.2109375H70.3125zM35.15625 52.734375H52.734375V35.15625H35.15625zM70.3125 52.734375H87.890625V35.15625H70.3125z" />
+    <glyph glyph-name="194-wireframe"
+      unicode="&#xF1C2;"
+      horiz-adv-x="300" d="M0 300V212.109375H300V300zM219.5279296875 282.421875L17.578125 232.14375V282.421875zM80.4720703125 229.6875L282.421875 279.965625V229.6875zM0 70.3125H123.046875V193.359375H0zM30.0076171875 87.890625L105.46875 163.3517578125V87.890625zM93.0392578125 175.78125L17.578125 100.3201171875V175.78125zM141.796875 35.15625H300V193.359375H141.796875zM171.8044921875 52.734375L282.421875 163.3517578125V52.734375zM269.9923828125 175.78125L159.375 65.1638671875V175.78125zM141.796875 17.578125H300V0H141.796875zM0 52.734375H123.046875V35.15625H0zM0 17.578125H123.046875V0H0z" />
+    <glyph glyph-name="195-top-border"
+      unicode="&#xF1C3;"
+      horiz-adv-x="300" d="M0 300V247.2287109375H300V300zM282.421875 264.8068359375H17.578125V282.421875H282.421875zM17.578125 63.9990234375H0V0H63.9498046875V17.578125H17.578125zM282.421875 17.578125H236.0501953125V0H300V63.9990234375H282.421875zM158.7890625 63.9990234375H141.2109375V17.578125H118.025390625V0H181.974609375V17.578125H158.7890625zM141.2109375 177.2859375H158.7890625V81.6134765625H141.2109375zM141.2109375 229.489453125H158.7890625V194.818359375H141.2109375zM0 177.2859375H17.578125V81.6134765625H0zM0 229.489453125H17.578125V194.818359375H0zM282.421875 177.348046875H300V81.676171875H282.421875zM282.421875 229.5515625H300V194.88046875H282.421875zM34.76484375 153.0720703125H124.027734375V135.4939453125H34.76484375zM175.580859375 153.0720703125H264.84375V135.4939453125H175.580859375z" />
+    <glyph glyph-name="196-shield"
+      unicode="&#xF1C4;"
+      horiz-adv-x="300" d="M264.4960911994636 254.3202687043017C244.2856218492833 254.4326209845825 227.8427773954272 270.9660531408639 227.8427773954272 291.1765224910442V300H72.157222604573V291.1765224910442C72.157222604573 270.9660531408639 55.7143781507168 254.4326209845825 35.5033205687026 254.3202687043017L26.7292545337969 254.2714454620855V117.1310756995547C26.7292545337969 78.2865983141275 49.7750013235217 43.2438632713925 85.4418503420569 27.8545420321057L150.000882347751 -0.0005882318339L214.5593261216111 27.8545420321057C250.2255869083124 43.2432750395586 273.2713336980372 78.2860100822937 273.2713336980372 117.1310756995547V254.2714454620855zM150.000294115917 19.2192987100075L92.4323974564856 44.0579761295521C63.2396280021882 56.6537843895035 44.3762095517085 85.3365568437832 44.3762095517085 117.1310756995547V140.5891730048646H107.470544290916L161.3614037564486 194.4800324703972C165.7113781683638 192.12475220734 170.6878194834148 190.7853483214804 175.9719060476115 190.7853483214804C192.9471003111747 190.7853483214804 206.7564308445245 204.5952670866642 206.7564308445245 221.5692848865595C206.7564308445245 238.5438909182887 192.9465120793408 252.3532214516385 175.9719060476115 252.3532214516385C158.9978882477163 252.3532214516385 145.1879694825325 238.5433026864548 145.1879694825325 221.5692848865595C145.1879694825325 216.2851983223628 146.527373368392 211.3081687754778 148.8832418632832 206.9581943635626L100.160587290663 158.2361280227763H44.3762095517085V190.7847600896465H76.0877877188958L114.1052111458168 228.6510079352474L101.6517549896765 241.1538755654379L68.7984188328304 208.4317151075582H44.3762095517085V237.4321327521603C67.2348986182434 241.2950512055811 85.3318509891118 259.480826583373 89.0871230169234 282.3530449820883H210.9122887512427C214.6681490108882 259.480826583373 232.7645131499227 241.2950512055811 255.6237904482916 237.4321327521603V168.4319504002917H192.530043940918L138.6391844753854 114.5410909347592C134.2892100634702 116.8963711978165 129.3121805165852 118.2363633155099 124.0280939523885 118.2363633155099C107.0534879206593 118.2363633155099 93.2441573873095 104.4264445503262 93.2441573873095 87.4524267504309C93.2441573873095 70.4778207187017 107.0540761524932 56.6684901853519 124.0280939523885 56.6684901853519C141.0026999841178 56.6684901853519 154.8126187493015 70.4784089505356 154.8126187493015 87.4524267504309C154.8126187493015 92.7365133146276 153.473214863442 97.7135428615126 151.1173463685508 102.0635172734278L199.839412709337 150.785583614214H255.6243786801254V118.2363633155099H223.9128005129381L185.8953770860171 80.3707037017429L198.3482450103235 67.8678360715526L231.2009929353357 100.5894082975983H253.8814477561897C248.5997141193287 75.6748489714767 231.5851083228923 54.4202681160699 207.5676025435145 44.0579761295523zM162.8349245004442 221.5692848865595C162.8349245004442 228.8133599214122 168.7284192445927 234.7062664337269 175.9719060476115 234.7062664337269C183.2165693142982 234.7062664337269 189.1094758266128 228.8127716895783 189.1094758266128 221.5692848865595C189.1094758266128 214.3252098517068 183.2165693142982 208.4323033393921 175.9719060476115 208.4323033393921C168.7284192445927 208.4317151075582 162.8349245004442 214.3252098517068 162.8349245004442 221.5692848865595zM137.1650754995559 87.4524267504309C137.1650754995559 80.2083517155781 131.2715807554074 74.3154452032635 124.0280939523885 74.3154452032635C116.7840189175358 74.3154452032635 110.8911124052212 80.208939947412 110.8911124052212 87.4524267504309C110.8911124052212 94.6965017852836 116.7840189175358 100.5894082975982 124.0280939523885 100.5894082975982S137.1650754995559 94.6959135534497 137.1650754995559 87.4524267504309z" />
+    <glyph glyph-name="197-security-1"
+      unicode="&#xF1C5;"
+      horiz-adv-x="300" d="M224.66015625 257.616796875V300H75.33984375V257.616796875H0V41.2107421875H84.9L75.3275390625 17.578125H56.25V0H243.75V17.578125H224.6724609375L215.1 41.2107421875H300V257.616796875zM282.421875 58.7888671875H17.578125V84.9609375H282.421875zM94.2931640625 17.578125L103.865625 41.2107421875H196.134375L205.7068359375 17.578125zM282.421875 102.5390625H17.578125V240.038671875H75.33984375V199.3845703125C75.33984375 175.54453125 89.4837890625 154.03828125 111.37265625 144.594140625L150 127.927734375L188.62734375 144.594140625C210.516796875 154.03828125 224.66015625 175.5451171875 224.66015625 199.3845703125V240.038671875H282.421875zM207.08203125 282.421875V199.3845703125C207.08203125 182.567578125 197.1046875 167.3958984375 181.6634765625 160.7337890625L150 147.0720703125L118.3365234375 160.7337890625C102.8953125 167.396484375 92.91796875 182.567578125 92.91796875 199.3845703125V282.421875zM143.35546875 218.216015625L123.861328125 235.19296875L112.316015625 221.9373046875L144.0697265625 194.283984375L188.068359375 237.478125L175.754296875 250.021875z" />
+    <glyph glyph-name="198-chat-1"
+      unicode="&#xF1C6;"
+      horiz-adv-x="300" d="M150 281.8359375C67.28897109375 281.8359375 0 222.695159765625 0 150C0 115.2397154296875 16.042327734375 81.8046568359375 44.34814453125 56.906891015625L4.8591615234375 18.1640625H150C232.71102890625 18.1640625 300 77.304840234375 300 150S232.71102890625 281.8359375 150 281.8359375zM150 35.7421875H47.8752134765625L70.8686830078125 58.303069921875L62.8326416015625 64.4622802734375C34.071350390625 86.501312109375 17.578125 117.67959609375 17.578125 150C17.578125 213.002014453125 76.98211640625 264.2578125 150 264.2578125S282.421875 213.002014453125 282.421875 150S223.01788359375 35.7421875 150 35.7421875zM150 35.7421875M150 229.1015625C106.38427734375 229.1015625 70.8984375 193.61572265625 70.8984375 150S106.38427734375 70.8984375 150 70.8984375S229.1015625 106.38427734375 229.1015625 150S193.61572265625 229.1015625 150 229.1015625zM150 88.4765625C116.075133984375 88.4765625 88.4765625 116.075133984375 88.4765625 150S116.075133984375 211.5234375 150 211.5234375S211.5234375 183.924866015625 211.5234375 150S183.924866015625 88.4765625 150 88.4765625zM150 88.4765625M158.7890625 136.06338515625V193.9453125H141.2109375V136.06338515625L121.0578919921875 156.2141419921875L108.6296080078125 143.7858580078125L150 102.41317734375L191.3703919921875 143.7858580078125L178.9421080078125 156.2141419921875zM158.7890625 136.06338515625" />
+    <glyph glyph-name="199-chat-2"
+      unicode="&#xF1C7;"
+      horiz-adv-x="300" d="M150 281.8359375C67.28897109375 281.8359375 0 222.695159765625 0 150C0 115.2397154296875 16.042327734375 81.8046568359375 44.34814453125 56.906891015625L4.8591615234375 18.1640625H150C232.71102890625 18.1640625 300 77.304840234375 300 150S232.71102890625 281.8359375 150 281.8359375zM150 35.7421875H47.8752134765625L70.8686830078125 58.303069921875L62.8326416015625 64.4622802734375C34.071350390625 86.501312109375 17.578125 117.67959609375 17.578125 150C17.578125 213.002014453125 76.98211640625 264.2578125 150 264.2578125S282.421875 213.002014453125 282.421875 150S223.01788359375 35.7421875 150 35.7421875zM150 35.7421875M70.8984375 193.9453125H229.1015625V176.3671875H70.8984375zM70.8984375 193.9453125M70.8984375 158.7890625H229.1015625V141.2109375H70.8984375zM70.8984375 158.7890625M70.8984375 123.6328125H193.9453125V106.0546875H70.8984375zM70.8984375 123.6328125" />
+    <glyph glyph-name="200-discount-1"
+      unicode="&#xF1C8;"
+      horiz-adv-x="300" d="M150 0L128.92684921875 16.96014375L103.635406640625 7.2944642578125L88.84735078125 29.974365234375L61.814117578125 28.64227265625L54.76455703125 54.76455703125L28.64227265625 61.814117578125L29.974365234375 88.845062109375L7.2944642578125 103.635406640625L16.96014375 128.924560546875L0 150L16.96014375 171.075439453125L7.2944642578125 196.364593359375L29.974365234375 211.154937890625L28.64227265625 238.185882421875L54.766845703125 245.23544296875L61.81640625 271.35772734375L88.84735078125 270.025634765625L103.6376953125 292.7055357421875L128.92684921875 283.03985625L150 300L171.07315078125 283.03985625L196.364593359375 292.7055357421875L211.15264921875 270.025634765625L238.185882421875 271.35772734375L245.23544296875 245.23544296875L271.35772734375 238.185882421875L270.0256347656251 211.154937890625L292.7055357421875 196.364593359375L283.03985625 171.075439453125L300 150L283.03985625 128.924560546875L292.7055357421875 103.635406640625L270.025634765625 88.845062109375L271.35772734375 61.814117578125L245.233154296875 54.76455703125L238.18359375 28.64227265625L211.15264921875 29.9743652343749L196.3623046875 7.2944642578125L171.07315078125 16.96014375zM132.1037291015625 37.12921171875L150 22.727966015625L167.8962708984375 37.12921171875L189.3379212890625 28.93524140625L201.873779296875 48.161315625L224.8077392578125 47.0306396484375L230.7929994140625 69.2070005859375L252.9693603515625 75.1922607421875L251.838684375 98.126220703125L271.06475859375 110.6620787109375L262.87078828125 132.1037291015625L277.272033984375 150L262.87078828125 167.8962708984375L271.0624693359375 189.3379212890625L251.8386843750001 201.873779296875L252.9693603515626 224.8077392578125L230.7907101562501 230.7929994140626L224.8077392578125 252.9693603515625L201.873779296875 251.838684375L189.3356320312501 271.06475859375L167.8939816406251 262.8707882812501L150 277.272033984375L132.1037291015625 262.8707882812501L110.6620787109375 271.06475859375L98.126220703125 251.838684375L75.1922607421875 252.9693603515625L69.2070005859375 230.7929994140626L47.0306396484375 224.8077392578125L48.161315625 201.873779296875L28.93524140625 189.3379212890625L37.12921171875 167.8962708984375L22.727966015625 150L37.12921171875 132.1037291015625L28.9375306640625 110.6620787109375L48.161315625 98.126220703125L47.0306396484375 75.1922607421875L69.20928984375 69.2070005859375L75.1922607421875 47.0306396484375L98.126220703125 48.161315625L110.66436796875 28.93524140625zM132.1037291015625 37.12921171875M114.3058775390625 157.1205140625C96.87881484375 157.1205140625 82.6972962890625 171.299743359375 82.6972962890625 188.7290953125C82.6972962890625 206.15615859375 96.876526171875 220.335387890625 114.3058775390625 220.335387890625C131.7352294921875 220.335387890625 145.912170703125 206.15615859375 145.912170703125 188.7290953125C145.912170703125 171.299743359375 131.7329408203125 157.1205140625 114.3058775390625 157.1205140625zM114.3058775390625 202.6290890625C106.640625 202.6290890625 100.4058837890625 196.3943484375 100.4058837890625 188.7290953125C100.4058837890625 181.0638427734375 106.640625 174.826812890625 114.3058775390625 174.826812890625S128.205871875 181.0638427734375 128.205871875 188.7290953125C128.205871875 196.3943484375 121.971130078125 202.6290890625 114.3058775390625 202.6290890625zM114.3058775390625 202.6290890625M185.6941224609375 79.664612109375C168.2670591796875 79.664612109375 154.0878292968751 93.84384140625 154.0878292968751 111.2709046875C154.0878292968751 128.700256640625 168.2670591796875 142.8794859375 185.6941224609375 142.8794859375C203.1234738281251 142.8794859375 217.3027037109376 128.700256640625 217.3027037109376 111.2709046875C217.3027037109376 93.84384140625 203.1234738281251 79.664612109375 185.6941224609375 79.664612109375zM185.6941224609375 125.173187109375C178.03115859375 125.173187109375 171.794128125 118.9361572265625 171.794128125 111.2709046875C171.794128125 103.6056515625 178.03115859375 97.3709109375 185.6941224609375 97.3709109375C193.359375 97.3709109375 199.5941162109375 103.6056515625 199.5941162109375 111.2709046875C199.5941162109375 118.9361572265626 193.359375 125.1731871093751 185.6941224609375 125.1731871093751zM185.6941224609375 125.173187109375M81.3285826171875 93.544006640625L204.2472837890625 216.4627078125L216.7671205078125 203.94287109375L93.8484193359375 81.024169921875zM81.3285826171875 93.544006640625" />
+    <glyph glyph-name="201-gift-box"
+      unicode="&#xF1C9;"
+      horiz-adv-x="300" d="M300 247.265625H241.95C244.9517578125 252.4412109375 246.6796875 258.4423828125 246.6796875 264.84375C246.6796875 284.22890625 230.90859375 300 211.5234375 300C181.8990234375 300 172.8328125 279.7265625 166.2123046875 264.9240234375C160.48125 252.1083984375 157.5990234375 247.265625 150 247.265625S139.51875 252.1083984375 133.7876953125 264.9240234375C127.1671875 279.7265625 118.1009765625 300 88.4765625 300C69.09140625 300 53.3203125 284.22890625 53.3203125 264.84375C53.3203125 258.4423828125 55.0482421875 252.4412109375 58.05 247.265625H0V159.375H18.1640625V0H281.8359375V159.375H300zM182.259375 257.7474609375C189.10078125 273.045703125 194.1750000000001 282.421875 211.5234375 282.421875C221.216015625 282.421875 229.1015625000001 274.536328125 229.1015625000001 264.84375S221.216015625 247.265625 211.5234375 247.265625H177.1740234375001C179.1205078125001 250.73671875 180.741796875 254.354296875 182.259375 257.7474609375zM176.3671875 17.578125H123.6328125V229.6875H176.3671875zM70.8984375 264.84375C70.8984375 274.536328125 78.783984375 282.421875 88.4765625 282.421875C105.825 282.421875 110.89921875 273.045703125 117.740625 257.7474609375C119.2582031250001 254.354296875 120.8789062500001 250.7373046875 122.8259765625001 247.265625H88.4765625000001C78.7839843750001 247.265625 70.8984375000001 255.151171875 70.8984375000001 264.84375zM17.578125 229.6875H106.0546875V176.953125H17.578125zM35.7421875 159.375H106.0546875V17.578125H35.7421875zM264.2578125000001 17.578125H193.9453125V159.375H264.2578125000001zM282.4218750000001 176.953125H193.9453125V229.6875H282.4218750000001z" />
+    <glyph glyph-name="202-web-programming"
+      unicode="&#xF1CA;"
+      horiz-adv-x="300" d="M84.375 75C81.975 75 79.575 75.9125 77.75 77.75C74.0875 81.4125 74.0875 87.35 77.75 91.0125L111.7375 125L77.7375 159C74.075 162.6625 74.075 168.6 77.7375 172.2625S87.3375 175.925 91 172.2625L131.625 131.6375C135.2875 127.975 135.2875 122.0375 131.625 118.375L91 77.75C89.175 75.9125 86.775 75 84.375 75zM215.625 75H159.375C154.2 75 150 79.2 150 84.375S154.2 93.75 159.375 93.75H215.625C220.8 93.75 225 89.55 225 84.375S220.8 75 215.625 75zM265.625 12.5H34.375C15.4125 12.5 0 27.9125 0 46.875V253.1250000000001C0 272.0875000000001 15.4125 287.5000000000001 34.375 287.5000000000001H265.625C284.5875 287.5000000000001 300 272.0875000000001 300 253.1250000000001V46.875C300 27.9125 284.5875000000001 12.5 265.625 12.5zM34.375 268.75C25.7625 268.75 18.75 261.7375 18.75 253.125V46.875C18.75 38.2625 25.7625 31.25 34.375 31.25H265.625C274.2375 31.25 281.25 38.2625 281.25 46.875V253.125C281.25 261.7375 274.2375 268.75 265.625 268.75zM290.625 225H9.375C4.2 225 0 229.2 0 234.375S4.2 243.75 9.375 243.75H290.625C295.8 243.75 300 239.55 300 234.375S295.8 225 290.625 225z" />
+    <glyph glyph-name="203-notification"
+      unicode="&#xF1CB;"
+      horiz-adv-x="300" d="M290.625 206.25A75 75 0 0 1 151.59375 245.15625L147.9375 246.75A31.6875 31.6875 0 0 1 150 257.8125A32.8125 32.8125 0 1 1 86.34375 246.9375A79.875 79.875 0 0 1 37.5 173.4375V150A131.8125 131.8125 0 0 0 11.25 71.25A9.375 9.375 0 0 1 18.75 56.25H65.625A51.46875 51.46875 0 0 1 168.75 56.25H215.625A9.375 9.375 0 0 1 223.96875 61.40625A9.375 9.375 0 0 1 223.125 71.25A130.125 130.125 0 0 0 198.09375 133.40625A77.34375 77.34375 0 0 1 215.625 131.25A75 75 0 0 1 290.6250000000001 206.25zM215.625 262.5A56.25 56.25 0 1 0 159.375 206.25A56.25 56.25 0 0 0 215.625 262.5zM103.125 257.8125A14.0625 14.0625 0 1 0 129.84375 252A70.59375 70.59375 0 0 1 117.1875 253.125A80.4375 80.4375 0 0 1 104.53125 252A13.96875 13.96875 0 0 0 103.125 257.8125zM117.1875 28.125A32.8125 32.8125 0 0 0 84.84375 56.25H150A32.8125 32.8125 0 0 0 117.1875 28.125zM198.1875 75H36.09375A150 150 0 0 1 56.25 150V173.4375A60.75 60.75 0 0 0 143.90625 228.09375A73.3125 73.3125 0 0 1 140.625 206.25A75 75 0 0 1 178.125 141.1875A150 150 0 0 1 198.1875 75zM206.25 220.5V187.5H194.53125V168.75H236.71875V187.5H225V234.375A9.375 9.375 0 0 1 220.875 242.15625A9.375 9.375 0 0 1 212.15625 243.09375L191.71875 234.9375L198.65625 217.5z" />
+    <glyph glyph-name="204-email-1"
+      unicode="&#xF1CC;"
+      horiz-adv-x="300" d="M93.75 234.375H206.25A9.375 9.375 0 0 1 206.25 253.125H93.75A9.375 9.375 0 0 1 93.75 234.375zM93.75 196.875H206.25A9.375 9.375 0 0 1 206.25 215.625H93.75A9.375 9.375 0 0 1 93.75 196.875zM281.8125 207.75S281.8125 207.75 281.8125 207.75A27.5625 27.5625 0 0 1 262.5 215.625V263.25A27.375 27.375 0 0 1 235.125 290.625H64.875A27.375 27.375 0 0 1 37.5 263.25V215.625A27.5625 27.5625 0 0 1 18.75 208.3125S18.75 208.3125 18.75 208.3125A28.125 28.125 0 0 1 9.375 187.5V37.5A28.125 28.125 0 0 1 37.5 9.375H262.5A28.125 28.125 0 0 1 290.625 37.5V187.5A28.125 28.125 0 0 1 281.8125 207.75zM56.25 263.25A8.625 8.625 0 0 0 64.875 271.875H235.125A8.625 8.625 0 0 0 243.75 263.25V190.40625L150 124.03125L56.25 190.40625zM262.5 28.125H37.5A9.375 9.375 0 0 0 28.125 37.5V187.5L41.4375 178.125L144.5625 105A9.375 9.375 0 0 1 155.4375 105L258.5625 178.125L271.875 187.5V37.5A9.375 9.375 0 0 0 262.5 28.125z" />
+    <glyph glyph-name="205-video-player"
+      unicode="&#xF1CD;"
+      horiz-adv-x="300" d="M262.5 290.625H37.5A28.125 28.125 0 0 1 9.375 262.5V131.25A28.125 28.125 0 0 1 37.5 103.125H262.5A28.125 28.125 0 0 1 290.625 131.25V262.5A28.125 28.125 0 0 1 262.5 290.625zM271.875 131.25A9.375 9.375 0 0 0 262.5 121.875H37.5A9.375 9.375 0 0 0 28.125 131.25V262.5A9.375 9.375 0 0 0 37.5 271.875H262.5A9.375 9.375 0 0 0 271.875 262.5zM199.5 213.65625L136.03125 245.34375A18.75 18.75 0 0 1 108.9375 228.5625V165.1875A18.75 18.75 0 0 1 127.6875 146.4375A18.75 18.75 0 0 1 136.03125 148.40625L199.5 180.09375A18.75 18.75 0 0 1 199.5 213.65625zM127.6875 165.09375V228.5625L191.0625 196.875zM281.25 56.25H103.125A28.125 28.125 0 0 1 46.875 56.25H18.75A9.375 9.375 0 0 1 18.75 37.5H46.875A28.125 28.125 0 0 1 103.125 37.5H281.25A9.375 9.375 0 0 1 281.25 56.25zM84.375 37.5A9.375 9.375 0 0 0 65.625 37.5V56.25A9.375 9.375 0 0 0 84.375 56.25z" />
+    <glyph glyph-name="206-payment"
+      unicode="&#xF1CE;"
+      horiz-adv-x="300" d="M230.625 158.8125A31.875 31.875 0 1 1 262.5 126.9375A31.875 31.875 0 0 1 230.625 158.8125zM230.625 113.8125A13.125 13.125 0 1 0 243.75 126.9375A13.125 13.125 0 0 0 230.625 113.8125zM271.875 233.0625H215.625V262.5A28.125 28.125 0 0 1 187.5 290.625H37.5A28.125 28.125 0 0 1 9.375 262.5V37.5A28.125 28.125 0 0 1 37.5 9.375H187.5A28.125 28.125 0 0 1 215.625 37.5V66.9375H271.875A18.75 18.75 0 0 1 290.625 85.6875V214.3125A18.75 18.75 0 0 1 271.875 233.0625zM271.875 214.3125V195.5625H84.375V214.3125zM196.875 37.5A9.375 9.375 0 0 0 187.5 28.125H37.5A9.375 9.375 0 0 0 28.125 37.5V262.5A9.375 9.375 0 0 0 37.5 271.875H187.5A9.375 9.375 0 0 0 196.875 262.5V233.0625H84.375A18.75 18.75 0 0 1 65.625 214.3125V85.6875A18.75 18.75 0 0 1 84.375 66.9375H196.875zM206.25 85.6875H84.375V176.8125H271.875V85.6875z" />
+    <glyph glyph-name="207-control-panel"
+      unicode="&#xF1CF;"
+      horiz-adv-x="300" d="M75 140.625H25A9.375 9.375 0 0 0 25 159.375H75A9.375 9.375 0 0 0 75 140.625zM275 140.625H137.5A9.375 9.375 0 0 0 137.5 159.375H275A9.375 9.375 0 0 0 275 140.625zM150 228.125H25A9.375 9.375 0 0 0 25 246.875H150A9.375 9.375 0 0 0 150 228.125zM275 228.125H212.5A9.375 9.375 0 0 0 212.5 246.875H275A9.375 9.375 0 0 0 275 228.125zM150 53.125H25A9.375 9.375 0 0 0 25 71.875H150A9.375 9.375 0 0 0 150 53.125zM275 53.125H212.5A9.375 9.375 0 0 0 212.5 71.875H275A9.375 9.375 0 0 0 275 53.125zM106.25 109.375A40.625 40.625 0 1 0 146.875 150A40.675 40.675 0 0 0 106.25 109.375zM106.25 171.875A21.875 21.875 0 1 1 128.125 150A21.9 21.9 0 0 1 106.25 171.875zM181.25 196.875A40.625 40.625 0 1 0 221.875 237.5A40.675 40.675 0 0 0 181.25 196.875zM181.25 259.375A21.875 21.875 0 1 1 203.125 237.5A21.9 21.9 0 0 1 181.25 259.375zM181.25 21.875A40.625 40.625 0 1 0 221.875 62.5A40.675 40.675 0 0 0 181.25 21.875zM181.25 84.375A21.875 21.875 0 1 1 203.125 62.5A21.9 21.9 0 0 1 181.25 84.375z" />
+    <glyph glyph-name="208-dark-mode"
+      unicode="&#xF1D0;"
+      horiz-adv-x="300" d="M150 15.625A134.375 134.375 0 0 0 136.4375 283.75A9.425 9.425 0 0 0 145.1875 279.6A9.325 9.325 0 0 0 145.6 269.925A92.3375 92.3375 0 0 1 134.375 225A87.7625 87.7625 0 0 1 218.75 134.375A79.8125 79.8125 0 0 1 269.0125000000001 152.325A9.375 9.375 0 0 0 284.2375 144.6375000000001A133.9125 133.9125 0 0 0 150 15.6250000000001zM121.7375 262.175A115.65 115.65 0 1 1 263.2 126.325A97.1375 97.1375 0 0 0 218.75 115.625A106.5125 106.5125 0 0 0 115.625 225A113.0625 113.0625 0 0 0 121.7375 262.175z" />
+    <glyph glyph-name="209-archive"
+      unicode="&#xF1D1;"
+      horiz-adv-x="300" d="M250 15.625H50A34.4 34.4 0 0 0 15.625 50V200A9.375 9.375 0 0 0 25 209.375H275A9.375 9.375 0 0 0 284.375 200V50A34.4 34.4 0 0 0 250 15.625zM34.375 190.625V50A15.65 15.65 0 0 1 50 34.375H250A15.65 15.65 0 0 1 265.625 50V190.625zM275 190.625H25A9.375 9.375 0 0 0 16.6125 204.1875L50.6625 272.2875A21.75 21.75 0 0 0 70.225 284.375H229.775A21.7375 21.7375 0 0 0 249.3375 272.2750000000001L283.3875 204.1875A9.375 9.375 0 0 0 275 190.625zM40.175 209.375H259.825L232.5625 263.9A3.0875 3.0875 0 0 1 229.775 265.625H70.225A3.1125 3.1125 0 0 1 67.4375 263.9125zM150 65.625A9.375 9.375 0 0 0 140.625 75V150A9.375 9.375 0 0 0 159.375 150V75A9.375 9.375 0 0 0 150 65.625zM150 65.625A9.3 9.3 0 0 0 143.375 68.375L105.875 105.875A9.375 9.375 0 0 0 119.125 119.125L150 88.2625L180.875 119.125A9.375 9.375 0 0 0 194.125 105.875L156.625 68.375A9.3 9.3 0 0 0 150 65.625z" />
+    <glyph glyph-name="210-pay-per-click-1"
+      unicode="&#xF1D2;"
+      horiz-adv-x="300" d="M217.4994140625 148.31015625C218.3255859375 152.9876953125 218.74453125 157.7830078125 218.74453125 162.5619140625C218.74453125 207.3943359375 182.2705078125 243.868359375 137.4380859375 243.868359375S56.1322265625 207.3943359375 56.1322265625 162.5619140625S92.60625 81.25546875 137.438671875 81.25546875C142.217578125 81.25546875 147.012890625 81.6744140625 151.68984375 82.5005859375C156.788671875 83.4029296875 161.6513671875 79.998046875 162.5525390625 74.89921875C163.453125 69.800390625 160.05 64.937109375 154.951171875 64.0365234375C149.2001953125 63.0205078125 143.3080078125 62.50546875 137.4380859375 62.50546875C82.266796875 62.50546875 37.381640625 107.390625 37.381640625 162.5619140625S82.266796875 262.618359375 137.4380859375 262.618359375S237.49453125 217.733203125 237.49453125 162.5619140625C237.49453125 156.6919921875 236.9794921875 150.7998046875 235.9634765625 145.0482421875C235.062890625 139.9494140625 230.199609375 136.545703125 225.10078125 137.446875S216.598828125 143.211328125 217.4994140625 148.31015625zM163.68515625 46.789453125C155.1111328125 44.8541015625 146.28046875 43.8732421875 137.4380859375 43.8732421875C71.9935546875 43.8732421875 18.75 97.116796875 18.75 162.5619140625C18.75 228.0064453125 71.9935546875 281.25 137.438671875 281.25S256.12734375 228.0064453125001 256.12734375 162.5619140625C256.12734375 153.7212890625 255.1458984375 144.890625 253.210546875 136.3142578125C252.0708984375 131.2634765625 255.24140625 126.2455078125 260.2916015625 125.105859375C265.3447265625 123.9662109375 270.3609375 127.1361328125 271.5005859375 132.1869140625C273.7412109375 142.1150390625 274.87734375 152.3349609375 274.87734375 162.5619140625C274.87734375 199.27265625 260.581640625 233.78671875 234.6228515625 259.744921875C208.662890625 285.704296875 174.1494140625 300 137.438671875 300S66.2138671875 285.704296875 40.2544921875 259.744921875C14.295703125 233.78671875 0 199.27265625 0 162.5619140625C0 125.8505859375 14.295703125 91.337109375 40.2544921875 65.3783203125S100.72734375 25.1238281249999 137.4380859375 25.1238281249999C147.666796875 25.1238281249999 157.8861328125 26.259375 167.8130859375 28.4999999999999C172.8638671875 29.6396484374999 176.0337890625 34.6582031249999 174.894140625 39.7089843749999S168.7388671875 47.9302734375 163.68515625 46.789453125zM297.2537109375 27.9908203125L272.0091796875 2.7462890625C270.2513671875 0.987890625 267.8666015625 0 265.38046875 0S260.5095703125 0.987890625 258.7517578125 2.745703125L223.6353515625 37.8615234375L212.68828125 17.583984375C210.9240234375 14.315625 207.397265625 12.397265625 203.6923828125 12.6919921875C199.98984375 12.9873046875 196.810546875 15.441796875 195.5865234375 18.94921875L160.88671875 118.407421875C157.0353515625 114.933984375 152.288671875 112.3037109375 146.9958984375 110.8505859375L147.097265625 106.646484375C147.22265625 101.4703125 143.128125 97.173046875 137.951953125 97.0482421875C137.874609375 97.046484375 137.797265625 97.0453125 137.7205078125 97.0453125C132.648046875 97.0453125 128.476171875 101.0947265625 128.353125 106.194140625L128.244140625 110.6859375C120.62578125 112.6646484375 115.43671875 117.0017578125 110.7580078125 121.415625C106.9916015625 124.96875 106.81875 130.901953125 110.3724609375 134.668359375C113.925 138.4341796875 119.859375 138.60703125 123.624609375 135.05390625C128.9783203125 130.003125 131.7251953125 128.3220703125 137.4375 128.3220703125C145.611328125 128.3220703125 152.2611328125 133.8099609375 152.2611328125 140.5558593750001S145.611328125 152.7896484375 137.4375 152.7896484375C118.9248046875 152.7896484375 103.8638671875 166.6892578125001 103.8638671875 183.7734375C103.864453125 197.8001953125 114.017578125 209.680078125 127.897265625 213.4833984375L127.7783203125 218.4796875C127.6541015625 223.655859375 131.7498046875 227.9525390625 136.9259765625 228.076171875C142.088671875 228.1869140625 146.3982421875 224.1041015625 146.5224609375 218.9279296875L146.6572265625 213.298828125C154.1765625 211.187109375 162.609375 206.83125 166.7396484375 200.546484375C169.583203125 196.2193359375 168.380859375 190.4068359375 164.054296875 187.5626953125C159.7271484375 184.719140625 153.9146484375 185.9208984375 151.0705078125 190.248046875C149.6126953125 192.383203125 141.6234375 196.0072265625 137.436328125 196.0078125C129.263671875 196.0078125 122.6138671875 190.5193359375 122.61328125 183.7734375C122.61328125 177.028125 129.2630859375 171.540234375 137.4369140625 171.540234375C155.11640625 171.540234375 169.6376953125 158.8611328125 170.9091796875 142.83984375L281.0490234375 104.4134765625C284.5564453125 103.1900390625 287.0103515624999 100.0107421875 287.3062499999999 96.308203125C287.6021484374999 92.605078125 285.683203125 89.0771484374999 282.4142578125 87.3123046875L262.1373046875 76.3658203125L297.2525390625 41.2499999999999C300.9158203125 37.5878906249999 300.9158203125 31.6517578124999 297.2537109375 27.9908203124999zM277.3669921875 34.61953125L239.9806640625 72.005859375C237.8865234375 74.1 236.905078125 77.0607421875 237.3328125 79.991015625C237.7611328125 82.9212890624999 239.5494140625 85.4771484375 242.1556640625 86.8845703124999L254.801953125 93.7113281249999L180.291796875 119.70703125L206.2869140625 45.196875L213.1142578125 57.8431640625C214.5205078125 60.4494140625 217.076953125 62.2376953125 220.0072265625 62.666015625C220.4595703125 62.7322265625 220.913671875 62.764453125 221.3642578125 62.764453125C223.8322265625 62.764453125 226.2216796875 61.789453125 227.99296875 60.01875L265.3798828125 22.632421875z" />
+    <glyph glyph-name="211-price-label"
+      unicode="&#xF1D3;"
+      horiz-adv-x="300" d="M299.109375 77.409375L206.7416015625 275.2599609375C205.466015625 277.9910156250001 202.955859375 279.9427734375 199.9939453125 280.5046875000001L104.1662109375 298.6875C99.554296875 299.562890625 94.803515625 298.852734375 90.5859375 296.6900390625001C87.90703125 296.0759765625001 85.33359375 294.9462890625 83.044921875 293.298046875L3.9052734375 236.283984375C1.4595703125 234.5220703125001 0.010546875 231.6919921875001 0.010546875 228.6773437500001V10.327734375C0.010546875 5.1503906250001 4.2076171875 0.952734375 9.385546875 0.952734375H181.4771484375C186.655078125 0.952734375 190.8521484375 5.1503906250001 190.8521484375 10.327734375V16.522265625L294.5806640625 64.9488281250001C296.83359375 66.0005859375001 298.576171875 67.9042968750001 299.42578125 70.2416015625001C300.275390625 72.5777343750001 300.1611328125 75.1564453125001 299.109375 77.4093750000001zM172.1021484375 19.702734375H18.760546875V223.8767578125L94.0048828125 278.0847656250001C94.76484375 278.6326171875001 96.0984375 278.63203125 96.8572265625 278.0847656250001L172.1021484375 223.8767578125zM190.8521484375 37.215234375V228.67734375C190.8521484375 231.6919921875 189.4025390625 234.5220703125 186.957421875 236.283984375L134.9296875 273.7658203125L191.7826171875 262.978125L278.15390625 77.9724609375zM70.1548828125 224.272265625C70.1548828125 210.33515625 81.4939453125 198.99609375 95.4310546875 198.99609375S120.7072265625 210.33515625 120.7072265625 224.272265625S109.3681640625 249.5478515625001 95.4310546875 249.5478515625001S70.1548828125 238.209375 70.1548828125 224.272265625zM101.9572265625 224.272265625C101.9572265625 220.6740234375 99.0298828125 217.74609375 95.4310546875 217.74609375S88.9048828125 220.6740234375 88.9048828125 224.272265625S91.8322265625 230.7978515625001 95.4310546875 230.7978515625001S101.9572265625 227.8705078125 101.9572265625 224.272265625zM111.29296875 149.7427734375C115.871484375 149.7427734375 120.4025390625 148.546875 124.395703125 146.28515625C128.9009765625 143.733984375 130.4853515625 138.012890625 127.9330078125 133.5076171875C125.3818359375 129.0029296875 119.6583984375 127.4185546875 115.15546875 129.9703125C113.9572265625 130.648828125 112.6576171875 130.9927734375 111.2923828125 130.9927734375H82.58203125C77.3361328125 130.9927734375 74.089453125 126.1294921875 74.089453125 121.6236328125C74.089453125 116.459765625 77.89921875 112.25859375 82.58203125 112.25859375H108.2783203125C123.3 112.25859375 135.5208984375 99.6439453125 135.5208984375 84.1388671875S123.3 56.019140625 108.2783203125 56.019140625H104.8072265625V49.4103515625C104.8072265625 44.2330078125 100.61015625 40.0353515625 95.4322265625 40.0353515625S86.0572265625 44.2330078125 86.0572265625 49.4103515625V56.019140625H76.3658203125C70.85859375 56.019140625 65.5494140625 57.7095703125 61.0130859375 60.9076171875001C56.780859375 63.8912109375 55.7689453125 69.7400390625001 58.7525390625 73.9716796875C61.735546875 78.2039062500001 67.5849609375 79.2158203125 71.8166015625 76.2322265625001C73.1748046875 75.2748046875 74.748046875 74.7685546875001 76.36640625 74.7685546875001H108.27890625C112.96171875 74.7685546875001 116.771484375 78.9714843750001 116.771484375 84.13828125C116.771484375 88.644140625 113.5248046875 93.5080078125 108.27890625 93.5080078125H82.5826171875C67.5609375 93.5080078125 55.3400390625 106.1203125 55.3400390625 121.623046875C55.3400390625 137.128125 67.5609375 149.7421875 82.5826171875 149.7421875H86.0583984375V157.3751953125001C86.0583984375 162.5525390625001 90.25546875 166.7501953125001 95.4333984375 166.7501953125001S104.8083984375 162.5525390625001 104.8083984375 157.3751953125001V149.7421875H111.29296875z" />
+    <glyph glyph-name="212-mobile-search"
+      unicode="&#xF1D4;"
+      horiz-adv-x="300" d="M128.476171875 49.5837890625C128.476171875 41.5154296875 121.89609375 34.9353515625 113.827734375 34.9353515625S99.179296875 41.5154296875 99.179296875 49.5837890625S105.759375 64.2322265625 113.827734375 64.2322265625S128.476171875 57.6521484375 128.476171875 49.5837890625zM273.9533203125 59.8951171875C272.122265625 58.0646484375 269.7234375000001 57.1494140625 267.3240234375 57.1494140625S262.52578125 58.0646484375 260.6947265625 59.8951171875L227.2681640625 93.322265625C220.4765625 88.0828125 212.7380859375 84.015234375 204.3544921875 81.4283203125V29.7796875C204.3544921875 13.359375 190.995703125 0 174.575390625 0H53.080078125C36.659765625 0 23.300390625 13.3587890625 23.300390625 29.7796875V270.2203125C23.3009765625 286.6412109375 36.659765625 300 53.080078125 300H174.575390625C190.995703125 300 204.3544921875 286.6412109375 204.3544921875 270.2203125V220.330078125C234.0169921875 211.177734375 255.6333984375 183.50625 255.6333984375 150.87890625C255.6333984375 134.2177734375 249.9931640625001 118.8509765625 240.526171875 106.5796875L273.952734375 73.153125C277.6142578125 69.4927734375 277.6142578125 63.556640625 273.9533203125 59.8951171875zM182.96953125 204.793359375C153.24140625 204.793359375 129.0556640625 180.6076171875 129.0556640625 150.8794921875S153.24140625 96.9650390625 182.96953125 96.9650390625S236.883984375 121.15078125 236.883984375 150.8794921875S212.69765625 204.793359375 182.96953125 204.793359375zM80.3806640625 281.25L83.1849609375 272.619140625H144.4705078125L147.275390625 281.25zM185.605078125 78.268359375C184.7296875 78.23671875 183.8525390625 78.215625 182.96953125 78.215625C142.9025390625 78.215625 110.3056640625 110.8125 110.3056640625 150.880078125C110.3056640625 190.9470703125 142.9025390625 223.5439453125 182.96953125 223.5439453125C183.851953125 223.5439453125 184.7296875000001 223.522265625 185.605078125 223.4912109375V270.2203125000001C185.605078125 276.3017578125 180.657421875 281.25 174.5759765625 281.25H166.9904296875L160.198828125 260.3466796875C158.94375 256.4841796875 155.3443359375 253.8685546875 151.2826171875 253.8685546875H76.3740234375C72.3123046875 253.8685546875 68.712890625 256.48359375 67.4578125 260.3466796875L60.665625 281.25H53.080078125C46.9986328125 281.25 42.050390625 276.30234375 42.050390625 270.2203125000001V29.7791015625C42.050390625 23.69765625 46.998046875 18.7494140625 53.080078125 18.7494140625H174.575390625C180.6568359375 18.7494140625 185.6044921875 23.6970703125 185.6044921875 29.7791015625V78.268359375z" />
+    <glyph glyph-name="213-folder-2"
+      unicode="&#xF1D5;"
+      horiz-adv-x="300" d="M282.5677734375 149.66484375H278.96953125V238.0611328125C278.96953125 243.2384765625 274.771875 247.4361328125 269.59453125 247.4361328125H204.309375V290.625C204.309375 295.80234375 200.11171875 300 194.934375 300H120.273046875C115.095703125 300 110.898046875 295.80234375 110.898046875 290.625V266.527734375H45.612890625C40.435546875 266.527734375 36.237890625 262.330078125 36.237890625 257.152734375V197.6009765625H17.4322265625C12.2548828125 197.6009765625 8.0572265625 193.4033203125 8.0572265625 188.2259765625V9.375C8.0572265625 4.19765625 12.2548828125 0 17.4322265625 0H282.5671875C287.74453125 0 291.9421875 4.19765625 291.9421875 9.375V140.28984375C291.9427734375 145.4671875 287.7451171875 149.66484375 282.5677734375 149.66484375zM260.2189453125 228.6861328125V149.66484375H204.3087890625V228.6861328125zM185.5587890625 281.25V149.66484375H129.648046875V281.25zM54.987890625 247.777734375H110.898046875V193.82578125C109.1560546875 196.1619140625 106.3916015625 197.600390625 103.3869140625 197.600390625H54.987890625zM273.1927734375 18.75H26.8072265625V178.850390625H97.0798828125L114.2080078125 136.7560546875C115.6453125 133.2240234375 119.0783203125001 130.9142578125 122.8916015625 130.9142578125H273.1921875000001V18.75zM101.1603515625 228.720703125C101.1603515625 223.543359375 96.9626953125 219.345703125 91.7853515625 219.345703125H74.1C68.92265625 219.345703125 64.725 223.543359375 64.725 228.720703125S68.92265625 238.095703125 74.1 238.095703125H91.7853515625C96.96328125 238.095703125 101.1603515625 233.8986328125 101.1603515625 228.720703125zM139.3857421875 262.7712890625C139.3857421875 267.9486328125 143.5833984375 272.1462890625 148.7607421875 272.1462890625H166.44609375C171.6234375 272.1462890625 175.82109375 267.9486328125 175.82109375 262.7712890625S171.6234375 253.3962890625 166.44609375 253.3962890625H148.7607421875C143.5833984375 253.3962890625 139.3857421875 257.5939453125 139.3857421875 262.7712890625zM214.046484375 210.2068359375001C214.046484375 215.3841796875 218.244140625 219.5818359375001 223.421484375 219.5818359375001H241.1068359375C246.2841796875001 219.5818359375001 250.4818359375 215.3841796875 250.4818359375 210.2068359375001S246.2841796875001 200.8318359375001 241.1068359375 200.8318359375001H223.421484375C218.2435546875 200.8318359375001 214.046484375 205.0294921875 214.046484375 210.2068359375001zM187.8966796875 77.0876953125C187.8966796875 82.2650390625 192.0943359375 86.4626953125 197.2716796875 86.4626953125H251.4884765625C256.6658203125 86.4626953125 260.8634765625 82.2650390625 260.8634765625 77.0876953125S256.6658203125 67.7126953125 251.4884765625 67.7126953125H197.2716796875C192.09375 67.7126953125 187.8966796875 71.9103515625 187.8966796875 77.0876953125zM187.8966796875 42.596484375C187.8966796875 47.773828125 192.0943359375 51.971484375 197.2716796875 51.971484375H251.4884765625C256.6658203125 51.971484375 260.8634765625 47.773828125 260.8634765625 42.596484375S256.6658203125 33.221484375 251.4884765625 33.221484375H197.2716796875C192.09375 33.221484375 187.8966796875 37.4185546875 187.8966796875 42.596484375z" />
+    <glyph glyph-name="214-target-1"
+      unicode="&#xF1D6;"
+      horiz-adv-x="300" d="M299.68072265625 259.7148046875A9.37546875 9.37546875 0 0 1 293.0511328125 266.34375L271.9900195312501 271.9873828125L266.3469140625 293.04849609375A9.375 9.375 0 0 1 250.66224609375 297.2513671875L225.59220703125 272.181796875A147.341015625 147.341015625 0 0 1 43.154296875 43.15224609375A146.164453125 146.164453125 0 0 1 125.225625 1.66083984375A149.56142578125 149.56142578125 0 0 1 147.56501953125 -0.0240234375A146.36630859375 146.36630859375 0 0 1 214.0775390625 15.94646484375A9.375 9.375 0 1 1 205.58373046875 32.66173828125A128.28955078125 128.28955078125 0 0 0 56.41224609375 56.4101953125C6.27568359375 106.54705078125 6.27568359375 188.12572265625 56.41224609375 238.262578125C97.787109375 279.63662109375 162 287.6109375 211.94314453125 258.53291015625L203.21443359375 249.80419921875A9.375 9.375 0 0 1 200.78771484375 240.74876953125L206.43140625 219.68701171875L192.44783203125 205.70361328125A73.72740234375 73.72740234375 0 1 1 191.37755859375 88.16701171875L237.324140625 42.2204296875A9.375 9.375 0 1 1 250.5821484375 55.47837890625L204.877265625 101.18326171875A73.7867578125 73.7867578125 0 0 1 205.70583984375 192.4456640624999L219.6896484375 206.4294140625L240.751640625 200.786015625A9.37318359375 9.37318359375 0 0 1 249.80677734375 203.2124414062499L258.5354882812501 211.9412109374999A128.36443359375 128.36443359375 0 0 0 260.81830078125 86.7971484374999A9.375 9.375 0 1 1 277.3584375000001 77.9670703124999A147.55634765625 147.55634765625 0 0 1 272.185546875 225.5912109375L297.2538281250001 250.659375A9.375 9.375 0 0 1 299.6807226562501 259.7148046875zM202.34701171875 147.33638671875A54.977109375 54.977109375 0 1 0 179.04626953125 192.30193359375L140.7096679687501 153.965390625A9.375 9.375 0 1 1 153.96767578125 140.7073828125L192.3042187500001 179.043984375A54.6046875 54.6046875 0 0 0 202.3470117187501 147.33638671875zM240.3762890625 220.2976171875L224.542265625 224.54021484375L220.300078125 240.37341796875L252.4387500000001 272.5112695312501L255.2797851562501 261.90662109375A9.37576171875 9.37576171875 0 0 1 261.90931640625 255.2773242187501L272.51478515625 252.4355273437501z" />
+    <glyph glyph-name="215-writing"
+      unicode="&#xF1D7;"
+      horiz-adv-x="300" d="M297.25400390625 172.45646484375L172.4567578125 297.2537109375A9.3740625 9.3740625 0 0 1 159.19875 297.2537109375L108.963515625 247.01841796875A9.3744140625 9.3744140625 0 0 1 108.963515625 233.7604687500001L122.51314453125 220.21072265625L23.1645703125 165.0378515625A9.37552734375 9.37552734375 0 0 1 18.41296875 157.9988671875L0.0718359375 10.5319921875A9.375703125 9.375703125 0 0 1 10.5319921875 0.07154296875L157.9988671875 18.4123828125A9.3758203125 9.3758203125 0 0 1 165.04037109375 23.169140625L220.1615624999999 122.5620703125L233.7604687499999 108.96322265625A9.3741796875 9.3741796875 0 0 1 247.0184179687499 108.96322265625L297.2540039062499 159.19845703125A9.3744140625 9.3744140625 0 0 1 297.2540039062499 172.45646484375zM150.955078125 36.430546875L35.3053125 22.0470703125L120.39673828125 107.138671875A9.375 9.375 0 0 1 107.13873046875 120.3966796875L22.0470703125 35.3047265625L36.43142578125 150.95841796875L136.3025390625 206.4212109375L206.37 136.353515625zM240.3894140625 128.85017578125L128.85076171875 240.38923828125L165.82775390625 277.3662890625L277.36681640625 165.8272265625z" />
+    <glyph glyph-name="216-user"
+      unicode="&#xF1D8;"
+      horiz-adv-x="300" d="M241.76 97.84L198.02 106.6C193.38 107.52 190 111.64 190 116.4V126.44C192.88 130.44 195.58 135.78 198.38 141.36C200.52 145.5800000000001 203.74 151.94 205.18 153.44C213.66 161.7400000000001 222.7 172.04 225.46 185.46C227.96 197.62 225.46 203.9400000000001 222.56 208.94C222.56 218.72 222.56 236.62 219.16 249.52C218.82 265.1 215.96 273.9000000000001 208.78 281.74C203.7 287.2200000000001 196.22 288.5 190.22 289.5200000000001C187.84 289.92 184.58 290.48 183.44 291.1C173.06 296.84 162.52 299.68 149.62 300C123.22 299 90.82 282.26 79.98 252.16C76.68 243.02 77 228.02 77.24 215.96L76.96 208.94C74.42 203.94 71.92 197.62 74.44 185.48C77.2 172 86.24 161.72 94.68 153.46C96.14 151.94 99.4 145.54 101.56 141.32C104.4 135.76 107.12 130.42 110 126.42V116.4C110 111.64 106.62 107.52 101.96 106.6L58.22 97.84C30.28 92.26 10 67.52 10 39.02V20C10 8.98 18.98 0 30 0H270C281.02 0 290 8.98 290 20V39.02C290 67.52 269.7200000000001 92.26 241.76 97.84zM270 20H30V39.02C30 58.02 43.52 74.52 62.16 78.24L105.88 87C119.86 89.76 130 102.14 130 116.4V130C130 132.68 128.92 135.26 127.02 137.12C125.3 138.8 121.6 146.08 119.38 150.42C115.62 157.78 112.38 164.14 108.68 167.74C102.04 174.22 95.7 181.34 94.02 189.5C92.72 195.82 93.62 197.6 94.78 199.86C95.8 201.86 97.32 204.86 97.32 208.94L97.22 216.36C97.04 225.1 96.74 239.74 98.78 245.38C106.54 266.9 131.16 279.28 149.74 280C158.9 279.76 166.1 277.86 173.74 273.6C177.86 271.32 182.66 270.52 186.88 269.8C189.26 269.4 193.24 268.7200000000001 194.06 268.2C196.76 265.26 199 261.7200000000001 199.16 247.96C199.16 247.06 199.3 246.16 199.56 245.28C202.54 235.06 202.54 217.42 202.54 208.94C202.54 204.86 204.08 201.86 205.08 199.86C206.24 197.6 207.14 195.82 205.84 189.48C204.18 181.36 197.8 174.22 191.18 167.74C187.46 164.1 184.24 157.74 180.52 150.36C178.36 146.04 174.7 138.8 173 137.14C171.08 135.2600000000001 170 132.68 170 130V116.4C170 102.14 180.14 89.76 194.12 86.9800000000001L237.86 78.22C256.48 74.52 270 58.02 270 39.02V20z" />
+    <glyph glyph-name="217-click-1"
+      unicode="&#xF1D9;"
+      horiz-adv-x="300" d="M54.4929863007277 218.1254614275837C49.6384751502936 218.1254614275837 45.7038894683182 222.0612189891367 45.7038894683182 226.9151441997821C45.7056472876847 267.2143250559573 78.4772596767956 300 118.7576904597284 300C159.0539416169594 300 191.8167649092379 267.2313173098333 191.8191086683932 226.9538162258446C191.8191086683932 222.0998910151993 187.8845229864179 218.1647193934351 183.0305977757726 218.1641334536463S174.2415009433631 222.0987191356216 174.2409150035742 226.952644346267C174.2391571842078 257.5381153832633 149.3624975097559 282.421806335181 118.7864015093809 282.421806335181C88.169289723788 282.421806335181 63.2826690729261 257.5211231293872 63.2814971933484 226.9139723202044C63.2814971933484 222.060047109559 59.3463255715843 218.1254614275837 54.4929863007278 218.1254614275837zM222.0682502666026 0H99.8054679901093C94.951542779464 0 91.0163711576998 3.9351716217641 91.0163711576998 8.7890968324095V28.5381974148336C72.0424689158942 48.4771424888379 61.2318798120305 75.3893569896758 61.2342235711858 102.9695428497768L61.2353954507635 121.2702002742198C61.2359813905523 136.1032660283829 73.2998957027176 148.17128191907 88.1276879987812 148.17128191907H91.8642260321329L91.8624682127665 232.5518849683007C91.8630541525553 247.3820210235197 103.928726284087 259.4465212754738 118.7576904597284 259.4465212754738C133.5848968160032 259.4465212754738 145.6488111281685 247.3855366622526 145.6493970679573 232.5606740651331L145.6499830077461 189.7835538420072C148.5550724807519 190.859925234083 151.6945378692886 191.4482087820656 154.9693553490443 191.4482087820656C165.1916609049254 191.4482087820656 174.1002894542556 185.7142020086016 178.6495259747108 177.2924894237868C182.3925093457396 179.2712080906567 186.6546353696694 180.3921109066833 191.1745749006832 180.3921109066833C201.4003960952972 180.3921109066833 210.3125402833605 174.6575181934305 214.8635346231821 166.2352196688269C218.6059320544221 168.2139383356967 222.8698158977183 169.3354270915121 227.3891694889433 169.3354270915121C242.2251649420506 169.3354270915121 254.2949386521041 157.2650674416698 254.2949386521041 142.4290719885625V99.5511701217583C254.2949386521041 74.2538056789285 245.9927577842101 49.3794897636319 230.8561752194344 29.1510904339471V8.7885108926207C230.8573470990121 3.9351716217641 226.922175477248 1e-13 222.0682502666026 1e-13zM108.5945648225188 17.578193664819H213.2791534341931V32.1405552365439C213.2791534341931 34.1198598432025 213.9471247934562 36.0411564107673 215.1752545908383 37.5933109113707C229.0673010441447 55.1562701416802 236.7185028066516 77.159481091723 236.7185028066516 99.552342001336V142.4302438681401C236.7185028066516 147.5736233344662 232.5337208348471 151.7584053062707 227.3909273083098 151.7584053062707C222.2580947581827 151.7584053062707 218.0821018832105 147.5824124312986 218.0821018832105 142.4495798811714V117.9485076113579C218.0821018832105 113.0945824007125 214.1469302614464 109.1594107789483 209.293005050801 109.1594107789483S200.5039082183915 113.0945824007125 200.5039082183915 117.9485076113579V153.4863417435225C200.5039082183915 158.6297212098485 196.3191262465869 162.8145031816531 191.1763327200497 162.8145031816531C186.0435001699225 162.8145031816531 181.8675072949503 158.6385103066809 181.8675072949503 153.5050918167649V134.5329473943258C181.8675072949503 129.6790221836804 177.9323356731862 125.7438505619163 173.0784104625408 125.7438505619163S164.2893136301313 129.6790221836804 164.2893136301313 134.5329473943258V164.5436114984824C164.2893136301313 169.6864050250197 160.1092191766373 173.8706010570354 154.9711131684108 173.8706010570354S145.653498646479 169.6905066035414 145.653498646479 164.5535724748925L145.6529127066902 145.5890452697081C145.6529127066902 140.7357059988516 141.7171551451372 136.8005343770875 136.8638158742807 136.8005343770875C132.0098906636353 136.8005343770875 128.0747190418712 140.7357059988516 128.0747190418712 145.589631209497L128.0729612225047 232.5606740651332C128.0729612225047 237.6935066152603 123.8946245883772 241.8694994902325 118.7594482790948 241.8694994902325C113.621928210657 241.8694994902325 109.4424196969519 237.6899909765273 109.4424196969519 232.5524709080896L109.4447634561072 139.3833569662382C109.4447634561072 137.0524884862832 108.51897858976 134.8171281919071 106.8707299637888 133.1688795659359S102.9871210434415 130.5942601338287 100.6556666236977 130.5942601338287H88.1294458181477C82.9936835690764 130.5942601338287 78.8153469349489 126.4112359813906 78.8153469349489 121.2707862140087L78.8141750553712 102.9695428497768C78.8124172360047 78.832339188825 88.704838690776 55.3056847878312 105.9549060738518 38.4224157125614C107.6441704850409 36.7694795682796 108.5963226418852 34.5048222844621 108.5963226418852 32.1411411763328V17.578193664819z" />
+    <glyph glyph-name="218-move"
+      unicode="&#xF1DA;"
+      horiz-adv-x="300" d="M291.2109375 216.5056640625H216.5056640625V291.2109375C216.5056640625 296.06484375 212.5705078125 300 207.7166015625 300H92.2833984375C87.4294921875 300 83.4943359375 296.06484375 83.4943359375 291.2109375V216.5056640625H8.7890625C3.93515625 216.5056640625 0 212.5705078125 0 207.7166015625V92.2833984375C0 87.4294921875 3.93515625 83.4943359375 8.7890625 83.4943359375H83.4943359375V8.7890624999999C83.4943359375 3.93515625 87.4294921875 0 92.2833984375 0H207.7166015625C212.5705078125 0 216.5056640625 3.93515625 216.5056640625 8.7890625V83.4943359375H291.2109375C296.06484375 83.4943359375 300 87.4294921875 300 92.2833984375V207.7166015625C300 212.5705078125 296.06484375 216.5056640625 291.2109375 216.5056640625zM282.421875 101.0724609375H207.7166015625C202.8626953125 101.0724609375 198.9275390625 97.1373046875 198.9275390625 92.2833984375V17.5781249999999H101.0724609375V92.2833984375C101.0724609375 97.1373046875 97.1373046875 101.0724609375 92.2833984375 101.0724609375H17.578125V198.9275390625H92.2833984375C97.1373046875 198.9275390625 101.0724609375 202.8626953125 101.0724609375 207.7166015625V282.421875H198.9275390625V207.7166015625C198.9275390625 202.8626953125 202.8626953125 198.9275390625 207.7166015625 198.9275390625H282.421875zM150 191.9431640625C126.8724609375 191.9431640625 108.0568359375 173.1275390625 108.0568359375 150S126.8724609375 108.0568359375 150 108.0568359375S191.9431640625 126.8724609375 191.9431640625 150S173.1275390625 191.9431640625 150 191.9431640625zM150 125.6349609375C136.5650390625 125.6349609375 125.6349609375 136.5650390625 125.6349609375 150S136.5650390625 174.3650390625 150 174.3650390625S174.3650390625 163.4349609375 174.3650390625 150S163.4349609375 125.6349609375 150 125.6349609375zM134.4603515625 222.7166015625L150 239.30625L165.5396484375 222.7166015625C167.269921875 220.8697265625 169.6095703125 219.936328125 171.9556640625 219.936328125C174.108984375 219.936328125 176.2669921875 220.72265625 177.9626953125 222.3111328125C181.5052734375 225.629296875 181.686328125 231.1916015625 178.3681640625 234.7341796875L156.413671875 258.1716796875C154.751953125 259.9453125 152.4298828125001 260.951953125 149.9994140625 260.951953125S145.246875 259.9453125 143.58515625 258.1716796875L121.6306640625 234.7341796875C118.3125 231.1916015625 118.4935546875 225.629296875 122.0361328125 222.3111328125C125.5798828125 218.9923828125 131.1416015625 219.174609375 134.4603515625 222.7166015625zM174.71015625 78.0814453125C170.9513671875 81.15234375 165.416015625 80.59453125 162.343359375 76.8357421875L150 61.7291015625L137.6572265625 76.8357421875C134.5863281250001 80.5945312500001 129.04921875 81.151171875 125.2904296875 78.0814453125C121.5310546875001 75.0099609375 120.9738281250001 69.4734375 124.0447265625 65.7146484375L143.1943359375 42.2771484375C144.8642578125 40.233984375 147.362109375 39.0486328125 150.0005859375 39.0486328125S155.1375 40.2333984375 156.8068359375 42.2771484375L175.9564453125 65.7146484375C179.0267578125 69.4728515625 178.46953125 75.0099609375 174.71015625 78.0814453125zM226.7050781250001 122.03671875C228.4353515625 120.18984375 230.7750000000001 119.2564453125 233.12109375 119.2564453125C235.2744140625001 119.2564453125 237.432421875 120.0427734375 239.128125 121.63125L262.565625 143.5857421875C264.3392578125 145.2474609375 265.3458984375 147.56953125 265.3458984375 150S264.3392578125 154.7525390625 262.565625 156.4142578125L239.128125 178.36875C235.5849609375 181.6869140625 230.0244140625001 181.505859375 226.7050781250001 177.96328125C223.3869140625 174.420703125 223.56796875 168.8583984375 227.110546875 165.540234375L243.7007812500001 150L227.1111328125001 134.4603515625C223.5685546875001 131.1416015625 223.3869140625001 125.579296875 226.7050781250001 122.03671875zM73.294921875 177.96328125C69.9767578125 181.505859375 64.4150390625 181.6880859375 60.871875 178.36875L37.434375 156.4142578125C35.6607421875 154.7525390625 34.6541015625 152.43046875 34.6541015625 150S35.6607421875 145.2474609375 37.434375 143.5857421875L60.871875 121.63125C62.5681640625 120.0427734375 64.725 119.2564453125 66.87890625 119.2564453125C69.2244140625 119.2564453125 71.5646484375 120.18984375 73.294921875 122.03671875C76.6130859375 125.579296875 76.43203125 131.1416015625 72.889453125 134.459765625L56.29921875 150L72.8888671875 165.5396484375C76.4314453125 168.8583984375 76.6130859375 174.420703125 73.294921875 177.96328125z" />
+    <glyph glyph-name="219-sign"
+      unicode="&#xF1DB;"
+      horiz-adv-x="300" d="M297.5548828125 219.3603515625L256.5392578125 262.1373046875C254.881640625 263.86640625 252.590625 264.84375 250.1953125 264.84375H176.3671875V291.2109375C176.3671875 296.06484375 172.43203125 300 167.578125 300H132.421875C127.56796875 300 123.6328125 296.06484375 123.6328125 291.2109375V264.84375H49.8046875C44.95078125 264.84375 41.015625 260.90859375 41.015625 256.0546875V174.0333984375L2.4451171875 133.805859375C-0.814453125 130.4056640625 -0.814453125 125.040234375 2.4451171875 121.6400390625L43.4607421875 78.8630859375C45.118359375 77.133984375 47.409375 76.156640625 49.8046875 76.156640625H123.6328125V8.7890624999999C123.6328125 3.93515625 127.56796875 0 132.421875 0H167.578125C172.43203125 0 176.3671875 3.93515625 176.3671875 8.7890625V76.1572265625H250.1953125C255.04921875 76.1572265625 258.984375 80.0923828125 258.984375 84.9462890625V166.967578125L297.5548828125 207.19453125C300.8150390625 210.5947265625 300.8150390625 215.96015625 297.5548828125 219.3603515625zM141.2109375 282.421875H158.7890625V264.84375H141.2109375zM158.7890625 17.578125H141.2109375V76.1572265625H158.7890625zM241.40625 93.7353515625C239.26875 93.7353515625 57.9544921875 93.7353515625 53.553515625 93.7353515625L20.9654296875 127.7232421875L53.553515625 161.7111328125H241.40625zM246.446484375 179.2892578125H58.59375V247.265625H246.446484375L279.0345703125 213.277734375zM232.130859375 222.064453125H208.353515625C203.499609375 222.064453125 199.564453125 218.129296875 199.564453125 213.275390625S203.499609375 204.486328125 208.353515625 204.486328125H232.130859375C236.984765625 204.486328125 240.919921875 208.421484375 240.919921875 213.275390625S236.984765625 222.064453125 232.130859375 222.064453125zM173.197265625 222.064453125H84.9609375C80.10703125 222.064453125 76.171875 218.129296875 76.171875 213.275390625S80.10703125 204.486328125 84.9609375 204.486328125H173.197265625C178.051171875 204.486328125 181.986328125 208.421484375 181.986328125 213.275390625S178.051171875 222.064453125 173.197265625 222.064453125z" />
+    <glyph glyph-name="220-credit-card"
+      unicode="&#xF1DC;"
+      horiz-adv-x="300" d="M291.2109375 197.548828125H260.298046875V269.8681640625C260.298046875 274.7220703125 256.3628906250001 278.6572265625 251.508984375 278.6572265625H8.7890625C3.93515625 278.6572265625 0 274.7220703125 0 269.8681640625V111.553125C0 106.69921875 3.93515625 102.7640625 8.7890625 102.7640625H39.701953125V30.1318359375C39.701953125 25.2779296875 43.637109375 21.3427734375 48.491015625 21.3427734375H291.2109375C296.06484375 21.3427734375 300 25.2779296875 300 30.1318359375V188.759765625C300 193.6142578125 296.06484375 197.548828125 291.2109375 197.548828125zM17.578125 261.0791015625H242.719921875V238.9552734375H17.578125zM39.701953125 188.759765625V120.3416015625H17.578125V221.3771484375H242.719921875V197.548828125H48.491015625C43.637109375 197.548828125 39.701953125 193.6142578125 39.701953125 188.759765625zM282.421875 38.9208984375H57.280078125V179.970703125H282.421875zM233.2259765625 57.4037109375C250.80234375 57.4037109375 265.1009765625 71.7029296875 265.1009765625 89.2787109375S250.8017578125 121.1537109375 233.2259765625 121.1537109375C215.649609375 121.1537109375 201.3509765625 106.8544921875 201.3509765625 89.2787109375C201.350390625 71.7029296875 215.649609375 57.4037109375 233.2259765625 57.4037109375zM233.2259765625 103.576171875C241.109765625 103.576171875 247.5228515625 97.1625 247.5228515625 89.279296875S241.1091796875 74.982421875 233.2259765625 74.982421875C225.3421875 74.982421875 218.9291015625 81.39609375 218.9291015625 89.279296875S225.3421875 103.576171875 233.2259765625 103.576171875zM78.4927734375 57.4037109375H161.7416015625C166.5955078125 57.4037109375 170.5306640625 61.3388671875 170.5306640625 66.1927734375S166.5955078125 74.9818359375 161.7416015625 74.9818359375H78.4927734375C73.6388671875 74.9818359375 69.7037109375 71.0466796875 69.7037109375 66.1927734375S73.6388671875 57.4037109375 78.4927734375 57.4037109375zM78.4927734375 87.617578125H126.5853515625C131.4392578125 87.617578125 135.3744140625 91.552734375 135.3744140625 96.406640625S131.4392578125 105.195703125 126.5853515625 105.195703125H78.4927734375C73.6388671875 105.195703125 69.7037109375 101.260546875 69.7037109375 96.406640625S73.6388671875 87.617578125 78.4927734375 87.617578125zM78.4927734375 138.955078125H126.5853515625C131.4392578125 138.955078125 135.3744140625 142.890234375 135.3744140625 147.744140625S131.4392578125 156.533203125 126.5853515625 156.533203125H78.4927734375C73.6388671875 156.533203125 69.7037109375 152.598046875 69.7037109375 147.744140625S73.6388671875 138.955078125 78.4927734375 138.955078125z" />
+    <glyph glyph-name="221-screenplay"
+      unicode="&#xF1DD;"
+      horiz-adv-x="300" d="M291.1951851359072 264.5934914808525H105.2269294284306C101.1655618254534 284.6590775684624 83.3945104914261 299.8127509372236 62.1484922243702 299.8127509372236S23.1320096109446 284.6590775684624 19.0706420079674 264.5934914808525H8.8048148640928C3.9422091084832 264.5934914808525 0 260.6512823723694 0 255.7886766167597V8.9926509145268C0 4.1300451589171 3.9422091084832 0.187836050434 8.8048148640928 0.187836050434S17.6096297281856 4.1300451589171 17.6096297281856 8.9926509145268V211.7646022962957H53.4739886202659C53.438182373152 211.4411720969547 53.4158768421629 211.1136329840105 53.4158768421629 210.7802239944902V172.7434237816093C53.4158768421629 158.2178272064866 65.2331123650907 146.4005916835589 79.7581219525558 146.4005916835589C94.2837185276784 146.4005916835589 106.1009540506062 158.2178272064866 106.1009540506062 172.7434237816093V211.7646022962957H247.1711108154433V8.9926509145268C247.1711108154433 4.1300451589171 251.1133199239264 0.187836050434 255.9759256795361 0.187836050434S264.7807405436289 4.1300451589171 264.7807405436289 8.9926509145268V220.5694171603885C264.7807405436289 225.4320229159982 260.8385314351457 229.3742320244813 255.9759256795361 229.3742320244813H106.1009540506062V246.9838617526669H282.3903702718144V8.9926509145268C282.3903702718144 4.1300451589171 286.3325793802976 0.187836050434 291.1951851359072 0.187836050434S300 4.1300451589171 300 8.9926509145268V255.7886766167597C300 260.6512823723694 296.0577908915169 264.5934914808525 291.1951851359072 264.5934914808525zM62.1490792120277 282.2031212090381C73.6141221403918 282.2031212090381 83.3862926642196 274.8381870690532 86.9974407338128 264.5934914808525H37.3001307025851C40.9118657598359 274.8381870690532 50.6840362836637 282.2031212090381 62.1490792120277 282.2031212090381zM79.7581219525557 164.0102214117445C74.9424752095546 164.0102214117445 71.0255065703485 167.9277770386081 71.0255065703485 172.7434237816093V210.7802239944902C71.0255065703485 211.1130459963529 71.0032010393595 211.4405851092971 70.9673947922455 211.7646022962957H88.4919113100782V172.7434237816093C88.4913243224206 167.9277770386081 84.5737686955569 164.0102214117445 79.7581219525557 164.0102214117445zM88.4913243224206 229.3742320244813H17.6096297281856V246.9838617526669H88.4913243224206zM209.0163260833836 59.1478113186873H56.3508151301939C51.4882093745842 59.1478113186873 47.5460002661011 55.2056022102042 47.5460002661011 50.3429964545945S51.4882093745842 41.5381815905017 56.3508151301939 41.5381815905017H209.0163260833836C213.8789318389932 41.5381815905017 217.8211409474764 45.4803906989849 217.8211409474764 50.3429964545945S213.8795188266509 59.1478113186873 209.0163260833836 59.1478113186873zM209.0163260833836 94.3670707750585H56.3508151301939C51.4882093745842 94.3670707750585 47.5460002661011 90.4248616665753 47.5460002661011 85.5622559109657S51.4882093745842 76.7574410468729 56.3508151301939 76.7574410468729H209.0163260833836C213.8789318389932 76.7574410468729 217.8211409474764 80.699650155356 217.8211409474764 85.5622559109657S213.8795188266509 94.3670707750585 209.0163260833836 94.3670707750585zM209.0163260833836 129.5863302314297H56.3508151301939C51.4882093745842 129.5863302314297 47.5460002661011 125.6441211229465 47.5460002661011 120.7815153673369S51.4882093745842 111.9767005032441 56.3508151301939 111.9767005032441H209.0163260833836C213.8789318389932 111.9767005032441 217.8211409474764 115.9189096117272 217.8211409474764 120.7815153673369S213.8795188266509 129.5863302314297 209.0163260833836 129.5863302314297z" />
+    <glyph glyph-name="222-around-the-world"
+      unicode="&#xF1DE;"
+      horiz-adv-x="300" d="M244.8076171875 205.0294921875C246.3375 202.173046875 249.3146484375 200.390625 252.5548828125 200.390625S258.772265625 202.173046875 260.3021484375 205.0294921875L283.4953125 248.323828125C289.378125 259.3048828125 289.0693359375 272.2423828125 282.6697265625 282.93046875S265.0125 300 252.5548828125 300C240.097265625 300 228.8390625 293.6185546875 222.439453125 282.93046875S215.731640625 259.3048828125 221.614453125 248.323828125zM237.5208984375 273.9005859375C240.7154296875 279.2361328125 246.33515625 282.421875 252.5548828125 282.421875C258.7740234375001 282.421875 264.3943359375001 279.2361328125 267.5888671875001 273.9005859375C270.7839843750001 268.5650390625 270.9380859375001 262.10625 268.0013671875 256.62421875L252.5554687500001 227.7919921875L237.1095703125001 256.62421875C234.1716796875001 262.10625 234.3257812500001 268.5650390625001 237.5208984375001 273.9005859375zM35.7310546875 100.6494140625C31.8486328125 112.6037109375 29.8798828125 125.068359375 29.8798828125 137.6953125C29.8798828125 203.9279296875 83.7638671875 257.8125 149.9970703125 257.8125C162.6240234375 257.8125 175.0880859375 255.8443359375 187.044140625 251.9619140625C191.6607421875 250.4630859375 196.618359375 252.990234375 198.1177734375 257.60625V257.6068359375C199.6171875 262.2234375 197.089453125 267.1810546875 192.4734375 268.68046875C178.7607421875 273.132421875 164.4703125 275.390625 149.996484375 275.390625C113.2166015625 275.390625 78.638671875 261.06796875 52.63125 235.060546875S12.301171875 174.4751953125 12.301171875 137.6953125C12.301171875 123.2220703125 14.559375 108.93046875 19.0119140625 95.21953125C20.511328125 90.6029296875 25.4689453125 88.0763671875 30.085546875 89.5751953125H30.0861328125C34.7033203125 91.0751953125 37.23046875 96.0328125 35.7310546875 100.6494140625zM269.9068359375001 185.8154296875C265.290234375 184.3154296875 262.7630859375 179.3578125 264.2630859375 174.7412109375C268.1455078125 162.788671875 270.1142578125 150.3240234375 270.1142578125 137.6953125C270.1142578125 71.4626953125 216.2302734375 17.578125 149.9970703125 17.578125C137.36953125 17.578125 124.90546875 19.5462890625 112.9505859375 23.429296875C108.3345703125 24.929296875 103.37578125 22.4015625 101.8763671875 17.7849609375C100.376953125 13.1677734375 102.9041015625 8.2095703125 107.520703125 6.7107421875C121.231640625 2.2576171875 135.5232421875 1e-13 149.9970703125 1e-13C186.776953125 1e-13 221.3548828125 14.32265625 247.3623046875 40.330078125S287.6923828125 100.9154296875 287.6923828125 137.6953125C287.6923828125 152.1708984375 285.4341796875 166.4619140625 280.9810546875 180.17109375C279.481640625 184.78828125 274.522265625 187.3154296875 269.9068359375 185.8154296875zM252.5361328125 137.6953125C252.5361328125 194.2353515625 206.537109375 240.234375 149.9970703125 240.234375S47.4580078125 194.2353515625 47.4580078125 137.6953125S93.45703125 35.15625 149.9970703125 35.15625S252.5361328125 81.1552734375 252.5361328125 137.6953125zM234.9580078125 137.6953125C234.9580078125 129.922265625 233.9033203125 122.3923828125 231.938671875 115.2345703125H189.1611328125C189.7376953125 122.520703125 190.0359375 130.0447265625 190.0359375 137.6953125S189.7376953125 152.869921875 189.1611328125 160.1560546875H231.938671875C233.902734375 152.9982421875 234.9580078125 145.468359375 234.9580078125 137.6953125zM224.9126953125 177.7341796875H187.1572265625C185.546484375 188.37890625 183.2853515625 198.205078125 180.4318359375 206.7662109375C178.9166015625 211.3119140625 177.3140625 215.2564453125 175.6564453125 218.69296875C196.8919921875 211.95 214.536328125 197.071875 224.9126953125 177.7341796875zM180.4318359375 68.6244140625C183.2853515625 77.1849609375 185.546484375 87.0111328125 187.1572265625 97.6564453125H224.9126953125C214.5357421875 78.31875 196.8919921875 63.440625 175.655859375 56.6982421875C177.3140625 60.1341796875 178.9166015625 64.079296875 180.4318359375 68.6244140625zM136.2380859375 201.207421875C141.446484375 216.833203125 147.4412109375 222.65625 149.996484375 222.65625S158.5470703125 216.833203125 163.75546875 201.207421875C166.07109375 194.260546875 167.9560546875 186.3375 169.3734375 177.7341796875H130.6201171875C132.0369140625 186.3375 133.9224609375 194.2599609375 136.2380859375 201.207421875zM65.035546875 137.6953125C65.035546875 145.468359375 66.090234375 152.9982421875 68.0548828125 160.1560546875H110.832421875C110.255859375 152.869921875 109.9576171875 145.3458984375 109.9576171875 137.6953125S110.255859375 122.520703125 110.832421875 115.2345703125H68.0548828125C66.0908203125 122.3923828125 65.035546875 129.922265625 65.035546875 137.6953125zM75.080859375 97.6564453125H112.836328125C114.4470703125 87.01171875 116.708203125 77.185546875 119.56171875 68.6244140625C121.076953125 64.0787109375 122.6794921875 60.1341796875 124.337109375 56.69765625C103.1015625 63.440625 85.4572265625 78.31875 75.080859375 97.6564453125zM119.56171875 206.7662109375C116.708203125 198.2056640625 114.4470703125 188.3794921875 112.836328125 177.7341796875H75.080859375C85.4578125 197.071875 103.1015625 211.95 124.3376953125 218.6923828125C122.6794921875 215.2564453125 121.076953125 211.311328125 119.56171875 206.7662109375zM127.5357421875 137.6953125C127.5357421875 145.3869140625 127.8515625 152.91796875 128.4615234375 160.1560546875H171.5326171875C172.142578125 152.91796875 172.4583984375 145.3869140625 172.4583984375 137.6953125S172.142578125 122.47265625 171.5326171875 115.2345703125H128.4615234375C127.8515625 122.47265625 127.5357421875 130.0037109375 127.5357421875 137.6953125zM136.2380859375 74.183203125C133.9224609375 81.130078125 132.0375 89.053125 130.6201171875 97.6564453125H169.3734375C167.956640625 89.053125 166.0716796875 81.1306640625 163.75546875 74.183203125C158.5470703125 58.557421875 152.55234375 52.734375 149.996484375 52.734375C147.4412109375 52.734375 141.446484375 58.557421875 136.2380859375 74.183203125z" />
+    <glyph glyph-name="223-shopping-bag"
+      unicode="&#xF1DF;"
+      horiz-adv-x="300" d="M279.46875 148.8515625H229.3828125V209.912109375C229.3828125 221.220703125 220.18359375 230.419921875 208.875 230.419921875H165.965625V273.6357421875C165.965625 288.1728515625 154.1384765625 300 139.6013671875 300H89.80546875C75.268359375 300 63.4412109375 288.1728515625 63.4412109375 273.6357421875V230.419921875H20.5312499999999C9.2226562499999 230.419921875 0.0234374999999 221.220703125 0.0234374999999 209.912109375V20.5078125C0.0234374999999 9.19921875 9.2226562499999 0 20.5312499999999 0C164.3314453125 0 272.8939453125 0.046875 279.46875 0.046875C290.77734375 0.046875 299.9765625 9.24609375 299.9765625 20.5546875V128.349609375C299.9765625 139.658203125 290.77734375 148.8515625 279.46875 148.8515625zM89.80546875 282.421875H139.6013671875C144.446484375 282.421875 148.3875 278.4802734375 148.3875 273.6357421875V230.419921875H81.0193359375V273.6357421875C81.0193359375 278.4802734375 84.9609375 282.421875 89.80546875 282.421875zM20.53125 17.578125C18.9140625 17.578125 17.6015625 18.890625 17.6015625 20.5078125V209.912109375C17.6015625 211.529296875 18.9140625 212.841796875 20.53125 212.841796875H63.4412109375V186.9322265625C63.4412109375 182.0783203125 67.3763671875 178.1431640625 72.2302734375 178.1431640625S81.0193359375 182.0783203125 81.0193359375 186.9322265625V212.841796875H148.3875V186.9322265625C148.3875 182.0783203125 152.32265625 178.1431640625 157.1765625 178.1431640625S165.965625 182.0783203125 165.965625 186.9322265625V212.841796875H208.875C210.4921875 212.841796875 211.8046875 211.529296875 211.8046875 209.912109375V148.8515625H126.46875C115.16015625 148.8515625 105.9609375 139.658203125 105.9609375 128.349609375V20.5546875C105.9609375 19.541015625 106.0371093749999 18.55078125 106.177734375 17.5781250000001zM282.3984375 20.5546875C282.3984375 18.943359375 281.0859375 17.625 279.46875 17.625C274.6025390625 17.625 133.5251953125 17.625 126.46875 17.625C124.857421875 17.625 123.5390625 18.943359375 123.5390625 20.5546875V128.349609375C123.5390625 129.9609375 124.857421875 131.2734375 126.46875 131.2734375H279.46875C281.0859375 131.2734375 282.3984375 129.9609375 282.3984375 128.349609375zM242.220703125 110.77734375C237.369140625 110.77734375 233.431640625 106.83984375 233.431640625 101.98828125V75.9140625C233.431640625 72.814453125 231.814453125 70.08984375 229.3828125 68.525390625C226.4220703125 66.6064453125 228.4623046875 67.130859375 181.294921875 67.130859375C176.44921875 67.130859375 172.505859375 71.07421875 172.505859375 75.9140625V101.98828125C172.505859375 106.83984375 168.57421875 110.77734375 163.716796875 110.77734375C158.865234375 110.77734375 154.927734375 106.83984375 154.927734375 101.98828125V75.9140625C154.927734375 61.376953125 166.7578125 49.552734375 181.294921875 49.552734375C228.830859375 49.552734375 226.1572265625 49.3916015625 229.3828125 49.98046875C241.669921875 52.21875 251.009765625 62.994140625 251.009765625 75.9140625V101.98828125C251.009765625 106.83984375 247.072265625 110.77734375 242.220703125 110.77734375z" />
+    <glyph glyph-name="224-folder-3"
+      unicode="&#xF1E0;"
+      horiz-adv-x="300" d="M285.3515625 210.1640625H278.61328125V230.859375C278.61328125 238.646484375 272.513671875 245.02734375 264.84375 245.478515625V266.30859375C264.84375 274.388671875 258.275390625 280.95703125 250.1953125 280.95703125H112.787109375C112.62890625 281.1451171875 101.7966796875 294.0439453125 101.630859375 294.22265625C98.30859375 297.896484375 93.556640625 300 88.599609375 300H14.6484375C6.568359375 300 0 293.431640625 0 285.3515625V26.3671875C0 11.830078125 11.830078125 0 26.3671875 0H285.3515625C293.431640625 0 300 6.568359375 300 14.6484375V195.515625C300 203.595703125 293.431640625 210.1640625 285.3515625 210.1640625zM261.03515625 227.9296875V210.1640625C259.0623046875 210.1640625 243.225 210.1640625 221.5271484375 210.1640625C221.5130859375 210.1640625 221.4990234375 210.16640625 221.484375 210.16640625S221.45625 210.1640625 221.4416015625 210.1640625C167.9572265625001 210.1640625 78.9767578125 210.1640625 74.12109375 210.1640625V227.9296875zM230.2734375 69.92578125V55.470703125C230.2734375 53.748046875 228.873046875 52.34765625 227.150390625 52.34765625H215.818359375C214.095703125 52.34765625 212.6953125 53.748046875 212.6953125 55.470703125V69.92578125zM35.15625 195.515625V26.3671875C35.15625 21.521484375 31.212890625 17.578125 26.3671875 17.578125S17.578125 21.521484375 17.578125 26.3671875V282.421875H88.59375L100.20703125 268.60546875C102.99609375 265.283203125 107.0859375 263.37890625 111.421875 263.37890625H247.265625V245.5078125H71.19140625C63.111328125 245.5078125 56.54296875 238.939453125 56.54296875 230.859375V210.1640625H49.8046875C41.724609375 210.1640625 35.15625 203.595703125 35.15625 195.515625zM282.421875 17.578125C273.9169921875 17.578125 62.1919921875 17.578125 51.228515625 17.578125C52.1009765625 20.0431640625 52.552734375 19.5966796875 52.734375 30.270703125V192.5859375H212.6953125V175.0001953125H203.90625C199.05234375 175.0001953125 195.1171875 171.0650390625 195.1171875 166.2111328125S199.05234375 157.4220703125 203.90625 157.4220703125H212.6953125V139.892578125H203.90625C199.05234375 139.892578125 195.1171875 135.957421875 195.1171875 131.103515625S199.05234375 122.314453125 203.90625 122.314453125H212.6953125V87.5039062499999H205.32421875C199.69921875 87.5039062499999 195.1171875 82.9277343749999 195.1171875 77.2968749999999V55.4707031249999C195.1171875 44.0566406249999 204.404296875 34.7695312499999 215.818359375 34.7695312499999H227.150390625C238.564453125 34.7695312499999 247.8515625 44.056640625 247.8515625 55.4707031249999V77.2968749999999C247.8515625 82.9277343749999 243.26953125 87.5039062499999 237.64453125 87.5039062499999H230.2734375V105.083203125H239.0625C243.91640625 105.083203125 247.8515625 109.018359375 247.8515625 113.872265625S243.91640625 122.661328125 239.0625 122.661328125H230.2734375V141.2109375H239.0625C243.91640625 141.2109375 247.8515625 145.14609375 247.8515625 150S243.91640625 158.7890625 239.0625 158.7890625H230.2734375V192.5859375H282.421875z" />
+    <glyph glyph-name="225-folder-4"
+      unicode="&#xF1E1;"
+      horiz-adv-x="300" d="M285.3515625 210.1640625H278.61328125V230.859375C278.61328125 238.646484375 272.513671875 245.02734375 264.84375 245.478515625V266.30859375C264.84375 274.388671875 258.275390625 280.95703125 250.1953125 280.95703125H112.787109375C112.62890625 281.1451171875 101.7966796875 294.0439453125 101.630859375 294.22265625C98.30859375 297.896484375 93.556640625 300 88.599609375 300H14.6484375C6.568359375 300 0 293.431640625 0 285.3515625V26.3671875C0 11.830078125 11.830078125 0 26.3671875 0H285.3515625C293.431640625 0 300 6.568359375 300 14.6484375V195.515625C300 203.595703125 293.431640625 210.1640625 285.3515625 210.1640625zM261.03515625 227.9296875V210.1640625C259.359375 210.1640625 75.1875 210.1640625 74.12109375 210.1640625V227.9296875zM246.873046875 192.5859375V108.796875L222.890625 126.462890625C218.54296875 129.662109375 212.70703125 129.662109375 208.359375 126.462890625L184.376953125 108.796875V192.5859375zM35.15625 195.515625V26.3671875C35.15625 21.521484375 31.212890625 17.578125 26.3671875 17.578125S17.578125 21.521484375 17.578125 26.3671875V282.421875H88.59375L100.20703125 268.60546875C102.99609375 265.283203125 107.0859375 263.37890625 111.421875 263.37890625H247.265625V245.5078125H71.19140625C63.111328125 245.5078125 56.54296875 238.939453125 56.54296875 230.859375V210.1640625H49.8046875C41.724609375 210.1640625 35.15625 203.595703125 35.15625 195.515625zM282.421875 17.578125C273.9169921875 17.578125 62.1919921875 17.578125 51.228515625 17.578125C51.9990234375 19.754296875 52.5234375 19.6611328125 52.734375 26.956640625V192.5859375H166.798828125V98.25C166.798828125 88.2234375 178.2298828125 82.435546875 186.310546875 88.388671875L215.625 109.98046875L244.939453125 88.388671875C253.001953125 82.4513671875 264.451171875 88.2 264.451171875 98.25V192.5859375H282.421875z" />
+    <glyph glyph-name="226-data-center"
+      unicode="&#xF1E2;"
+      horiz-adv-x="300" d="M291.2109375 88.4765625C296.06484375 88.4765625 300 92.41171875 300 97.265625V273.046875C300 277.90078125 296.06484375 281.8359375 291.2109375 281.8359375H217.3828125V291.2109375C217.3828125 296.06484375 213.44765625 300 208.59375 300H91.40625C86.55234375 300 82.6171875 296.06484375 82.6171875 291.2109375V281.8359375H8.7890625C3.93515625 281.8359375 0 277.90078125 0 273.046875V97.265625C0 92.41171875 3.93515625 88.4765625 8.7890625 88.4765625H53.3203125V51.9240234375C45.4447265625 49.2685546875 39.2080078125 43.0318359375 36.5525390625 35.15625H8.7890625C3.93515625 35.15625 0 31.22109375 0 26.3671875S3.93515625 17.578125 8.7890625 17.578125H36.751171875C40.4736328125 7.3359375 50.30390625 0 61.81640625 0S83.1591796875 7.3359375 86.881640625 17.578125H125.227734375C128.9501953125 7.3359375 138.78046875 0 150.29296875 0S171.6357421875 7.3359375 175.358203125 17.578125H213.118359375C216.8408203125 7.3359375 226.67109375 0 238.1835937500001 0S259.5263671875001 7.3359375 263.2488281250001 17.578125H291.2109375000001C296.06484375 17.578125 300 21.51328125 300 26.3671875S296.06484375 35.15625 291.2109375 35.15625H263.4474609375C260.7919921875 43.0318359375 254.5546875 49.2685546875 246.6796875 51.9240234375V88.4765625zM282.421875 264.2578125V106.0546875H217.3828125V123.6328125H255.46875C260.32265625 123.6328125 264.2578125 127.56796875 264.2578125 132.421875S260.32265625 141.2109375 255.46875 141.2109375H217.3828125V158.7890625H255.46875C260.32265625 158.7890625 264.2578125 162.72421875 264.2578125 167.578125S260.32265625 176.3671875 255.46875 176.3671875H217.3828125V193.9453125H255.46875C260.32265625 193.9453125 264.2578125 197.88046875 264.2578125 202.734375S260.32265625 211.5234375 255.46875 211.5234375H217.3828125V229.1015625H255.46875C260.32265625 229.1015625 264.2578125 233.03671875 264.2578125 237.890625S260.32265625 246.6796875 255.46875 246.6796875H217.3828125V264.2578125zM100.1953125 282.421875H199.8046875V89.0625H100.1953125zM17.578125 264.2578125H82.6171875V246.6796875H44.53125C39.67734375 246.6796875 35.7421875 242.74453125 35.7421875 237.890625S39.67734375 229.1015625 44.53125 229.1015625H82.6171875V211.5234375H44.53125C39.67734375 211.5234375 35.7421875 207.58828125 35.7421875 202.734375S39.67734375 193.9453125 44.53125 193.9453125H82.6171875V176.3671875H44.53125C39.67734375 176.3671875 35.7421875 172.43203125 35.7421875 167.578125S39.67734375 158.7890625 44.53125 158.7890625H82.6171875V141.2109375H44.53125C39.67734375 141.2109375 35.7421875 137.27578125 35.7421875 132.421875S39.67734375 123.6328125 44.53125 123.6328125H82.6171875V106.0546875H17.578125zM82.6171875 88.4765625V80.2734375C82.6171875 75.41953125 86.55234375 71.484375 91.40625 71.484375H141.2109375V51.725390625C133.611328125 48.96328125 127.6189453125 42.8361328125 125.0291015625 35.15625H87.0802734375C84.4904296875 42.8361328125 78.498046875 48.96328125 70.8984375 51.725390625V88.4765625zM61.81640625 17.578125C56.8083984375 17.578125 52.734375 21.6521484375 52.734375 26.66015625S56.8083984375 35.7421875 61.81640625 35.7421875S70.8984375 31.6681640625 70.8984375 26.66015625S66.8244140625 17.578125 61.81640625 17.578125zM150.29296875 17.578125C145.2849609375 17.578125 141.2109375 21.6521484375 141.2109375 26.66015625S145.2849609375 35.7421875 150.29296875 35.7421875S159.375 31.6681640625 159.375 26.66015625S155.3009765625 17.578125 150.29296875 17.578125zM238.18359375 17.578125C233.1755859375 17.578125 229.1015625 21.6521484375 229.1015625 26.66015625S233.1755859375 35.7421875 238.18359375 35.7421875S247.265625 31.6681640625 247.265625 26.66015625S243.1916015625 17.578125 238.18359375 17.578125zM229.1015625 51.725390625C221.501953125 48.96328125 215.5095703125 42.8361328125 212.9197265625 35.15625H175.5568359375C172.9013671875 43.0318359375 166.6640625 49.2685546875 158.7890625 51.9240234375V71.484375H208.59375C213.44765625 71.484375 217.3828125 75.41953125 217.3828125 80.2734375V88.4765625H229.1015625zM126.5625 246.6796875H174.0234375C178.87734375 246.6796875 182.8125 250.61484375 182.8125 255.46875S178.87734375 264.2578125 174.0234375 264.2578125H126.5625C121.70859375 264.2578125 117.7734375 260.32265625 117.7734375 255.46875S121.70859375 246.6796875 126.5625 246.6796875zM126.5625 211.5234375H174.0234375C178.87734375 211.5234375 182.8125 215.45859375 182.8125 220.3125S178.87734375 229.1015625 174.0234375 229.1015625H126.5625C121.70859375 229.1015625 117.7734375 225.16640625 117.7734375 220.3125S121.70859375 211.5234375 126.5625 211.5234375zM126.5625 176.3671875H173.4375C178.29140625 176.3671875 182.2265625 180.30234375 182.2265625 185.15625S178.29140625 193.9453125 173.4375 193.9453125H126.5625C121.70859375 193.9453125 117.7734375 190.01015625 117.7734375 185.15625S121.70859375 176.3671875 126.5625 176.3671875zM126.5625 141.2109375H173.4375C178.29140625 141.2109375 182.2265625 145.14609375 182.2265625 150S178.29140625 158.7890625 173.4375 158.7890625H126.5625C121.70859375 158.7890625 117.7734375 154.85390625 117.7734375 150S121.70859375 141.2109375 126.5625 141.2109375zM141.2109375 114.84375A8.7890625 8.7890625 0 0 1 158.7890625 114.84375A8.7890625 8.7890625 0 0 1 141.2109375 114.84375" />
+    <glyph glyph-name="227-shield-1"
+      unicode="&#xF1E3;"
+      horiz-adv-x="300" d="M263.7814453125 267.3984375C263.279296875 267.3720703125 212.6525390625 264.971484375 154.2099609375 298.8169921875C151.4783203125 300.399609375 148.1068359375 300.3931640625 145.3798828125 298.8046875C87.326953125 264.971484375 36.7224609375 267.36796875 36.235546875 267.3978515625C31.1572265625 267.69609375 26.921484375 263.6595703125 26.921484375 258.6240234375V158.203125C26.921484375 105.6193359375 44.91796875 58.5240234375 87.65859375 27.188671875C114.1974609375 7.733203125 144.58828125 0 150 0C154.5849609375 0 184.7080078125 6.9328125 212.353125 27.2712890625C254.5365234375 58.30546875 273.078515625 105.148828125 273.078515625 158.7890625V258.6240234375C273.078515625 263.6466796875 268.8369140625 267.684375 263.7814453125 267.3984375zM255.500390625 158.7890625C255.500390625 107.3619140625 237.6755859375 68.02265625 202.5205078125 41.8623046875C179.4152343750001 24.6685546875 155.8857421875001 18.95625 149.9994140625 17.7357421875C144.1101562500001 18.9556640625 120.5771484375 24.6603515625 97.470703125 41.7943359375C62.321484375 67.857421875 44.499609375 107.02265625 44.499609375 158.203125V249.85546875C62.276953125 250.52578125 103.2626953125 255.1353515625 149.818359375 281.101171875C196.6546875 255.1341796875 237.7136718750001 250.5234375 255.4998046875001 249.85546875V158.7890625zM106.025390625 193.9453125V176.3671875H97.236328125C92.382421875 176.3671875 88.447265625 172.43203125 88.447265625 167.578125V97.265625C88.447265625 77.88046875 104.218359375 62.109375 123.603515625 62.109375H176.337890625C195.723046875 62.109375 211.494140625 77.88046875 211.494140625 97.265625V167.578125C211.494140625 172.43203125 207.558984375 176.3671875 202.705078125 176.3671875H193.916015625V193.9453125C193.916015625 218.1767578125 174.2021484375 237.890625 149.970703125 237.890625S106.025390625 218.17734375 106.025390625 193.9453125zM193.916015625 97.265625C193.916015625 87.573046875 186.03046875 79.6875 176.337890625 79.6875H123.603515625C113.9109375 79.6875 106.025390625 87.573046875 106.025390625 97.265625V158.7890625H193.916015625zM149.970703125 220.3125C164.5095703125 220.3125 176.337890625 208.4841796875 176.337890625 193.9453125V176.3671875H123.603515625V193.9453125C123.603515625 208.484765625 135.4318359375 220.3125 149.970703125 220.3125zM170.1234375 143.3244140625L141.181640625 114.3826171875L129.81796875 125.7462890625C126.3861328125 129.178125 120.8208984375 129.178125 117.3884765625 125.7462890625S113.9560546875 116.74921875 117.3884765625 113.316796875L134.9666015625 95.738671875C138.3990234375 92.30625 143.963671875 92.30625 147.39609375 95.738671875L182.55234375 130.894921875C185.984765625 134.3267578125 185.984765625 139.8919921875 182.55234375 143.3244140625C179.1205078125 146.75625 173.5552734375 146.75625 170.1234375 143.3244140625z" />
+    <glyph glyph-name="228-ssl-certificate"
+      unicode="&#xF1E4;"
+      horiz-adv-x="300" d="M62.109375 106.6494140625H132.421875C137.27578125 106.6494140625 141.2109375 110.5845703125 141.2109375 115.437890625C141.2109375 120.291796875 137.27578125 124.2263671875 132.421875 124.2263671875H62.109375C57.25546875 124.2263671875 53.3203125 120.2917968750001 53.3203125 115.437890625C53.3203125 110.5845703125 57.25546875 106.6494140625 62.109375 106.6494140625zM291.2109375 300H8.7890625C3.93515625 300 0 296.06484375 0 291.2115234375V80.283984375C0 75.430078125 3.93515625 71.4955078125 8.7890625 71.4955078125H171.8953125C173.3033203125 69.8859375 174.80625 68.3619140625 176.396484375 66.9322265625V8.803125C176.396484375 1.8416015624999 184.1607421875 -2.401171875 190.0271484375 1.468359375L211.7619140625 15.8138671875L232.9447265625 1.5181640625C238.7431640625 -2.3947265625001 246.650390625 1.749609375 246.650390625 8.803125V66.4119140625C248.4580078125 67.9904296875 250.1578125 69.6890625 251.7375 71.4955078125H291.2109375C296.06484375 71.4955078125 300 75.4306640625 300 80.283984375V291.2115234375C300 296.06484375 296.06484375 300 291.2109375 300zM176.3671875 106.3564453125C176.3671875 125.9021484375 192.26953125 141.80390625 211.81640625 141.80390625S247.265625 125.9021484375 247.265625 106.3564453125C247.265625 86.9431640625 231.47109375 70.908984375 211.81640625 70.908984375C192.181640625 70.908984375 176.3671875 86.919140625 176.3671875 106.3564453125zM229.072265625 25.3376953125L216.7330078125 33.6650390625C213.78984375 35.65078125 209.9390625 35.671875 206.9748046875 33.71484375L193.974609375 25.134375V56.4234375C205.0541015625 52.4531249999999 217.4982421875 52.222265625 229.072265625 56.2166015625zM282.421875 89.0724609375H261.9486328125C263.823046875 94.49296875 264.84375 100.3072265625 264.84375 106.35703125C264.84375 135.5953125 241.055859375 159.38203125 211.81640625 159.38203125S158.7890625 135.5947265625 158.7890625 106.3564453125C158.7890625 100.3072265625 159.809765625 94.4923828125 161.6841796875 89.071875H17.578125V282.4224609375H282.421875zM62.109375 194.5359375C57.25546875 194.5359375 53.3203125 190.6013671875 53.3203125 185.7474609375S57.25546875 176.958984375 62.109375 176.958984375H97.294921875C102.148828125 176.958984375 106.083984375 180.894140625 106.083984375 185.7474609375V220.901953125C106.083984375 225.755859375 102.148828125 229.6904296875 97.294921875 229.6904296875H70.927734375V247.26796875H97.294921875C102.148828125 247.26796875 106.083984375 251.203125 106.083984375 256.0564453125S102.148828125 264.844921875 97.294921875 264.844921875H62.138671875C57.284765625 264.844921875 53.349609375 260.909765625 53.349609375 256.0564453125V220.901953125C53.349609375 216.048046875 57.284765625 212.1134765625 62.138671875 212.1134765625H88.505859375V194.5359375zM132.421875 194.5359375C127.56796875 194.5359375 123.6328125 190.6013671875 123.6328125 185.7474609375S127.56796875 176.958984375 132.421875 176.958984375H167.607421875C172.461328125 176.958984375 176.396484375 180.894140625 176.396484375 185.7474609375V220.901953125C176.396484375 225.755859375 172.461328125 229.6904296875 167.607421875 229.6904296875H141.240234375V247.26796875H167.607421875C172.461328125 247.26796875 176.396484375 251.203125 176.396484375 256.0564453125S172.461328125 264.844921875 167.607421875 264.844921875H132.451171875C127.597265625 264.844921875 123.662109375 260.909765625 123.662109375 256.0564453125V220.901953125C123.662109375 216.048046875 127.597265625 212.1134765625 132.451171875 212.1134765625H158.818359375V194.5359375zM202.763671875 176.958984375H237.919921875C242.773828125 176.958984375 246.708984375 180.894140625 246.708984375 185.7474609375V203.325C246.708984375 208.17890625 242.773828125 212.1134765625 237.919921875 212.1134765625S229.130859375 208.17890625 229.130859375 203.325V194.5365234375H211.552734375V256.05703125C211.552734375 260.9109375 207.617578125 264.8455078125 202.763671875 264.8455078125S193.974609375 260.9103515625 193.974609375 256.05703125V185.748046875C193.974609375 180.8935546875 197.909765625 176.958984375 202.763671875 176.958984375zM62.109375 141.8044921875H132.421875C137.27578125 141.8044921875 141.2109375 145.7396484375 141.2109375 150.59296875C141.2109375 155.446875 137.27578125 159.3814453125 132.421875 159.3814453125H62.109375C57.25546875 159.3814453125 53.3203125 155.446875 53.3203125 150.59296875S57.25546875 141.8044921875 62.109375 141.8044921875z" />
+    <glyph glyph-name="229-virus-1"
+      unicode="&#xF1E5;"
+      horiz-adv-x="300" d="M300 150.0002929681778C300 150.0049804590225 299.9994140636444 150.0090820135117 299.9994140636444 150.0137695043564C299.9988281272888 156.2200073827981 299.6103523235306 162.4942138784885 298.8445335067705 168.6611940211054C298.24629248771 173.4781768004359 293.8552854388957 176.8965294989658 289.0394745322763 176.3000462889721C284.2224917529458 175.7018052699116 280.8023812453491 171.3119700938084 281.4006222644096 166.4949873144779C281.7176138327855 163.9420626131589 281.9543321204451 161.3680442030386 282.1242536635671 158.7899242384292H264.5104208780842C262.60436991334 183.8592112124781 252.6106394323449 206.7013540989178 237.143677453755 224.7147954789151L249.6358405549989 237.206958580159C251.3344700498632 235.2680951795016 252.983294954502 233.2841146794635 254.5676668600257 231.2479858437777C256.3002806635143 229.021427692524 258.8912912279468 227.856586217605 261.5098408010922 227.856586217605C263.3965558661019 227.856586217605 265.2973334036457 228.4612725365771 266.9016271452595 229.7099029103459C270.7324790381269 232.6911470876034 271.4209542559487 238.2130113027123 268.4397100786913 242.0438631955797C260.7739047384673 251.8946252058102 251.8922814603878 260.7762484838897 242.0426913228685 268.4408819514025C238.2124253663568 271.4221261286599 232.6899752148922 270.7336509108381 229.7087310376347 266.9022130816151C226.7274868603773 263.0713611887477 227.4165480145547 257.5494969736387 231.2473999074221 254.5682527963813C233.2829428067524 252.9838808908576 235.2669233067905 251.3356419225744 237.2063726438035 249.6364264913545L224.7136236062039 237.1442633901106C206.7007681625622 252.6106394323449 183.8580393397669 262.6037839769844 158.788752365718 264.5104208780843V282.1242536635671C161.3668723303275 281.9543321204451 163.9408907404478 281.7176138327855 166.4944013781223 281.4006222644096C166.8623694094347 281.3549192286734 167.2274077589692 281.3326536471609 167.5883445540145 281.3326536471609C171.9588438303831 281.3326536471609 175.7469223692922 284.5904597842582 176.2994603526165 289.0394745322763C176.897701371677 293.8564573116068 173.4775908640803 298.24629248771 168.6600221483942 298.8445335067705C162.4883545149326 299.6109382598862 156.210046464753 299.9994140636444 149.9997070318222 299.9994140636444S137.5110595487118 299.6109382598862 131.3393919152501 298.8445335067705C126.5224091359196 298.2468784240656 123.1022986283229 293.8564573116068 123.6999537110279 289.0394745322763C124.2981947300884 284.2224917529458 128.6886158425471 280.8029671817048 133.5050126855221 281.4000363280541C136.057937386841 281.7170278964299 138.6325417333169 281.9537461840895 141.2106616979263 282.1236677272115V264.509249005373C116.1413747238774 262.6031980406288 93.2992318374378 252.6094675596337 75.2852045210848 237.1425055810438L62.7930414198409 249.6346686822877C64.7324907568539 251.333298177152 66.716471256892 252.9815371454353 68.7520141562223 254.5659090509589C72.5828660490897 257.5465672918608 73.2719272032671 263.0690174433253 70.2906830260096 266.8998693361927C67.3094388487522 270.7313071654157 61.7869886972876 271.419196446882 57.9567227407758 268.43853820598C48.106546666901 260.7744906748229 39.2249233888214 251.893453333099 31.5597039849531 242.0426913228685C28.5784598076956 238.2118394300011 29.267520961873 232.6899752148921 33.0983728547404 229.7087310376347C34.7026665963542 228.4601006638659 36.6028581975425 227.8554143448939 38.4901591989077 227.8554143448939C41.1087087720531 227.8554143448939 43.6997193364856 229.0202558198129 45.4323331399743 231.2473999074221C47.0167050454979 233.2829428067523 48.6649440137811 235.2669233067904 50.3635735086454 237.2063726438034L62.8557366098894 224.7142095425595C47.3893605676551 206.7001822262066 37.3956300866599 183.8580393397669 35.4889931855601 158.788752365718H17.8757463364329C18.0456678795548 161.3668723303275 18.2823861672144 163.9408907404478 18.5993777355903 166.4938154417667C19.1976187546508 171.3107982210972 15.7775082470541 175.7006333972004 10.9605254677236 176.2988744162609C6.1458864338155 176.8965294989658 1.7537075122899 173.4770049277248 1.1554664932294 168.6600221483942C0.3884758037581 162.4895263876438 -1e-13 156.2112183374642 -1e-13 150.0002929681778S0.3884758037581 137.5110595487118 1.1548805568738 131.3393919152502C1.7074185401981 126.8897912308765 5.4949111427516 123.6325710301347 9.8659963554758 123.6325710301347C10.2269331505211 123.6325710301347 10.5931433727668 123.6548366116472 10.9605254677236 123.7005396473835C15.7775082470541 124.298780666444 19.1976187546508 128.6886158425472 18.5993777355903 133.5055986218777C18.2823861672144 136.0585233231966 18.0456678795548 138.632541733317 17.8757463364329 141.2106616979264H35.4895791219157C37.3956300866599 116.1413747238775 47.3893605676551 93.2992318374378 62.856322546245 75.2852045210849L50.364159445001 62.793041419841C48.6655299501367 64.732490756854 47.0172909818535 66.7158853205365 45.4329190763298 68.7514282198667C42.4516748990724 72.5828660490897 36.9292247476078 73.2713412669116 33.098958791096 70.2900970896541C29.2681068982286 67.3094388487523 28.5790457440512 61.7869886972877 31.5602899213087 57.9561368044203C39.225509325177 48.1053747941898 48.106546666901 39.2243374524659 57.9573086771314 31.5591180485976C59.5616024187452 30.3104876748287 61.4617940199335 29.7058013558567 63.3490950212987 29.7058013558567C65.9676445944441 29.7058013558567 68.5586551588766 30.8706428307757 70.2912689623652 33.0977869183849C73.2725131396227 36.9286388112523 72.5834519854453 42.4505030263613 68.7526000925779 45.4317472036187C66.716471256892 47.0161191091424 64.7324907568539 48.6643580774256 62.7936273561965 50.3635735086454L75.2857904574404 62.8557366098894C93.2998177737933 47.3893605676551 116.141960660233 37.3956300866599 141.2112476342819 35.4889931855602V17.8751604000773C138.6331276696724 18.0450819431993 136.0585233231966 18.2818002308589 133.5055986218776 18.5987917992347C128.6868580334803 19.1999625000732 124.298780666444 15.776336374343 123.7005396473834 10.9593535950124C123.1028845646785 6.1423708156819 126.5224091359196 1.7525356395788 131.3399778516057 1.1542946205183C137.5110595487118 0.3890617401137 143.7893675988914 0.0005859363555 149.9997070318222 0.0005859363555S162.4883545149325 0.3890617401137 168.6600221483942 1.1554664932294C173.4770049277247 1.7531215759344 176.8971154353214 6.1435426883932 176.2994603526164 10.9605254677236C175.7012193335559 15.7775082470542 171.3154857119419 19.1952750092285 166.4944013781222 18.5999636719459C163.9414766768033 18.28297210357 161.367458266683 18.0462538159105 158.788752365718 17.8763322727885V35.4901650582713C183.8580393397668 37.3968019593711 206.7001822262065 47.3899465040107 224.7142095425594 62.8569084826006L237.2063726438034 50.3647453813566C235.2669233067903 48.6661158864924 233.2829428067523 47.0178769182091 231.247399907422 45.4335050126855C227.4165480145546 42.4528467717836 226.7274868603772 36.9303966203191 229.7087310376346 33.0995447274516C231.4419307774789 30.8724006398425 234.0323554055558 29.7075591649235 236.6509049787012 29.7075591649235C238.5376200437108 29.7075591649235 240.4383975812547 30.3122454838955 242.0426913228684 31.5608758576643C251.8928673967433 39.2260952615327 260.7744906748228 48.1071326032566 268.4397100786912 57.957894613487C271.4209542559487 61.7887465063544 270.7318931017712 67.3106107214634 266.9010412089038 70.2918548987209C263.070775252392 73.2730990759783 257.5483251009274 72.5846238581565 254.56708092367 68.7531860289335C252.9827090181463 66.7176431296032 251.3344700498631 64.7336626295652 249.6358405549988 62.7942132925521L237.1436774537549 75.2863763937961C252.6106394323448 93.300403710149 262.6037839769843 116.1425465965886 264.5104208780841 141.2118335706376H282.124253663567C281.954332120445 138.6337136060281 281.7176138327854 136.0591092595522 281.4006222644095 133.5067704945889C280.802381245349 128.6897877152583 284.2224917529457 124.2999525391552 289.0394745322762 123.7017115200947C289.4074425635887 123.6560084843584 289.7724809131231 123.6337429028459 290.134003644524 123.6337429028459C294.5050888572482 123.6337429028459 298.2919955234462 126.8915490399433 298.845119443126 131.3405637879614C299.6109382598861 137.5075439305782 299.9994140636443 143.7817504262687 299.9999999999999 149.9879883047103C299.9994140636443 149.9909179864883 299.9999999999999 149.9956054773331 299.9999999999999 150.0002929681778zM224.6767096158016 87.7521723590384L212.1851324509132 100.2437495239267C214.4732139195041 103.0966736393093 216.5755535633719 106.1013552707905 218.4552373921145 109.2478335003252C220.9448809670293 113.415012861303 219.5843367493423 118.8109007599594 215.4165714520089 121.2999583985187C211.2499780273867 123.7896019734336 205.8535041923746 122.4290577557466 203.3644465538153 118.2618783947688C198.07344126281 109.4042785072685 190.5957214927315 101.92655873719 181.7381216052312 96.6355534461847C177.5709422442534 94.1464958076253 176.2103980265663 88.7506079089689 178.6994556651257 84.5834285479911C180.3453508879865 81.8277698676369 183.2609701934176 80.2996478522503 186.2533471614313 80.2996478522503C187.7867426040183 80.2996478522503 189.3400598826955 80.7016001921871 190.7521664996748 81.5447626078855C193.8986447292095 83.424446436628 196.9033263606907 85.5262001441404 199.7562504760732 87.8148675490868L212.2478276409616 75.3232903841984C195.3675871726813 61.2291772867631 173.658059261603 52.7348579397305 149.9997070318222 52.7348579397305S104.631826890963 61.2291772867631 87.7521723590383 75.3232903841984L100.2437495239266 87.8148675490868C103.0972595756648 85.5262001441403 106.1025271435016 83.4232745639168 109.2495913093919 81.5435907351743C110.6616979263712 80.7004283194759 112.2144292686928 80.2990619158946 113.7478247112798 80.2990619158946C116.7396157429379 80.2990619158946 119.6558209847246 81.8277698676369 121.3017162075855 84.5828426116355C123.7907738461448 88.7500219726133 122.4302296284577 94.1459098712697 118.2624643311243 96.6349675098291C109.4036925709129 101.9259728008344 101.9248009281231 109.4048644436241 96.6337956371178 118.2636362038355C94.1447379985585 122.4314015011689 88.7482641635465 123.7913597825004 84.5816707389243 121.3028880802967C80.4144913779465 118.8138304417374 79.0533612239038 113.417942543081 81.5424188624631 109.2507631821031C83.4221026912056 106.1036990162128 85.5244423350735 103.0978455120205 87.8136956763756 100.2449213966379L75.3221185114872 87.7533442317495C61.2285913504075 104.6324128273187 52.7342720033749 126.3413548020414 52.7342720033749 150.0002929681778S61.2285913504075 195.3681731090369 75.3227044478428 212.2478276409617L87.8142816127312 199.7562504760733C85.5262001441403 196.9033263606907 83.4238605002724 193.8986447292095 81.5441766715299 190.7521664996748C79.054533096615 186.584987138697 80.4150773143021 181.1890992400406 84.5828426116355 178.7000416014813C85.9949492286147 177.8562932494273 87.5482665072919 177.454926845846 89.0816619498789 177.454926845846C92.0734529815371 177.454926845846 94.9896582233237 178.9830488612327 96.6355534461846 181.7387075415869C101.9265587371899 190.5963074290871 109.4042785072685 198.0740271991657 118.2618783947687 203.3650324901709C122.4290577557465 205.8540901287302 123.7896019734336 211.2505639637423 121.3005443348743 215.4171573883645C118.811486696315 219.5849226856979 113.4144269249473 220.945466903385 109.2484194366807 218.4558233284701C106.101941207146 216.5761394997275 103.0972595756648 214.4743857922152 100.2443354602822 212.1857183872688L87.7527582953939 224.6772955521571C104.631826890963 238.7708227132369 126.3413548020413 247.2651420602694 149.9997070318221 247.2651420602694S195.3675871726812 238.7708227132369 212.2478276409616 224.6767096158015L199.7556645397176 212.1851324509132C196.9015685516238 214.4743857922152 193.8957150474315 216.5773113724387 190.7480649451856 218.4575811375368C186.5808855842077 220.9460528397405 181.1849976855513 219.5860945584091 178.695940046992 215.4183292610757C176.2068824084327 211.2511499000979 177.5674266261198 205.8552620014414 181.7351919234532 203.3662043628821C190.5951355563757 198.0746131355212 198.0751990718767 190.5945496200203 203.366204362882 181.7351919234533C205.0120995857429 178.9795332430991 207.9283048275296 177.4514112277124 210.9200958591877 177.4514112277124C212.4534913017747 177.4514112277124 214.0068085804519 177.8527776312937 215.4183292610756 178.6965259833477C219.5855086220534 181.185583621907 220.9466387760961 186.5814715205634 218.4575811375367 190.7486508815412C216.5778973087942 193.8963009837871 214.4743857922151 196.9027404243351 212.1851324509131 199.7562504760733L224.6767096158014 212.2478276409616C238.7708227132368 195.3675871726813 247.2651420602694 173.658059261603 247.2651420602694 150.0002929681778S238.7708227132368 104.6324128273187 224.6767096158014 87.7521723590383z" />
+    <glyph glyph-name="230-certificate"
+      unicode="&#xF1E6;"
+      horiz-adv-x="300" d="M203.3203125 220.8984375H96.6796875C91.82578125 220.8984375 87.890625 216.96328125 87.890625 212.109375S91.82578125 203.3203125 96.6796875 203.3203125H203.3203125C208.17421875 203.3203125 212.109375 207.25546875 212.109375 212.109375S208.17421875 220.8984375 203.3203125 220.8984375zM291.2109375 300H8.7890625C3.93515625 300 0 296.06484375 0 291.2109375V61.5234375C0 56.66953125 3.93515625 52.734375 8.7890625 52.734375H106.0546875V8.7890625C106.0546875 5.7380859375 107.6373046875 2.9044921875 110.2353515625 1.3048828125C112.8333984375 -0.2953125 116.0765625 -0.432421875 118.8005859375 0.941015625L149.73984375 16.541015625L181.2515625 0.915234375C182.4849609375 0.303515625 183.8220703125 0.0005859375 185.1556640625 0.0005859375C186.767578125 0.0005859375 188.3748046875 0.4435546875 189.7892578125 1.320703125C192.3732421875001 2.9232421875 193.9453125 5.748046875 193.9453125 8.7890625V52.734375H291.2109375000001C296.06484375 52.734375 300 56.66953125 300 61.5234375V291.2109375C300 296.06484375 296.06484375 300 291.2109375 300zM176.3671875 22.9576171875L153.61171875 34.2416015625C151.1314453125 35.471484375 148.219921875 35.4609375 145.7501953125 34.215234375L123.6328125 23.063671875V61.5474609375C130.9828125 56.0173828125 140.1146484375 52.734375 150 52.734375S169.0171875 56.0173828125 176.3671875 61.5474609375zM150 70.3125C135.4611328125 70.3125 123.6328125 82.1408203125 123.6328125 96.6796875S135.4611328125 123.046875 150 123.046875C164.539453125 123.046875 176.3671875 111.2185546875 176.3671875 96.6796875S164.539453125 70.3125 150 70.3125zM193.060546875 105.46875C188.977734375 125.503125 171.22265625 140.625 150 140.625C128.7779296875 140.625 111.022265625 125.503125 106.9388671875 105.46875H65.164453125L52.734375 117.8982421875V234.8361328125L65.1638671875 247.265625H234.8361328125L247.2656250000001 234.8361328125V117.898828125L234.8361328125 105.46875zM282.421875 70.3125H193.9453125V87.890625H238.4765625C240.8080078125 87.890625 243.043359375 88.8169921875 244.691015625 90.465234375L262.269140625 108.043359375C263.91796875 109.6916015625 264.84375 111.926953125 264.84375 114.2578125V238.4765625C264.84375 240.807421875 263.91796875 243.043359375 262.269140625 244.691015625L244.691015625 262.269140625C243.043359375 263.9173828125 240.8080078125 264.84375 238.4765625 264.84375H61.5234375C59.192578125 264.84375 56.956640625 263.9173828125 55.308984375 262.269140625L37.730859375 244.691015625C36.0826171875 243.043359375 35.15625 240.807421875 35.15625 238.4765625V114.2578125C35.15625 111.926953125 36.0826171875 109.6916015625 37.730859375 108.043359375L55.308984375 90.465234375C56.956640625 88.8169921875 59.1931640625 87.890625 61.5234375 87.890625H106.0546875V70.3125H17.578125V282.421875H282.421875zM185.7421875 185.7421875H114.2578125C109.40390625 185.7421875 105.46875 181.80703125 105.46875 176.953125S109.40390625 168.1640625 114.2578125 168.1640625H185.7421875C190.59609375 168.1640625 194.53125 172.09921875 194.53125 176.953125S190.59609375 185.7421875 185.7421875 185.7421875zM141.2109375 96.6796875A8.7890625 8.7890625 0 0 1 158.7890625 96.6796875A8.7890625 8.7890625 0 0 1 141.2109375 96.6796875" />
+    <glyph glyph-name="231-profit"
+      unicode="&#xF1E7;"
+      horiz-adv-x="300" d="M291.2109375 158.49609375H270.365625C288.4248046875 173.0619140625 300 195.3591796875 300 220.3125C300 264.0908203125 264.3837890625 299.70703125 220.60546875 299.70703125S141.2109375 264.0908203125 141.2109375 220.3125C141.2109375 195.3591796875 152.7861328125 173.0619140625 170.8453125 158.49609375H150.29296875C145.4390625 158.49609375 141.50390625 154.5609375 141.50390625 149.70703125V88.18359375H9.375C4.52109375 88.18359375 0.5859375 84.2484375 0.5859375 79.39453125V44.23828125V9.08203125C0.5859375 4.228125 4.52109375 0.29296875 9.375 0.29296875H150.29296875H291.2109375C296.06484375 0.29296875 300 4.228125 300 9.08203125V44.23828125V79.39453125V114.55078125V149.70703125C300 154.5609375 296.06484375 158.49609375 291.2109375 158.49609375zM159.08203125 105.76171875H282.421875V88.18359375H159.08203125zM159.08203125 70.60546875H282.421875V53.02734375H159.08203125zM158.7890625 220.3125C158.7890625 254.3982421875 186.5197265625 282.12890625 220.60546875 282.12890625S282.421875 254.3982421875 282.421875 220.3125S254.6912109375 158.49609375 220.60546875 158.49609375S158.7890625 186.2267578125 158.7890625 220.3125zM159.08203125 140.91796875H282.421875V123.33984375H159.08203125zM18.1640625 70.60546875H141.50390625V53.02734375H18.1640625zM18.1640625 35.44921875H141.50390625V17.87109375H18.1640625zM282.421875 17.87109375H159.08203125V35.44921875H282.421875zM15.0041015625 125.9138671875L44.23828125 155.148046875L64.683984375 134.7029296875C68.1158203125 131.2705078125 73.6810546875 131.2705078125 77.1134765625 134.7029296875L106.0546875 163.6447265625V158.49609375C106.0546875 153.6421875 109.98984375 149.70703125 114.84375 149.70703125S123.6328125 153.6421875 123.6328125 158.49609375V184.8603515625C123.63515625 189.7412109375 119.6578125 193.6546875 114.8408203125 193.65234375H89.0625C84.20859375 193.65234375 80.2734375 189.7171875 80.2734375 184.86328125S84.20859375 176.07421875 89.0625 176.07421875H93.6251953125L70.8984375 153.3474609375L50.452734375 173.792578125C47.0208984375 177.225 41.4556640625 177.225 38.0232421875 173.792578125L2.5740234375 138.343359375C-0.8583984375 134.9109375 -0.8583984375 129.3462890625 2.5740234375 125.9138671875C6.005859375 122.48203125 11.5716796875 122.4814453125 15.0041015625 125.9138671875zM229.9546875 228.95625C225.5935546875 230.4978515625 222.3943359375 231.7716796875 219.887109375 232.9646484375C218.54296875 233.60390625 214.1724609375 235.88671875 214.3634765625 238.409765625C214.496484375 240.160546875 216.2583984375 242.06953125 217.62890625 242.48203125C223.0435546875 244.112109375 226.5421875 241.5650390625 227.1017578125 241.1162109375L227.8078125 240.465234375C231.375 237.1740234375 236.9349609375 237.397265625 240.22734375 240.964453125C243.5185546875 244.531640625 243.2953125 250.0921875 239.7275390625 253.383984375L238.9083984375 254.1404296875C236.937890625 255.9580078125 233.483203125 258.153515625 229.00078125 259.4578125V260.199609375C229.00078125 265.053515625 225.065625 268.988671875 220.21171875 268.988671875S211.42265625 265.053515625 211.42265625 260.199609375V258.928125C203.52890625 256.0177734375 197.47265625 248.138671875 196.83515625 239.73984375C196.498828125 235.3072265625 197.335546875 224.2265625 212.334375 217.0916015625C215.405859375 215.6296875 219.14296875 214.1337890625 224.0947265625 212.3830078125C228.4505859375 210.84375 228.8935546875 207.7201171875 228.49921875 205.37109375C228.059765625 202.7548828125 225.80625 198.3169921875 220.153125 198.27890625C214.2849609375 198.242578125 212.9068359375 198.45703125 208.623046875 201.2595703125C204.56015625 203.916796875 199.11328125 202.7783203125 196.4560546875 198.716015625S194.9373046875 189.2068359375 198.999609375 186.549609375C203.673046875 183.4921875 207.3732421875 181.976953125 211.4220703125 181.266796875V180.4248046875C211.4220703125 175.5708984375 215.3572265625 171.6357421875 220.2111328125 171.6357421875S229.0001953125 175.5708984375 229.0001953125 180.4248046875V182.2599609375C237.6451171875 185.384765625 244.2345703125 192.945703125 245.83359375 202.4572265625C247.817578125 214.2486328125 241.435546875 224.898046875 229.9546875 228.95625zM226.9904296875 241.2205078125L227.0794921875 241.137890625C227.0203125 241.189453125 226.9916015625 241.2193359375 226.9904296875 241.2205078125z" />
+    <glyph glyph-name="232-certificate-1"
+      unicode="&#xF1E8;"
+      horiz-adv-x="300" d="M291.2109375 264.2578125H8.7890625C3.93515625 264.2578125 0 260.32265625 0 255.46875V44.53125C0 39.67734375 3.93515625 35.7421875 8.7890625 35.7421875H291.2109375C296.06484375 35.7421875 300 39.67734375 300 44.53125V255.46875C300 260.32265625 296.06484375 264.2578125 291.2109375 264.2578125zM105.46875 167.87109375C105.46875 153.493359375 93.7716796875 141.796875 79.39453125 141.796875S53.3203125 153.493359375 53.3203125 167.87109375S65.0173828125 193.9453125 79.39453125 193.9453125S105.46875 182.248828125 105.46875 167.87109375zM62.109375 127.7953125C73.114453125 123.0298828125 85.887890625 122.9326171875 97.265625 128.0607421875V96.120703125L84.5958984375 104.576953125C81.6439453125 106.545703125 77.7978515625 106.5486328125 74.8447265625 104.581640625L62.109375 96.1001953125zM97.265625 207.68203125C85.8884765625 212.8095703125 73.1150390625 212.712890625 62.109375 207.9474609375V246.6796875H97.265625zM282.421875 53.3203125H17.578125V246.6796875H44.53125V194.1064453125C32.81015625 178.5697265625 32.8037109375 157.1806640625 44.53125 141.63515625V79.6875C44.53125 72.68671875 52.353515625 68.4849609375 58.191796875 72.3720703125L79.7115234375 86.70234375L101.1755859375 72.3767578125C106.9611328125 68.516015625 114.84375 72.636328125 114.84375 79.6875V142.444921875C125.7873046875 157.6587890625 125.785546875 178.0857421875 114.84375 193.297265625V246.6796875H282.421875zM167.578125 193.9453125H229.1015625C233.95546875 193.9453125 237.890625 197.88046875 237.890625 202.734375S233.95546875 211.5234375 229.1015625 211.5234375H167.578125C162.72421875 211.5234375 158.7890625 207.58828125 158.7890625 202.734375S162.72421875 193.9453125 167.578125 193.9453125zM141.2109375 158.7890625H255.46875C260.32265625 158.7890625 264.2578125 162.72421875 264.2578125 167.578125S260.32265625 176.3671875 255.46875 176.3671875H141.2109375C136.35703125 176.3671875 132.421875 172.43203125 132.421875 167.578125S136.35703125 158.7890625 141.2109375 158.7890625zM141.2109375 123.6328125H255.46875C260.32265625 123.6328125 264.2578125 127.56796875 264.2578125 132.421875S260.32265625 141.2109375 255.46875 141.2109375H141.2109375C136.35703125 141.2109375 132.421875 137.27578125 132.421875 132.421875S136.35703125 123.6328125 141.2109375 123.6328125zM141.2109375 88.4765625H255.46875C260.32265625 88.4765625 264.2578125 92.41171875 264.2578125 97.265625S260.32265625 106.0546875 255.46875 106.0546875H141.2109375C136.35703125 106.0546875 132.421875 102.11953125 132.421875 97.265625S136.35703125 88.4765625 141.2109375 88.4765625z" />
+    <glyph glyph-name="233-exchange"
+      unicode="&#xF1E9;"
+      horiz-adv-x="300" d="M273.6328125 73.07578125H232.6412109375C254.05078125 76.0640625 270.5859375 94.484765625 270.5859375 116.7041015625C270.5859375 141.0005859375 250.8193359375 160.7671875 226.5228515625 160.7671875S182.4603515625 141.0005859375 182.4603515625 116.7041015625C182.4603515625 94.484765625 198.994921875 76.0640625 220.4044921875 73.07578125H179.4134765625001C164.874609375 73.07578125 153.0462890625001 61.2474609375 153.0462890625001 46.70859375V8.7890625C153.0462890625001 3.93515625 156.9814453125001 0 161.8353515625001 0H291.2109375000001C296.06484375 0 300 3.93515625 300 8.7890625V46.70859375C300 61.2474609375 288.1716796875 73.07578125 273.6328125 73.07578125zM200.037890625 116.7041015625C200.037890625 131.3080078125 211.918359375 143.1890625 226.522265625 143.1890625S253.0072265625 131.3080078125 253.0072265625 116.7041015625S241.1261718750001 90.2197265625 226.522265625 90.2197265625S200.037890625 102.1001953125 200.037890625 116.7041015625zM282.421875 17.578125H170.623828125V46.70859375C170.623828125 51.5548828125 174.5666015625 55.49765625 179.412890625 55.49765625H273.6328125C278.4791015625001 55.49765625 282.421875 51.5548828125 282.421875 46.70859375zM120.587109375 212.30859375H79.5955078125C101.005078125 215.296875 117.540234375 233.717578125 117.540234375 255.9375C117.540234375 280.233984375 97.77421875 300 73.477734375 300S29.4140625 280.233984375 29.4140625 255.9375C29.4140625 233.717578125 45.94921875 215.296875 67.359375 212.30859375H26.3671875C11.8283203125 212.30859375 0 200.4802734375 0 185.94140625V148.021875C0 143.16796875 3.93515625 139.2328125 8.7890625 139.2328125H138.165234375C143.019140625 139.2328125 146.954296875 143.16796875 146.954296875 148.021875V185.94140625C146.954296875 200.4802734375 135.1259765625 212.30859375 120.587109375 212.30859375zM46.9921875 255.9375C46.9921875 270.54140625 58.8732421875 282.421875 73.4771484375 282.421875S99.9615234375 270.54140625 99.9615234375 255.9375S88.0810546875 229.4525390625 73.4771484375 229.4525390625S46.9921875 241.33359375 46.9921875 255.9375zM129.376171875 156.8109375H17.578125V185.94140625C17.578125 190.7876953125 21.5208984375 194.73046875 26.3671875 194.73046875H120.587109375C125.4333984375 194.73046875 129.376171875 190.7876953125 129.376171875 185.94140625zM123.6328125 53.90625H79.6875V93.6251953125L82.848046875 90.4646484375C86.2810546875 87.0322265625 91.8451171875 87.0322265625 95.2775390625 90.4646484375C98.7099609375 93.896484375 98.7099609375 99.46171875 95.2775390625 102.894140625L77.1146484375 121.05703125C73.897265625 124.2744140625 68.778515625 124.475390625 65.3291015625 121.641796875C64.6833984375 121.112109375 65.5916015625 121.944140625 47.105859375 103.4806640625C43.6734375 100.048828125 43.6734375 94.48359375 47.105859375 91.051171875C50.5376953125 87.6193359375 56.1029296875 87.6193359375 59.5353515625 91.051171875L62.1099609375 93.62578125V45.1171875C62.1099609375 40.26328125 66.0451171875 36.328125 70.8990234375 36.328125H123.6333984375C128.4873046875 36.328125 132.4224609375 40.26328125 132.4224609375 45.1171875S128.48671875 53.90625 123.6328125 53.90625zM173.4375 246.6796875H217.3828125V206.9607421875L214.222265625 210.1212890625C210.7904296875 213.553125 205.2251953125 213.553125 201.7927734375 210.1212890625S198.3603515625 201.12421875 201.7927734375 197.691796875L219.9556640625 179.52890625C223.358203125 176.1234375 228.93515625 176.0736328125 232.3880859375 179.52890625L249.9650390625 197.105859375C253.3974609375 200.5376953125 253.3974609375 206.1029296875 249.9650390625 209.5353515625C246.533203125 212.9671875 240.96796875 212.9671875 237.535546875 209.5353515625L234.9609375 206.9607421875V255.46875C234.9609375 260.32265625 231.02578125 264.2578125 226.171875 264.2578125H173.4375C168.58359375 264.2578125 164.6484375 260.32265625 164.6484375 255.46875S168.58359375 246.6796875 173.4375 246.6796875z" />
+    <glyph glyph-name="234-tech-support"
+      unicode="&#xF1EA;"
+      horiz-adv-x="300" d="M284.2341130079684 186.5169722570001C282.680809239086 217.330306682424 268.7350081321742 245.5384201350292 244.5619741876602 266.4615096591508C219.5739676819208 288.0895826263997 185.991013655032 300 150 300S80.4266173665797 288.0895826263997 55.4386108608403 266.4615096591508C31.2655769163263 245.5390051835297 17.3197758094146 217.330306682424 15.7664720405321 186.5169722570001C6.4952084527807 181.2913190503493 0.2164679451926 171.3566104630074 0.2164679451926 159.9774171278799V99.1107262792086C0.2164679451926 82.3215894597663 13.8761803353498 68.6618770696091 30.6653171547921 68.6618770696091C31.5376244690685 68.6618770696091 32.3994009103354 68.7075108526497 33.2529866725951 68.7794718182138V8.7751424593099C33.2529866725951 3.9286006809965 37.1821724020921 -0.0005850485005 42.0287141804055 -0.0005850485005H258.239238032833C263.0857798111463 -0.0005850485005 267.0149655406433 3.9286006809965 267.0149655406433 8.7751424593099V68.7589951206955C267.7813790763255 68.701075319144 268.5536430970128 68.6618770696091 269.3346828452079 68.6618770696091C286.1238196646502 68.6618770696091 299.7835320548073 82.3215894597663 299.7835320548073 99.1107262792086V159.9774171278799C299.7835320548073 171.3566104630074 293.5047915472193 181.2913190503493 284.2341130079684 186.5169722570001zM66.9248680715632 253.1902694733394C88.7231901524637 272.0574985666312 118.2271860337222 282.4485449843793 150.0005850485005 282.4485449843793S211.2768098475364 272.0574985666312 233.0751319284369 253.1902694733394C252.3343435170776 236.5210675965038 263.9311748943988 214.4553783508653 266.3503504440518 190.2782490668477C261.5289657512608 189.806699975428 257.0369633642629 188.2024969870003 253.1364450112914 185.7417829938102C241.3851608298328 231.7342007652435 199.6015819711454 265.8407732000983 149.9994149514995 265.8407732000983C100.3978329803541 265.8407732000983 58.6142541216667 231.7342007652435 46.8635549887086 185.7417829938102C42.9630366357371 188.2030820355008 38.4710342487392 189.8072850239285 33.6496495559482 190.2782490668477C36.0694101541018 214.4553783508653 47.666241531423 236.5210675965038 66.9248680715631 253.1902694733394zM150.0005850485005 17.5543802581234C116.1695704573909 17.5543802581234 86.6954120496589 36.555000409534 71.6813123807964 64.4430923323544H106.1564653709793V61.2668640230275C106.1564653709793 52.5566619472754 113.2425728092859 45.4705545089688 121.952774885038 45.4705545089688H178.0483952119631C186.7585972877152 45.4705545089688 193.8447047260218 52.5566619472754 193.8447047260218 61.2668640230275V85.1696055603009C193.8447047260218 93.879807636053 186.7585972877152 100.9659150743597 178.0483952119631 100.9659150743597H121.952774885038C113.2425728092859 100.9659150743597 106.1564653709793 93.879807636053 106.1564653709793 85.1696055603009V81.9939622994746H64.5349449469361C62.3094204509554 89.7634063863894 61.1159215098932 97.9646162666885 61.1159215098932 106.4390437967307V159.4034845488691C61.1159215098932 160.6859108620105 61.1492692744229 161.9601464961445 61.2036787849713 163.2297017422744H168.7203819196612C171.6274879187485 163.2297017422744 174.3450382036671 164.6689210535553 175.9790786656214 167.0734703906954L187.642605572002 184.2387933959725L199.1025356002013 167.1226144647391C200.7313106256509 164.6899827995741 203.4664123655851 163.2297017422744 206.3945801106912 163.2297017422744H238.7992464575314C238.8530709195793 161.9601464961445 238.8870037326095 160.6859108620105 238.8870037326095 159.4034845488691V106.4390437967307C238.8852485871079 57.4277757626107 199.0118530826206 17.5543802581234 150.0005850485006 17.5543802581234zM123.7073353380995 83.4144600587389H176.2926646619005V63.0220095245896H123.7073353380996zM63.7199723857108 180.7817418063958C73.3165229397517 219.5002515708552 108.3568327814376 248.288733135977 150.0005850485005 248.288733135977S226.6846471572494 219.5002515708552 236.2806126627898 180.7811567578952H211.0784784058598L194.9861343505377 204.8149491592853C193.3632098100933 207.2393901454431 190.6409791371705 208.6985011057417 187.7239273135743 208.70786188175H187.6940898400478C184.787568889461 208.70786188175 182.0694335560418 207.2686425704691 180.4353930940875 204.864093233329L164.0715865345237 180.7811567578952H63.7199723857108zM17.7679229608134 99.1107262792085V159.9774171278799C17.7679229608134 167.0886816517089 23.5540526309631 172.8748113218586 30.6653171547921 172.8748113218586C37.7771667271217 172.8748113218586 43.5632963972713 167.0886816517089 43.5632963972713 159.9774171278799V99.1107262792085C43.5632963972713 91.9994617553795 37.7771667271217 86.2133320852298 30.6653171547921 86.2133320852298C23.5540526309631 86.2133320852298 17.7679229608134 91.9994617553795 17.7679229608134 99.1107262792085zM50.8050267367165 67.8527549933889C58.8769408984005 47.1736306939845 73.2381264406819 29.6215906298633 91.5244023729567 17.5514550156208H50.8050267367165zM208.4761826755438 17.5514550156208C226.9689807285024 29.7579069304845 241.4442507283854 47.5726337713396 249.4635105250225 68.5571533880159V17.5514550156208zM282.2320770391865 99.1107262792085C282.2320770391865 91.9994617553795 276.4459473690369 86.2133320852298 269.3346828452078 86.2133320852298C262.2228332728783 86.2133320852298 256.4367036027287 91.9994617553795 256.4367036027287 99.1107262792085V159.9774171278799C256.4367036027287 167.0886816517089 262.2228332728783 172.8748113218586 269.3346828452078 172.8748113218586C276.4459473690369 172.8748113218586 282.2320770391865 167.0886816517089 282.2320770391865 159.9774171278799z" />
+    <glyph glyph-name="235-shipping"
+      unicode="&#xF1EB;"
+      horiz-adv-x="300" d="M276.7392012048996 144.4902905957428V281.1016673269036C276.7392012048996 285.9753921218706 272.7879776748419 289.9266156519284 267.9142528798748 289.9266156519284H31.4750606960335C26.6013359010664 289.9266156519284 22.6501123710087 285.9753921218706 22.6501123710087 281.1016673269036V133.5997160327739C18.3929572990167 132.9796163304689 14.231111668935 131.3269976741359 10.5493432277346 128.5936170129315C-1.057228809338 120.3634702050134 -3.802376068309 101.9452147207983 5.9197753364266 90.5863295667147L45.6691075820034 42.3979934028608C70.2742401719492 13.6010103585282 96.4119721210077 10.0727960181833 135.2688079259803 10.0727960181833C168.6135810071423 10.0727960181833 183.5212720476625 9.9257135460995 212.5818268819693 16.5473664393098L240.8793178511055 23.3155134747155C245.46770265023 16.9080126608592 252.7518149977055 12.7573452986559 260.9407787134402 12.7573452986559H274.8806670876494C288.7311293188316 12.7573452986559 299.9994116701116 24.6280774555909 299.9994116701116 39.219247016187V118.1078134131371C300 132.0400534987979 289.7242301703411 143.4842464866901 276.7392012048996 144.4902905957429zM237.0728234735781 126.3367835612785L225.314462325315 132.3089202577669C205.981353864739 142.0675481155794 183.6289364172278 142.4287826670171 163.990484744606 133.2984911299464C158.6325644515392 131.1910934699305 146.9465678795414 124.1205448719206 140.8850050400261 124.3570534870312H100.083150624218C86.54920987296 124.3570534870312 75.5380276828824 113.346459626842 75.5380276828824 99.8119305456956V93.3761898971991C75.4621331272872 93.4562027620127 75.3827085923619 93.5320973176079 75.3079906965434 93.6132868421982L46.1709529767531 125.2401366494221C44.4077283014132 127.1539737761758 42.4268215673893 128.7554077322236 40.3005973509466 130.0403202083472V217.5949858604717H112.5198561337313V185.2450786204841C112.5198561337313 180.3713538255171 116.4710796637891 176.4201302954593 121.3448044587561 176.4201302954593H177.030816719551C181.904541514518 176.4201302954593 185.8557650445758 180.371353825517 185.8557650445758 185.2450786204841V217.5949858604717H259.0898928847384V144.4908789256311C248.7788232617793 143.6942802568256 240.1809702736518 136.3178001168815 237.0728234735781 126.3367835612785zM130.1691644538926 217.5949858604717H168.2052800646378V194.0700269455089H130.1691644538926zM259.08930455485 235.2448825105213H185.8557650445758V272.2767190018788H259.0898928847384V235.2448825105213zM168.2058683945262 272.2767190018788V235.244294180633H130.1697527837809V272.2767190018788zM112.519267803843 272.2767190018788V235.244294180633H40.3000090210583V272.2767190018788zM208.4858741993811 33.7160092407015C181.6403813946556 27.5673735777125 165.4724877333218 27.8162371204782 135.5853294059045 27.8162371204782C99.1088763291353 27.8162371204782 81.4842778642841 28.4057436685898 59.2854145176283 53.6297993010641L19.5360822720516 101.8181354649179C12.6220294243388 110.8213477461082 25.1452194274374 121.4495271788797 33.19004232053 113.2823316690135L62.3270800403202 81.6548935319012C70.0277299487369 73.5294694441067 79.7181115395024 69.0575739628725 91.661796602591 68.7945905027867H172.4441969100914C177.3179217050585 68.7945905027867 181.2691452351162 72.7458140328445 181.2691452351162 77.6195388278115S177.3179217050585 86.4444871528363 172.4441969100914 86.4444871528363H93.1873360030436V99.8131072054722C93.1873360030436 103.6148949438929 96.2801862260207 106.7083334967583 100.0825622943297 106.7083334967583H140.8844167101377C150.0764828854835 106.0499923517114 163.3439101973258 113.7253440749296 171.4310928423786 117.2947415074581C186.1393400507532 124.1334881294639 202.8808553532136 123.8628563808299 217.3414156785993 116.564035786146L235.8232107907546 107.176644087873V40.2552959495448zM282.3501033499504 39.2198353460753C282.3501033499504 34.3608187983166 278.9995646358826 30.4078302785939 274.8812554175377 30.4078302785939H260.9413670433286C256.8230578249837 30.4078302785939 253.4731074408042 34.3608187983166 253.4731074408042 39.2198353460753V118.1078134131371C253.4731074408042 122.9668299608957 256.823646154872 126.9204068105068 260.9413670433286 126.9204068105068H274.8812554175377C278.9995646358826 126.9204068105068 282.3501033499504 122.967418290784 282.3501033499504 118.1078134131371z" />
+    <glyph glyph-name="236-ab-testing"
+      unicode="&#xF1EC;"
+      horiz-adv-x="300" d="M291.2109375 300H8.7890625C3.93515625 300 0 296.06484375 0 291.2109375V8.7890625C0 3.93515625 3.93515625 0 8.7890625 0H291.2109375C296.06484375 0 300 3.93515625 300 8.7890625V291.2109375C300 296.06484375 296.06484375 300 291.2109375 300zM282.421875 264.2578125H264.2578125V282.421875H282.421875zM229.1015625 264.2578125V282.421875H246.6796875V264.2578125zM193.9453125 264.2578125V282.421875H211.5234375V264.2578125zM176.3671875 282.421875V264.2578125H17.578125V282.421875zM17.578125 246.6796875H141.2109375V17.578125H17.578125zM158.7890625 17.578125V246.6796875H282.421875V17.578125zM44.560546875 106.0546875H114.814453125C119.668359375 106.0546875 123.603515625 109.98984375 123.603515625 114.84375S119.668359375 123.6328125 114.814453125 123.6328125H44.560546875C39.706640625 123.6328125 35.771484375 119.69765625 35.771484375 114.84375S39.706640625 106.0546875 44.560546875 106.0546875zM114.814453125 88.4765625H44.560546875C39.706640625 88.4765625 35.771484375 84.54140625 35.771484375 79.6875S39.706640625 70.8984375 44.560546875 70.8984375H114.814453125C119.668359375 70.8984375 123.603515625 74.83359375 123.603515625 79.6875S119.668359375 88.4765625 114.814453125 88.4765625zM114.814453125 53.3203125H44.560546875C39.706640625 53.3203125 35.771484375 49.38515625 35.771484375 44.53125S39.706640625 35.7421875 44.560546875 35.7421875H114.814453125C119.668359375 35.7421875 123.603515625 39.67734375 123.603515625 44.53125S119.668359375 53.3203125 114.814453125 53.3203125zM255.46875 123.6328125H185.21484375C180.3609375 123.6328125 176.42578125 119.69765625 176.42578125 114.84375S180.3609375 106.0546875 185.21484375 106.0546875H255.46875C260.32265625 106.0546875 264.2578125 109.98984375 264.2578125 114.84375S260.32265625 123.6328125 255.46875 123.6328125zM255.46875 88.4765625H185.21484375C180.3609375 88.4765625 176.42578125 84.54140625 176.42578125 79.6875S180.3609375 70.8984375 185.21484375 70.8984375H255.46875C260.32265625 70.8984375 264.2578125 74.83359375 264.2578125 79.6875S260.32265625 88.4765625 255.46875 88.4765625zM255.46875 53.3203125H185.21484375C180.3609375 53.3203125 176.42578125 49.38515625 176.42578125 44.53125S180.3609375 35.7421875 185.21484375 35.7421875H255.46875C260.32265625 35.7421875 264.2578125 39.67734375 264.2578125 44.53125S260.32265625 53.3203125 255.46875 53.3203125zM48.929296875 141.8484375C53.4556640625 140.1234375 58.5404296875 142.38984375 60.270703125 146.9337890625L64.660546875 158.4591796875H94.754296875L99.0943359375 146.958984375C100.808203125 142.4185546875 105.8765625 140.124609375 110.4205078125 141.8390625C114.962109375 143.5529296875 117.254296875 148.6236328125 115.5404296875 153.165234375C88.838671875 223.9171875 89.5072265625 222.1611328125 89.403515625 222.41484375C85.82578125 231.113671875 73.4349609375 230.9220703125 70.126171875 222.1974609375L43.8439453125 153.18984375C42.1166015625 148.653515625 44.39296875 143.57578125 48.929296875 141.8484375zM79.7765625 198.1482421875L88.1208984375 176.0373046875H71.35546875zM198.9931640625 141.2255859375C199.1806640625 141.2267578125 217.777734375 141.309375 222.8654296875 141.309375C248.891015625 141.309375 260.438671875 174.1095703125 240.2291015625001 190.4619140625C250.8492187500001 206.851171875 239.1181640625001 228.8841796875 219.3099609375 228.8841796875H198.9539062500001C194.1000000000001 228.8841796875 190.1648437500001 224.9490234375 190.1648437500001 220.0951171875V150.0146484375C190.1654296875 145.250390625 194.000390625 141.2255859375 198.9931640625 141.2255859375zM222.8654296875 158.8875C220.0921875 158.8875 213.3644531250001 158.8634765625 207.74296875 158.8412109375V179.0203125C215.455078125 179.05078125 212.4158203125 179.028515625 222.8654296875 179.0361328125C228.420703125 179.0361328125 232.9400390625001 174.516796875 232.9400390625001 168.9615234375C232.940625 163.4068359375 228.4212890625 158.8875 222.8654296875 158.8875zM219.310546875 211.306640625C223.355859375 211.306640625 226.6470703125001 208.0154296875 226.6470703125001 203.9701171875S223.355859375 196.63359375 219.310546875 196.63359375C219.251953125 196.63359375 219.1177734375 196.6359375 207.7435546875 196.61484375V211.306640625z" />
+    <glyph glyph-name="237-download"
+      unicode="&#xF1ED;"
+      horiz-adv-x="300" d="M69.7273258164503 108.3995601588272C74.58120362576 108.3995601588272 78.516336818339 112.3346933514062 78.516336818339 117.1885711607159S74.58120362576 125.9775821626045 69.7273258164503 125.9775821626045C40.9726114886046 125.9775821626045 17.5791938719109 149.3709997792982 17.5791938719109 178.1257141071439C17.5791938719109 212.3682869045689 50.0299802930842 237.3038829850606 83.1217785833286 228.5359656095765C88.0946010081972 227.2193717614936 93.1371495870141 230.4396653925856 94.0289412366724 235.509166938475C98.8095772876331 262.692406099183 122.3488924869581 282.4219779962227 150.0002929670334 282.4219779962227C175.1034661906278 282.4219779962227 196.8158389696935 266.1593779723947 204.1816161233431 242.8216240920464C195.5953383085646 239.3605115595026 187.7127673080041 234.1726513321211 180.9692521332883 227.4291361574054C177.5368503700174 223.9967343941344 177.5368503700174 218.4321185618053 180.9692521332883 214.9997167985344C184.4010679624924 211.5673150352635 189.9662697288883 211.5673150352635 193.3986714921593 214.9997167985344C208.0388200850386 229.6404513254805 229.2965080282733 233.7876926502384 247.6602676156195 227.3131212121804C267.8925709419672 220.1020306521642 282.4213920621559 200.953119415316 282.4213920621559 178.1251281730771C282.4213920621559 149.3704138452314 259.0279744454623 125.9769962285378 230.2732601176166 125.9769962285378C225.4193823083069 125.9769962285378 221.4842491157279 122.0418630359588 221.4842491157279 117.1879852266491S225.4193823083069 108.3989742247604 230.2732601176166 108.3989742247604C268.7204957783451 108.3989742247604 299.9994140659333 139.6778925123486 299.9994140659333 178.1251281730772C299.9994140659333 220.8274170268534 262.2699476370256 252.7391441065776 221.2065163680682 247.2788245381375C211.8251260246523 278.3034474407377 183.1717782903616 300 150.0002929670335 300C116.8282217096385 300 88.1748739753479 278.3040333748045 78.7934836319319 247.2794104722043C37.8284892861957 252.7268394911749 0.0011718681337 220.9106196643379 0.0011718681337 178.125714107144C0.0011718681337 139.6784784464154 31.2800901557218 108.3995601588272 69.7273258164504 108.3995601588272zM194.5312820432693 164.6492305709147C191.6180178631766 168.5322156315491 186.1102376353264 169.3191250832515 182.2266666406252 166.4070327712924L158.7893039689221 148.829010767515V196.8756042445064C158.7893039689221 201.7294820538161 154.8541707763431 205.6646152463951 150.0002929670334 205.6646152463951S141.2112819651447 201.7294820538161 141.2112819651447 196.8756042445064V148.829010767515L117.7739192934416 166.4070327712924C113.891520166874 169.3197110173183 108.3819821368234 168.532215631549 105.4693038907975 164.6492305709146S103.3441210305408 155.2572934142964 107.2271060911753 152.3446151682705L144.7268863659002 124.2197799622268C147.651283293262 122.0278006183558 151.6912986837968 121.8654968818542 154.7944055015303 123.8898990826226C155.2613949527639 124.1951707314215 153.2563285761997 122.7063122677016 192.7734798428915 152.3446151682705C196.656464903526 155.2572934142964 197.4433743552284 160.7662455102802 194.5312820432693 164.6492305709146zM182.2266666406252 119.5323074278862L150.0002929670334 95.3625271726924L117.7739192934416 119.5323074278862C113.891520166874 122.4449856739121 108.3819821368234 121.6574902881429 105.4693038907975 117.7745052275084S103.3441210305408 108.3825680708902 107.2271060911753 105.4698898248643L144.7268863659002 77.3450546188206C147.851672744105 75.0013183516503 152.148327255895 75.0013183516503 155.2736995681666 77.3450546188206L192.7734798428916 105.4698898248643C196.656464903526 108.3825680708902 197.4439602892952 113.891520166874 194.5312820432693 117.7745052275084C191.6180178631766 121.6574902881429 186.1102376353264 122.4443997398453 182.2266666406252 119.5323074278862zM276.5620513942301 36.9156040101328H176.0925228953737C172.4152006921835 47.8022589711389 162.1121360617028 55.6654941474953 150.0002929670334 55.6654941474953S127.5853852418834 47.8022589711389 123.9080630386931 36.9156040101328H23.4385345398367C18.584656730527 36.9156040101328 14.649523537948 32.9804708175538 14.649523537948 28.1265930082441S18.584656730527 19.3375820063554 23.4385345398367 19.3375820063554H123.8705632584184C125.1848133702342 15.333308593895 127.3902691976414 11.6302052917659 130.3972828284209 8.4931142981584C145.1675087841282 -6.9134360540857 169.71580244647 -0.2074206596445 176.1300226756484 19.3375820063554H276.5620513942301C281.4159292035398 19.3375820063554 285.3510623961188 23.2727151989344 285.3510623961188 28.1265930082441S281.4159292035398 36.9156040101328 276.5620513942301 36.9156040101328zM150.0002929670334 17.5797798059777C144.6940740581598 17.5797798059777 140.0394138315596 22.5080712417701 140.0394138315596 28.1265930082441C140.0394138315596 33.6191389503578 144.5077470249198 38.0874721437179 150.0002929670334 38.0874721437179S159.9611721025072 33.6191389503578 159.9611721025072 28.1265930082441C159.9611721025072 22.5080712417701 155.3059259418402 17.5797798059777 150.0002929670334 17.5797798059777z" />
+    <glyph glyph-name="238-media"
+      unicode="&#xF1EE;"
+      horiz-adv-x="300" d="M291.2109375 246.6796875H264.8291015625V291.2109375C264.8291015625 296.06484375 260.8939453125 300 256.0400390625 300H43.9306640625C39.0767578125 300 35.1416015625 296.06484375 35.1416015625 291.2109375V246.6796875H8.7890625C3.93515625 246.6796875 0 242.74453125 0 237.890625V80.2734375C0 75.41953125 3.93515625 71.484375 8.7890625 71.484375H106.0400390625V17.578125H79.6728515625C74.8189453125 17.578125 70.8837890625 13.64296875 70.8837890625 8.7890625S74.8189453125 0 79.6728515625 0H220.2978515625C225.1517578125 0 229.0869140625 3.93515625 229.0869140625 8.7890625S225.1517578125 17.578125 220.2978515625 17.578125H193.9306640625V71.484375H291.2109375C296.06484375 71.484375 300 75.41953125 300 80.2734375V237.890625C300 242.74453125 296.06484375 246.6796875 291.2109375 246.6796875zM185.1416015625 89.0625H114.8291015625H52.7197265625V246.6796875H247.2509765625V89.0625zM193.9306640625 264.2578125V282.421875H211.5087890625V264.2578125zM176.3525390625 264.2578125H158.7744140625V282.421875H176.3525390625zM247.2509765625 264.2578125H229.0869140625V282.421875H247.2509765625zM141.1962890625 282.421875V264.2578125H52.7197265625V282.421875zM17.578125 229.1015625H35.1416015625V89.0625H17.578125zM176.3525390625 17.578125H123.6181640625V71.484375H176.3525390625zM282.421875 89.0625H264.8291015625V229.1015625H282.421875zM226.5123046875 175.550390625L208.9341796875 193.128515625C205.50234375 196.5609375 199.937109375 196.5609375 196.5046875 193.128515625S193.072265625 184.1314453125 196.5046875 180.6990234375L199.079296875 178.1244140625H100.89140625L103.466015625 180.6990234375C106.8984375 184.1314453125 106.8984375 189.69609375 103.466015625 193.128515625C100.0341796875 196.5609375 94.4689453125 196.5609375 91.0365234375 193.128515625L73.4583984375 175.550390625C70.0259765625 172.11796875 70.0259765625 166.5533203125 73.4583984375 163.1208984375L91.0365234375 145.5427734375C94.468359375 142.1103515625 100.03359375 142.109765625 103.466015625 145.5427734375C106.8984375 148.9751953125 106.8984375 154.53984375 103.466015625 157.972265625L100.89140625 160.546875H199.079296875L196.5046875 157.972265625C193.072265625 154.53984375 193.072265625 148.9751953125 196.5046875 145.5427734375C199.9365234375 142.1103515625 205.5017578125 142.109765625 208.9341796875 145.5427734375L226.5123046875 163.1208984375C229.9447265625 166.5533203125 229.9447265625 172.1185546875 226.5123046875 175.550390625z" />
+    <glyph glyph-name="239-click-2"
+      unicode="&#xF1EF;"
+      horiz-adv-x="300" d="M0.0076164288323 83.995148920713C0.1622885220417 80.3421924769213 2.5626353624932 77.1667275329997 6.0351410308739 76.0213338124523L58.6599772288307 58.6605631079717L76.0207479333113 6.0357269100148C77.1661416538587 2.5632212416342 80.3416065977803 0.1634602803236 83.994563041572 0.0082023079732C87.7078650368811 -0.1447121478134 91.0362444365893 2.0271418276695 92.4499708036895 5.3397024905723L148.6943683344042 137.1625092031849C151.7954266274258 144.4315117048888 144.4309258257478 151.7948407482849 137.1619233240439 148.6949542135452L5.3391166114313 92.4505566828304C1.9767562215482 91.0151527875154 -0.1464697852362 87.6481053645047 0.0076164288323 83.995148920713zM33.648796701891 85.4194211123502L123.9456616626078 123.9462475417488L85.4188352332092 33.649382581032L73.9637262694536 68.3720957482751C73.0913522285866 71.0173400696415 71.0161683113596 73.0919381077276 68.3715098691341 73.9643121485946zM149.9850600819059 74.407236779149C191.6592292564608 74.407236779149 225.5634692638038 108.311476786492 225.5634692638038 149.9856459610469S191.6592292564608 225.5640551429448 149.9850600819059 225.5640551429448S74.406650900008 191.6598151356017 74.406650900008 149.9856459610469C74.406650900008 145.1322231574589 70.4718865894218 141.1974588468727 65.6184637858338 141.1974588468727S56.8302766716597 145.1322231574589 56.8302766716597 149.9856459610469C56.8302766716597 201.351427885113 98.6192781578397 243.1404293712931 149.9850600819059 243.1404293712931S243.1398434921521 201.351427885113 243.1398434921521 149.9856459610469S201.350842005972 56.8308625508006 149.9850600819059 56.8308625508006C145.131637278318 56.8308625508006 141.1968729677317 60.7656268613869 141.1968729677317 65.6190496649748S145.131637278318 74.407236779149 149.9850600819059 74.407236779149zM149.9850600819059 17.5769601074893C222.9955609890421 17.5769601074893 282.3937459354634 76.9751450539107 282.3937459354634 149.9856459610469S222.9955609890421 282.3943318146044 149.9850600819059 282.3943318146044S17.5763742283483 222.9961468681831 17.5763742283483 149.9856459610469C17.5763742283483 145.1322231574589 13.6416099177621 141.1974588468727 8.7881871141742 141.1974588468727S0 145.1322231574589 0 149.9856459610469C0 189.8916318882299 15.6441448215119 227.5132750448686 44.0510808493685 255.9196251935843C102.8147586861465 314.6838889095032 197.1354415868732 314.7038088002953 255.9190393144433 255.9196251935843C314.6833030303622 197.1559473568063 314.7032229211544 102.8352644560796 255.9190393144433 44.0516667285095C227.5126891657277 15.6447307006529 189.891046009089 0.0005858791409 149.9850600819059 0.0005858791409C145.131637278318 0.0005858791409 141.1968729677317 3.9353501897272 141.1968729677317 8.7887729933151S145.131637278318 17.5769601074893 149.9850600819059 17.5769601074893z" />
+    <glyph glyph-name="240-wallet"
+      unicode="&#xF1F0;"
+      horiz-adv-x="300" d="M291.2109375 144.7265625H284.765625V171.09375C284.765625 187.264453125 272.41171875 200.419921875 257.2265625 200.419921875H247.265625V211.552734375C247.265625 226.0916015625 235.4373046875 237.919921875 220.8984375 237.919921875H210.3515625V291.2109375C210.3515625 296.06484375 206.41640625 300 201.5625 300H60.9375C56.08359375 300 52.1484375 296.06484375 52.1484375 291.2109375V237.919921875H27.5390625C20.1814453125 237.919921875 13.2650390625 235.055859375 8.06484375 229.855078125C2.8640625 224.6548828125 0 217.7384765625 0 210.380859375V30.0703125C0 13.489453125 11.8283203125 0 26.3671875 0H258.3984375C272.9373046875 0 284.765625 13.489453125 284.765625 30.0703125V52.1484375H291.2109375C296.06484375 52.1484375 300 56.08359375 300 60.9375V135.9375C300 140.79140625 296.06484375 144.7265625 291.2109375 144.7265625zM282.421875 69.7265625H224.4140625C211.1068359375 69.7265625 200.390625 85.433203125 200.390625 98.4375S211.1068359375 127.1484375 224.4140625 127.1484375H282.421875zM220.8984375 220.341796875C225.7447265625 220.341796875 229.6875 216.3990234375 229.6875 211.552734375V200.419921875H210.3515625V220.341796875zM69.7265625 282.421875H192.7734375V200.419921875H69.7265625zM20.4943359375 217.4255859375C22.374609375 219.305859375 24.8765625 220.341796875 27.5390625 220.341796875H52.1484375V200.419921875H27.5390625C22.046484375 200.419921875 17.578125 204.88828125 17.578125 210.380859375C17.578125 213.043359375 18.6140625 215.5453125 20.4943359375 217.4255859375zM267.1875 30.0703125000001C267.1875 23.2986328125 263.1626953125 17.5781250000001 258.3984375 17.5781250000001H26.3671875C21.6029296875 17.5781250000001 17.578125 23.29921875 17.578125 30.0703125000001V184.7050781250001C20.668359375 183.5015625 24.028125 182.8412109375 27.5390625 182.8412109375H257.2265625C262.037109375 182.8412109375 267.1875 178.1203125000001 267.1875 171.0931640625V144.7259765625H224.4140625C213.2396484375 144.7259765625 202.6037109375 139.3599609375 194.4662109375 129.6164062500001C187.060546875 120.7494140625001 182.8125 109.38515625 182.8125 98.4375S187.060546875 76.1255859375 194.4662109375 67.2580078125C202.6037109375 57.514453125 213.2396484375 52.1484375 224.4140625 52.1484375H267.1875zM220.8984375 98.4392578125A8.7890625 8.7890625 0 0 1 238.4765625 98.4392578125A8.7890625 8.7890625 0 0 1 220.8984375 98.4392578125" />
+    <glyph glyph-name="241-radar"
+      unicode="&#xF1F1;"
+      horiz-adv-x="300" d="M139.375 212.5C139.375 217.677625 143.5725 221.875 148.75 221.875C188.96 221.875 221.875 189.86925 221.875 150C221.875 110.13125 188.96 78.125 148.75 78.125C130.0825 78.125 113.006375 85.01375 100.06675 96.3675C96.175 99.7825 95.788375 105.70625 99.203375 109.5975C102.618375 113.4900000000001 108.541625 113.87625 112.4335 110.46125C122.051375 102.02125 134.7625 96.875 148.75 96.875C178.95625 96.875 203.125 120.83375 203.125 150C203.125 179.16575 178.95625 203.125 148.75 203.125C143.5725 203.125 139.375 207.322375 139.375 212.5zM140.625 275C140.625 280.177625 144.8225 284.375 150 284.375C224.21375 284.375 284.375 224.21325 284.375 150C284.375 75.78625 224.21375 15.6250000000001 150 15.6250000000001C113.6255 15.6250000000001 80.61025 30.09 56.424625 53.56125C31.272625 77.9712500000001 15.625 112.1662500000001 15.625 150C15.625 186.0582500000001 29.84 218.816375 52.95225 242.9433750000001C56.534 246.68225 62.4685 246.8097500000001 66.2075 243.2281250000001C69.946375 239.6463750000001 70.073875 233.711875 66.49225 229.9728750000001C46.589125 209.1961250000001 34.375 181.0342500000001 34.375 150C34.375 117.4425000000001 47.819 88.0412500000001 69.482875 67.0175C90.310875 46.80375 118.6945 34.3750000000001 150 34.3750000000001C213.8575 34.3750000000001 265.625 86.1425 265.625 150C265.625 213.858 213.8575 265.625 150 265.625C144.8225 265.625 140.625 269.822375 140.625 275zM52.95225 242.943375C56.534 246.68225 62.4685 246.80975 66.2075 243.228125L156.485 156.77C158.28875 155.04375 159.32875 152.66875 159.37375 150.17125C159.42 147.675 158.4675 145.26375 156.72875 143.47125L69.68275 53.76C66.077125 50.045 60.140625 49.95625 56.424625 53.56125C52.70875 57.1675 52.6205 63.10125 56.226125 66.8175L136.70125 149.75625L53.238625 229.687C49.499125 233.26825 49.371125 239.2040000000001 52.95225 242.9433750000001z" />
+    <glyph glyph-name="242-layout-1"
+      unicode="&#xF1F2;"
+      horiz-adv-x="300" d="M56.25 253.125C51.072375 253.125 46.875 248.927625 46.875 243.75V56.25C46.875 51.0725 51.072375 46.875 56.25 46.875H243.75C248.9275 46.875 253.125 51.0725 253.125 56.25V243.75C253.125 248.927625 248.9275 253.125 243.75 253.125zM28.125 243.75C28.125 259.283 40.717 271.875 56.25 271.875H243.75C259.2825000000001 271.875 271.875 259.283 271.875 243.75V56.25C271.875 40.7175 259.2825000000001 28.125 243.75 28.125H56.25C40.717 28.125 28.125 40.7175 28.125 56.25zM28.125 212.5C28.125 217.677625 32.322375 221.875 37.5 221.875H250C255.1775 221.875 259.375 217.677625 259.375 212.5S255.1775 203.125 250 203.125H37.5C32.322375 203.125 28.125 207.322375 28.125 212.5zM178.125 162.5C178.125 167.6775 182.3225 171.875 187.5 171.875H262.5C267.6775 171.875 271.875 167.6775 271.875 162.5S267.6775 153.125 262.5 153.125H187.5C182.3225 153.125 178.125 157.3225 178.125 162.5zM178.125 112.5C178.125 117.6775 182.3225 121.875 187.5 121.875H262.5C267.6775 121.875 271.875 117.6775 271.875 112.5S267.6775 103.125 262.5 103.125H187.5C182.3225 103.125 178.125 107.3225 178.125 112.5zM134.375 162.5C134.375 167.6775 138.5725 171.875 143.75 171.875H150C155.1775 171.875 159.375 167.6775 159.375 162.5S155.1775 153.125 150 153.125H143.75C138.5725 153.125 134.375 157.3225 134.375 162.5zM134.375 112.5C134.375 117.6775 138.5725 121.875 143.75 121.875H150C155.1775 121.875 159.375 117.6775 159.375 112.5S155.1775 103.125 150 103.125H143.75C138.5725 103.125 134.375 107.3225 134.375 112.5zM87.5 271.875C92.677625 271.875 96.875 267.677625 96.875 262.5V37.5C96.875 32.3225 92.677625 28.125 87.5 28.125S78.125 32.3225 78.125 37.5V262.5C78.125 267.677625 82.322375 271.875 87.5 271.875z" />
+    <glyph glyph-name="243-database-management"
+      unicode="&#xF1F3;"
+      horiz-adv-x="300" d="M62.5 115.625C53.8705 115.625 46.875 108.63 46.875 100V62.5C46.875 53.87 53.8705 46.875 62.5 46.875H237.5C246.13 46.875 253.125 53.87 253.125 62.5V100C253.125 108.63 246.13 115.625 237.5 115.625zM28.125 100C28.125 118.985 43.51525 134.375 62.5 134.375H237.5C256.485 134.375 271.875 118.985 271.875 100V62.5C271.875 43.515 256.485 28.125 237.5 28.125H62.5C43.51525 28.125 28.125 43.515 28.125 62.5zM28.125 231.25C28.125 250.23475 43.51525 265.625 62.5 265.625H125C130.1775 265.625 134.375 261.427625 134.375 256.25S130.1775 246.875 125 246.875H62.5C53.8705 246.875 46.875 239.8795 46.875 231.25V193.75C46.875 185.12075 53.870625 178.125 62.5 178.125H125C130.1775 178.125 134.375 173.9275 134.375 168.75S130.1775 159.375 125 159.375H62.5C43.515125 159.375 28.125 174.765 28.125 193.75zM212.5 253.125C190.06375 253.125 171.875 234.936625 171.875 212.5S190.06375 171.875 212.5 171.875S253.125 190.063375 253.125 212.5S234.93625 253.125 212.5 253.125zM153.125 212.5C153.125 245.291875 179.7075 271.875 212.5 271.875S271.875 245.291875 271.875 212.5S245.2925 153.125 212.5 153.125S153.125 179.708125 153.125 212.5zM212.5 193.75C222.855 193.75 231.25 202.144625 231.25 212.5S222.855 231.25 212.5 231.25S193.75 222.855375 193.75 212.5S202.145 193.75 212.5 193.75z" />
+    <glyph glyph-name="244-login"
+      unicode="&#xF1F4;"
+      horiz-adv-x="300" d="M140.625 150C140.625 155.1775 144.8225 159.375 150 159.375H250C255.1775 159.375 259.375 155.1775 259.375 150S255.1775 140.625 250 140.625H150C144.8225 140.625 140.625 144.8225 140.625 150zM205.87125 194.129125C209.5325 197.79025 215.4675 197.79025 219.12875 194.129125L256.62875 156.62875C260.29 152.9675 260.29 147.0325 256.62875 143.37125L219.12875 105.87125C215.4675 102.21 209.5325 102.21 205.87125 105.87125S202.21 115.4675 205.87125 119.12875L236.74125 150L205.87125 180.870875C202.21 184.532 202.21 190.468 205.87125 194.129125zM125 165.625C116.3705 165.625 109.375 158.63 109.375 150S116.3705 134.375 125 134.375C133.63 134.375 140.625 141.37 140.625 150S133.63 165.625 125 165.625zM90.625 150C90.625 168.985 106.01525 184.375 125 184.375C143.985 184.375 159.375 168.985 159.375 150S143.985 115.625 125 115.625C106.01525 115.625 90.625 131.015 90.625 150zM15.625 150C15.625 224.21325 75.78675 284.375 150 284.375C186.62 284.375 219.835 269.714 244.0625 245.962625C250.8675 239.291625 256.9675 231.901125 262.2375 223.91325C265.08875 219.5915 263.8975 213.7765 259.57625 210.924875C255.25375 208.073375 249.43875 209.265125 246.5875 213.58675C242.05 220.462625 236.79875 226.827125 230.9375 232.57325C210.07125 253.028 181.51625 265.625 150 265.625C86.142 265.625 34.375 213.858 34.375 150C34.375 86.1425 86.142 34.3750000000001 150 34.3750000000001C181.51625 34.3750000000001 210.07125 46.97125 230.9375 67.42625C236.79875 73.1725 242.05 79.5375000000001 246.5875 86.41375C249.43875 90.735 255.25375 91.92625 259.57625 89.0750000000001C263.8975 86.2237500000001 265.08875 80.4087500000001 262.2375 76.0862500000001C256.9675 68.0987500000001 250.8675 60.7087500000001 244.0625 54.0375000000001C219.835 30.2862500000001 186.62 15.6250000000001 150 15.6250000000001C75.78675 15.6250000000001 15.625 75.7862500000001 15.625 150z" />
+    <glyph glyph-name="245-right-arrow-2"
+      unicode="&#xF1F5;"
+      horiz-adv-x="300" d="M34.375 253.125V46.875H121.875V81.29375C121.875 86.4725 126.0725 90.66875 131.25 90.66875S140.625 86.4725 140.625 81.29375V43.92875C140.625 35.97 134.5225 28.125 125.3475 28.125H30.90275C21.727875 28.125 15.625 35.97 15.625 43.92875V256.071375C15.625 264.03025 21.728 271.875 30.90275 271.875H125.3475C134.5225 271.875 140.625 264.02975 140.625 256.071375V218.705625C140.625 213.528 136.4275 209.330625 131.25 209.330625S121.875 213.528 121.875 218.705625V253.125zM178.125 253.125V218.705625C178.125 213.528 173.9275 209.330625 168.75 209.330625S159.375 213.528 159.375 218.705625V256.071375C159.375 264.02975 165.4775 271.875 174.6525 271.875H269.0975C278.2725 271.875 284.375 264.02975 284.375 256.071375V43.92875C284.375 35.97 278.2725 28.125 269.0975 28.125H174.6525C165.4775 28.125 159.375 35.97 159.375 43.92875V81.29375C159.375 86.4724999999999 163.5725 90.66875 168.75 90.66875S178.125 86.4724999999999 178.125 81.29375V46.875H265.625V253.125zM78.125 62.5C85.02875 62.5 90.625 68.09625 90.625 75S85.02875 87.5 78.125 87.5S65.625 81.90375 65.625 75S71.22125 62.5 78.125 62.5zM221.875 62.5C228.77875 62.5 234.375 68.09625 234.375 75S228.77875 87.5 221.875 87.5S209.375 81.90375 209.375 75S214.97125 62.5 221.875 62.5zM90.625 153.125C90.625 158.3025 94.822375 162.5 100 162.5H200C205.1775 162.5 209.375 158.3025 209.375 153.125S205.1775 143.75 200 143.75H100C94.822375 143.75 90.625 147.9475 90.625 153.125zM163.5125 189.585C167.17375 193.24625 173.11 193.24625 176.77125 189.585L206.6025 159.75375C210.26375 156.0925 210.26375 150.15625 206.6025 146.495L176.77 116.665C173.10875 113.00375 167.17375 113.00375 163.5125 116.665S159.85125 126.2625 163.5125 129.92375L186.715 153.125L173.45625 166.3825L163.5125 176.32675C159.85125 179.988 159.85125 185.923875 163.5125 189.585z" />
+  </font>
+</defs>
+</svg>
diff --git a/public/fonts/flaticon.ttf b/public/fonts/flaticon.ttf
new file mode 100644
index 0000000..8eb56aa
Binary files /dev/null and b/public/fonts/flaticon.ttf differ
diff --git a/public/fonts/flaticon.woff b/public/fonts/flaticon.woff
new file mode 100644
index 0000000..387e366
Binary files /dev/null and b/public/fonts/flaticon.woff differ
diff --git a/public/fonts/flaticon.woff2 b/public/fonts/flaticon.woff2
new file mode 100644
index 0000000..304ea75
Binary files /dev/null and b/public/fonts/flaticon.woff2 differ
diff --git a/public/images/.DS_Store b/public/images/.DS_Store
new file mode 100644
index 0000000..8944aa8
Binary files /dev/null and b/public/images/.DS_Store differ
diff --git a/public/images/a2-1.jpg b/public/images/a2-1.jpg
new file mode 100644
index 0000000..a45166a
Binary files /dev/null and b/public/images/a2-1.jpg differ
diff --git a/public/images/a2-2.jpg b/public/images/a2-2.jpg
new file mode 100644
index 0000000..18628f4
Binary files /dev/null and b/public/images/a2-2.jpg differ
diff --git a/public/images/a2-3.jpg b/public/images/a2-3.jpg
new file mode 100644
index 0000000..f539b9e
Binary files /dev/null and b/public/images/a2-3.jpg differ
diff --git a/public/images/a2-4.jpg b/public/images/a2-4.jpg
new file mode 100644
index 0000000..31b2e2c
Binary files /dev/null and b/public/images/a2-4.jpg differ
diff --git a/public/images/a4-1.png b/public/images/a4-1.png
new file mode 100644
index 0000000..0746d08
Binary files /dev/null and b/public/images/a4-1.png differ
diff --git a/public/images/a4-2.png b/public/images/a4-2.png
new file mode 100644
index 0000000..47b5aee
Binary files /dev/null and b/public/images/a4-2.png differ
diff --git a/public/images/apple-touch-icon-120x120.png b/public/images/apple-touch-icon-120x120.png
new file mode 100644
index 0000000..1e55037
Binary files /dev/null and b/public/images/apple-touch-icon-120x120.png differ
diff --git a/public/images/apple-touch-icon-152x152.png b/public/images/apple-touch-icon-152x152.png
new file mode 100644
index 0000000..efd4840
Binary files /dev/null and b/public/images/apple-touch-icon-152x152.png differ
diff --git a/public/images/apple-touch-icon-76x76.png b/public/images/apple-touch-icon-76x76.png
new file mode 100644
index 0000000..78df55e
Binary files /dev/null and b/public/images/apple-touch-icon-76x76.png differ
diff --git a/public/images/apple-touch-icon.png b/public/images/apple-touch-icon.png
new file mode 100644
index 0000000..e6668b8
Binary files /dev/null and b/public/images/apple-touch-icon.png differ
diff --git a/public/images/automedsys-logo.png b/public/images/automedsys-logo.png
new file mode 100644
index 0000000..399ed92
Binary files /dev/null and b/public/images/automedsys-logo.png differ
diff --git a/public/images/automedsys-logo.svg b/public/images/automedsys-logo.svg
new file mode 100644
index 0000000..b63093f
--- /dev/null
+++ b/public/images/automedsys-logo.svg
@@ -0,0 +1,13 @@
+<svg width="164" height="52" viewBox="0 0 164 52" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="49.8802" height="51.3917" fill="url(#pattern0)"/>
+<rect x="53.6589" y="7.55762" width="110.341" height="32.4977" fill="url(#pattern1)"/>
+<defs>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_1_205" transform="translate(-0.22905 -0.0831522) scale(0.00729981 0.00710145)"/>
+</pattern>
+<pattern id="pattern1" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_1_205" transform="translate(-0.52506 -0.3624) scale(0.00311854 0.0104533)"/>
+</pattern>
+<image id="image0_1_205" width="525" height="165" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAg0AAAClCAYAAADfyM4+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc5OTNGRDZCQzIzQzExRTU5OTE2RkIwQjJGNjRGMDc4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc5OTNGRDZDQzIzQzExRTU5OTE2RkIwQjJGNjRGMDc4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Nzk5M0ZENjlDMjNDMTFFNTk5MTZGQjBCMkY2NEYwNzgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Nzk5M0ZENkFDMjNDMTFFNTk5MTZGQjBCMkY2NEYwNzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7fq5YgAACvj0lEQVR42uxdBZxc1dU/T0bXJclGdiMbI0qCJCTBHYKVUiiBAv1KW6BAjVK8UMWhtMVaoGhDkWIBAsFiJIS4b7Luszs7/t48/e59MnPf29nNRtoSeg+/x2xGnt57z//8jzG6rgMVKlSoUKFChcqehKW3gAoVKlSoUKFCQQMVKlSoUKFChYIGKlSoUKFChQoFDVSoUKFChQoVChqoUKFChQoVKhQ0UKFChQoVKlQoaKBChQoVKlSoUKGggQoVKlSoUKFCQQMVKlSoUKFChYIGKlSoUKFChQoFDVSoUKFChQoVChqoUKFChQoVKhQ0UKFChQoVKlQoaKBChQoVKlSoUKGggQoVKlSoUKFCQQMVKlSoUKFChYIGKlSoUKFChQoFDVSoUKFChQoVChqoUKFChQoVKhQ0UKFChQoVKlQoaKBChQoVKlSoUAHgv4onNXbU6IPxXjLW5v5bz/Gq06FHhQoVKlT6kl31dRQ0fA2FITaWeGUJ0GADBc21UfBAhQoVKlQOKjnoQcN/C42NHTXaBgsc3p69/duXeVk4i9GkM1VZAh3BAU1VQZblpnQ6vXxrp/iHR15djU9WsbYMeEDXQMEDFSpUqPyPycHIqjO6rh/UN/K/ARoswIDZBO6xmy6aWRbkFsqxrqpUVxMkw+2QTiZAQ/cVIwKW84AnrxA8gUIQWf+TSxuUP7y1dGsX+kgiwAMFDlSoUKFCQcN/3SD+2jMN/03A8Pdbv3WFH8TH4vW7IdZeB5oiGwwDw1g+C/Q3Zh3kHoQRomHgfIErjyz0zBVmjTvvw1U1negraQs4qEBdFVSoUKFC5SsuNHti7wGD4ZJ44LqzDuel+GPh2vUQad6J1L7S72+xq0ISkqCJiUlTmZpn0VtBtPks4MaifdNnQYUKFSpUvtJCmYa9EzuGgS/jxZeSnS2QCLUCyzCggW6wDPaWS3RNA02XwcfCrAtn+L+zcJ34d8gGRMoYlBxIN4UFcuzzJjM6MqcERFYHdZFQoUKFChUKGg4waPjjD469XE5GqqLt9SaLgFACozOWFtbNVAkbQBDv2cDB4+HBH4tcC+D/J5iuCXs7IBkVBCNCZnOwz9/3/UM5XS5eWxvbeO+jr0bBldGBfkfjK6hQoUKFCgUNB0gRY+XLe3RpvpjoAUWWgWVMLMFYut7Q+hbVgF8zrIOeZSKwq4Jn9GEnHpJ/7JJtiQ/AGRR5oM6TvfeWy0qnjiq53MtqC0CTpmpyGvB20kQvnPDwgpiQlhftbk8+dsMD76wDIquDggcqVKhQoUJBw/6zDAbToEuJ04VYlwkAjDd1Z+Um3eYczP9repZCsEGFh2PBI0aPQrv7DMyASBkr7f1xUZBBmv/687UnlOZxjyvJriqxpwnSsTZQJMEEMvjLrLeQ8xVdVF1UfNFzt53y5Dsb4nf/482VIRLA4MheChyoUKFChYotNPhu7+8Xp6RTmbRKrIQxKLA33fGexTRkWIYseuARaABVGo7+5bXAG7c/z4NkQt594toryvzyu2LH1qp44ypI99SBJguO72tqGqRkJ4jdteARWq6cP0F889xTZlagj/xo81jnw9BHToUKFSpUKGjYN6bBAA0kILD/zm7gAAy2ZZ+JdbBeBUkBRRaGWgqah2wVyb1W1CTD8MpDV54QhNRjybYtIIS2g66kob9SHJomgyxGAaTopBNHdNCsDipUqFChQkHDgQQNqiKDqukusKDnAA+9WQiwXlMINKT04CaCYWD3w7I3zu2Wa79ZXuKVHk+HG0GMNOQIxNSz7hOdeMVZHQhcBD3qrB+fO+o76N0AwYAwRBYGFSpUqFChoIFKf1a8ZW2zloLnPUUVrQzLmqBAcwIDzQITdhCkGdOQ/bdmxTikJBkk8LUfiPOzQAM3o5I/VxNjlalwfQYwaBmgkk0F1XMkaGDgwPMeyGdxVoeTbQDqpqBChQoVKhQ0DEgh22DB89Ttl3xn4e0XvO9ntWE6wzqAgt4rviHLOJCAAb/GRAmiqRSEpLwNcGAaWBmxDAFWXiCnegzWwD4+WOfjYBkgNwOhaSr4OH3YBcePPJYADRwdCVSoUKFCBYBmT+zJejeU8VO3X3p8sVd7TIp1VYVr10JzewhiggRBHw8els1qYXD+mYlnsBgH/IrdGq09cYgpviUN3almMOsz7A9wyJwnq4lzxHiHCRYy52CekUayDLrTRZH528r49Orx2egFZ3WIYGZ14NgGmoJJhQoVKhQ0UHEBBpuO5x742YXVVSXeJ5R417y2Tavhi51NUN8VhqTqWTS4pIQfXaicku/zAMcwBGDI1msAi12wrX38WWskCZ2xRLKNmfA8QBqnN9opjvvaf8IADbdedfpo3OdCSccdH9puCiwk85BJvcykhkIG1EiyhscFjmnwAHVPUKFChQoVChr6Zxde+vWl1/Ny6qbIzrVFazZugW1tHbEeiXshxle/W9+VDkMX+BdMSY+VlPSYwoAHmflOT48OTteAgv5oj6agrrMbQjD8j23hdINlyds1GgzGYR+seeOc83i5BNdh0HL82mY6SPBi14vIsgxZCKFh30vWNUFTL6lQoUKFCgUNLsBgxC7ceOW5ZUeMzH853dU4b9v6ZbBiVwu0x9Ovx/3jHt/dI3UgHW8rVH1pz/DrJ3ibrisXkyeX5vkh6OXBJh3IAk8xQYaWnig0h1OpCDv0kYaY52P0dgptggs07Cv9z9z0yIdbX7v1SCO+gnEzHzr0cpPojjLX2X9Lsob3wYAzBdTeqHuCChUqVCho+J8GDJnMiKduu/iEIk55Kbx9edFnazfDjrbQtig/8tYdUaYGohJWmnbcAVb0bGNLl9gIgV8dOcq7rDlSd3WAZ4f4PV7gDNZBB1nVIC6kIJpCryp8EvOMfTEUU+rRhwm0JS3gYIMGbX+VsqxoLbKqD/dwJOPhZBqyAMEZb2EDjHA8DbG0t4NgMahQoUKFChUKGgjAwD/3qwWXe9ORR+tXfQjvb6mHjqT25w2RUY9an2OtqhCMgEbcP3F1vfQOwPCPqod4pwTF0NGKqiG1zTLYFSBppZ2davGKpKBEQFBECyhgwBC3/pZg310TDmwQEdQPgwxcpjmCMp1gAWymwcU84HiHnoSENhG2thYsA2flaypUqFChQuV/FzSQgGHhnRffL3c3Xr1uzVL4bGd9c5ipunZ7hN1lWdoKARgkFyvAW0wBfj+9u0NaA1CECzaRAYToe4pifwdMl0TK2kQCNOwXYMD7WF7PPX3KCLhMlFXw8SyRxQGZ3evu7pt6NgCypjUGoaR3SVtHTwSynTf3Nx2UChUqVKhQ0PCVBgQkrZ7LF58JeFz4q4v+KrRuX7Di85Wwvqn9gxZu8q0toWTSVsQWSEgTgEEmmAaW+AwDAFzbgMw6AGI/EgEc0sS/DwTLgM9HffaNNfWTL69+wa9FF7BBD3AsCRqyGR2Zok/WZ4qmwY7mGDSF4snNHRWPAsTIrA4NDkD3TSpUqFChQkHDVw0o5ArgI61xnVD23D/u+NZfE/XrL/5o1RrY3hF95svwyHsAknbsguJS9DLBOugE+FCI76Yhd/Mp1cVYyKQlfwDqH2TO98Zndv/m1vMHHSLK4szSAq/RTRPcBZ30rGsCMwwYMGxpDKdq40NuCXXHugkGJBOgSWs0UKHyvyOE4dVXP5zMekrXBgoaDmawwD3xuyvHDC32HMPqyihV0xhdVSAcF5decds/lhIWM/P8rd+8JdW46eIPVq6GHd3qjevCw9+09kOyCyTD0JfVnbH0re9yLuCiE78jKf9M4KNrguaanNDP5HQfX3xze/71MwaHbx6WTJxeURKAfL+Z1ZFhHCx3RDiRhp0tUahrj6YaUkNvrWuJb4FsVocI+1c/ggoVKgf/msrmWM/INU1D399r4NDHmse41zwKTL56wui6/lUctAM6dxIsvP7n644vDnL3gJKcqogJUIQ4qArSoVhbsjzorDcWF7Un31iXfOKkSYNO93RseWjJ8hWwNSTf+GWo+E2CEcgFGDK+fffgJSYY9MFy5GI6dOJz9/eZHIBB72Mj7wUGgNg9gvtGFKCt8NQjBp+er3dcm+eFIUG/Bzy8SX6Ikgo9cQGDhlRE8K6uj5U+EY4kQ2BmdcTADNJMQLYipEonLZX/sMKCPubRv8XKHcBxM8f+us8FO95r0k9/f/zgktLFCVnJfLawqR2gvems6nef+ZgwKjBbqu0FSGBd6zeTAzToLoCS+ffX6f73p+vQdVKm4UADHmvA8R8/89O/MnJ8QbqzCcSeOlDSKUfVQ/w3w3kLPb6in114RNVFyeadw5d/8QVs69ZvRoDhLWt/pIvBBgzkpND7eLA6wRjoOVCzGxjYk4Q975bfH6qzbDHr8Y3UWG6kpmu4cZTxO1wMShdTm0BVI3Ksp2HJEw/VuxE+ONM0NUvBi/Yx3v+icxF6+XTquLIpBVxypq4pBeiW4KwOJikX1LZFSzYgsBABSNpZHQlrSxHXr1HAQOW/YOG6GTvINf73xcrt45i5jgvE3CKPqe9JSX4NhK3pDvNvRdBS0BPNvtvRjFaIbp9loJBM6kDvL3vJzb8pLaieeBx4fdPQujcVrXXFtvEq48VakVaApkWUaPfSl2744QZwMbRonxpQlykFDXs7oK3N8/FT1y6GZPu8VMd2kFJdaKzl+rpuNHFSZGRMJ7uHJwUBOjXfi2s6vO9ai4QduyDmAAwDHpz293KgamMx+vbv/niO7vEdDSw3TWW5uYKiGN0u04oKqbQKZ4wfCVOGlRlgp7YrCu9srUU70IHPK4Lj73gwxur6ZjUtLtcjXe98+vgD6yF3hgMGDgLJnGyq6V6DXl1ZHSr6TVolrtvO6DhQBaeoUNkX5c3Nuu2RVz08f5aoOifz5+EoNDQ2XFr95uP/gmyM0P7WNzHm6Kwrri8rGDu5PZKWe31h4Y46qF54XzFk3ZQqPt+vo9IiC90FVYXP1a7OpymYzQxCNshby9WbhnymeLvuuTcv03nvJWmWm9cjq9CN7nWXIkM3Wv/SVp44LslfzLFzB3u8ECivhPOeeTvGpsV/xGu3/2Xx3bfWEuuSur+Akcr/DmjIMAzv/uV79+uprnmpto1mz4U9DR8dVzvUIBjwwmGTyk/YKec/vXlbXQf0zm7ILEZ7Myhz+AK5Bfc8eg7vC1ySBubMqKxAOzLqW4UE7BDT0CXJYHeNWjL/GDhh8pjMvo4cCzCmvBiOeeUDSKfxKUHhcA83Z5TfP2dI8ZAb5txyb4yR0gvVcOiFz//28Hpw1o9QLOVvX5ed1UF2rbTjIEh3jNslQ9E8lf+0McC92N5VAkk0fAWxF/iH7tDZ6I/FFtA1xvq+NlMjlVp7fvm5K9u6oK4lR7f6hp1gKUmBYDy+zmnIxj3hNTVnh9sCXfNbawoZ79Un+Lj68RdneovLnuhUYOq2mAjLUmloV9QBjgi2cJ6P//6ysjHfn3XD3Zd33Xvj69Zx9QMAGKn8L4GGR269uNqnC1elQjUZwED2VXC0gtazQYBgvTesmK84cbx68eZt8BBksxvIHhDaPiw+Blg466qflpVNnHqdzHIXx2WtqjaShPWJFDTg/lQMm70Mj8c4mcuHDXYAhixwqIQfTxgDd2+tMS6uBaHzFnytmC5kmcJJft+VI4vKrzzyht+uZMXUPz5/5LfPE4DHfrVBgTurQyeYChmc2SEUMFD5bxkDHp+us+lcTVRYNHy9/gtKJkz7Xc+Oja3gdFfsV1t5mfNcWpcQcn/Dg/E25BPz5n8hDZnldS0naPBqqp1W7s4ScwMG/ppn37w87fHdvSkuFT0TS5kEpy1JtJZJaGlSCcwRQLfZh/AI77FMGw2WRWIAm9aA1tmA46784HQXUaGgYWAsw+gS9RYZDTo50ZkBAu6+CjZ00MEFJrBjn+OhmI9eMG3ymGc2bqmN7esCREwQ47yu+OMzt6dZ/qpmQSraFIvACkGCjM/EXHyyyMV6PWRQSZ/7L/T7TKDB6hgomPtSVeN1a0qArckUlHn4ow4JBo6acP2dN+TFuq5f+/QjnxLK3wYObI4J3mdWBwUMB7/0k5XzVY1IN+ZQOc8XtbA5Eonw2Pf6YU3RsPnVsPE5ctzuI9tgWNTTLrmmugGYuZBI5f4WWiv0ybNnMFs+X00A7K9ziXXDCGI1jc15O0y9YRshjqBREjBc+dRrV8R536OrIyl4J5k21zwMFNqbAZobACLdCDSIG4En1BCHdhksmAbFpQBDKwFKBgHEegAS0bbwx2/XWmCFt9Y3WuaegoaBgwZWFealYx2ZIkV99VXIsAxutgGhW56F/AmDpCM3ArSQg38gi487aOuyex49AfILH2sT5aq1kQisFNLWGaOPec65dJNVltD/2lLpvi8Y97HAE8mo9ayZwIFxgoduWYFlPVEEhLgRM4IFr0667vbPoW7HdVvfWriLAA8KeXRwBlB+LSOTKVDIAsXHr5o2qjUUidz5SmMYvpr0emYutQNMBpu+xlaoAZqt6RZElmgyeDL6xyvgpMfVfbhPxvHiJUMv7cCuQuwGFFMGSDDmHJs1tEUdygKmiy+ndf0/RQnpGtvPPTCA2HcefvqwlDfwhzUIMCxKWp6kEHqyNZvRatuwcWy06019x/rlkNvNwJROPXxsS3vTya3FZXNAkocMS0bfgWzXXZYCBgoa9soaueKik8pAUyoVMeqoPZCzr0IvlgEyraCNOtBaaiI4qXtmT0FOpC/0zGt+XjbkkGm3x3Tuqu09SXgjnjIPjhcexlLwuYSgRD7tjvV5sR82d5oLmM1WGK/2IupU/zoCEWtjcaj3emaPHjr6w/FXXP+rnU8//Bz0rjWhf8UtTir7DhgyYOGl31w4szTIno0A9vzo1n9N/cErRiquB7KBZF+lYL7MuauYwpatgMS0gP3aIfAFBpnp0+jSfMFjCqYcOSa+eTWuK5IGR8n2vTdAYhx/YUssbr6LLWEP+wXklx7hsK511eNeJ+iI6xOI8WJh2T3NglK0yDaIIgir7twEwxtrXvKvXfq8nnWLkoyonYrOhDet2YRA2pZqgIf8x5x5aqEsbOl0MsF0zaKgYeAT/bCRnumqLCAjRHTqYMffWVcF6M5SyjaowG2kJcXw25GLAduf1UJaKBfc/NuxeZWj/9EoSFNXReOwPq2Y1kkGLDAEw0BUVyJYBvzeUyfO7POCH58/B2a8/BEkjGBIa7+qdXq2JaTauB8zECqEJQnCilI42ut9oOp7P5/T/Nf7fkQscjRm4WtsBOKRsPD202YOLi36py4lq+RICKJNq+CjzU1IwVb6LQBpM0xftXbn5tziCCNWRqery9sRUBiEA5mNs/YHYX1e+UlIodSQc3cvXRQG6J9yxU8PrdehElIp81hiCsbo8GWtf9gRIFnAxehcy/VKA/26ZlDsx7Mz8NUF9zw+Mwnc3A8SSatOPVpyGnZBaWfrEgQYXoBsxpZdeZYsImcvnBn3h/jZOy+L2dgsMquL3vv/htV+MC6KkUQ6rqSTRuCjlgmAhEy3RsM9oTtdFUbaJcEyWLwDWNqdc9GOzJ6Q9CW/ffhwX+WYFdvi6al/DSdgvYz2hX1znLVhhc5xWZrTdjPY/7Zefz6yAg6tHNw3eh9SBj8eM8L8Pd4Yaz82MLH3ZVO49neQtVYnirBFUr/pv+JnH4+efcxQMIOI7AAmxtWjg8rXg2XgGLFnZqplY1X3ljchsvsT2NXaDQnFuwPMDAAffIUp9uoLfzjFEX2HFY6Y7AJdacy850c2qCcwH7J9XvbK+ieBf6yw/KpdEjoGdoekEkgliXWlihgCv5+gGXio9wbHQu7CbVSc+oRLFpRe0oUzxWwXUzwCEOlKjqrb/KSl+HFvH0yvRqyth/ibfM9+HxeKsLsCk9ltVChoGJjc+uePtmjIopaRYsQgwd5ssKCR4AEg876RYUEwENGkDJKi9tWvok/A8J0H/3aFXDxo0aZoqujFaBLBXoYADDZYIP/mcgAGEwQMzw/u8XoL/N4saMgJHFgCOBAbusYuSYItsnLIlurpr406Yi4JHHgKHL6W1h4aCcp0TUoYtUmwJNMyCHpxrRs0fgXPnUmyfJEqE0SfIsMwIdEJsrDVmFO2eAPjCiYfMYoYy3vjMsjMZYHhTk/GE+a7Jmj4guV4zcF2GLyMng+5qxdSceoTPs2w05ok4hkKSahSpVXRtmas/HGKSsICAXELPCQsIJGEbIE5+7MY8R1H0TnKNPx35KCtCJlWtO2qqk9kiZgBMmPCTsEER4OmbChBGi1M4bgIzbGC5cRu9T0Bhgv/8JdvJDyBR9chsPBhUsqyCLalbyhyYsEhYxrISEzNHPM7Y6k9XmtStoPBiNPUrIwKO8bBOEM9Szozunls3bTW2nj+EGb8zFcn6vo3G9asaLeoQSPt8n+tSEqOksG5lIA7YFTfiwBZh+zrvXXvaw/7sRkzD8/AdI1w3SUQaOhRSurQmuuFHBT73p7jHu6fu1z6HvftCN7UdcZwQxBzJk+IdxyZjiVWFw46zQhWxBM7rwDWFww513JRZCLqB+gyMO7VuGvuvKRO1QpBEMyASzEFh6TCn/sGFef3Hgo6QO6S7/oBGHt9jrsDXCZ7IOOduE59b4BRhr0RGW5ynUIUyUJrVxHHdaRMhS8QAEGwQEAuAOA25Nw9L/R/x5zb37k8gPvsfsYH3bp7MIIG40aHEsxrZSxzs2bUiHY+ikzmhMMlQbSDRv+1hAWIptTOddtDO6F3gI2eEzDc+cDhan7RoxvjKRMwEIyBodRty9+OZ+hzuNgKXYeGtLLHC14ZiprHMK6VtQCBZr6HBcc4sNZp6nqWfbDBiQUcWnl+ojBuxiuHAnyzcc2KNuI69xo47KFWP7jv5X8TlPRR9979mkvxOWrf2+Vr3QDCVSq3l0IhfjfQRScn62WVKddzL/AmYACc5c7DUUkxYj5YNB68yGreHQ02WqDBY212t1Z1IOeYoxwwmZ2Rq0+D5r5vAwA9jB9bARznAN1o3mrs7o0bYMg4o0CbMQe8PnQVfuyieBicLop+LVDSNZHkPGfuSInmvELWMMjpDql2y25f9YQpjh/hVGmWcz8XZh/mCpPjvrn3o+Uac/sJPPtqPpXruPo+MlGZcZgCprCZLN6E7h/r8ergrLprbwrsuadPX42sGOJ5Osag1dNB29v1J8ezcu9XH8AawLrmCLiAj96HzjkoAMTBBhrsG6u+sVH+5yVT4FpFVQsCXs5lyGezKEiXBFjAISEoUN8Rgw6h8EUEeB1FnXIABmMinH/zb6uhvOKdXcl00fs455gj3AwZwOACDhn3ATHucGS4lT6Zz7Pw3MmH7vGiXzhnLlS/9CHE0y6woBEAQdOy9Rx0K57IBhj2zZAV6OHYiR+PnPx09ZoV57vu64Dovj4WIfahn5w7PZZKR29//N1GyN0j4D+e0pmrr8DtV59dcvio4DkeRp3Gs8w0nlGngKYU2QNEU2WQVGaFxWYtlzSmYVdL+NOb/7qqDohIbxtk2cd49KcnlA4vL5whqzqLe3vIkshIndu0y59o/BSytTD0PSg0Y6FZePvpo31+/xhV1RhFY1g51qa3tHc03PhCfa1rP8zC205F3w2OEWSdT8q6R2P4wQzbAopoZuTgoTdxeGnylNKKiSWnHlGZ5+dSBX5WyPcyaT+TlvE5fvfJhk/6Okf38/71tWeXzqwKnoPu2zFIv49E93Guju4Z0uugqFqTqiqNCVF7d3tH+q3bnlxaB9l034H0DGDCwaKjwN1Ej2HUUP2uCBwpbkKfTTWXXx1nUVTwh86bqqxftgqygXPqAJQbN33+t8oaWP40SJngCuJR7Jr4HP+e4znnPnChIdZTvR9gIVMh9uTbHjxHZvljVGCmoWFShaZ0ZVpRoqymblF0iDDp1CIt1LZ0ywt/do+3vQIPrhLO7Ek33j0DAnnnyMDOQ0BypAxMZQqtB4yqrEA7juhCchGze9Pbm995ucf6Hc/qGrsvwCEhyzGQ5cJM/YWiEhAKigYRY8yRMZHrmsiePn1d2/zfP1paXjH0UFaROEbXGdy3B/fsqYnEIytv/gFZJXdAPUpsAPKt3/2ptGjI0BmqpjLIIDPuQQNa8zvD3fWbfvuzWnINcBkj7Hfu+ENp4dhJlyksfzT6dzECTHPTaM1XFLlJx/NDkTdpQnLZwmsvfSvXvYCDIFbjYAQNxo3+aNmm7kmDJtxeFeh8UNe94PewvYz5TLqlns2oENIqbG7ogbaItuXz7clFkI3IzdUG2p50PDu0amFdSip6FbsTWFeAIwkY7H8j624C+rsEvfKQxQ1YzyfRyexEA+mOYSVQmuff40UPKsyDn4waBnftbCAYhxzgxKICDeCgWgwMCSqwlaYaBXKOiMy/5DfFbz9/MzFY5T1Fn9tKDd+TB352wZihhZ5rWU2ZrytSlSKnoSQowTM/OQkrj80JUf7Hyvrk8wsXr+12L37/CeDgKrrFvXP/gsv8nHYJq4rzVCEEUqIThFQ3yKkwqOkobhRm3T4W6YfgHD5QAhx6LQiUwgR9MzzwDe7an76m/p0YK/aiYdyPigLuhAKPthCt/8Z+xGQD1HduWw6Q97n1G5vRYfZgyXMlQe4BDsSzNCVlvBOLbgA1KvwI/aMZnNHjbJGfvd7LSz/KUxNQjoxv7JaQYm2EvmWgIC8v78whPfcGysucLr5oMzR04XMMrsx1juTzRmCrbN6Eols9qrBATYWKpFg7iKkQKEKPCVDQcVjOW8kHiir9gfK5hw8q/s2rNx6x8PVN8s3PL1rfBc6+DbkWcGMAx2WZcTeQwRAbfShPFGMrtnuKpppjGb0byIMd/pJzkDZfC64A337usckyjJp8SRgHWeJS1dg1ISShWoh8YJwjwzrpP2Px0PL3hmkgx9+x372+LG/0xOuSOnN1q5Au2hSPQ11KQIMkbaaWanoReD1zjEqIfu8Zk8sqofjquxaWbV998+6P3u4CZ78FbYDp4MZ1nnrL/cfrgfxbwpIyb1ckCV/Gk2C4Y4zjajgWaw4EAsZxD6me8aeyqyY/WbR5+f21SxenvLq+L/qB0WR5G9rvrMw7Xh/sHDF2zknTD8uv2/Bl9wGa4szbN10VO+/v77yC7ltRhi5Bz+r5JDShMTEdsoW4YIAMlDHWg8Mqr9D9wbt7JHMYCGjNfKI7BPM62o9F/2xysTPGvb7k9j+UlU869D6R5Re0izICGRI0phWoVRJmQCjLVk73cJUjPNycwYHiH5z11Fux7ZH4okBjze83PnQHWU/nq5bR9LUADXaJZOlPr+9Y9H+njyqtTIdvKy/0QZ6PJzgg3VHDAf+7M5qGHU09UNcp1G/tHnwXQEIEZ4MmA5USFqThlvjWg0/f163AlIX46ywR5EiCBevfPgQSpvMc+BFK8KF/ezHbamzZiyhF5zOU12FEvn/AF17o81qxEhoBFNhs7ILl7nAER9rsg65aoILNxFJ0B/K/U3nC2R/EP3pziZtK7mPBzVS9fOnOS27nVOEmobMOEqFGEONIcaBFSLOSURiPb4qvoOQ3cwbn/2LMOeOu//0bNW9AtlYE/DuBg2vR5N+4d8G5hV71bjUZqhK6d0M60pixwnMOMHR/1HTC2GxZVdsFtakqu4QtgLOErbE462JkRjK+G5IdW4w3d3YkYGc3+wUCDQHX2N2TT5iXo03TE927QE52GR+s2B2CBqGSPL69P05JdB6ajqFnEGnsc8ao6SQCy7tA6N7l+KimMwE7QrADgQb3OZK0L//ug5dc79fTN8k9tUXRjq0IcLVnQBapWHHgpRTvNDZccZX3l1z4zerC06u/PeH8O1/a8SUxBtzKL6OI/UYhM2KyoONgqIveVYa27fps+9jZPwBRNL/u9WK2AS/kPsjGNXD9KIiMMk3wvovqYknzXeyaUKQOaNqB4yMUneV6d60yFxMW+m5jnxOcnHLL/SfIvrzHN0QSVZ914cqGCRP04/RORTLnJe81UqUNEIEw5xY8d/2+C2H0zNOnXzDiu4l/PvYxZHvjQD9zNKP4jkZAJTh64m1daeXqd1pCkMSl59M5isjhtFK8oY+3mce9EsYdecZJReU/KvawXkd81kDXaFHYBt7gLNCIBbh0UF7HaRf/GDZ8+XPIBq7u0Z20J8bo/Y7uFzcp+lWOarvhrsqKS350cvvzf/ooRxxBv/vD59alwCU7wgl4zy5K1YqMte0bt7a9+yKeQF4XG8f+4LEXZ3pKyhfuFuSqj2MJ2JCj6RkexxvSGvlZIezYfNGcnta/ob8bc7l0KWg4cJIBDXi6/+3d+pe/ccyIVElX+60Vxf68ihI/BLx8RoeqaOCGE2lo7kpCfUcUWmPed5riQ57r7onj+tNJAjQohH83M+nP+fXDxycY/qo1cdGcAxzBLmQCIFmDWZiCwEIpevWjz/zoPS9eD1gTODCW1WfOIR2tTDpsQgPzogFedCtu4JOJlXCBhVxsg62fyPdtUIFjIHge1ueX3j1v8qHz27asb+krpsMNGF68/cK/qbH2i3uatoEY7cqwOIzxn27UvlBFASRkzbAeT2E+5336pycN/tkDH3Y+a+3DiH7+dwAHctFElnH5sROLnoRU15nJhh2GwsRKLSoo0BoR0JYCZHgBNibwc/Wgx1qSBzCuogAqivzg583FElOLoqzC1p7ieoAeP0m3W5txXzhGP0aVskBDQDsW9EFY6wcgW+54TwEs3A+/eVQ5oyeq1LRZbEhAxxYlDf61gdloKUeSyuS0ZPu8bgTe4qICBX7eOG+OcIcl0qpx/kqOXg6huABJrWK3tV+77wjpg+U/eGjBX5lU58Xx9k0g9tSDgsZOOwLfTWjsdkRxd1ZzSBWhq6ws80NlaR7k+zngkPUup0LAyYnCKUHfq784b8yF97xe+4W1X8n2O7vGAKPxnhGZOiRY5DR4pHQcXbDS+MXSRhg7ux0NsgoDvONf+oMVXUeeekr56vdfI0CD0p9imHzFT2c0AjM5UzbadE2ssNcVNDdVB9uBFRI3sJgGawwaKdwn3/7wFWHgH13YgpaacI9p4UeRoR0OmUWkVLkGXUcSeE8FBPMrkGIFKCgxe9JgJkJRCjfwBa/AOd//WfUbTzxr35Fc88cBGC67ptwzauL7GyLJqcs70fESFjiSRLMkM96SCROo4GvLKwAoLjdf8XUryvAPiyqf/YYn/VCx1wORvXQfl2/74mmYfuzlBjCylTk6s02DR5z+jTv+uGXDndc9ao0BlYg/2NsaG2adjcYdf900etpVRg8Lu19FYQnsDhR8G03nz0mGegBBsty5t99bnWK5qe+JRLO0rg4YKSZxRcogOPv6sN/907MzlKKydzfHxKJnY4J5/3AhqzaEA9qazYwcrB9wJdOSMoCKEYa7xhhzHc2tHW89W0vMa+VgUMAHbUwDZCNxudc+a140emTFuulDxUtionCKJKUHCwjR4VSzlIi2tJKKS/7VSb3sox1Nwhr0xPBqYaf2pFxMg05YJB4tv/juRrSftRiN2/UX3KmP6O8jkdbJQ4AhiFbQAGYZMFhA73vQK4+pW3yi1jKjWkkOw/N8EEf7LvB5Mhf4lzW1kMczcNmhGX8ZdKPF7WNcNRIrA5VxggEDIOjOLA3j7NlskIeDbQDTksODO5A3bPOwcT8t27L+VpcLQXe1+TYU47O/POdvSqzj4njTVkgnooBj1sh4EfejUiQcLKpCoS7c/725xYm/Lo/8i/jCAQUOJNB7/q4LDhtRyLybDu0sSrZvNFwQ4ZQMO9uj0NStQrcAy+Ja+YqQVLK+ISS324vQ5FHFQ/MGw7yRfOsP7P0mkdJNq2z7zsYeGXqnK2buDQ/yFFGIEMpahg4JZyzEvTCwlEADmE0bCjNwiXM7XTIuqiDpfI3FMtiBZAYqvPHsilFfbN60Yl19jEePmJs4opw7ZJB2aJ4V44MBz8bmMNSF2W2yojgC7BgrKznhK0L7FnoFh972wzPKjpuQ/74aaZyaaFtvuHPwPdzW2gMNXXqiQ/S/1qOOXL6jXTPoi8GlwYIpUnLupHT3N6rLuOpB+V4ExFjARdg4DxQe4t388ilHTZuzeOWuNtc8doCGbmAqjdoMJNNQt2Vnxr0hJT9Dc/BbGRAcyINo1Hs8Unlvg7PQU59KNZFfcvF23DwOU/SWa2K0GH3fBg1aw/atMIhoIGdUd+XHwMDTsrl5N91/RasMj77ZjoZXBCkIAS01bU0IMHTsAiH29+qu+mWkBewpGVSwXRx1GpQPvwwpvXx8XQYDYASFen6lH3feduaT178g10EX6MoEw8ojD3n/y67o1E3tIfMasVuyuwOhxDZcM2EjKMIHo6Tkeq6nvZ0rLA32FA2uDsW650BR+WlQMijfAA9eb8FrrP8nOdmJ/llgddWzj9aP/M3hHzco6vGGIjfK3pu9c7aVDvv53IdemBncuvr2D554eId13hn2aYDgIXPNq//025ZD73lu1XpNy7pDEOhqzy868bRZ8ypqVi1rgdzVcHM+NxhSebao6dnGWrEI9g/CkPot73dn57/NZoFQUPp4YyJd9GzUqgRchy5p93bwdLYsHpuKfSDt2IBjK/SSsZOGpEsGVXc17preVjr4VEiL+SVC4hNizB40lUYP1uwJdxMmpq6hXa9rgD9/66ihO+OhutPr5LJ3kO3LRAXobO1MtJmDxmgIIVpAwZ32Qy5ghpV1zh8euy7JsFPewqif5Yhqj9aztQDDbC8PBSwGC6wBGIJosfRaDAMGDNjyY8EZD1nk4eHqmaMdF7axrQfuRYt8vWhOVBs4lOUH4YNvzIOTX10K67B1xNjZUASA0C2goKpO5kEnYhtItgEvJOg8I4G8SybOnPP30NoVW10WNHkv2AevOeUEXYheHG3cghRIzAqt0F3lul0sIKascboouk9+seu+wyeP/nzNlqZWOMDlYMlJ/8wd3zx8WFBelGzZjgDDBsMyrulIwI62FDRG4f0mefxzDZ1Sm3l8mQz8Y7fUR5rPP+awRKDQj6zqOlP5Iws+refXugCDAzTcctlRoxktVqhK8ax1L2mwdGu8HgYQiU4qtCKvOk1Xswt1Mo30JBTsto7vqPl/95vtyJwpPR9theifBXVc5dDZ1W1vKWI8A3i6U3rozZ0jfkXQ2xLB1Emm+eukW/G5HD3G+6QSbpgab14NqpSChrAAW5pjUNcDi7fGJz7aFcUH0TKBZp3hVPdHYebtj6D8vZ8cp97o4RKnFAf4DHAIetiCOcU1NywG5laXO4ysAsjEVM3ZCdEct7Z1J8/raX5zWfm4bxlWrDEHeaOsNGTbv4uQu6x0hn4Wee8ZYjTqcE2wjdt32vekafO6NMw+2+ma0NR+6zSQz3DWtbcfFgbuD291dGUBA6a4u9vfr27Zci/BPGXa2cs9Iam6J/SPvHj7exsnHPUQuq5q8PktVtBTUMvn/6oa4AJwBRhb9zAz/o+46YH7dicEJ2DAYKGtMVkc6/h1WVfjBsJAUNVYWCyMhcNoAK0JDB7+9GZ22rXonp9mNPVUtXxghL016IznNPW953/ZcPR5S9C9M0GI1S9nm4LWBM57wpTpRx9x9h+PfCq+/L2/fLzwuU5XrFDOLKW+wMPIRPhf6wsGz8qubei1oLggOnb66bBq2XOEUaj2EbeVuX+K1//tNokArQhs5aXiK7rrdgku0Mhe8MhzZ0c0ZuqzccE8Zje6jLoamF676ZpEzZbdEhHo2LNrK3ZBNAYBPsGlsT1Hn35KsZLeEuoNhL7yGRTsQQwaSLYhUwxk8mBPZaB4xFvbG5LLtzUkViDAgBeDgVYYsxcw7vjv/KAs7fHduD0pGpS7s7gS42AYbMCQzzFQwLMGaAiif/vxq/XvPPSKmQiDjUDbrCGFvS5s2tASmIwASKXfC8ePLHd8hoHDglFD+8jSIEABQ4xrx3dYl7vCclP4A7C2eMh1liXrs61ivBARi5Enn0nfLPS0gxCPGhABExXGZhfOsiFDjiGvIWsu4OEKRjGNP7Toetv63u/iUg7AcPv5h1cVKIuEDhMwiAiwbGmJwvqGVGJjpOqGZS2j7kOAocV65jZwJAvIJKtKPVUsl2V+4qIEKa2grh/Fzw7OY0ZjRtv28yeQohchuBH2LnXNuA4fq00layxgtiypFdW7FBZpqWfaup98eNWoQNmELNuBAI/GYrdKZp6kiE0gXHMSEW/BvfW7s29nxJ4zMUuDAUN7LA2bm2KwLTLk/s+aR92HAEPUUs5JcBbhwX8nHvyE+43AFC/PuESMTGEOSvjod86eUzkOskWm3EqYGYYj7lk2l0vS6FXQ9tGbm9Gv2hy9WAJ5+aEjTj4ZeleI7OWamPDDW8+Oq/oIEyuBSdVLwgonkEIKxt0zRu+zTkOvmJR4oOiepZFEEURjZuxCBxpyPaHFCDDcZ12HPf7sexe171+yvanziIZ116LrSmQZF3Rsf94Ru+eefZZ179zzx7i2mdfdeUJI0a/6PBTO9u7oajcAQ2Wi42YLMLiPnXl2QmdLZ/UX794FUuo9o+cHxoTaXumwzHPatuzj0JnbV18JPV0JoyJk5nnpsAPNy1dFtWAtG7heP/lbO8597J9PfOPOB2ZZa4OPfIbYNdrHGpHJ0Np81/WveEGPm0DSkoJi2FZQco7rfvXXZIs956bfjJE4fvJ7orWfNBriXZ0wIRH+MEdcEpvwBi9uwTEKNshFoKFKiL2BAEOdBVJsRjvmniPy0ndfCa38aCM4i1UdFFUuD9ZubbortkG0gUOBGpm2I+L71AIHYddmgwYbMIjQO2vCUEC+8VMvi+tM4ae4tbW7DoMFHqZjwMCxGcCAAQGOZQjg93ALTQIwBHkOvWdu+G+9j7lYgr6LgUNJsHeQJGODA/crCRIcXj93DwzGbcEZ4EfKKzxr0KGzx7onrH0vfv7teWP0dHJuorvViMewK25q1t+6VQ9DJ+phZIppWeutF90rRkqcSywMe1vFr98AppuuPL2cBAyYYdjZHoctremO7cK4X2xuZde5FswoOMvWGhO62KuOIZV2XJQhJBdv6CPmw7hHg4LqXF3LBj8ZMQQQ6ABnKmt/llMG+Hg5bTJW1KSbI6Lk74beud0qAZyNOv6HlCPAoYouwGOwJAKxeEVdwDlBzAN49Bdnzgjowo3J9s2GWwezJltbItCULHlhdVNgsXW8XPeQBOWxT7rGPojrQ8jWgqqbwBGG862ng7MqqQM4dLPcLHf2BDHXzfRoNf0x2YESAvkQ8+ad7QINGUBKAkvBFzxjE2bycEQ7VjJCEimF0KvWIk82dnN5u3noK6aBUNz8lGvvPK9L0eZGcOAhnhSRLnQ3wrurmzbeb+3XfhZR17OwX2Ph+pr2cl38ozlHrSp1OLOC9V7uAt0syaCEPYGbl+DgTjuGATMc4U4YmQrd4u1s3NnP2I8QwCVZ/ek/f4UQ8HqHm2gf1uTtrz+/7tSatVdBw652g+1Iiw6306dCGv6Gi+RJzAXtw8YtOfvJfy0/5+Fnv2vFDjiUPQkerDmkkSDlaDH+pnv9iwQLZ4w/8czROe5XLoaIZ4ePPsvhmsBgJxnrjK5csjwz9ojMpRSwU7eTdXZ0DSplYZX1PfI55yqVHSPmnpTDVUdBw38AOKSNuDFJ0rbsamklFshojgfVCzBYAzFjWSu+wA8akcIwwQLBMIAJGsYixV/EMkbQY5AzXRJ+i10IWP/GwMH8dxZI2O/tjqYgJTmjbD+rD0EB2m8x2j5t6Op1watDMScIcDAKLjCQC0RADkbCYhvWl1Rc28dizg32po+VxQQyyFIZUECW7tbIPh+ZgGmCgbCag7GgDx01vHQwMYm5/WQZMgGax1VzL6d7Gg3AgC3+HQgwbGsVEzuE8Xdta5F3EpYxOS7IErWGqyqPkw9TrMJIOCYAVw6tDRsxBQo4c6ozyj7AKpPtwEXTwsfsQEEtSQND/1HiGcrTw2iTcAooefyaLm6n69hkvrvdyEcs9spjyfNISQp0K8XrIVuFz33tNni2Fy1mTJH8l3SkyUjHxFLTEYO2BLPp47oim+Z1szOkBZX5+51lNTVxT+Ui8iKLgjzkMz0nEK4Ezq2EI1hR2X50yUqHdM31mcmeDxEKzd5OPDe9waOLR48vA2cWBTlRjNoMCYa/EJIWKEuiU5XStUpbXauDZcDH0VyPi/dAsHry0H5iGoxxGOH9V6/EaY34GvC5I8UzVE484QIMcWJzl1Q27l/R+y+8An5/wgGgOM9heVNmVROg2/aFc4de+qPqmApzIZp9/sjKR+eR/Ihvr9/psnqjfTzDzHyYE667ywBKmrova7I9JlO73n117XFffnjp2JqNr+KmVcY5kdUi0bqAMwqeQ+DhpYQ0aYe34OHjH//XhrMefOa7BEDqq1+OfSx5yNZVzxjuHHvfePEpLoOuYWNOcq03buYiAyhlX96FDtdEZxsCXPGVhH6xWQEDNMSBHbGNBFb5ReD1BzQCWLufNTlX4tZcOuhKYx/sfeFJV4UxUDVg6sFZqjRBKIUUuDqrIbDgTv3iTr7p98eKwFZ+gqknR3GmLMtQagGGgOWa8OHNAgw2ePAisIGj2X2cmYrps76HP5tclgeShWgxeHinpg0+bAkb4KIIba81dsMb21uhOWpaDRtbQlAjSjkyJsAJEhhXZ00SIDAuxiHTl44DkfceN2TClEG5FiRdFkelU3GTYdB0gm2wmoXlYh3sh5PpOGpuQ/3CFNiHJkP9xAHwr991xvWMGJ2b6thsAAZMp+/uEGBravwvtzVLO12WdoyYsHZMizEm7vq/OeNxAKKdkoljAkSV7WjpiEb6UP6momcxO5DMnFsMPaceKW8X9M606A80sH+8Zs7RuFCSzTQQx4/lAA2kIjUWzgCnTrDPA1eCxIxHj8iT7hgylsedOQQLbzn5UkgnpghdO4x94MDH9ogEW5OTH+hjIUwQ+yFdH8aca5EHLwnkFRHkFgusGp8JvVMks2myJNA16HF1I8GsGMAtuuiF5WgOxh0uCq8fviwfdbIL9LJkvYRY5cSzWnFwbspyTeAIdkVYTLAMmZRQBKZbnCslC1F//lA320C6B6YuuGZMRNPnQNwaCzhDQk53BBu3rSeeQcJ13+zxJ7rWrSQw6icZRgVPJK8PNvoKj3IpUmPrLhl6dQ0O7iQBVyoBE5KhFwjAnHA9N9JVRY6NRMcXn9aAl13ay03TjxAMgEJeb9OWja36G8/eM69m3U/4jas2Ar4d2G0ipR3uH1zP4J2ECC+lpBGbvIUPzfnLK0tPvPnuWW5jxrrnDjf1qpeeqp2liF86QFZeHnxRWH6Rdb/6YhuM8XH2jXc5XRP42UW6YWhb7esEaCCLADI9khQDiXCJDKoAoWrcVJchKxLPOZeL8KDr3Hmwgwaycph27/mVcwRF30gyD8SkdBRxcoEFB4Wp5hctiNmVG5ne8QFjLZeEAQ4weEDb3EGFcO8xE+GuuRNgRnmBEQjpx2ABp16iiY+zKOxteL4P5lQNguKAzzh2EFlNsqpnGAkMKvCJvYtARL7XjFWdNnwQLD5nNszEbguG6e1qYHr5MXIABCaHrrIWXV8gv6Ns2Kk5/MKsoqqsqkgZYOB0T2TdFVk3hZ5hHoAorKWg48jZVuT7654wFuofX3pCeZARfil01RjKHlvnO9sj0JYue5EADEkXuhcI8JgZE4OD6gjSzWAGQRbUQu7Kbcb8uXj+rFIWlBG2hW+yAxp8ti25NoeS7y+3ns3jlZGaIgzk+L22C04/soADZbh9HkbWh6InN9f2NEO2ZK8IzpbEpIXDFvDiVVKsOQNa6kNx6JYLluxqSbQQiifpWvBIZUu2PBZro76NnK+QYG814NHYHjeyvCwXcDzk+DMKyXTRTHaSU0FYLgrpI8ccwCltnuBxxPglx5fZSMnjP6PFZvfElNlrorvp/RyuCXQcvSVT0dBSarqmu8sCk+soGy0adHaLTDAlON1OSX9o7Vd0AQSJUBYka5RRNtWavM1wS9hilLPmjyAUIJ9xTWgwL5Ik+tiYAZ6blfbGFhcoINdD+xxk15ppKLUxurzacfyBG3IqwTZk4l7aPln02ci3n79m9q4NP69Ys/RDWIeMeEyCYAVNKPskAg9LBAk+SGuTdlSMeW3mbx+/wnJZeF1AkxwT0vBY17+M8uLZ8r84tqFi3PwLp+ZioEjDg6usnu9wTYRDwCXjm0LbNzW77pXNNIAqiqscdSz8fvh84oxzZ1/6g3HgLBed6/mS80+lMQ3/JVHFhJ6QmfWk9WVbJwgg4K0XWMgVyCTzntN3kVY964xnKDXYBTRG8IYrPqL3zx4/JLOj08dVmACBY61XEyzw1jY0r/dEHBL0GimaNiOB3RvHDCnKAAssRjDkyIocLor+SG/X95gcjIPhFw7Abs57vCuuwVjUFWS1KIqSAyyQboosC5HJqLBLeFtsoYgWbEHjhFy09D6wDAbAO3Y0c62ejhemow3GZy09InQloWPJroLnXNYdyTTJFnC00b1xHoU+mEI2S8L0ftrMXHAzBplgqNkjeaNCYbajpAqSxna4/PADcU+w+R59MmYayJgEwYxJcEfbG+40chwfPYafTKZqRgV0r9UAee7kptpzwb6Oh687bganSZPTUbPgHa4P0ZOSYUdy9PMupoJk6zLziQDvtsKQnl+0vpb1OLu4YlAwsVw5BHqnmTHxYdVTVU3fE6NozO0pie7XzLx8wkXh6+WiYO1jTDvj/LIky52WYRmwolLSK6WezkgvlgEdC8cqObpqor9ZliELhzncSoZrguXP6BLTDnaimodNrrFAFgXjXRvpUtHH6umt4Pc64yp0ZpgL2POTTz6nPI7rTpDHFnFEv7KJAHKCi1kin52Ww9UrjlDFTUYBrX0z4sh4G9I1FgmtWPJZ3pLX7jpy9eLzDtn4+ROw/vNOaKhBszSWBQ8W8/CpohV+kVf6QPXtj1xOAAfyPmXGxIbf/uzlXgGRRaWwc3DVAugdYMn06ZrALofuTpicin5IgB/JxTTogVj4QwPU2i4Ko+CLN6925gl/Ou0Pj33XOl6u4FxjPFvrz57Whq+c8Ac7UCD9U7gEcJLNb0RzQ3dRuAN5IGbWxA2/PjapM4WbcDaekZ/tihGwUik9kK326GGdeg8vuDw6F45ItzR1tPk9QentJxQUzdiPVzNdGRK2ynJQgwmj4yWTm2Ho88oY6DPy0s5MwzQo75npstTwbGA6U/B5hS4ZoMA4pA7OFE7iBpNMQ7YNuW4EFIqyDFvaU7v2jHYG9KyM2JMAK/1Q7K43rFhs5Td1x6FDGfUi9N1RT7EmrLsaIRfk1TlqIuGITYipGDQI7tiEzDmU++V5e2AHBuSawJuP16dogugALWG1BIHgRC7XhIOlKPYpjlRNfB4pvWRjLuDiqsFhXPuIPHmBIkYzLENHLA0Jiavd2RRrcVnJmZomBOjIKAwrhTKjJFnOqXSMYoiq7gYMxquMPyR9xHjxN5WI7nLH6MKi55fDhT9tA1kbaoxdwkVRXbfzOUIJG0WwElWTzurALAO+vxgYpnBxpfSKHCxD7sqdHg80eQIVo3N39zQUT5OiT4YUEexXNgSKg2z+uMmTD/UFg0nGF0jpHn+a8XhkneWsC2P07EDQcQlthlEkDyunfYovOKlY9kDEjlMw16OhJMNggK0ho6bX4XVBJmIFpDRUycIGcDaHIplWPcezA9LlxXK8Ap69VxHWvrQc1jZpafu7G+tEaKx7rhpgYcGxZ5y5fnDVJVA5ZrBR5MpnBYKjOV2P9lBfOOjeM6+9vWX7I3ctcTEaOhnbgwMil3D+BeRzqy0oPbbaua7JJODDrgkRuyZstxIOgIxHk76GHcuSvQGDvXhrO359/ctw5xPfRYN6QiatFJ3vSo7N5/MH33DcY69dXJbseTDy5bI3lrz4dKc7xskuanWw6dyvFdPgBeWYxz8N1eeggwfaWZCVg/lHJ23XRA6pZEnWwGQZKoM+w7KzAQOOeJ8xqMBgIewbzNpVIdHWEBNhd3c2YKkuHIfamGDs0wAO6EsetO9VXXHjM1vCSRHub+7qwx0xAD3MuNgF8id4IfX68oMz5x3lpnf//H7tSnRL4jgGQ9dJYOCMbXCwDgRgwJ+F4ilIqJ7Pc4C5fS4h+9Ivj/sOyKlCKWa6n3uSSMlL0PnJTngfsvU43HEsuZgmQ2l7QJ6kCNnukDjWpDXpr8lh6WfjGRilkqwE2Qc7sKecc+N6fIwyWyG6U+KYhC7B05aLaXCDjiCnTSazPnC6aVIv2t2Pa8Wh8Ly6OFdOZYNve5Jp6NFHLCEWebIrYX8gyKEoGNapdEQEhFQTCLhbHzM+jK/JdEscSKjJ7syRDB2NPlvi+H4giO/iccT4zWyiN3B6xjWBqXshlZwUbl6a2zUBWlxRdYd/HBcyY7gKcBbBIjdOYJhCh5Xr88GXw8ff2lQ1+aH6QWOerCsc+kJ9oOSVOj7/jXo28BbeGlj/2/ZmvMfnvVnnL3l1d0HFi19C4IaIILjAPwwhYxkMdyrLlTiqaFrxIAXRjhrX9al9jH93TIJxnzWWVfd1Lc7BPNnzkczesDNuovFPF71a/c/Hvj1116YXjEJUqSRxLZpxh98JFN9nsQ02a2A//P4DIgsK8wcvuPobLvdGJoi6l2uiuxMqkrGV4ab6HnAHyLqyNs5evfg6iHQnIBrOAl60n6VCGv4hKMM3BkrvY08498vz/rLw/rN+cdcEyGaF7HdcF2Ua9l90RUq7gcLeKCUznoH3zgkrag5a35y0PmDM3sJM9omfWFUKw4pMGhanleFtUL4fRhUHYXFdCFiXop6OAEV1WQHE0hKsbY1AQ1w0Yi15vE9cPdIoCoXmDVq37l7XABV+L5w2ohi2hqIwBwGU9wyf6X6Oswz7QNTA8fgg5AsekQfwCTGgjYWkR+Gf82ja1fj8mBwtVbKJEkS6pQUYMIgKIws+wlT9C7dU2h9KjnRNBFnxTNyfwa6P0BEVIK4OWpnDh9wfYDCe7I3fmTuKgWyBJsPNoAKOCWjtK57BZAdgMo73yIIGGbpknLGQHGjmhLGf31151DRNiTiCMK2YhNYBKH3WnaopINAQk72tuN1OLpbCdXyeZ9TJ6VQ3wXLIEJKK0HXEZBdg2KPisdgGuP6i2SOAcRYhlpBy2x7idudwTzEJf/7k3neHTRBATSeuRZ4VbX91VTGyTjOFntCQ9QZmEIsy3phpp55X1tDbNbEi3d0RyeFbNkb3EEVa3cEws8iYBqSY+2qBzo6+6Opp9brmrGuA15FoHJaTGQ37Izgw1MwmITvMQpT3TcmRpgpiV3vUBYYGmtZnzHmNYffLx24DB4J9coI+c256LRCAlak/9eZzj510/uU1H3qm/cpYFP3BLEXl8w8rv+zHC7r+/tDfwZkq7wyIPPTYL1dp+mGki6IxUHgCOsBC63gSwRg4XRM4LbSnC6ri3Yu7e2dN2NfA2New5Z1Xdp92XPzb7w0d/yAMGT7WYEn8AWN9xbEZ7+ExILCF83z890aPm/G9U//y8svisvdu/vTFp0J74b6kTMO/SyQNGnIAhoGUJc0oohQwk2tlpbeCtcRvKXfjB1ZiBa69kEvKcnSwHFnoh4mDzYhy3IRq5rDiXqQBa7k98Alh1uNwBDJmjxwM3z18HLx7wTFwamFeP3N9H8BDxmfKQTuw48FZ/dCg/z7rKHwK6bE23E5X1bOdQ3vHN5gsg/1vbPHWd/VAd5pZtbNTW5PLN7iPrgnew8hzcH8D2zKPInTfnK5Y7LKM+wQMJACZOAiOxguvDUDMmIBgbT9WvslOECmS+BwktEjsdqZoagO4TrYsACONUt+W9HP8Xtkb7vPAtRWEtAYrt0dr9rAoGb//0zWzj8EshQ06MFsmKTqsqYntdClVpT/A0Gusl7CVDtcaBkKyDk1tkYQL0JsxDbjbo3vumbPD3WrdUDxdi/+50VnoCRdBCuZ3H34SWejJkxw1OeuawEoXgYZCRVjeB8tgnFcJz+lmWicRT2CyGrlYBkZguWJVdhnmmOYOtVp9CA7A1lKHgysT4CxExwiqxvS+bxkL3D12B1Ki+YAqL4J1IFOEbdehndWUqWFQ9+oz750iRv9isCckGCosgTrOi5+to0AcOLNrpIpo6F9G0Kj9W7RItxSWHj16xpHl4AyI5HtlTeC+IPFoR/fqT9f2wTK4U/2Fmk/er6l+6ZGLJ9Rs/Dts35CE9mYz0DYTkKnBMkGC52JJ+ExmvxWZd+baOb/+8zcJ1uGgYhy+XkyDBvX7SH1n2ygzbGErtlxckdP2nmS99w8jopyxzrpTElQWm0q9IZLsdaCgC2AY3Ssht8eAMxpesTB//FDH56cMK4P3w1HHe3keD9wyYRRsQwr6ucbWfi6zP/+OcS4FBK2bAQ3rtjWFyqZX/Hi42vC3fC+fn+/ngSH2p1v1GHTIZktgn3xdqAdaIkJ9gz7hfqu6i+iy7PYFNHD3XTXvUEaLF+LWzBnLXIXkl7viOyG3hdBvTEFZkD1NTRCWuoQUL5Ru7IfeZ/54zdyjdS3qSJGUNSZppUjucbEm0wFL/PocnfDnEzEJal8xCbbScJ8HBhwpLeD+ba6ULitlVC22AygNYwsBBkn31RLUsgIDzCMnXH3M0AKYQy76+LySanAT5M4oYRQzmpZwT6hgBaaS7KHmUECqhF0Ul2RRfRAinP+4MoBF1oLMprFrQpCyrol0qmPQ7vVL+1AKuQ0po2kVX5GDZTA2BbMQbms/3AnQ3foKel9B4FzFWBqYTGxwfyPc3K9u/MWiCWUyfjq6GRzX7ALdCKzizuFsX6DBca//E23p+wEOxula8Q4M9M4qyIC33X+88+/8H579hqLIFUZGhKX8OznPsQWmshWI3zgYjM2/+/nLZXc/d3W3og41fovBZGExRKfMOg/WrX7UAg4Gq8RXjp0vuVwThyQjb0h9BEASTBrpdjEUvvLOi386duZRi2o7mi5qKig5Bcor8qBiuNkIDAftouNsRjpis8oWjigY/LcJdzxSUn/ntX+37osMB0mthq8LaDBQ9x1LxE8JRbc37gljks6+9uaj44bDvg9WDi1qbiffycNL4PDhpcbfLTEBFjd0w9CgF4bl+2B6RQl8e0olfN7UZcQxYOkSnAWd2mIpojiSA59kpCOegiEF2Sj01mS613k9NmsaXDLbZHe/fOhF2EqmXw2YdzKCIaeDM13NHsTpDzd0rp8zcfgPy5K77ysJeCtK8vyAq/5l4yzN1VBG6K0zLkBzOAyhpL61lRl/VyyZDhHxBe4GYXvjmjAUXUVAPBrHEpClm9NaXi04ywHviU43mzP933FjfIxwajLRnmWtFGRtM0GcTJ7Lyjd+V+SVppH1GQxlrQT6SpHsF6wGeH2Oksy27DZjEgp3WUGYvUCLMwhSnqbJKcK1oKBzL6rNwVBoORqRsfmcPFVXJSfbxfmS4My80Ab4vDL7LfDqpyqRrHsikkqDoBfu7stdUsQjmKwSyg+Bd0aR2nMYAplgvV4uCrw48147oNd3yJzjShoY7hRnbQaJDICUctxfPUFWKsswcsyQPtwTDCeJMfBrvVi86oaN/wRnPr4Ce06tc/Q4gGwLaYVwu9kUO6sqcqxXC2uv380a6Puwpv47AYTbbdGreNo56dg7rwbL/i8LgcxTGjnn+FENKz5OQu+MBHsf6aPSiTff9hdlGs9BfiF8UVA2vxrgbxZoMI4h+fO+32S3qzaaU/VASVfr0o7evVq0HOBVdrt0mteu3IkG3r3oOI8E55165s72plPSVdVTEYAwwYPRH0iDZjS2mr0Fd5xz5c+3bX7yvi/20aVO3RMHADjsa4CdMTl1TWdTdkCRTrAMxBsJTLsTY3hYftYFgRUopuS7kQKrKgwasQ1YZldm+0iEkMWzpLYDNrT1wJqWMHzaFHadvJ5pAIW7YeLaBr9ZUw9b2k2L+m+rd8D9TR3ZE9T3Ztrv4ZZgsGQWXHHTZZliLSu2h9euF8dcujPKPLuxqT25uaUTdqBz29XZAzUdEdjcHIJVtc2wobE71CCU/nl7atQvYkmpA5wFbaQ9+cb3MGZZZHQUa3I28A/XuVDYjEKS9+QrJLt3Th4M8zVJMMom24ILNMVlb1sf/mDjt35WG0FmLLjYCYdi3ANoGeXlYJJCxBTgmISo5G3rxzWR+X3vIEgV98twB0H2GVOhqTJDgg7TqGNIX/GerqP3NX332FE8KJPkpOk+wpkt3QkROtJly3Mpafy7Ht43yxETgOZSpaa0uc5d79dFYSrMCs/Uo3ARMZ9ePW1eGDM42DVhlI1O4I6W7+Wwbh3lvvOkdLMbmEPuAE4T2L/+1JasJyXLeuSPHF9C+O9zFdjKtZEFtHKVO3f0zBksxLf2CnD2B0CbNncGDCg3O/dz5O3y+f9G8GBl4LjjHIxaEaXR0IrDiA7A5sBkQc4vrgJnQCPpojCea+G2L14xYlwc/SiKxo0766JpYFUkPeNHv6gWGXbEYospxgGYRfHIyo6t61sgR0Ene+z3EeSZdLlZoqll77824u3nrpu9fc2d0FLfAdEeZ3qm31/whr/oV5C7NDgFDf9u1OoCDAOm44hSxJy3pLyKY4ieQLqefbW2dvSwBc1U6HjEbO7KRs5v7rKrJmogEtHMeBHHYAJnRxxbWQonjhkCQ/J8RilpvJiqhv9fM1tmW5tqsRr4QpYiq33KR5vhjNdWQEyS4ULc1ND2A6A/TigqgEOGlBjH6owmYGZpkcu1ou+tAcGBs8GLDtl66smmtp7Wz1uCf9oiT7iwPj3orl0R5qXtYWbhjh725doY/3KzMvy2rcKo7zYmCt4EV3laax/yfrgmzNLNjDSHVJTGU2O9SeijpkFfbg58ncV+5vt2bISt4HCBpk+2JNb1obSNc/Ay8hRNFnKwE7Cn4ENHPMWMYcxVKlLatnvBjkn4fEe/MQl99qvAGRwJ1dcGuQtC9bJmNVVldIJd8/EsWEWWtL2xfkj2YvowbgFmL+zzCsUliKahc9kOYS30UZK7TVEZIEurZ7OEtBxMg+ZyUWTHO1LW230FR2LVmcgvObnF9vdjJict7rY6WvbKKiCvsUwRmq3CUtaM4E2omru+iP27uGOuIcUdLh5cSQAGsozzQDZbAZF9c2KWgsootPxkpNG8fuLYvgDUeQLjCKaCrGA5kHkGmj9YCSzzH1nDiVoRmcBb3uuVh7jjxZBRoykym8OwcaR2GgGRUuoToq49QLAA6kuH2k2s/IHqQ+ZLZsinqczDXVCdjHzQBwul96F33MDBnR0SDX309uJjl7/9/bx0shbktNvMPWL04UcNsc7poAANX6uYhr3RjO7iHvheBFgY6WAXSJ+BbYkjMJDWecCDbUK+H86dUGF8tKimDdYjAIHTLHHcw9LmHqNZD2YfcF2GSWX5xvcqCoOZ11EFKdgaTpkroA0U0Ibz1RWcz44Gs4D+3oYWvTPRsd4++4isu/elJfAK7maHvnfFlDFw2OhhxvuDi/Lh8sMmwvNNrS6mBGB8XhAunlgN2zq7YWFdY+4bk5dPggY7aEglgEPKpgI7uxNSJ7BdACXuLnIqwU7YC6Zdaa6/TIaBs0IIMGjpmJsN1vdWYf/zjtN/xKjREeloCwHyNHSCfCfkDiTLnAPL6IUqAVwwMEypfrdLoy+Fa4CW711wbFker10odDU73Rya4fsnaz24YxKy/SqQRS85+lX0Ajz9ArSkzDQXclnQ4PfgHinykH19Nj+48NiyAq92pdBh3lM8ppvDCeiWhnxIWJTkYmwskoV4rpDLJQ5adJYBIV/VPl0UOOLel3c0+sfLUc57BMSt7AWcNaGKi4lzkHMoBeMesxyv4dbx2ZXSg6sx5nJPZIFMWliNBuGJWUq8CJqSRZOrzfgKO/BPHKCLIpdorjFpjOGGxa82wqU3YcBSkGEccIVMX/6h4EwvZKB3y/A+XSOqLzjJWIj+cwagZs1N49l6PV4lyLnsWlEANtzZAb1TX0kXhaH0R/a0v75q8OjjjNgYDKqCebDdGzis2lTQIOUXn5/JmsApk4loMrpyyWculqHPOAOitoU7i8MGHXar9nTz9s3S/Bk1v1tYPvSvBkDBMXO6WRo8VTX+aFiz8nUXs0FBw3+AbbAVAgxQGRmDbf2WzZfzHH9OLB7fEUpJ31y8ux1+NKgYvmzvgSOHD4IdPQk4pLwQLlhXB3GTRoB1SIkfixD42MIA5FsR1uNL82FVZxwBc93YcQI9988QcJiCwMJRVeW5bz4ayAZQQPvEwTi4lbBsbGahIvxeAr+iQX/qiBLHb48cUgKvdHYZY7U5ksiwDBg0fLCzKZsDScifzjgGTp423vi78b6nYWWXRcd7vXDbjCmweFc9zBw7Co751vwLJ48YksrLC4qKouweVF5eccSMGY9Yk0JyWQTuzpgAvavLuTMZ9qejm2kd4+Avwjou8PMIoHG247NP65gsaHT3dadXF3nVG1KtO0GRRcuwZQCn6Ktml0othz8/s1jxIE+SSbYDZ7ywrL4XoIU/a2rwJl0KFUpEPEVa0UB2xiRk9ucKgmR/971Z0zQ1GwRpAB6d68gBePqMR4ikmaahQWc5/tIADBk3anBBTX1nGAZQuZO8plMP8f9Il7oz9TNwoahQXE2u6xr0KpoZUg4L37yfLDfCsVMEAvJS0TYpt9tRd7goLvoZdlGYhZ6wdVxUPn3s7GNHhXnPUKOsM45mxx0tk+FlSm9/tXs86ro7uChbIyFXOVbj/DyKtErmvSdmKGgMNArKTyodPf7P4bqd3QT9vq+KwT22ucwzVtKr0emcSNL4UFA6t2jqrMroplUx2LsIfTM5LJB3CnRH/ltuZp2rGHEST54tjjlAz7F1/er2fhR4Zu358p6b3q2857lfNtkBkfgZ5heOnXLyWaOHlJakRZaf+J5oMXShdhiRjC2GfgIg+2O6+4jPcICPNS/9dd3Jhx236wONHUs+px7WMwn99Q707sXylYxtONjdEwbdZrVNZS1XA+yJgiM+ZxGaPXvX7tr5Tc0tV44eXDL8jIkjYP7UMXDp9DFw+qQqOHfCcDh1wgg42u+xWAek0BUVIkiZb+zJBsHtRn9LlrLHil8yXBQaDHKVjA4lTCXTiV43dSVMy1A1wULa2NDv0KuIXjFgqMFpXOh4n3c6J+/q9m5jSF07ahj88tRZBmB4ea3ZaOinJxyOrEXeyZigL0cEyeG1sOWUslK46/yT4MFzT4LLZ1bDsDzv3KqqET/nef7W4uLi73eGun5/x29/P4pA8mSLabJIC9mGnGy/nHKh6P2N4mYUHPxFgIbCAA/Fnui0XDRrH24Jz6HDvY+JHVsKuzrq0LNiEpmKneieqzqfgP57R7Ak/Y4l4OWB5xgd+gnEJZXrM7ede3wep3xf6NqVCeg0ji/JkNYxY7HH/HomiC6b7JdheNPYYIcrHiEXgMqc383Pbl2pa2qmjTUeHMOKA3B0lXgcOGsC5KS3yWt69Bdnzsz3aN8Xe7JVOutCcQjJg99o70qEcyzIGRCEIMZwdztmqammvQ+mQe/TRYFxYyAP3h97xA1NuKEQzpU3mkeJK5TW2mbCElRyjEfjlUkLMUechBHToEIf1q0xRg7vrH/f+Kdq+601HPyW/0XVtIsIJUA2GZP2cpNdrh37+apMMvahw0WBjx3Mh7WlVT8EVz+OvtZHkoGbef2vF6CDjQCyuNQAxFqPe217y1bhVxaBlmay62RPFxQn430WiCOKU2Ws/Wli4g0j88V+hvlF6M3ZJ5RMmn5U0ixhhQt9GUxDZTT0/kBcE3twseSKz8iUsa/wsLE8ssrm/7N3HXBSFOn+6564aTYHFnYJg5JBREAFBTFjzmLW0zNxekEPPQx3nk/v9E69M5xnwDOiYkQyIhKXnJeNs3lmd3LOHV5Vz/RMTW/P7gJ6D59T/tple2e6QlfV968v/D9UNxcKKKA36VRG0/BDgQTpxJJZwMKSiSM/vh+bNvXKa6/fG/D7F+3bu6e1ZPpZN76vyn/49MIi2IEm62l5OVATjsKBS06Fq6tKYMXhzoT23Y02pgurigTGxu87HbDD7hPyRVBxrSNOBM2hFu41u6EyTyskpdrX7YSt3a4U8iOGF7ULMdAQZPHFCfwMVrTZteHMdWiz+sjmAvbzzTC1JA+2mWzwGfpd2NxzshNmibFlhYl/T0X3N4WT9jMVWjjVRXmJ37+88yq4/b2lsMrUA/kaNazeVw/3L10HQx09UGnvfGPQ4MrcaCSK8AvXPHz4iJGvvPA3EyTDpHhiYUgpgXnCRMHJ+Bf8IElZfGGoK6CocxMTGY19sTY0QiLkZDUMeDhWPX/1G+A1nb7r4G5g1WUr9PnhWZi9EOdvwPkPwiBQQXMyoCHpC8AEhc+KSZZKcjVQ7g/iU8R6iaq3l3B9+/GrpgzJi3wQNDVCyGNKaDli5okIOCLZzZilA2RyXpCmtUINM4En0xdjjqOY8JQmtUq3DoS/+9isdehbiZNqbpYGJhb23IYkz8eQmvU0ZRMlx/W3t19QMrJU+a+otTWhZWi1+sHk5iz77WWfC29NPuQ29gy8gfemWOcl/hi8RC0sb6LAXwtzE3pwaHKSNroG5KNregGq7q/fPQS3P556N5aLQs6vQQAClg3L2uDye5eip12a8p2iyutyz7xktW/jN9vjYxkh+3K0a4AI/WNHLH3rU8MVv3oAga5BsZwccW1DUcXcnBkXvuffsnI7JJ0n8fixaRL2KU+98qbiQLbuz9vNNrn30dcBTvh5yd/eLvzmoV+4yf0gHmaZts+S9am4863PHzHTiiGbw3HQgqO1rT1QHfBs9fdNmpbC2ZBfv+szmHLePcL3MXjQFUAkRzszmKXy+kS/M5xx0+tusezZ2gh9OECmOXgORPMgmnxVSA7kDEJPb07YBr2g83sMjp8QV4PyJwYYEk6Lry245qRsBTeLZ6MFaK+hOLTZB8LMwb1d/o3vfr3FCakc32k3zddeegFPbhyClTtOP6FhGAIH37o8gs1ptZuHk3OyYGiRDi7DfAq17ThhjLAJXVWUnTA7+NHJdIPFE5OQ6O9s3D8BZ7ps9oTgzf2dUJGthvNHlMJJgwphVXMP1Dr8MScBLpb9EQOGEItt4ix40EK1oWduxIQjmA4Vn1zQ/U9sTljpcMEd5YVwdjgHtvv8kKeJvcJnVtbA04eaYEOWmoBOSTrsxyaOhuknDE30u6JQB2NKixFo6IZP77s+pi159zMwdHWDftcGLDA9BELeJ7NJiouBgd6Z/6TOqce8QUpPyMZA1rbCbPUDPGoiFrYYgA0v1uT+6ryiS15e4/gAklwTTHwzS/hqrP77dW/R/p55LYdWQ4s15N0ZGPz6s+e454qcDyGBpIfv18wQiFI7kLCfJv5egI79Jxb4TkdVLJKcGsgUzYpFT147ZVheZLmvY7fO2FmPAI/Sl6OGXMzLQWTJ3Af9EzNRNB/J54iwzzyNAnK0lKyNWtzoiPeQsJFbgppvq1WKs1lUPyYXw0CkUkdX/OXK3PmPfOF7jtxICc78xEb/8J1zS88fk72ScbaPC1jrBC1DuyMIDd0BMARHvtBj89khmeGRpKNOHAS0SgWESH+G1LwTKfY2Sbx83ETxkAl9pzKWi4KPkY8KkRNJ2uhw+qgJ8pmxS+qEh4Rxtn7coICh1g69HSGF0+20nqaXd5SPulRYt0JsPocRe+7+ylFvn3Fh9i2mlZ/sINcOkaMBZHKCyGnLpOOR1FyEPf8CRfZTAkjCUQ+4brSPHagc89aM8/Nu6Vn96Q7SzEbUncj2eOa8O0q5E6cs32F16sBqIxL2DejwK8z1skGD3rl60VJ3xNj27NLHH+iQAlhi/vTK/4IF6/x3vnjArsr+3S7McyNqe7B/jMNi8W9etRL6iI4i8l4IY7L9o7dbp0+Y+f12npotmpm2aXIm+NEcseGoiXhyqgl+55eBAWoZxPdz6V9eL1r6yD0kYU7q/JGQkl238JnRoeycUc1BwsfG6waNvaf5p3Ryp39CYEHY8P/zxI1XLXnqhoZCOlRDeS1/idraH2FsrQtYR+cCbdj2wenlTMdLt09964o5k7CHohZ6ZzYDGRWnsPHQLntnLh0DBcJkRdeeQAgeXrULPMEw3Fuan7i/nyBuOmD1ggMJGkwbijUE2KzgZ9BPhhPuOSKMkMVSzFh5wcgKCKD7XpynAv8UPovBAgNO9LMH3V+DTQlYtRoHDGK938yaBC9eOgO+vW0uLD17Ktw/a7LwzO1GMwTR56eOGAJT9UPgwekTUgaxi6CyfXv9LtjW2A5jB5XA+YPK4W/LN8FvPlweJ9NhWyGVLIWROe2KGhwWUkMco5CaXVTMpMf9gKQywjvb1gEHWZb1Rthk6KlGo4GZla4H7rl8ohhWlXI9ePtF5WtfnLcEAwZr/UqoabKDmdM/M7QiT6fRDUmYCMI43JHJbZbRMqRcUZbqUqq0hNmbhpHF3KS/3lB9EyTpcVOupX+7+bdDc0Mr/F178jfs2gEGB7XXw2S1KOOnQ8IJk4H+c05QHBNFgDlpdlIoFAiYUhMvOH1kJSQdWsksigkzHil0HvrI+GmYpbtDTNJEQdEqGFkQvPMft59wF8TCwrTxfpA0zZp3/jhv6vljc1chwDDeZ9wlmGx6PGE41OmB1sDgF/e2M7sg6Qgbgt58BVT1TQ/OCJE2Myx0OdacZuxBVmiy4e9SclEQpzlgwtvCdrMbBsbhIe+8ip7t1uYOkmgaUlTi9m3ftoDf9YZwshXNFDiRFMfnbSoe9l7lHQvuh1j+BHE8E6YD9F5U+CLGFv9NfdJvnjnHcP2vz4HeYYYpNnz9inc/Qb82xrQt8ebHKPFzt5QOf3fwLb+9OV53NjEn1eJcvfCRv54Do6Zs2eH0jDMaDOgE3u0Dv7slfbI72X1a6WT4Mxsj3E2W8qG1l7/55afXv/rhLy64495BkjkkvbT3v/7hufM/WrHaqsp+usYdEFgUhYKEOrQ2wURHzxuQStzWn7Yh4RAp5KOIH6LwnrwNHciacVRNPDmVtr1hM/R2gGT7MC8qyquGLrr2naWLrvrbW1MlfSHXh/Bub1749PC80ZP+bsacEKIZsKcLKLf9YPeBXSY4tlw8GU2DzCmJXnDnxSUnV+ve5PzOi93tLeC1daLNiUmlL8aTGyeRysq5bkZx/oXVc0+44x8rmtYTE4FUk0lVWdGDq79uK5pwWgx9ipnzEDIdlK2BYSX5cFZlEfxLoKvnYahWCV8e7oTvTE54xR2EySollKD6daghOQoeIjj5FEcJCa3w5Q4nbXM2fwjcSDjgMMuooEXlBJOED33XhPq0A08svPCZOGAQTl0x4HDmiUlm3irC3OCKh6rtbOkSgMP29u7E5q9SqeDcUcOEX+/6z1J4q6EZVl13Edx51lThwuUXb38R42jgOD/0ZmmTLqJep6P/0mRPhDmt3FzvnDsk74M8jr+Xo3nhdMyxUVCoNbkXVHZ9PPPhme/3RHQrsrXKiEatYisLtRdqIDgv6mjR2Q3rYX2dBUx+9cdrW9it916ZMxUzKiaFP4U6qvKAEFybdjFzRp9qrV7FXYnnXex0jk7pSg2cmOd88POHp8zwKUtWu6PKfdlaDVORrzk9W8lez/qMVR4kWLccPAz1PUxjAzfyySf14ZeUirDAExEQUmtrpE6YckyOcTMN25WnSPo04DZka7PgjgmOf1x26pwP3Yx2r06rCBZ69kyb97rxKQkAJFX8kW2OYY+N0dS9jR+OOUY4JoIpUqFa2/PwZw+dNLuHLX5r/ovrvo7PB+69p64/ozxPcYOK8Vwf6mmBgPWwABiwhuEgAgxt3oKPatpVKwjAQJIcpWz2YTzPyXBLvJYpMEPfIZ99R1GIGgsEGoqigRoZUJtO4MR+ioyUVDKck+d4OUZI0o4e0n/74T8Ms64ZjD58EfatEEwUsQyUeZsU2j+Mmf/MfL2SX5LNhDervY59Ne++0ia+j7PuXVANuQVDQa2dCErVBIaiZ7T5g9XgCyxGf66R+DRIfSTCYy0tjx3Oq1iE2pobyxRJJeremJX17Mm/emZ+tYpepeWiB9Us06bSanXKrOwJrFJ9YUcwMn5ptx2dMLoAjKhJfOR9yFIXoOeMSMmgmX6vVlz28odXuBgu/0vsu4XujFIoLpySnXth2ZkX/3PemXNrFTzXSbPMISUdy+6JQ9yVKvV49L8ZbpbXtfrDsAZ9t0c0i2DAULcfKixdS/27N20gtFWRft5heodIsli6ocLn2ubobHPJ+I7waXLV0Jc9+nSxnYVLGkIc5OeX33TZ21/XZrORlbTPvdlTt2//N2++IgiK+/71wRmKnLwzQ0rN3c3BqO7DuE+b0K+udjjZ2fO+q7fmhMuAhmPXMqhOqlCvCZnbJnhMDcAE/AL9kRjGnbgEXyUOwj4POliEdCUU/dn9s0vuevV721fxj0QIdM5DavIRYTNRRCMNaMGNEjYLQeNAwZ+akSCuLIRRJXmAyUbK1Ep49bzJiUa+YnXDXjTJNQg4YPCgQ23IUdCgoZPps5cZHQIwyEL3t1s94IjncIjg/AwILGBzxGa8aWL0y8bVqqKWIaFpYOG5dbvh92fHcrHotLEFcMt7y2GjMyb0/rxuB7xZlA9Xn3QivNSAw4LDcG6hDq6ZPl74++D8GNBYsrdO+HnQaIEJg0thg7FbsBuWRcMHJYAhIqMO/L8sCQ/ljxtKFt2it16OwOOgHA0Sb9g0FPYB5m/I4ZibxxWOuFmZlS+YLlibFzzONujuaYfdrQ5oc8Kyb9srXxaszipNrz5RNAVpTrgJleMjH7Wtem8ea4pGuUqhfuzRwmDhbwMFEz6lSDf4lIrcMqAQkODQycnr6gSnxQB72u3QZOYb9/nH/brbao4Wl4wdgVX6guMfdqSlBJIqpg+fhER7DpjprWUlMYdaTTw8DWseFFFXxWCm7ncj8qsBc0C09DTWAuQ8R9q1pZvrq6tMm+afPeSp4UzHE8U5InCI94eNTh1eUD117Z/n/FupjYUP4wRbEbMJ3M5WiPgsQhsae7xQbwpBa6D8xd1dWSskjmBBiWkiIXgV2O5HEhRRlJgXJS1XhKyJ4trfmtB6qYz7H4i00ZbClv3paKPTg1OWqUdtGE36J9Cx7HNSnxnyZCs4Ces3LFloOPUSGpjohZCjE1I0C4IXXXWBgK5Oq/3F0Py8XwwvGw4T/vBP0CgVMUp6tM49aA+w+6OwG6uxMZMl9mty2s6In9TDkjrFdyg43oW3r9039uRZdx/OG/RvATjg5EkicEB7yp5gaPCeLO0vBudkQaU6B9QcDVZnABp9NvSGArHcCz0dqCG2lfquQ19RJ951WzM2zUZT+DOkZoXE4c7MK87owWr/+IGrgWOgwc2ISXXGzVQrx5UqFRfkxjkw8MHJjw5JDeGgEFqe0Grg/c/UDtB0GEoRYMjZs/FVSM1am3iHadJ893KI7NTm39NLA4WE9zBH95fWvhkge4EjfsjIK2zogLfUFxT6hvb7cbM0qnFDCyoeKpx1Mdw+51IhiMfD8mAORaDBG4D1WHOC+2ftAajfD+WWrq9du7fsAnnKez4DGo4eMCgXPXTR38Mu8wRn+0HgMbVsf74imOMACUsKTUxtyPfC3FOG1K3YZWwA+QyYKfznynCoDpTaUbFJH5v4OBslLhORcD1Bo4SmUFId3On2x9X6sciHbXjio3qHoU2gAm3ieQRw+LQzxvgnMD3yMc2CmeGgAaNqJq5NSIAEltAycAlNw4IDTbBgXz08O36kEDURs2OrE92aNqgMygvyhGtaTjZsQUBgjcMFDSYL5GdpYUeXSWjr2w0GqLXaoeb3v4BPag6AwecXzCE6JtLMp+a9l4bH9efMBD8Wvz0hJIT3tWVvq3VInv7XJ2UferuIU+aiE3XsxI/GLOI1C1fyJMtBi8Uv2NhNPvqTDZ3VL4kgZEwJNz7FmTA28eS4FnjiZCkI2tWm4Q+Mz6r9T0r96D0xIbdwBSyHE/W329Dm3OOHLhdsqAuOfabH7g9edNbkITwfTBI7oQ03ytFeGFgGPO7fyxraR12pfl/L+W6m0cFShYEDBklhPwTDLRC0t4A7xMAhoxcJ7pwsGbNcSvKdV9Z5P7195hDFYL9hYUV+FhRlqwBBB8D+Hj7s89G9v1cjcN+6XSFo7PZChwPM7VH9U409bAMkuQn8xGYvuyFTKk1+CmgQOBp4Po2JSO5UGZuzEf8HoFD/PvFXgTY6vA1Sw377C6WL1UNTHiEfi6gBQYK/XZVVrk+1xYPUTBDvt1K/7ZuFhomzmsHtuB3yi3Kx574Qn4/XO1pv7fjqb9JjrQkmpfK6h8CYqSdA3c5GYs+SaluERFDhPRv2jpl4+n11gcLnUJ0VCdDCQwK4GD1eMJL1RGLZHYUEWz73O/ruuvewcCzRatkUg7tKjQC1Qu59CPt1TUenscXj9qA9UAelg4QolgQnAdr4NhMRXLIlnmUSOhBuNrb7R7nMLzGH92yEJJMmmeq+r8iGFIfI4vpdn4+adsE9DWRiLwSQNH5PrXXf9kYYADcD6YC8MsBcXI9BB468QMDMj/q3QojSCaXvG/68CQGylgYYZOv+KHvf5ncgmYk3Jboso2k4BtDw+O1n66mw915PdzNa++HYphwfU47ItpiISCCywbDoJaLTUl6hv+MhNP8flJzcWMLTNQEcVH7vtqwC7eVBLLCxWjLGOQ9P72iA1SOHwM2jh8A8tG4fXr0bcBKcxZgjQXQ6wvZUnDsGfbctSkGbaF9VyNhZWS4RwkmCgsS/WfJe/Ccf/zf6afTGfCoau63wfXeczRCBkKcPNcKpQyugqlgHO3BCPFTH5nlzYVRlGfzu41Ww0pQUpDYEhnDURC0CFMLmhBZsbtDb6E1V46ZF9FKw8NJlxZN//bV9n+h4+COBB1JIhD/ZaNznnzbq7ir73r/na6mKysJsKECCTq2gBP8Ad5BBAi0ARmcEetzQY2aHPHPApNxFCuSAuTa6024AoyO24HFqj4giwqbRrqTYsD/cYNp3ybRRvxxi3/sCrr8cC9octVA/5luQ1m/nyv+5x5j1Pdr7hLEZkecramnYBfvaY06YHrSF9FC5u2LHyz5BQ0Lj8knToH9Mz3dWq3nnLJwPpCxPAzlqBQRR/3FODgt6qD/CKeL2VjJsT3pKxgOgfGez/5M5k8Y1DXLW/qZY655UnIueqdMKTpY4PUQs3TkLrkAUzO4A6h8DNh+YHVHdl7u6iz6PG/NJFkTRNJEyl0gfo42uwFjwdMc82UVhyUS6of+MqCShV2SyqWnlXi7r92DrTvgTVENwOcikSe/jebF3bLEiVG+KcTwIaxavPaZMxjmWjBgikxiB/sCGRdnlQ5Yf9A25C1SaC0CDpCjOQaDJipFQYYGK949Yf2OHByzAsTAShBLWlAQb0R7ytZYPBEKpRE1SIC0CFjpyYOuekwYPu3lf3qCbQZ19FaorRyB8whdW0eN6cH24HmzXxxwIfs++XDb4TrmldU+8T8w2pzsKXlOM/Cg+Bu0UrUfA6VtZ8Pe3h/8966Spy9oLK29sM9Rfhuo7AXQILBUUx3Iv4AtHMYh7oyh4MTCyW2Pv3+0ylwW96waZ27/0WbqdkJoR0y/RVvWXol2YG1s+ertt+uxLY1oPEZyYjTDK51znPzJAKXSzas+mx9r9wZ5gJHoB6AoqobAk1jddAQhmIeyjJPbN44xpF7BJwuU4MC7k+TBUt3c3YbYLZEDDD6hlGKSNzI/40YnN5YjZrYnxFLMp8mlN6tiZSwFqPnL5mBHDnqlrMafzuk0AiSxLZ02RrhiMbBwEUElbMS5zxw6FlupSKM7Nhj9/h05dDk/MLkLFHSjjIINQr6IaZTQjImDg47zRhPNlCkiIazHIe7cOKoOXr54TM0es3RFLThVX64URsKouzocTK0vh9TOmwi/Wbk5ETZw/ZgS8sK82ubC8Xrjgo6WxX0JBvHG1etubjXKn3H4AA/XatZWzgh6nNMTwxwAOvYTcsh2WvQCDLzt/LFxZZzGeQXPRSWi4crBPX4QDQ4SnDF6+cvOeLvUG6E26wm00Fn4a9Q/dYfOE1MBTCgUCedZo1iHMmCCdK3Kb9Dex+i9F9V+lNpvOVPBuPfpGGQ7CSFN/Qni2WCOG9vDgX3a78tV4tiqVNG8J5xwGgZFI/jQlVctvP9hp3Q55888eVzYry9p+KQ2OQQqOn4APyOgB+7GyjFdXrJM40VEy45kQSN/ttyPBUXHPtBPzxpe6Oi5UcI6RCh5GoCmYG08K6IvwYAjzqmYXW731oIneB6mkXwGJOjmSxk4sCOkR5pbFLW73Xq3HmaMCXqWkKLqU5jvZ3psp35f2ybPjOwMSaNgWlxt3SBPNktITal9CQRiTMkvbH10OS6UmFMxSAK8AWsGXKfg2VkaNLGkHEE6SfMDcxenNXc+jf/+ze9iE2QGnciRm2ka/o2M4pU+sfZ5rRnsGzsLmQ7jLAGykeWTAuZv3OgTBGYr1Afqx4YfFd+s1tvF6aHtFW1r5SW1u6Wz0+k9CU6wC/XmC4GjKcwa0b6C6IvsHMcHN2daOBmJ+CmN0sqnx885QdEfY51EJu6FCyZUr+HamN5hLaIW69u10oIn2H/QelpSOnTTcrSuZ4lSqR/bQSn086Vd5IipCMMEyB9D4+ksj4ZYyn3Orv7lWcEL29c7ZIYLPgeauEdvGXvv3t65wk/wIWIg77Rb/1rUr4SjI51oW/7uzEgD7CL1YPGXmSaZs3RwTT53I0XQuGuNJCS0xy+zHYzw4HDhQ6rZuRftrdyiZeIzUnvQLhDKgof8ieKhSEf9FAZclNiN5Pr7TxdYjT6RiTs0UmdRAcAwjyO4qlW1uHcC7EjQpnWBsw+qv2rKrRzcAT4+KnQJi++tapxsW72qA80ZXCYABl1yckIpj5YFC4p6cmxXfm6o6oUngkqGSKRoGEUzwUJmblXjc4Lyc5PPiIKTD7hZAgzsYOzkv2X4I8rVq+OParUQ7JOZcvw/ymchB6aYx0EkcDYcod5iVCqMfnNVMIjBFYSDUs/owLEEj8g0kc9SnnMgJgRYm7KLc0pourJ7sQI/RxNYEnk0O0v4tHQO51LiA6v8UoFJafy8TGLFBsctr2nHdLbHvIMEkfNQRhdQcHX15iIsbq2JdbXAjQBnWoog89hSkknH18tGQcB5EpOr2HY1eBB4KEdIsFKOQ0oXVkv0LStSu5CbPyQk8avuaNiRRrDFBGhP2ceEclGgH+tM+heLtxL+r4u2NHqFaW+hP3s61+9DZ0RD3JcDjybPJ99drg4/TIAMkhQInMVtoB7UdXAWpDKpyEV2Ji0+lvJadD2neYaIfIasporeaPkf//gZ655QhNTVRid8H6z6wzadLzM9Ytk1Gfgykfh3C/Lce3o8BQCc2Uuh797nXXCI4GCLEOg3KOUAOMHma8JMvKnugXTQrYy1DdweM99gWB1MZa/tygAQZU5TQV/vuzQfRxtE4PLnuKQlwFProTSV+CkLviKLjHjD8JDQNbNhfFfK5YkAg4c1Aahv4JGAgTBM8ASqEtxwNVcX0YkmqTnxKJhKPJBZ4acDzVVN2wQIQTRTx0uXxC4ChxeKE9/YZ4MUuKwBpxqAgCR4SwAHSaBni1XKExkEAB4TWIQVMsIm/PXu4WUiKhctf0b8TzMnxe/NXbIQNVeWQn6WBt8+dIThBLtl2EGpsdgl4Ee2IYQE0DPE714R6s871q2XAV5Tl6BBHuyGZxhd+xAUgblAU4RgmCg0xpEsJvVn4pLTWokMgDalkVSTzpRyLpfRkB9CbWltJbB7kZiEljxHXoQpSc3eEZZwG09lsQ5I2hIjnkffSCTvScSwiYycXQ5dV0DtJkFTgkKe2gfoPiPWKlIbKPsaB70f7JL7zKAHcSCE0kNMc+W5p4lk8Md7ptEAkcJD6OoQgGeKoBPkEReRexErAblrzCvEOAZJU73J1y1G+S+uRgjTy3UvXBulUDpJ3IH6OrFcJ6Vk1yXZE+5lLfTpkk/4HN7320Q1uSjFkuZgeHWsZXA5LcNu6lZDKHdKneUDGwTIEScK7CPTOVEnJ+M5FZPah6E9Fy3C8gwbBSxWTNkUjUcE0QcWBgCiLSU0DBgkcLwMi4qGYLCdMWPKl0hJtQ+LF5pjaVsGICQuErFRCZbFh+nN9G9x2yijIz9bAYacHPKFwHCzwfWgYJIdtUtOQFjxINA8kmIj/XQALpMZAZDdDnx+ZlyM4Qt4xawr0OGNJnapwZkwStJBtwra3UKA21NbYADJx7AN5V0pgJz23IfQqAfh+tAUgOVnJnTRVEqFNLnQphTBIFj4tEcC9NpI09bOS+tNtzCkhXYRWTQnyuTtkgZuMOpwUvirieeR98t3yMn1iZbQHYUmfFGk2ezk/GLYv4CnRGkUJAS9uumnfQT/aJ3FcpOPJDOCUSvZd/D0iAXRR6IMSnQAOUcm7DxMCWNmHuYiD3nkMojLahnRCjZcByyRQUUi0DXL1kGydEcl3WMn85CTPkVsPZL0KGaEqB5QYmbnEDSBzcUJ+3PCn5/WUruDPjZ5wbC/FPgbGNhjnsX0YijuODtDXRQ5Uiv8WQZlSIl9Asv7TrRO5LLQZ0HC02gYRAHCEnoECQrufYqbgU80TxN+55GSVLlRegiCZlvUr2k4crF/aqNReCmxS9njjtMxY2zC1tBCWWJ2ESWIAGgZSYJPggWBuTPo5yGgfZD8LIid+4v5qm0MwSWDa6JWHWqAKAYi/CJE9MqYJ7BDlcUFV2L/uKABD4l1RNF0Avem8f7Qi2SDJtLpKGeEm3ZCk+RxEAZXuFM2lsaVL62ckGyzdR/3SBFjMQOtOI+BI4U32n5cx0chuvjJ9IjUICkifjpiD9GRU/al6pcKGSTNu3ACFPU88R7rR92tukwAQ8Xvp5lJfjnhixkZyLBUyY9mXiYKsZ0Ap39NkXmTS1JtOsyGXoE1ubXAkcCLqJeeEtE46zUlc2g5psjVuAHOJBAyC9k6rH/dhc4jVrQjEFYLdHQBOa0uoDy3DAOcrn2bNpeuftF8DyYSbAQ1HoWmgopGQQLOM+fQp4HuJJD4uLGM+D0nAwEHSrwEnAGJYge5ByhmfDkFGhjHhLxoVmhgdLKHaWLCyBkYV5cPTTZ2JWOQEUKAkpjrpVpACGvheCaV6aRl4CYhISaBDAAY+VXPBxEPEsAMkvrC24c7VG+R9GXwegIDPqm4+KOcQ1B/qTlJksMwk+C/zpksy25EnE7mkL3J5JKSgIR1lb38b9NHWLx3HAdct1g/yGfbkTq/8QASnzDNZmWem82vg0rWbjJQg78sAlSMeB0m7KegdEplYfQMUOtL8KUyaPg+0TeRYUmmEZzq/BqnmAI6yXlpSd1+CkEuzzvt8L2neAVkvBamU8+nmEd/XXBqIhgFv9ve8/82bRoYf/44n7iiOoxc6W+FkR/e/3UkNGmm269cBUqaP5JqTWyOQZo385MDCT0HTENOcB0M7WI6fhgnE+D4O76SmIQkYeIjgsLdAEFx88f744WMgp7ao4eM3tsBND+5GoGFKkpqWh3c6uwG6zPHIChktQ/LsLaNhSKNx4AmfBBJAcDLaBRIwkOYMqbmD+LxLtOXxqfcFLYPLAZXR4Ddw5GFHKRsKz3EuAln3m0r5hwQOkEyKQ0EqaRDIwTZpnyS5FKQ2Jf7Hrl8qVKWCdaBjQAiJI66/n2eykD4ldNpnE32SRtWkOGIS4Ivvow7p83r1TXzWkW7ER5DroVd9RzlHWeiddE8KMAH6yDkSpwKnZNrYS4jH6+X66WOf/TqS+Sl5B1ya8e0vp8YRrQGS3vmGBX8sKZw47U0TS81d7/EnM1m2NUGlw/K1e2/NbkhGL4TgKLLv9vFOoZ99RJpn5KeGGY5b0JBAZvaw4nMdRU1juBhVr9xHU0ADJCMosObB6guCNxyx1NqYPSCfR0B64kl4AM8yHFi4Yei4VYK3LY6rFoUuzSfpZQXgQCedIKVTRW5pSs0TUmHPS7UOfP8aBhIooO/MW7UxYb6Zt+J7eeDitGNNgzWrYd9nIJ9MSLqhShNTCRvXr66cWsgFDhVC0ob+f5Kp7WgEBlGkJ6GUeTiQ8FG5+ge62f4QoanH2H9ZjcAx0oQLc+fk+xbOdkWis9cajRv1Kz/cAOnJmqg+tCTpTr5H9I76AAz0rIf+54lFhlZK/+VbT5Ob/Pi7Hp506M3n90Oa5FlH8Y6A0FDheh8n6k0BDJIkVok5evaDT5wUZtlCr6lj//4vMBNxakIoOdPT0bQ5nYbovz0vB/L+sDz71Zsfz2HzCl9vCTJVq9z+WH4JfDhqbwLo7mwZ1Fb7nis1IuOY+RH+y1T6GdDQz6mfe/k7y5IFM6gHGYat1KoUsp9MRE1ItAz+CAM9Lje4qIqPoHce+v68sMNdNetbhlaOWNzOcfNi6WYVBHCgkw6QIquqqHng+wDz0lDLdABCChZEZ0lSIyF1pCTMD+cVF8A1p8aSVr24aRdsEyIniOf5vAIjmt5j+wekLiLSNJGiSv33/9w5PD+LGsZEI9Rug/vAi298hZkLqeG5zByXk6uFpIc591NZAOQJ5azfP7uW5bgza3os0NTVMXPY91/uhVTbNn8Um1nKqVlUa/5YrJnHuPH+YG0lN3NnOHLWOo9vIdisz6LftxAqc46IYBI+e+qDT/4xNytrocHhgm/b2h/Rr1n8Cjn2cx56+nlaqZz/XacJmkxdc/Xrv9hwtO9IAhhpSyD4OPQIpFB/FQHChF/+/iYry//bMOvK9/UbvrhLRr18LEWuXpboDyudo+c+/D9PtHp889/o7MmPUc2j27OufBW17eE02p9jnRNSDREcL/OXNEfc/Y+39VlllY87QXHDYU8QPvaGYvskHqO2RszC6J/SWf9nl0mg5Q0ei5bh516OZ/NEgrClKVLyWDljXITlo0ZFy4CGGHAAQuOA0xu3Wp1gC7C1h93qlRLVu+yCl/HCDg4+tO3l9nGnnwUBfwVk58TEIssnGSAT0RPx/ZaCPg7aclEUSUHf28wgY44Q/Ro4TgZ88CnOkKv3NQj/3u7x9jZLIMCQ5Xcvhy6DmIFQBA0pgOHNv9yjH16WvVDBhy/mmXA+Gw0CRzNw3lgtnPPiDZ1BTrnK2Vyva+ZyP0VDrIL0dtHjtQj9nHTZDcVLO7rOtFitncCyVeB03ILu1wHBXUBsmv09TxAIk2+4u1BTWnHrh60dQ/VL33mYFDiEin4Ak6XXswe6fo7ku/TMB56YfcjpvmW30fiK/rvP9hNt5Y6wLlEgCiF2Rp9fwTsc2OGWZKUEiXpXOCketjnovZj30OPBcxRnC32bAPtUvcN16SY7prM2Yrrjs9C9bcTz+lL3phtPMXJFuQ/nb3HY8H2tCGq+OlTbJWjk3E4RFIsmKJ7IFnq0805wniPqVUPSf4L0KRLaecp9C2/7otO00LJ/TwfYep4AmuoEheo0UKna430gtS70AIAD1ZeGaPpdDw13K1S/Wt7WcVC/6sP3JdoM6gjn7481dxVXvfXlr/1Z2c+1hRjY4vXD/nB8OmANcXszQOMh/+SelkdcLQ0dkGSXTJs8LVN+2poGQXh/sdO6+eLxuqfyQ7YncHrpXI0yRTmZcAuIaxyc/jB02F3Q7Qm3dfAnPoUeIaeKSmevTyHuMDfUWk4rrvhtTdnQjwSAgBPAKOJOsmyc2ImWCbnsQ9mQ4oxImBRk/R74dNoFmb8nesABF47ABR8vS0ZgkM+M0Zlah1o634+mZiCMEJuW8tt3fvc3FRe8L+JqA6+zHZiADXWZi5l+cCyLQl1Fq/Pvyi9QwqgTS82wwb5T8v6o43nykye4YFH55RZMp+12rIH84l8ARc+FGOObnLNWfz4bwglSV1QyxcXyzyOQtjkuLKUe1FKVfIq6fQCq+77WTq+8AJLvctK/02rNE51R5oxcBf0p0V7Sm16aoKivtorhZ+rqbK0ylo6LV8WfK13jiRMjTdOTcF4GiEY8oFCO14ybemK4didO185MuGX+3JpAqBrcri40CYcAy2AhmwWpBsF0beQlQpj0shd4BIpVSuiKPUMrAhX91uXb0c+i+LNVkncnHROQMbukC6lMOOwR46aB1MgRipyjBp//EkuPGa1U71N6a+u6+LN2QjJqiByD/kwCsv4mJEjR5OXd7nX7f4XG+q/xtkm9/qX9k0tjTqUZhyOZu1RfY9huNG7dl18ODRHCaR3TYhvqsB+DZbK968+ehoN10JvWfKDMkpnyEwINCfasZYdCn5w+styS7W19PF+jLi/Ny4YcBB7ouDUgynDgRQizx+UV+PCdjHK5jTrxfY8/YoHeVJ1suooJ34ZEAhjL1nV7R5139UsNPPxa0C5gjigMHETiJxE8kCaKfnsojZ4AGRQkMVX05QwpfWbid8kh0Y1OaTZz4ASX+dmoB2eG6ZVMSFjg6xc9sBqCPTN95kaI+syJyBTy2Vw0BAzmyadVUJqnfeD1+8dW3fPq4QdJ4YhP1P0RsRwHmgZFiFJcjE+UJ/hdy5oKimegdzyaHzdtMlW7Yze5SU791eO3WEPRm9e1t3+gX7MYn75g8p0PTVTm5D7/cZPhgH7F+zhZEjXq9t/caopy9+51u3HuwYmGC29agcDDQf3ajx+JjzN99n0LqsOanMd6AsFLkLTMp3lus8lu+5d7yZtfEyY0HtdJ0cqbQ173X5TZOTeqlMqLA9Gomw8F/5ob9GyOFlU8QyuUMwORiHtrZ+cj+cveWyp+f+xVt+YrK6oe80ais9C8nJilVLodgcAyaK1b0LNhpTNeBz36nkdXNTlcEywuN2bd+Itv7s3uUq/zD7pNy7CJhjnjhjt1UF610OgP3oyek6+mqINN5p5n2S8XLSXHZ+ZNdxfmDB72WKfXf7MjHM4voKlVap43xYB2QkiKgoeRCBWFn2EKwGXHv30FWdm3HA77L9YDvIWXuAMUF5kt3Tg3w05QKofE9y8Nqdk659dPzrSz/HOWYHhirlLhdodCZF8TZsnzf/fUbB9PPd/i9kxEFXdW0dyLnXxiOxTpp+mp8+4aQ5UM+tPi5pZD+pUfLCTnzXkPPj7Br1Av7PJ4z/SxbP4OY/emPL/r7rItKzDI4cff84dfRXj+0iDLnZGDAAnLMss6Ojv+El65eC+x/5J7sIowkdLSOXrQ56chOxtg8NDh0HZITQjOBPAadduvZ5WXlP7hnZZ2t/6LN64THzD7t0/Nr3W4L97W2bVMv+6TV4Wx+s2TlzoYuM8cDJ1hDQY76iyWb9D8XICfM/quBX9t8/gv3mh3YEfCGwxzbz4DQsHF+u8+e1/cQ9FYz+pjrAXhP23+47fwCsXNYa/n2SOdu/ia88BjJwVo9WMmn+/MKNqENptMm8a5Lb8M1ax1iJqGXU/Or8t56RMPMFFdIjtmayOAxbRtkrHpBY8F5/sW9jgvARqOhFkyU35C5gmSIESxtdm/AaBsz+RB7BUdrp4LKDY6AYMG7BzLxHj+rSEeal1K/WJ7gO1Ed0Rk6YMj4/fuld+AWfPZoqLzrhnlAP7ClKQrNE1oF6ik0O6LDVKuOl76k5cxQaQ3RwwIMLjQOuvugkEexztcT0ctpGYgFFE3tfb1u9+AgHWmv/sAMGGvJBFY7ygWno2g6jjIpuCKJ2/Q1//pI8Or5ImEsFsfl4DhpLlXFe0Nheei04mRq9/Voq4euTuiKxjdEvLPRALrAKHChFaXZ/h2p/tMNI5b48IFrD5fSWsgfCYYO2hR4KxobVegkzItZBW0dmPvbRoJTpFgjDrj1vuGGTnF5uW7dudDZ+vHaL54YMiw66Co5EOYfeV8/fdffCCC2zaXZ0RHlD3T1NYyCUKBreizq6Cg5DrIynoVPdcD9YZV6AWsgqKy6yAS/qhw2tmTuR3rMPUve/jzd32GU+deCmbjFnR6XwWlg2ZCxeAbgVMPQ327JN4vermhlUJtpYQTmttBIQlH8xqlyF5IewsHLfl8f+1MaG34GM3LLqgafh1k534EMy++VL952UaxrVxJ5Vuv1TZcDA2HOsHnWQSVVaejOi8QVMVJ0BCF3vwEsZTDPE9BOAiTqOjK/WWVt4DHcSq6j8dCsTsUOR/s5nqdVr3Xk1d8BTit4ngKJ+3Z9y6Y+Z3V+U3ToQMdaMz/BsVlVVBZfSPwGtzXi0VhNPOXD02s9wRWf7d/Hyb6+QSyc/wweNgfIU9HggZhvjojTEGd3TkDTJ2iZkA4PZ91/yMz9ntDy7Ye2okzFy4GDu03ND2+rKvOGN9Xua8P1Z6JBJcb/N7nIL+wGgZVX4/G9YxpJ8+YbN+zxQlJhkRyP5YLbxUATNhhXwUq7VwoLF1YOu++cYO8tncPLPv0APF52t/aWPuuLzgJ7Lb81ilnnTJ893pMDQ/tXv/8bQ311Wj83sD9m37r/RPrvKHFG/fvdaM2Pi+Y5FRqcTxheUurAvC7CPixZhLNjQgNKpwqMzZ/Z93/6Cw01svTjPUl4li3u90j2qLcGWjuTjzCuSusNxtLrfly39586DD8WwAEaIxDHYcC5LvA/TZ5vWuguf5q6O7EZi3DGI/tjUjjgf2+JIW6T3J4/Ekkh8qAhqMHDSlq1b3dCpxjYBk+ZeRlq/J1aqbS6ONbkidcVhT2AUIwkur3fuOcCW1DItVt4ZolC/3nX5cXpuiZgNNP4NwUHAEcUqIoeBlNYBqfBgCQjZzopYHge2sXZAGDjKkDAwZTJ5Q7za9mGw3LIZk1LkXL8NFfb55NM94bApZ6ATAA35tAUq5weMgpFRSpvfOvOnfc6s/X1tbD8U9eIpgRfCVDLm3BoVnAY1WvahYf3ry2oOxGcFguh9gpV6TlpTyRKA1BNB0iYdE+D3w4pO7gGZz0i47fo5DQ/5KedamtiVYvRvfr9W0Hbo/PZeHvDo1u4fLGpnxorntB392I03QrAiXF67v9WYvB63kG/b5E3NT84bDSZMPvr+OwvuPQ/bjNhrOuUoHNfCUCAzv07YeEE7DhrKuL0OZ+bpM/eBnauF8T5/qUkHO2q3V/QNjwu+r+Zbjyrk1gNs1QjT1lVPTwLnwqBnTCvM5w9rWfoY35VF3I91ypsalGbO+kO35zw2a7cyYS0kv0rfsfxTO/YvjQjVu02qVI4NwfV5Ezk+b9ctwGi+1iaKz1jLB1zqWc5hB0N75lmHXFf5CAmIqaIvo50Gl8C6hcpZLCa8m3v8YAI8Z2g1J9VvkJY0uqTpo24hOPVwcB75vDc0os+3Ny0DcUownBq2pnqNeaurvhxKDzetbUYAZTA20YdlsReJlzwyfNnKrZtxn7abBmUC78rrER27tf0JubX8Z9VBYVbG6gFYvE06solKIMo+hgg/jdiqYMYXEbwty/th5C8rq14Wq9tW0boR1ViYL/ZL/1V+7GnbFxN4LKc+JYpdVivnpHlLocvZ/FRF0p8zGdGh/NqU8ME844CdV0x7byystPqKi4PPf6+74tbNjz686923DeDr5rw4oAd8GNK9DYzOMY7mZ078mJF19b9Y3bUw2W7k69YQ82a2jrQ+yle/wuvFd8hubPq8R+i+cnr1/36VOGOVfjfeFBiISWos/8E5LMklRHhH89Ptbz0Fj3kGMdmTRjqnr/FiGBmTccURzl3GUHXXXHjK12Zz4CnLVo/TxDmG1EE5eoqeLHtR5ecqC7M1hubK2J1u6qjST9QoKEHCCdvTPOj/9PQQNAKsWsVAOg8QaiXm8AuiHpoETmGCATnYQJdRQ3wPo54lQkbCQTG3Y9sXPYhDfQBB8JefmxFKiJ8EtOJmlVH84NclqCYwELom8EpAUMr+UaDSsI7QsJpoQTZ6GGeTTqtUHUb0+h6OalzRTvEZoHjmMgT0vnVWstvxU2G4L9MG6mOB4jBhRRhXJmlloFwUFDesbpq6cV5mTT03PyYLtSNSp39OShvvq9jaIaX8lz8U2eT4AGJceqMJF2/HlqURgM0+UomhRIuHVrRIEjsguqesKRuTgV8Bg++G4knugme+d3e+DS2+vQ8WpMaPQpJ2vrdx2IOQLwsTrVql3xOhWnFOabdwkiSt0Ut8HzkwvymvZy/LngshUCkWDoxPISlfqeh2+0R7gZLE1XaUKR/MPoD90sP7wEnbXjfVOMKS2h6rxuyM3KVhDtVVoZbqYHh/iWVij0N973cFW+jsLU7FyIhRpDw/nx+qNOSjm7w+nC/gifCYAhTj19UoFuzz4epoLbLmefTgEPEVpxalzDRlVEInt6tNkXubKHTS/M0k2CLgOMj3g36TSVlbE09FyeuDbHn3/F8NZwuAoUyi5m1KQbZpx1nkKrVFDjo3zB1z4fdLlZbOYQgKw5FEYAyAZjIPRefOxVzPZ1e+Cqu9FotJN2dJrCp+0kEa2Qf2H8hVcOqfH5q9C6qkWAYXf8Pic54FDuvVt9s+95+FInCzODPIy3RKKDrbHxGUbMEzk/A+lmkfDJ0B/c9Ed66KgPmvyeB5o8zsuhqPQcyCl7C/XtKvELEyL+tw9m6eahPelC9OtfuOKKSxjsrxONrBVBQY+pawdocgFKKn6Rd909hUPCvi/rvvpgK6FVo6cVF1E7KDQVtFqKAGcc6n8VMdbzpGPd6eYu0seciDk1xG0+RzZ38ecYzlDXYC6p9kCubpznql9+eppW8WXth/9aAkkn+UR4ateiFzYXAeyNJvOkiPlHpMnTjoSDJlN+YqBB6ttA0sOKp3+SY5+C3hz/YrTEkfCKS7UNZE4C2tFmMOnbDDdYZ1zwZw/Pn48mNGqFigi/HCCdtNRU0Z9fQ39gQc4cge9h+3C3UQoYvPHLT2gZ6Gd+e/kIivHPCHuMMR+GlIiUVB4MkLOS8JhLQwEKzjMnvhkcz8lYEt7rPo6fGzQZcdKue5ay+ViLAODpEbg59odzz9XHsvwJoEGRPCUnnNhojlXGz4uiJ74ghIGX5QQVhFFbOKzDbKORns4Aefoen53lPYQEopdlC7XxzY/mEWjAcwmbO+LzXU2hG1jTpaATanOtQhG7x/Ni26gzbr5ntD23+PNvGpt10N35LWRl7Ya8giFY4Kox2EkKPDlkK7QVCbuqoNmME/1cucbUFT/DoVcaRkvQ407sI94oUygIfI3GDwT1co5KycdyxaXVOCVAhAlTtcfo2vmqoGdjT17+RS6KmbLc7ZsMHmdjsL3JPOjEcZWSNUD71VlDD2ASM7NxSEs0Or+lrTUGoKMRIRkbWp+0CGKsUUaH/ZAi5q4gofXgqzVqnOo0RSVIAU+Oi9AnvyprmAXbQ2naR4CrlKyw0y6+ukAxcsKyt5tbx0Nnax1am+uhoBibqwbH34/6CNZESqZUrr0BZwR9RKs77f3aUN7n4POeqhl7yrDw4V1t+LOB776qh7k3Hwa1ZuyQ2RdNiuAIC6cDKvnIN6ImJGvTsp0w/rQFEGEX7iuvvLK1svJK97nX/Ue/9pM/iV0XTEUyc8Krzqnue6wTDqYcegh9FHNXmE/mfTWBoRPhuvZg9C2rt2T60iFV01G/btWveP8CyZ5PJm0TD3k89M4q228Svkz56YMGEjjIZQsjOfYpSOXsFz+XwqV+pEx7EqfIxCmidMuqxzWnneezRsNXoU0YbZRaSDBHpmS9THeAGIBPgxyw6CvCgix4AaOTLFhMgcqA952sVMBAmiXEk4WiMo8/iY2EIBrySrAM3ys5mJyfg/CiYk6bueedWj1pzbaObZDMFHi8RVIIAnHcLb+6ZKnPr0Mbe32e3/2CCm1dKpWKNldUnwGFZdehzU40UQgbZpRlaXTyEjdBQTDnKBVK9CU8SUiNgiBxhI0wNi9SIi8soVAX5OUPyRk1aai/Yb9RFF4atXowtv+XhXw9fByAiEYviG3iacPkqOQmn8iyZlLl/HJNk0EHDQf+R99V9zEWVoZLbpsGPk+liueVEvU47hdub4r3vz0UNOIXnxvy/aa85cAWSM12KK5D8IeCPmFssnKGkO88S6vNBToop0XsBRzsrJDRFU9AzvHd1+vh8jt9pgicCRbzIAj6XsSfUShocVyTQMxl64aiLDwB6/V1NTcSpgSWODwIe0VXOIRPrzo09tVo7E2COWnSKXlWlVIEDQRmSBlTOlFXKTql5xcOAXlCM8pVMuTilZ2m8XB43xp9y77f4HHnL5ynagnQp8S1VEoYeH4XuaRSitD+mrphV/9yZ5vdMtUUYYYVA3SKY1sRDf2np7D4OYdGcd4Gt+9sBLgasjobm8n3oj9U8wX68U2LduaVbqVyAbidt+WMO+U//tpd7UkJoRQdvhNjTbmsJihQ9zXW4pygjnLuippdXnmgph4BpDnh0VNmdJlVv0dgb4xh0pnX6/dvfA9653ERk0f1AlrQT86OTDkym+5PocjlaxdtVT7CPk+G05BERSw2SRzNZImbMkjgIHrhenQ1a/4yxtL1BNjMfvCiExfOU8GJaazZWFQFyyZ/57nkJeaSEP4m87NfZkg++SzpHoyJm7raMc96u97e/URWR8Nysc3xS+pBLCxWDRWZyEYCcTru5MVJAYOsliEJHbDqmueiRTKaoOPJNCFojoIqzVyw2/E4riuzdewstHbszDUZds7kQ4vRiRltXapROWMmV4sbGRv0mwTNUtngc+J9U+YOHnorw7DkhieUIMPGQlyKyypBGuLo867BWqoDVaMfFQXmufctuGW30z0YzaUdfGeTUbyfOPFRVEJVzVOUNE03R9xLaFL2ur3VuL3l1cOwCU856qQpBXMHV55ION8kHG66Img65OWDq2zwIFIr4HG5dmCOEt/IcfeceNrsweT7rBo/OU+ssMhqXCtoIIrKrhg8a+4Y/JmxU0/Ly8nLnyOAWL5v35axs8/Pz6IFsF0nAv8SNrobAsFBmMdgVNDzPe5nhI2r1ChaHFdo3bTGhMCWEcoqR9PnXXsj6RswbILQxmS9Pt+3oMvHY/+I2I/K6bMuo5K+SOnaKTyzdeNqEzpRGyE3f7DhgnkLZUwu1GGPb6iw9iurTOI8OWXYsCkxc2ba8Nm+KO756b98aPwpc6/IFQXgWfNuH6VUa0ZjjU+lx9pIzr1RlvbVoNV4DzJwD3S0ocnoW0YcrLiJZ8zJGX/6LPwsfsSBzUtPLCs1YaplVzAkMruCm4nyAggsrRhEzt+2DauM4lgrzrvmJpmxTteXI5m7Qpl2yTVDBDBdv3vnOUOrdgPLYBbbAuiddVPMNBkgriBhlj5qGZApPz1NgxQ4AKTGRwPIJweBHxBVklnvUu5H9tcsP1k/umFPcPBCyC+aKHhgq7VHZqaQM1nwfPq/p/NMxGpdbI6wmkHhsa8Y5bV/FHY7rASo8hILijTZCAKUiYYphvcnyCV7V8v3MlWQkiBBORHDOOnSxB5PmgZqrdl6Ic58N4iLfEucSOjuvTVtkFfeAH7vqAOc8mx9jGQICtvq1kBh1ePon2MM592wBglkylDb4MFkWfEIgYRWq3vlp1th1pUeNBiDDXOu+QLVuE2/bgnmfuCmGxte3J5TdhqoNWcbrrhz7Qxdnvf1xvbR0NLgLYv4nyWfs9Pj5dBJEb2xSMJuXpO4FxXvQfJeOPFKrD1GdJpUTDersl8xX3LbLgMPo6D2sA+ctjyGY8kEVpzXalkDPDU9oMpagNp76YSg6+lAzdraqu+//Mww5exTQaG8YmVx1Zdn3vLgbrVCwX9rd40y2Hv+Rw97Ma8D17Ptu3aYfsE7aALcvlFX8Ln+mrt3fhMMjYZDh41g66mEaFSatCdlitVnF48N2mwgRJyIUQQ283pwOmehed3AmNvwSZpqX/vlNjjrajSL/ZXkaX1sT9v8w7zyvab8ot+OvP6+64dqNd0ehstdZzLlojaeKdZ7srXjpT2q3HPQOj3bcMntq/PUSu9/WoyDwe0wQig4mGyjNRDkIRqUvluqympc0MnAa6AruMV1zT1nT8zN6VzfbR6rX/XBCPzBPGPrJ6DOexgoxW2Gi249FWhKZ6hvogCHjEYjKcnDuqzWWG6E9AnNhPE5EIg+R5cMO6PqjocPaWnwveVwnQqN+xCqcywMW4xuQghD1/4drpKhY7+1edxXoDGEMQHHNxFCE2sZOu4BhSbrrmGjT9nuYtghu1vbBiN0WK8y1h0W26A0G1eDKvcB1IfLDWddPQg45nP9hq8+FUCJueOeBo7+qDG/6DdorK+TGWvhMLLD7YnNyehA524kMS5Dr77jvJ6C0reG3PHQYQTq6W+7TKPBbvUOD7nXQm9eDFG7LMuXkQELP0/QIAsgmttaf/TKJGlfyfqFye021DfoDfX3suOmXtHmLbwXnWJy0CkEgQd1TEEnBQAkiOD5AQIJPv1n4+mtwdqDQUPd0LDvE2VPx+5wEiCI2hg/9KaKTpyifGHWmK1kUhUaRGbR3r4NvETLAIKWwR/CWUU5aUpd6jgKvRReQP60s/Khq/0NNHbK7O6mg1IQOthtfdoY8E5Hv3WKtlDL4b2ucWPoi2r9od8gkIZOQfz60VHf1/V5pTcBG+2CVB8cGOrsvq7d6bkTOHYIAgiJ59jq9rtOHjH6+j2c6lroaJm+heN0EA0/ewLj/4JzWlyk/bXQYd7idHt4NcdsFzfZSrt5i8njZbVcdJuokk3eY7aJm7Z+y/IlhtHTsO/Buejk6y+i+X9jk7JdoZ5SQDEdbFLlzes3LX1D+KzXex7qszusVYrcBqDfve6h1hET13HG9nM34hO+gkZgiH13BM1vIUxclH77qj8ZTji5Hoxt5xo4lkLC8i/D2fCOVq3uch1w26S2f3KWszZzB/gDfwcm0iOatUZY2lYpKXVHDs10xe/F1qHD8jKEA0AAPSq8b8uBcSdMuKzWYTm/uaVhTrOwzvjtqC+HiM+Be++WtnGjJ19cG4jcAYboWC/H1g+H6Aetquypce1FQu3NO21tEGJeRG0yEmuGUu/+fsuYEyZeUuewXG1vbZy2Hi8EBf2mZviYgnBrnTu4fV1X3vhTr/M6Xdeh0zHaDPiP9Hx0t0Gdewl6B9tSVOvW7pcgGqKgd1rqFIKjQ3WHXkVCcysO2xTWVTTyHxUX+a7a0r4DUtOuCx2fnJ/nWWuxYF6LbyJ2s5v4e3RL/eEVgj9KIDABCeQ6BDTfH8UGvmCI9xOuWXsQxp92NwJtCKGBTpWlbRfbxuzddGDsCRMvPeywXCAz1qJjNa9zWLZ43G5Qc+yA5i6a4zViOy0tTQcPhetfALfrdMG8EQ2/OpSPfEVbuzol86cXA20GJPyImyfPH39jeySZv/4boEGi1iapZ7GXL3b4w6x0OfjKLa8s6yoefL09K/dyyEPgQUf6OwxA88ATmju+L40lFv/BWGQEprn1uq0lId+S/J621ZDMJSGGGongQXQIEr2HRTpYbEbIfvSOM06dXOJcGQ04BdIssnaecIzkSD+HeDO5OIBwBSKwq9EKH+9QzEK3MamKMw5acHuY44SzXnx/Ig+BBlJpeCmJSlo8yYhtT4T5ET4B4mdIalrys7REYJJ/UxDPIW3XrESrdiRaG5KRUKyH9GEQVbphAuSQTI5SXyKFxNxERipFoTfLoVKiQuaI8QlBqnOa6B+iIt6JElKZLKXJoqTphklbuPhepHZ28R3SRBuVkEoPTfaLk2qmIJUJUSGph3xn5B6hIg5o4umabA9P9DEKqU7cnKRf4nwlx4gnviOMxdm33Tu5htUsObhzm07vNF0E5g6RQpmMllISz5L6qZBzVCERzpzknfU11uR7oQY4b6WMk+JaFdsRJfa4cHxfYX6KArgvWffflG0/B03D/0kh0gUDsdGSERtRn9kUKTCbXhtUUv6pq7B8dpc973LIzhkuRFngS9A+HIN5HwMF7LPgRmDB60FQwLurKhxYprZ27SXsekGJXW8g4Ub8s4s2Hfrwd+NMUZarVCnotJoGOcAgftZkD4ArrN4Wo9xKPTEdZ+ifdJSScv2TgoImPk8KJ1EdKt1QpVocBSQZ/qTqefE5SolwJUEDKfyPxsxDExuvQtIOBiR+LZBKkyylXmYkzxB9jOT6S5qnUmjhoXdEDdkeIISnlDpYDhRJ04ErgHB6hFRaeFKgs/2ABul8kLaDkgBCUkUunfuMDCiMSj5DEZ9NF20k9e3iJEBEOMlPve8Pj27xBn5fi3kknJaFCDC0SQBeVFIvJwENjAw4omQ0REw/Y80fBdgFSR00Ua+CqDciA8IzJQMajlvwQCYcIoVPgiMiaDOHNDbzZ3qAZerqE0Z3ZOWd76cVE0CtHS7kr8jKAcHRDmshRHZJEkxgxzGc1jUajtlTsc0ThzPhn5HQrgIuWlvqsnzL+b0u4sQYhtS4ZOmJLl24UWJTt/u4L7M47v5YIgAqRdNARlGABDDgn+5AFLodfrCESr5CuxUj2USPN8BA+qlwxKaXLmcDLxHEUYmwJ4UGI3PSp2RUqVJBDBIQKnfSPVLEmZKplBAOcgJCFIRMmg1cAalOrRzI5yJgJMJY2i+pUORlgMoROQnK9FUOCJAAiCXGXiFdBxItQDrQQBOaEulJnBxPhcxnGJD3XZBbM7zke+SclX6H+vjAoTwwdXrAZfuz3tH5tUSDQYIGTgLQpCHuFNEHqVkWBjDWRzt3eZn6GUl/GQlwypQMaPg/VRlJ6W1BelomwjHJBc0SizMUN11oIh1NeypAsPWp1flFBcGi8skuWql3UYrhCCjkAK0YBhyX0ys6gmPagaL9wLGWQibSlhcNtajMnQfEerjUOGRS7RsmNAt9hhtJMnsyD/y77qWX7xh8bpSNnIhze4g4RgoW+BRtAw/BMAt1HThJGLV9T4NzF7FBHY+gAYjNhpf8W04IpRPEDKSG+5LzACSn93SJr1jonbCKSyO0jkZFRYF8wippPaTQomXGCaA3xbHcM8iQZ1oGLHHS+RjX3HEyoEpOmFB9mGJAAo4oCUCUggaF5BTM9zEulMwcpvv4PgkK5d5vujVB7ini+qRkgBUr8zwB2A3xO1/Pi3pfjDg6g/E+ipqIsIxZhJPRpklP+gz0kehMZqy5NFo7OMr5KzcnmX7GMVMyoOG/AhTSXYkNIS5gOZlNIipRz4lCXLQZClfE7fAp3A5zMRr74tRTCJ1GHSvdbFkCDESIi0z9TWoWOOif/SzFlrvFmP/YmDzTonAWl6vLVsU4WCRgIQkkePAFGTjU7oTmnkDbIVvp3wG8opYjIqNmPx40RXKCCvrYxOU2MpABFHwa4CH3Xvk+niPnQX8sm2460MHLCAEuzcla7tTIy7SXJFmTfk42K2Yf7yMdMEiXP5YEaP1lDk0H2KAfQdTX9+XmTLpxTxfWKRf5xUuey/UBQkGzd1NrJNX/hAV5kjuun7nX13zg+9on4Yehjpf6kci1McO7kAEN/6dgQRDgn788f7ZWwcziWEZwFGWYqNvsCm+696lP9hOCWJpXQXpKIemsRYchpeTfSugNHOQ2dU6i+o4SP8lL6kB3JIsqwYHx8erD+y+fM/reKWXOP2axnB6zPMqBBRwx1WUPQJPRCV0O5nCTq+wpu9OLQzwDIKHuPt5OA4R/CgV9+FxItE5yYyarQpecEAcy9pTcMwbYjiMFELL1yGjY+AE8J0ULl0ZLB3Lauv7eR7rPStuaZpy4dKBD0k6uD3CSbt6QdXF9gJg+x72/56cZm77YOykCzEhBhnRvgL76n2ZOwJHMhx+wDHgeZcqPX37W0RNk/oG/PXZb0aQRRQ+qIHofF/HlRwNuwERHHIfEI0UDRauAo5Sddl/k+dufWvY+pGEak0RYkDY/JfT2YldAb3uz3IlEDjjI/eSOAiyQZEcYzOBIEEzQUrDwphnXV4QPPFprDQCD5gl2jlSiC0dPeANhcHiD4PBFrS6m6NPDnexKSPJBYAIpkaZaMJMc5+mxMyVT/j8cgKR7jtQ0lMm58BOSdZnoieNTwyAsrk//cd/JFfnqT6Le7mq/vQ0ivm7gWDbGhJhgRKSAUmZV5Wry/7l44cx5n+2N3Pr5ih0WQuXH4glAnApIhy4RYJBZ/uTMEn2pu+VswtKLP0rWS7K9gsbhpYeunVsS6X50+xYH7OgMLw5mVdTla5kRwLM5PEJSUU7ld4RyD7SZ/M3oK6IphmTmDEIm/WymZMp/s0hNp9L7GVV+pmRAw7FqGBa/cPeUilx+ZcTWmB+wNgHHhCXkRuI/OGAjfmCiAQQesk+7RA9fR889+Yqla/eYIdWrl1SdkSo+0uNYzjktne1TqnGQxs8fs6pOqoJ8c+G8a7O8Xc/u3LoeAQbnij2WsrcQDsBzZXvqyYUh6bXFqA0xzDNhP81sVJmSKT9+kZDQ9WnuypRMyYCGIysCYPjjb64rLs9hPg7bTflBWz1wHNsrEVOvwnHAIeCgoFRjZlb0vLIU4FZSsMulgCYBBMTSREvpr/vyjOfT/JvsC3+0bIskgMLzYfGfbvwDY2tbsLNmA9S0Wb7eYat8GlKJaaQaD9LxU7yOSwfITMmUnwNw6GOvyJRMyYCGYxGSpwxVP8gFnNUBezPwLJs2G7U0qyOPk0pRFGjpyDl3zB05Z9GK5nUSYcr/UAtb4qhJmjNAooUQQ0CFewMBEKSJ5vd3XV48tTrnzWB300U1NZthd6f1yx22wU/E/x6CVH+KdMAhk1EuUzIlUzIlAxr+/2kZQKBUCt0TchkTJgmRJjklEVMakcdxDORlqyGPst+Bft1KCE1WTttwDOBGAAqP/PKyohNK1LMVPDOJYVicshc4NgpOX3jzgjfXbwAJ0U68DdwAnq1c9PiNZ+mUzOv2uk3V3++uhWab+4ud9iGPxT8uag2kvAukqaRXREnG8TFTMiVTMiUDGv6/gAb67SevmM1GgvkRX4/g7EiwJScTMQEBJGRSQVM0DUo+dBbESJzC0Jse95i1IQgsFJ9crfsbRAI3RvwuiPjdwEWCiUyUOkqx4LU7p3a6wvzzf3h/lxjVIVxx+yYvCZ9KPPv3d15WPGWo7nEIOO417voOVh1qA1NQ/eh++xCRRU4ECxFIzamQLtR0wFqOTMmUTMmUTMmAhuO6kMI4m45MYsN+4LiYrEtqFJJUySI44PhUP4eElGQZAWCcPbVq0rqdndsgGUrJHmMbBZPBK7+/Zkp5Nr0y0GPI93U3Q8jrFuiahdTTArCJ/ZtWa6pUWXn/fO6a4fPWGTW3rt5ab4Fk1AYr8aEQQj3f/+NNt2ZR0Ud9nQer9+/bDTtaujxuuvKBQzbVzvhnRcAgpaKW0ttmHKwyJVMyJVMyoOH/taZBwbHRQoYJgMhTwROaBlw4npenTJakgsa/0xRbCMlsb3IMcUcMav75uyumlKiiK92dzflek0FALpjSmeIpoIQAUEj8nwmHIBoJA63SnDY9C76OnDLyyvW7ms1xYU8T3VK8+diNZxVo4A+MxzKj6+BG+L7BBO1Oz7puxdjHeiwBLyS56ElqajISImN2yJRMyZRMyYCGnxVooFiGoVgkGznJGVnq25AAD3HOhoQ+Pn4vwrDAsJziWAEDCWh+fdO5xUV0aKXH1CloGHBFAlTo4zzPsxwwXAhoWjFmDN388nqA2yGZ8Y9//48335hFM/eyQdcE28HdsLOuFepNZo+LL37ssGvY+likZCJLo1wkRAYwZEqmZEqmZEDDzxM0eENRY5YymsjSmJS+BCiI/8KJGR7J+1iiRlnwBaNg9YLI1SDNH3FUWobRBeyDIY8r321sAoqPJb8kjSPJ+M3UtvOooRywUKCmzrnzgrFnF1WdYJswOPfyLCpybdRn1llb98G+5k5o6LaAI6x4zaoc90G3HafOTPgviHnqyTwWGcCQKZmSKZmSKT9b0CBI2oNGduucKgaiDA9KBZVW0yCmhOYIs4SoZbB5w+AN8ZZDjT3d5LOPRcuALpWCCd4bsHcJ/haU8F+yiCyVpLkk4YOB/85yoFCqYHS26z+VuW6IdHdAe2st7Gq3gcnpBFeY/8qrOeH1FlcEtdkvZsuTZstMSXiVAQyZkimZkimZ8nMFDYLsff2TrR3THxi9EwnZqTRNy2oaSKdIQeNAAAYGCfQumx+c4axv0eFcLnnV0YAG+ulbT5/NRgO6gMse95cQIzmo1PZIuCNIzMJEI9De3gbNLa3Q6XCDw+83+VjNUjM16kOLO+hFmIDMzEkCBlK7kOGpz5RMyZRMyZSMpiEuMNnDNu0ro3Lh3QjDCcmY5CIoZJ0h0X9dtgCYnQF/bU/ZFwg0yGWXHHAhTRNaLnAmDqtkWU4wS3ASNlhS88ElNA6k5iHWYIs3CCYfs9XBFK6otZeui4GBIEnQRIZTRgjtQiJCIgMYMiVTMiVTMoUs9M+pswSds5Az4fmP9m02+ZTf2L0RwMCBJ8IYE+GWgoBOFco9zhDUdTrAFCh422Jz2yF9SOKRahoUkUiEjgT9cVAAsSybYrs4XhJyCcnoDzIUFP0/yrJgh4pltRZlTfz5LCRDKLHXoz9+kbkionHtQkbDkCmZkimZkik/b9AQL4lMjljYP/FR1yPtLsUKsysEwSibAAcCWIAkyRMW0tgkYejxwc5GM7Q7NZ/uagoujwvckAQ0HE0RzBMsE6VYIQdGEiCwXOwSwUKKhgEgATASpFTYfIJAg1KpALKvBFgIEGAhhZQq47+QKZmSKZmSKenKz9U8IaroheyMryy3Lpx3ZrGlwOa8rbwgC0p1GlCraKCpWJhjMMKAxR2G1h4PdNm8gZ5Qycv1nZHvidN68Bg1DYmIC1+YNeazjKBVwPYJShohIfyPjORIEj2JppMIQhihaBRMAUUTJCMiAgTAEU0pmRwRmZIpmZIpmZIBDelKPH2s6ASoiAtSxeKN9n9OGlO5otxquUvJ2ydplFyZUkFDOMpAIBQBf0TR5mezd3Z5Bn3pcPntcbDglYCGo3UeTHy+xavcOlHDQBSBBiWdHn1whG+DCBhEzYgzEIYgw1lsTp8zDhJCkExdHQaCCjoDFjIlUzIlUzIlAxr6F9IikVHC03B/nakB/XwSQKUtLdYVVeTzJ0QZlq7vCBxMaif8EUiq90VNQwiSyZz4Y2gTv2RDY+cJc3J2Mjiqg0rHFdU7BFQEDCz6g9XjAx+fvw6SPgwi90I4rmXIgIVMyZRMyZRMyYCGI9Q2MBKhLToLaq12j99qB8y/IPp9iNqJsOT0HjpGLYO0fqY9lPdKJe8VojqwtkNOJ8Gn5MjgEz+73X6w+wL+Nqb6c9Q00UEzxckxM+0zJVMyJVMy5WgK/XPteFx4isBBdBLE5gY3urBa34EuO3HZ4vdc6PLEP3usZokEiCG0H8yHW3s226PKb1zBWFSH6PwoXISDZMq/cVSHOwitFjtYYfA/nZ6QXFRHBjBkSqZkSqZkSgY0HCNwEDUIGAT4CfDgjoMEJ/E7Bgw+SKr8BafCH+AEnxLVsWg394g1rFjh8IcgHJUAB/HiYtoFnP+iy+GDxh4rmJnSVwwO1XpIDaUUHR8zJVMyJVMyJVOOuih/7gOAhX2cXIknNA80cYmF1AakMED+QP4BvaI6vqhTLpwzAixZbvtthTlZUJijBY2SBrGxgQgDNm8QLB4P2Hys1auoWNTu0a6HVP6FMBwbf0SmZEqmZEqmZIpQKJ4//uQIEuJHIvR/yHrJZFNyiadSaKJ/aGdCVD8dB3JadGWjKxddeScM0Y3UhTtu+F/27ialYSAMwPAYi6IuCx7Gy7vxDF5DUaS0psSGzifTITsDHZvngaGL7tpFXuYvXf/+tO/TY7yZc7y7YTuk1+31+vltWL98fO3KUx2feUbkdwnFfgaA//Gsm/PZJhouOOLS8RjoGA63h3F3GA953OeYuMnfR9CU+zI26fQCp7/eHwHAGbQaDSt/TVPKJZJURcEuh8RUNMRLp8oTHXNcbQ0AoqFhsYTQT8wkRDBENJR7LCIc4nhl3BshGAAQDQsIh+8iGuKEx7h80VUzDREO9ds2BQMAomEh4TA1m3CVTjdplqc6ylAYBAMAomE5yof/voqFOhrSxCcAzKbJ0xMAQHs6PwEAIBoAANEAAIgGAEA0AACiAQAQDQAAogEAEA0AgGgAAEQDACAaAADRAACIBgAA0QAAiAYAQDQAAKIBAGjSjwADABiENOG6JdLOAAAAAElFTkSuQmCC"/>
+</defs>
+</svg>
diff --git a/public/images/bg-01.jpg b/public/images/bg-01.jpg
new file mode 100644
index 0000000..f4a08af
Binary files /dev/null and b/public/images/bg-01.jpg differ
diff --git a/public/images/bg-02.jpg b/public/images/bg-02.jpg
new file mode 100644
index 0000000..2f6ba13
Binary files /dev/null and b/public/images/bg-02.jpg differ
diff --git a/public/images/bg-03.jpg b/public/images/bg-03.jpg
new file mode 100644
index 0000000..f0d85f8
Binary files /dev/null and b/public/images/bg-03.jpg differ
diff --git a/public/images/bg-04.jpg b/public/images/bg-04.jpg
new file mode 100644
index 0000000..5f360c9
Binary files /dev/null and b/public/images/bg-04.jpg differ
diff --git a/public/images/bg-05.jpg b/public/images/bg-05.jpg
new file mode 100644
index 0000000..15db46d
Binary files /dev/null and b/public/images/bg-05.jpg differ
diff --git a/public/images/blog/.DS_Store b/public/images/blog/.DS_Store
new file mode 100644
index 0000000..5008ddf
Binary files /dev/null and b/public/images/blog/.DS_Store differ
diff --git a/public/images/blog/post-1-img.jpg b/public/images/blog/post-1-img.jpg
new file mode 100644
index 0000000..15907f2
Binary files /dev/null and b/public/images/blog/post-1-img.jpg differ
diff --git a/public/images/blog/post-10-img.jpg b/public/images/blog/post-10-img.jpg
new file mode 100644
index 0000000..9f3a727
Binary files /dev/null and b/public/images/blog/post-10-img.jpg differ
diff --git a/public/images/blog/post-11-img.jpg b/public/images/blog/post-11-img.jpg
new file mode 100644
index 0000000..0d61f51
Binary files /dev/null and b/public/images/blog/post-11-img.jpg differ
diff --git a/public/images/blog/post-12-img.jpg b/public/images/blog/post-12-img.jpg
new file mode 100644
index 0000000..be7889b
Binary files /dev/null and b/public/images/blog/post-12-img.jpg differ
diff --git a/public/images/blog/post-13-img.jpg b/public/images/blog/post-13-img.jpg
new file mode 100644
index 0000000..7db4ea9
Binary files /dev/null and b/public/images/blog/post-13-img.jpg differ
diff --git a/public/images/blog/post-14-img.jpg b/public/images/blog/post-14-img.jpg
new file mode 100644
index 0000000..313f3b9
Binary files /dev/null and b/public/images/blog/post-14-img.jpg differ
diff --git a/public/images/blog/post-2-img.jpg b/public/images/blog/post-2-img.jpg
new file mode 100644
index 0000000..e84efcd
Binary files /dev/null and b/public/images/blog/post-2-img.jpg differ
diff --git a/public/images/blog/post-3-img.jpg b/public/images/blog/post-3-img.jpg
new file mode 100644
index 0000000..92a57ff
Binary files /dev/null and b/public/images/blog/post-3-img.jpg differ
diff --git a/public/images/blog/post-4-img.jpg b/public/images/blog/post-4-img.jpg
new file mode 100644
index 0000000..49d7517
Binary files /dev/null and b/public/images/blog/post-4-img.jpg differ
diff --git a/public/images/blog/post-5-img.jpg b/public/images/blog/post-5-img.jpg
new file mode 100644
index 0000000..dba7d92
Binary files /dev/null and b/public/images/blog/post-5-img.jpg differ
diff --git a/public/images/blog/post-6-img.jpg b/public/images/blog/post-6-img.jpg
new file mode 100644
index 0000000..195955f
Binary files /dev/null and b/public/images/blog/post-6-img.jpg differ
diff --git a/public/images/blog/post-7-img.jpg b/public/images/blog/post-7-img.jpg
new file mode 100644
index 0000000..5b426c1
Binary files /dev/null and b/public/images/blog/post-7-img.jpg differ
diff --git a/public/images/blog/post-8-img.jpg b/public/images/blog/post-8-img.jpg
new file mode 100644
index 0000000..4f8c735
Binary files /dev/null and b/public/images/blog/post-8-img.jpg differ
diff --git a/public/images/blog/post-9-img.jpg b/public/images/blog/post-9-img.jpg
new file mode 100644
index 0000000..ecfb639
Binary files /dev/null and b/public/images/blog/post-9-img.jpg differ
diff --git a/public/images/blur-purple.png b/public/images/blur-purple.png
new file mode 100644
index 0000000..bdf84ec
Binary files /dev/null and b/public/images/blur-purple.png differ
diff --git a/public/images/brand-1-white.png b/public/images/brand-1-white.png
new file mode 100644
index 0000000..a493226
Binary files /dev/null and b/public/images/brand-1-white.png differ
diff --git a/public/images/brand-1.png b/public/images/brand-1.png
new file mode 100644
index 0000000..4dcbdc3
Binary files /dev/null and b/public/images/brand-1.png differ
diff --git a/public/images/brand-10.png b/public/images/brand-10.png
new file mode 100644
index 0000000..58d36b7
Binary files /dev/null and b/public/images/brand-10.png differ
diff --git a/public/images/brand-2.png b/public/images/brand-2.png
new file mode 100644
index 0000000..ef3f321
Binary files /dev/null and b/public/images/brand-2.png differ
diff --git a/public/images/brand-21-white.png b/public/images/brand-21-white.png
new file mode 100644
index 0000000..19d01b9
Binary files /dev/null and b/public/images/brand-21-white.png differ
diff --git a/public/images/brand-21.png b/public/images/brand-21.png
new file mode 100644
index 0000000..8001d89
Binary files /dev/null and b/public/images/brand-21.png differ
diff --git a/public/images/brand-22-white.png b/public/images/brand-22-white.png
new file mode 100644
index 0000000..8e3521c
Binary files /dev/null and b/public/images/brand-22-white.png differ
diff --git a/public/images/brand-22.png b/public/images/brand-22.png
new file mode 100644
index 0000000..3dffcb6
Binary files /dev/null and b/public/images/brand-22.png differ
diff --git a/public/images/brand-23-white.png b/public/images/brand-23-white.png
new file mode 100644
index 0000000..a946799
Binary files /dev/null and b/public/images/brand-23-white.png differ
diff --git a/public/images/brand-23.png b/public/images/brand-23.png
new file mode 100644
index 0000000..e87b233
Binary files /dev/null and b/public/images/brand-23.png differ
diff --git a/public/images/brand-3-white.png b/public/images/brand-3-white.png
new file mode 100644
index 0000000..d72622e
Binary files /dev/null and b/public/images/brand-3-white.png differ
diff --git a/public/images/brand-3.png b/public/images/brand-3.png
new file mode 100644
index 0000000..032f900
Binary files /dev/null and b/public/images/brand-3.png differ
diff --git a/public/images/brand-4-white.png b/public/images/brand-4-white.png
new file mode 100644
index 0000000..52db7b3
Binary files /dev/null and b/public/images/brand-4-white.png differ
diff --git a/public/images/brand-4.png b/public/images/brand-4.png
new file mode 100644
index 0000000..416eb8b
Binary files /dev/null and b/public/images/brand-4.png differ
diff --git a/public/images/brand-5-white.png b/public/images/brand-5-white.png
new file mode 100644
index 0000000..2e44de3
Binary files /dev/null and b/public/images/brand-5-white.png differ
diff --git a/public/images/brand-5.png b/public/images/brand-5.png
new file mode 100644
index 0000000..0400d37
Binary files /dev/null and b/public/images/brand-5.png differ
diff --git a/public/images/brand-6-white.png b/public/images/brand-6-white.png
new file mode 100644
index 0000000..7d41c6c
Binary files /dev/null and b/public/images/brand-6-white.png differ
diff --git a/public/images/brand-6.png b/public/images/brand-6.png
new file mode 100644
index 0000000..9ed5490
Binary files /dev/null and b/public/images/brand-6.png differ
diff --git a/public/images/brand-7-white.png b/public/images/brand-7-white.png
new file mode 100644
index 0000000..41ed9b7
Binary files /dev/null and b/public/images/brand-7-white.png differ
diff --git a/public/images/brand-7.png b/public/images/brand-7.png
new file mode 100644
index 0000000..5e82181
Binary files /dev/null and b/public/images/brand-7.png differ
diff --git a/public/images/brand-8-white.png b/public/images/brand-8-white.png
new file mode 100644
index 0000000..3e6f9d3
Binary files /dev/null and b/public/images/brand-8-white.png differ
diff --git a/public/images/brand-8.png b/public/images/brand-8.png
new file mode 100644
index 0000000..57f338c
Binary files /dev/null and b/public/images/brand-8.png differ
diff --git a/public/images/brand-9-white.png b/public/images/brand-9-white.png
new file mode 100644
index 0000000..2b241d1
Binary files /dev/null and b/public/images/brand-9-white.png differ
diff --git a/public/images/brand-9.png b/public/images/brand-9.png
new file mode 100644
index 0000000..2b241d1
Binary files /dev/null and b/public/images/brand-9.png differ
diff --git a/public/images/color-scheme/.DS_Store b/public/images/color-scheme/.DS_Store
new file mode 100644
index 0000000..5008ddf
Binary files /dev/null and b/public/images/color-scheme/.DS_Store differ
diff --git a/public/images/color-scheme/blue.jpg b/public/images/color-scheme/blue.jpg
new file mode 100644
index 0000000..ae6e5ed
Binary files /dev/null and b/public/images/color-scheme/blue.jpg differ
diff --git a/public/images/color-scheme/crocus.jpg b/public/images/color-scheme/crocus.jpg
new file mode 100644
index 0000000..7e29e55
Binary files /dev/null and b/public/images/color-scheme/crocus.jpg differ
diff --git a/public/images/color-scheme/green.jpg b/public/images/color-scheme/green.jpg
new file mode 100644
index 0000000..c705d01
Binary files /dev/null and b/public/images/color-scheme/green.jpg differ
diff --git a/public/images/color-scheme/magenta.jpg b/public/images/color-scheme/magenta.jpg
new file mode 100644
index 0000000..df69f25
Binary files /dev/null and b/public/images/color-scheme/magenta.jpg differ
diff --git a/public/images/color-scheme/pink.jpg b/public/images/color-scheme/pink.jpg
new file mode 100644
index 0000000..2ab302d
Binary files /dev/null and b/public/images/color-scheme/pink.jpg differ
diff --git a/public/images/color-scheme/purple.jpg b/public/images/color-scheme/purple.jpg
new file mode 100644
index 0000000..8151dac
Binary files /dev/null and b/public/images/color-scheme/purple.jpg differ
diff --git a/public/images/color-scheme/red.jpg b/public/images/color-scheme/red.jpg
new file mode 100644
index 0000000..cdcc43e
Binary files /dev/null and b/public/images/color-scheme/red.jpg differ
diff --git a/public/images/color-scheme/skyblue.jpg b/public/images/color-scheme/skyblue.jpg
new file mode 100644
index 0000000..3803b10
Binary files /dev/null and b/public/images/color-scheme/skyblue.jpg differ
diff --git a/public/images/color-scheme/violet.jpg b/public/images/color-scheme/violet.jpg
new file mode 100644
index 0000000..49eef00
Binary files /dev/null and b/public/images/color-scheme/violet.jpg differ
diff --git a/public/images/comment-author-1.jpg b/public/images/comment-author-1.jpg
new file mode 100644
index 0000000..024edef
Binary files /dev/null and b/public/images/comment-author-1.jpg differ
diff --git a/public/images/comment-author-2.jpg b/public/images/comment-author-2.jpg
new file mode 100644
index 0000000..b627341
Binary files /dev/null and b/public/images/comment-author-2.jpg differ
diff --git a/public/images/comment-author-3.jpg b/public/images/comment-author-3.jpg
new file mode 100644
index 0000000..f57fcc9
Binary files /dev/null and b/public/images/comment-author-3.jpg differ
diff --git a/public/images/comment-author-4.jpg b/public/images/comment-author-4.jpg
new file mode 100644
index 0000000..abc44fb
Binary files /dev/null and b/public/images/comment-author-4.jpg differ
diff --git a/public/images/dashboard-01.png b/public/images/dashboard-01.png
new file mode 100644
index 0000000..1f9774c
Binary files /dev/null and b/public/images/dashboard-01.png differ
diff --git a/public/images/dashboard-02.png b/public/images/dashboard-02.png
new file mode 100644
index 0000000..8eb1182
Binary files /dev/null and b/public/images/dashboard-02.png differ
diff --git a/public/images/dashboard-03.png b/public/images/dashboard-03.png
new file mode 100644
index 0000000..ed220c1
Binary files /dev/null and b/public/images/dashboard-03.png differ
diff --git a/public/images/dashboard-04.png b/public/images/dashboard-04.png
new file mode 100644
index 0000000..c293874
Binary files /dev/null and b/public/images/dashboard-04.png differ
diff --git a/public/images/dashboard-05.png b/public/images/dashboard-05.png
new file mode 100644
index 0000000..03ab0bb
Binary files /dev/null and b/public/images/dashboard-05.png differ
diff --git a/public/images/dashboard-06.png b/public/images/dashboard-06.png
new file mode 100644
index 0000000..87af3f0
Binary files /dev/null and b/public/images/dashboard-06.png differ
diff --git a/public/images/dashboard-07.png b/public/images/dashboard-07.png
new file mode 100644
index 0000000..034f86f
Binary files /dev/null and b/public/images/dashboard-07.png differ
diff --git a/public/images/dashboard-08.png b/public/images/dashboard-08.png
new file mode 100644
index 0000000..21536e5
Binary files /dev/null and b/public/images/dashboard-08.png differ
diff --git a/public/images/dashboard-09.png b/public/images/dashboard-09.png
new file mode 100644
index 0000000..aac38fb
Binary files /dev/null and b/public/images/dashboard-09.png differ
diff --git a/public/images/demo/.DS_Store b/public/images/demo/.DS_Store
new file mode 100644
index 0000000..0864ffd
Binary files /dev/null and b/public/images/demo/.DS_Store differ
diff --git a/public/images/demo/404.jpg b/public/images/demo/404.jpg
new file mode 100644
index 0000000..42bbf6e
Binary files /dev/null and b/public/images/demo/404.jpg differ
diff --git a/public/images/demo/about.jpg b/public/images/demo/about.jpg
new file mode 100644
index 0000000..cb426b3
Binary files /dev/null and b/public/images/demo/about.jpg differ
diff --git a/public/images/demo/banner-1-img.png b/public/images/demo/banner-1-img.png
new file mode 100644
index 0000000..dc983fb
Binary files /dev/null and b/public/images/demo/banner-1-img.png differ
diff --git a/public/images/demo/banner-1.jpg b/public/images/demo/banner-1.jpg
new file mode 100644
index 0000000..f0d85f8
Binary files /dev/null and b/public/images/demo/banner-1.jpg differ
diff --git a/public/images/demo/blog-listing.jpg b/public/images/demo/blog-listing.jpg
new file mode 100644
index 0000000..8ebc917
Binary files /dev/null and b/public/images/demo/blog-listing.jpg differ
diff --git a/public/images/demo/career-role.jpg b/public/images/demo/career-role.jpg
new file mode 100644
index 0000000..663ce8b
Binary files /dev/null and b/public/images/demo/career-role.jpg differ
diff --git a/public/images/demo/careers.jpg b/public/images/demo/careers.jpg
new file mode 100644
index 0000000..4394b45
Binary files /dev/null and b/public/images/demo/careers.jpg differ
diff --git a/public/images/demo/contacts.jpg b/public/images/demo/contacts.jpg
new file mode 100644
index 0000000..0be7ddb
Binary files /dev/null and b/public/images/demo/contacts.jpg differ
diff --git a/public/images/demo/cookies.jpg b/public/images/demo/cookies.jpg
new file mode 100644
index 0000000..67c0fb1
Binary files /dev/null and b/public/images/demo/cookies.jpg differ
diff --git a/public/images/demo/download.jpg b/public/images/demo/download.jpg
new file mode 100644
index 0000000..63abcbc
Binary files /dev/null and b/public/images/demo/download.jpg differ
diff --git a/public/images/demo/empty.png b/public/images/demo/empty.png
new file mode 100644
index 0000000..f848162
Binary files /dev/null and b/public/images/demo/empty.png differ
diff --git a/public/images/demo/f_01.png b/public/images/demo/f_01.png
new file mode 100644
index 0000000..f4192d3
Binary files /dev/null and b/public/images/demo/f_01.png differ
diff --git a/public/images/demo/f_02.png b/public/images/demo/f_02.png
new file mode 100644
index 0000000..07e7b15
Binary files /dev/null and b/public/images/demo/f_02.png differ
diff --git a/public/images/demo/f_03.png b/public/images/demo/f_03.png
new file mode 100644
index 0000000..7d9cbe6
Binary files /dev/null and b/public/images/demo/f_03.png differ
diff --git a/public/images/demo/faqs.jpg b/public/images/demo/faqs.jpg
new file mode 100644
index 0000000..09e616d
Binary files /dev/null and b/public/images/demo/faqs.jpg differ
diff --git a/public/images/demo/features.jpg b/public/images/demo/features.jpg
new file mode 100644
index 0000000..69b95d4
Binary files /dev/null and b/public/images/demo/features.jpg differ
diff --git a/public/images/demo/help-center.jpg b/public/images/demo/help-center.jpg
new file mode 100644
index 0000000..8addb95
Binary files /dev/null and b/public/images/demo/help-center.jpg differ
diff --git a/public/images/demo/hero-img.png b/public/images/demo/hero-img.png
new file mode 100644
index 0000000..f2ad923
Binary files /dev/null and b/public/images/demo/hero-img.png differ
diff --git a/public/images/demo/hero.jpg b/public/images/demo/hero.jpg
new file mode 100644
index 0000000..f0d85f8
Binary files /dev/null and b/public/images/demo/hero.jpg differ
diff --git a/public/images/demo/icons/.DS_Store b/public/images/demo/icons/.DS_Store
new file mode 100644
index 0000000..8de650b
Binary files /dev/null and b/public/images/demo/icons/.DS_Store differ
diff --git a/public/images/demo/icons/apple-touch-icon-120x120.png b/public/images/demo/icons/apple-touch-icon-120x120.png
new file mode 100644
index 0000000..1e55037
Binary files /dev/null and b/public/images/demo/icons/apple-touch-icon-120x120.png differ
diff --git a/public/images/demo/icons/apple-touch-icon-152x152.png b/public/images/demo/icons/apple-touch-icon-152x152.png
new file mode 100644
index 0000000..efd4840
Binary files /dev/null and b/public/images/demo/icons/apple-touch-icon-152x152.png differ
diff --git a/public/images/demo/icons/apple-touch-icon-76x76.png b/public/images/demo/icons/apple-touch-icon-76x76.png
new file mode 100644
index 0000000..78df55e
Binary files /dev/null and b/public/images/demo/icons/apple-touch-icon-76x76.png differ
diff --git a/public/images/demo/icons/apple-touch-icon.png b/public/images/demo/icons/apple-touch-icon.png
new file mode 100644
index 0000000..e6668b8
Binary files /dev/null and b/public/images/demo/icons/apple-touch-icon.png differ
diff --git a/public/images/demo/icons/back-to-top.png b/public/images/demo/icons/back-to-top.png
new file mode 100644
index 0000000..3a80ee9
Binary files /dev/null and b/public/images/demo/icons/back-to-top.png differ
diff --git a/public/images/demo/icons/favicon.ico b/public/images/demo/icons/favicon.ico
new file mode 100644
index 0000000..2087003
Binary files /dev/null and b/public/images/demo/icons/favicon.ico differ
diff --git a/public/images/demo/integrations.jpg b/public/images/demo/integrations.jpg
new file mode 100644
index 0000000..fdbf3c2
Binary files /dev/null and b/public/images/demo/integrations.jpg differ
diff --git a/public/images/demo/layout-01.jpg b/public/images/demo/layout-01.jpg
new file mode 100644
index 0000000..fb4c2aa
Binary files /dev/null and b/public/images/demo/layout-01.jpg differ
diff --git a/public/images/demo/layout-02.jpg b/public/images/demo/layout-02.jpg
new file mode 100644
index 0000000..da5db25
Binary files /dev/null and b/public/images/demo/layout-02.jpg differ
diff --git a/public/images/demo/layout-03.jpg b/public/images/demo/layout-03.jpg
new file mode 100644
index 0000000..2e3cdf3
Binary files /dev/null and b/public/images/demo/layout-03.jpg differ
diff --git a/public/images/demo/layout-04.jpg b/public/images/demo/layout-04.jpg
new file mode 100644
index 0000000..a2d0261
Binary files /dev/null and b/public/images/demo/layout-04.jpg differ
diff --git a/public/images/demo/layout-05.jpg b/public/images/demo/layout-05.jpg
new file mode 100644
index 0000000..847f462
Binary files /dev/null and b/public/images/demo/layout-05.jpg differ
diff --git a/public/images/demo/layout-06.jpg b/public/images/demo/layout-06.jpg
new file mode 100644
index 0000000..3da5b0c
Binary files /dev/null and b/public/images/demo/layout-06.jpg differ
diff --git a/public/images/demo/layout-07.jpg b/public/images/demo/layout-07.jpg
new file mode 100644
index 0000000..7f810c7
Binary files /dev/null and b/public/images/demo/layout-07.jpg differ
diff --git a/public/images/demo/layout-08.jpg b/public/images/demo/layout-08.jpg
new file mode 100644
index 0000000..51b91b3
Binary files /dev/null and b/public/images/demo/layout-08.jpg differ
diff --git a/public/images/demo/layout-09.jpg b/public/images/demo/layout-09.jpg
new file mode 100644
index 0000000..bff0210
Binary files /dev/null and b/public/images/demo/layout-09.jpg differ
diff --git a/public/images/demo/layout-10.jpg b/public/images/demo/layout-10.jpg
new file mode 100644
index 0000000..a073ceb
Binary files /dev/null and b/public/images/demo/layout-10.jpg differ
diff --git a/public/images/demo/layout-11.jpg b/public/images/demo/layout-11.jpg
new file mode 100644
index 0000000..3249841
Binary files /dev/null and b/public/images/demo/layout-11.jpg differ
diff --git a/public/images/demo/layout-12.jpg b/public/images/demo/layout-12.jpg
new file mode 100644
index 0000000..8f8725c
Binary files /dev/null and b/public/images/demo/layout-12.jpg differ
diff --git a/public/images/demo/layout-13.jpg b/public/images/demo/layout-13.jpg
new file mode 100644
index 0000000..f628e60
Binary files /dev/null and b/public/images/demo/layout-13.jpg differ
diff --git a/public/images/demo/layout-14.jpg b/public/images/demo/layout-14.jpg
new file mode 100644
index 0000000..090d917
Binary files /dev/null and b/public/images/demo/layout-14.jpg differ
diff --git a/public/images/demo/layout-15.jpg b/public/images/demo/layout-15.jpg
new file mode 100644
index 0000000..5850705
Binary files /dev/null and b/public/images/demo/layout-15.jpg differ
diff --git a/public/images/demo/layout-16.jpg b/public/images/demo/layout-16.jpg
new file mode 100644
index 0000000..ff2538f
Binary files /dev/null and b/public/images/demo/layout-16.jpg differ
diff --git a/public/images/demo/layout-17.jpg b/public/images/demo/layout-17.jpg
new file mode 100644
index 0000000..407d303
Binary files /dev/null and b/public/images/demo/layout-17.jpg differ
diff --git a/public/images/demo/layout-18.jpg b/public/images/demo/layout-18.jpg
new file mode 100644
index 0000000..726b9e8
Binary files /dev/null and b/public/images/demo/layout-18.jpg differ
diff --git a/public/images/demo/layout-19.jpg b/public/images/demo/layout-19.jpg
new file mode 100644
index 0000000..419474c
Binary files /dev/null and b/public/images/demo/layout-19.jpg differ
diff --git a/public/images/demo/layout-20.jpg b/public/images/demo/layout-20.jpg
new file mode 100644
index 0000000..6805e8d
Binary files /dev/null and b/public/images/demo/layout-20.jpg differ
diff --git a/public/images/demo/layout-21.jpg b/public/images/demo/layout-21.jpg
new file mode 100644
index 0000000..6d99aef
Binary files /dev/null and b/public/images/demo/layout-21.jpg differ
diff --git a/public/images/demo/layout-22.jpg b/public/images/demo/layout-22.jpg
new file mode 100644
index 0000000..2744a83
Binary files /dev/null and b/public/images/demo/layout-22.jpg differ
diff --git a/public/images/demo/layout-23.jpg b/public/images/demo/layout-23.jpg
new file mode 100644
index 0000000..b77fbf5
Binary files /dev/null and b/public/images/demo/layout-23.jpg differ
diff --git a/public/images/demo/layout-24.jpg b/public/images/demo/layout-24.jpg
new file mode 100644
index 0000000..209a71e
Binary files /dev/null and b/public/images/demo/layout-24.jpg differ
diff --git a/public/images/demo/layout-25.jpg b/public/images/demo/layout-25.jpg
new file mode 100644
index 0000000..c3efac4
Binary files /dev/null and b/public/images/demo/layout-25.jpg differ
diff --git a/public/images/demo/layout-26.jpg b/public/images/demo/layout-26.jpg
new file mode 100644
index 0000000..854fb8d
Binary files /dev/null and b/public/images/demo/layout-26.jpg differ
diff --git a/public/images/demo/layout-27.jpg b/public/images/demo/layout-27.jpg
new file mode 100644
index 0000000..ae9d2fc
Binary files /dev/null and b/public/images/demo/layout-27.jpg differ
diff --git a/public/images/demo/login-1.jpg b/public/images/demo/login-1.jpg
new file mode 100644
index 0000000..eb6526f
Binary files /dev/null and b/public/images/demo/login-1.jpg differ
diff --git a/public/images/demo/login-2.jpg b/public/images/demo/login-2.jpg
new file mode 100644
index 0000000..7e51d58
Binary files /dev/null and b/public/images/demo/login-2.jpg differ
diff --git a/public/images/demo/pricing-1.jpg b/public/images/demo/pricing-1.jpg
new file mode 100644
index 0000000..412702f
Binary files /dev/null and b/public/images/demo/pricing-1.jpg differ
diff --git a/public/images/demo/pricing-2.jpg b/public/images/demo/pricing-2.jpg
new file mode 100644
index 0000000..c7fce29
Binary files /dev/null and b/public/images/demo/pricing-2.jpg differ
diff --git a/public/images/demo/privacy.jpg b/public/images/demo/privacy.jpg
new file mode 100644
index 0000000..78087c9
Binary files /dev/null and b/public/images/demo/privacy.jpg differ
diff --git a/public/images/demo/project-details.jpg b/public/images/demo/project-details.jpg
new file mode 100644
index 0000000..ebaa5fc
Binary files /dev/null and b/public/images/demo/project-details.jpg differ
diff --git a/public/images/demo/projects.jpg b/public/images/demo/projects.jpg
new file mode 100644
index 0000000..bc980ff
Binary files /dev/null and b/public/images/demo/projects.jpg differ
diff --git a/public/images/demo/reset-password.jpg b/public/images/demo/reset-password.jpg
new file mode 100644
index 0000000..6bb7d2e
Binary files /dev/null and b/public/images/demo/reset-password.jpg differ
diff --git a/public/images/demo/reviews.jpg b/public/images/demo/reviews.jpg
new file mode 100644
index 0000000..ffb9a99
Binary files /dev/null and b/public/images/demo/reviews.jpg differ
diff --git a/public/images/demo/signup-1.jpg b/public/images/demo/signup-1.jpg
new file mode 100644
index 0000000..5ca7320
Binary files /dev/null and b/public/images/demo/signup-1.jpg differ
diff --git a/public/images/demo/signup-2.jpg b/public/images/demo/signup-2.jpg
new file mode 100644
index 0000000..81b7ea1
Binary files /dev/null and b/public/images/demo/signup-2.jpg differ
diff --git a/public/images/demo/single-post.jpg b/public/images/demo/single-post.jpg
new file mode 100644
index 0000000..037f1f1
Binary files /dev/null and b/public/images/demo/single-post.jpg differ
diff --git a/public/images/demo/team.jpg b/public/images/demo/team.jpg
new file mode 100644
index 0000000..9235c9d
Binary files /dev/null and b/public/images/demo/team.jpg differ
diff --git a/public/images/demo/terms.jpg b/public/images/demo/terms.jpg
new file mode 100644
index 0000000..537404e
Binary files /dev/null and b/public/images/demo/terms.jpg differ
diff --git a/public/images/error-404.png b/public/images/error-404.png
new file mode 100644
index 0000000..e0d0e61
Binary files /dev/null and b/public/images/error-404.png differ
diff --git a/public/images/f_01.png b/public/images/f_01.png
new file mode 100644
index 0000000..c7a6a3a
Binary files /dev/null and b/public/images/f_01.png differ
diff --git a/public/images/f_01_dark.png b/public/images/f_01_dark.png
new file mode 100644
index 0000000..fa15b2c
Binary files /dev/null and b/public/images/f_01_dark.png differ
diff --git a/public/images/f_02.png b/public/images/f_02.png
new file mode 100644
index 0000000..be5ea27
Binary files /dev/null and b/public/images/f_02.png differ
diff --git a/public/images/f_02_dark.png b/public/images/f_02_dark.png
new file mode 100644
index 0000000..3136c82
Binary files /dev/null and b/public/images/f_02_dark.png differ
diff --git a/public/images/f_03.png b/public/images/f_03.png
new file mode 100644
index 0000000..444a0d5
Binary files /dev/null and b/public/images/f_03.png differ
diff --git a/public/images/f_03_dark.png b/public/images/f_03_dark.png
new file mode 100644
index 0000000..7219c74
Binary files /dev/null and b/public/images/f_03_dark.png differ
diff --git a/public/images/f_04.png b/public/images/f_04.png
new file mode 100644
index 0000000..9cacaa7
Binary files /dev/null and b/public/images/f_04.png differ
diff --git a/public/images/f_04_dark.png b/public/images/f_04_dark.png
new file mode 100644
index 0000000..de47caf
Binary files /dev/null and b/public/images/f_04_dark.png differ
diff --git a/public/images/f_05.png b/public/images/f_05.png
new file mode 100644
index 0000000..83b74a1
Binary files /dev/null and b/public/images/f_05.png differ
diff --git a/public/images/f_05_dark.png b/public/images/f_05_dark.png
new file mode 100644
index 0000000..30d95fe
Binary files /dev/null and b/public/images/f_05_dark.png differ
diff --git a/public/images/f_06.png b/public/images/f_06.png
new file mode 100644
index 0000000..714c0a8
Binary files /dev/null and b/public/images/f_06.png differ
diff --git a/public/images/f_06_dark.png b/public/images/f_06_dark.png
new file mode 100644
index 0000000..76ea901
Binary files /dev/null and b/public/images/f_06_dark.png differ
diff --git a/public/images/f_07.png b/public/images/f_07.png
new file mode 100644
index 0000000..9b4df7d
Binary files /dev/null and b/public/images/f_07.png differ
diff --git a/public/images/f_07_dark.png b/public/images/f_07_dark.png
new file mode 100644
index 0000000..3aff937
Binary files /dev/null and b/public/images/f_07_dark.png differ
diff --git a/public/images/f_08.png b/public/images/f_08.png
new file mode 100644
index 0000000..5b422e4
Binary files /dev/null and b/public/images/f_08.png differ
diff --git a/public/images/f_08_dark.png b/public/images/f_08_dark.png
new file mode 100644
index 0000000..92c389f
Binary files /dev/null and b/public/images/f_08_dark.png differ
diff --git a/public/images/f_09.png b/public/images/f_09.png
new file mode 100644
index 0000000..151ff58
Binary files /dev/null and b/public/images/f_09.png differ
diff --git a/public/images/f_09_dark.png b/public/images/f_09_dark.png
new file mode 100644
index 0000000..2a019fc
Binary files /dev/null and b/public/images/f_09_dark.png differ
diff --git a/public/images/f_10.png b/public/images/f_10.png
new file mode 100644
index 0000000..20d7754
Binary files /dev/null and b/public/images/f_10.png differ
diff --git a/public/images/f_11.png b/public/images/f_11.png
new file mode 100644
index 0000000..1580974
Binary files /dev/null and b/public/images/f_11.png differ
diff --git a/public/images/f_11_dark.png b/public/images/f_11_dark.png
new file mode 100644
index 0000000..b2b158f
Binary files /dev/null and b/public/images/f_11_dark.png differ
diff --git a/public/images/favicon.ico b/public/images/favicon.ico
new file mode 100644
index 0000000..2087003
Binary files /dev/null and b/public/images/favicon.ico differ
diff --git a/public/images/favicon.png b/public/images/favicon.png
new file mode 100644
index 0000000..3532d4e
Binary files /dev/null and b/public/images/favicon.png differ
diff --git a/public/images/help.png b/public/images/help.png
new file mode 100644
index 0000000..14291de
Binary files /dev/null and b/public/images/help.png differ
diff --git a/public/images/hero-1-img.png b/public/images/hero-1-img.png
new file mode 100644
index 0000000..cda49e8
Binary files /dev/null and b/public/images/hero-1-img.png differ
diff --git a/public/images/hero-1.jpg b/public/images/hero-1.jpg
new file mode 100644
index 0000000..fc1f553
Binary files /dev/null and b/public/images/hero-1.jpg differ
diff --git a/public/images/hero-10-dark.jpg b/public/images/hero-10-dark.jpg
new file mode 100644
index 0000000..1a0b061
Binary files /dev/null and b/public/images/hero-10-dark.jpg differ
diff --git a/public/images/hero-10.jpg b/public/images/hero-10.jpg
new file mode 100644
index 0000000..871ca17
Binary files /dev/null and b/public/images/hero-10.jpg differ
diff --git a/public/images/hero-11-img.png b/public/images/hero-11-img.png
new file mode 100644
index 0000000..7590978
Binary files /dev/null and b/public/images/hero-11-img.png differ
diff --git a/public/images/hero-11.jpg b/public/images/hero-11.jpg
new file mode 100644
index 0000000..6a2fe1b
Binary files /dev/null and b/public/images/hero-11.jpg differ
diff --git a/public/images/hero-12.jpg b/public/images/hero-12.jpg
new file mode 100644
index 0000000..6c11374
Binary files /dev/null and b/public/images/hero-12.jpg differ
diff --git a/public/images/hero-13-img.png b/public/images/hero-13-img.png
new file mode 100644
index 0000000..20961dc
Binary files /dev/null and b/public/images/hero-13-img.png differ
diff --git a/public/images/hero-14.jpg b/public/images/hero-14.jpg
new file mode 100644
index 0000000..3d4ecf6
Binary files /dev/null and b/public/images/hero-14.jpg differ
diff --git a/public/images/hero-15-dark.jpg b/public/images/hero-15-dark.jpg
new file mode 100644
index 0000000..1f73034
Binary files /dev/null and b/public/images/hero-15-dark.jpg differ
diff --git a/public/images/hero-15-img.png b/public/images/hero-15-img.png
new file mode 100644
index 0000000..d71b514
Binary files /dev/null and b/public/images/hero-15-img.png differ
diff --git a/public/images/hero-15.jpg b/public/images/hero-15.jpg
new file mode 100644
index 0000000..8ab5a95
Binary files /dev/null and b/public/images/hero-15.jpg differ
diff --git a/public/images/hero-16-dark.jpg b/public/images/hero-16-dark.jpg
new file mode 100644
index 0000000..1a0b061
Binary files /dev/null and b/public/images/hero-16-dark.jpg differ
diff --git a/public/images/hero-16.jpg b/public/images/hero-16.jpg
new file mode 100644
index 0000000..33755cb
Binary files /dev/null and b/public/images/hero-16.jpg differ
diff --git a/public/images/hero-17-dark.jpg b/public/images/hero-17-dark.jpg
new file mode 100644
index 0000000..d017d64
Binary files /dev/null and b/public/images/hero-17-dark.jpg differ
diff --git a/public/images/hero-17.jpg b/public/images/hero-17.jpg
new file mode 100644
index 0000000..10cc2ac
Binary files /dev/null and b/public/images/hero-17.jpg differ
diff --git a/public/images/hero-18-dark.jpg b/public/images/hero-18-dark.jpg
new file mode 100644
index 0000000..03380e9
Binary files /dev/null and b/public/images/hero-18-dark.jpg differ
diff --git a/public/images/hero-18-img.png b/public/images/hero-18-img.png
new file mode 100644
index 0000000..c5be4f2
Binary files /dev/null and b/public/images/hero-18-img.png differ
diff --git a/public/images/hero-18.jpg b/public/images/hero-18.jpg
new file mode 100644
index 0000000..871ca17
Binary files /dev/null and b/public/images/hero-18.jpg differ
diff --git a/public/images/hero-2-img.png b/public/images/hero-2-img.png
new file mode 100644
index 0000000..b14c1bd
Binary files /dev/null and b/public/images/hero-2-img.png differ
diff --git a/public/images/hero-2.jpg b/public/images/hero-2.jpg
new file mode 100644
index 0000000..5f360c9
Binary files /dev/null and b/public/images/hero-2.jpg differ
diff --git a/public/images/hero-20.jpg b/public/images/hero-20.jpg
new file mode 100644
index 0000000..3460f73
Binary files /dev/null and b/public/images/hero-20.jpg differ
diff --git a/public/images/hero-21-dark.jpg b/public/images/hero-21-dark.jpg
new file mode 100644
index 0000000..03380e9
Binary files /dev/null and b/public/images/hero-21-dark.jpg differ
diff --git a/public/images/hero-21-img.png b/public/images/hero-21-img.png
new file mode 100644
index 0000000..80f1ba9
Binary files /dev/null and b/public/images/hero-21-img.png differ
diff --git a/public/images/hero-21.jpg b/public/images/hero-21.jpg
new file mode 100644
index 0000000..5f360c9
Binary files /dev/null and b/public/images/hero-21.jpg differ
diff --git a/public/images/hero-22.jpg b/public/images/hero-22.jpg
new file mode 100644
index 0000000..69a991e
Binary files /dev/null and b/public/images/hero-22.jpg differ
diff --git a/public/images/hero-23-dark.jpg b/public/images/hero-23-dark.jpg
new file mode 100644
index 0000000..1a0b061
Binary files /dev/null and b/public/images/hero-23-dark.jpg differ
diff --git a/public/images/hero-23.jpg b/public/images/hero-23.jpg
new file mode 100644
index 0000000..90a24a8
Binary files /dev/null and b/public/images/hero-23.jpg differ
diff --git a/public/images/hero-24.jpg b/public/images/hero-24.jpg
new file mode 100644
index 0000000..d807864
Binary files /dev/null and b/public/images/hero-24.jpg differ
diff --git a/public/images/hero-25-dark.jpg b/public/images/hero-25-dark.jpg
new file mode 100644
index 0000000..1a0b061
Binary files /dev/null and b/public/images/hero-25-dark.jpg differ
diff --git a/public/images/hero-25-img.png b/public/images/hero-25-img.png
new file mode 100644
index 0000000..23982e9
Binary files /dev/null and b/public/images/hero-25-img.png differ
diff --git a/public/images/hero-25.jpg b/public/images/hero-25.jpg
new file mode 100644
index 0000000..581a006
Binary files /dev/null and b/public/images/hero-25.jpg differ
diff --git a/public/images/hero-26-img.png b/public/images/hero-26-img.png
new file mode 100644
index 0000000..12e7f76
Binary files /dev/null and b/public/images/hero-26-img.png differ
diff --git a/public/images/hero-26.jpg b/public/images/hero-26.jpg
new file mode 100644
index 0000000..f0d85f8
Binary files /dev/null and b/public/images/hero-26.jpg differ
diff --git a/public/images/hero-27-dark.png b/public/images/hero-27-dark.png
new file mode 100644
index 0000000..4a58f1d
Binary files /dev/null and b/public/images/hero-27-dark.png differ
diff --git a/public/images/hero-27.png b/public/images/hero-27.png
new file mode 100644
index 0000000..fafc891
Binary files /dev/null and b/public/images/hero-27.png differ
diff --git a/public/images/hero-3.jpg b/public/images/hero-3.jpg
new file mode 100644
index 0000000..cc0482f
Binary files /dev/null and b/public/images/hero-3.jpg differ
diff --git a/public/images/hero-4.jpg b/public/images/hero-4.jpg
new file mode 100644
index 0000000..fc78600
Binary files /dev/null and b/public/images/hero-4.jpg differ
diff --git a/public/images/hero-5-dark.jpg b/public/images/hero-5-dark.jpg
new file mode 100644
index 0000000..1a0b061
Binary files /dev/null and b/public/images/hero-5-dark.jpg differ
diff --git a/public/images/hero-5.jpg b/public/images/hero-5.jpg
new file mode 100644
index 0000000..871ca17
Binary files /dev/null and b/public/images/hero-5.jpg differ
diff --git a/public/images/hero-8.jpg b/public/images/hero-8.jpg
new file mode 100644
index 0000000..33c1f69
Binary files /dev/null and b/public/images/hero-8.jpg differ
diff --git a/public/images/img-01.png b/public/images/img-01.png
new file mode 100644
index 0000000..f3c3ddd
Binary files /dev/null and b/public/images/img-01.png differ
diff --git a/public/images/img-02.png b/public/images/img-02.png
new file mode 100644
index 0000000..0a63b5d
Binary files /dev/null and b/public/images/img-02.png differ
diff --git a/public/images/img-03.png b/public/images/img-03.png
new file mode 100644
index 0000000..4a936f5
Binary files /dev/null and b/public/images/img-03.png differ
diff --git a/public/images/img-04.png b/public/images/img-04.png
new file mode 100644
index 0000000..1a78bbc
Binary files /dev/null and b/public/images/img-04.png differ
diff --git a/public/images/img-05.png b/public/images/img-05.png
new file mode 100644
index 0000000..3f45aba
Binary files /dev/null and b/public/images/img-05.png differ
diff --git a/public/images/img-06.png b/public/images/img-06.png
new file mode 100644
index 0000000..3fc127a
Binary files /dev/null and b/public/images/img-06.png differ
diff --git a/public/images/img-07-dark.png b/public/images/img-07-dark.png
new file mode 100644
index 0000000..2e353c9
Binary files /dev/null and b/public/images/img-07-dark.png differ
diff --git a/public/images/img-07.png b/public/images/img-07.png
new file mode 100644
index 0000000..a5c2adc
Binary files /dev/null and b/public/images/img-07.png differ
diff --git a/public/images/img-08.png b/public/images/img-08.png
new file mode 100644
index 0000000..fc28fac
Binary files /dev/null and b/public/images/img-08.png differ
diff --git a/public/images/img-09.png b/public/images/img-09.png
new file mode 100644
index 0000000..3b80b9b
Binary files /dev/null and b/public/images/img-09.png differ
diff --git a/public/images/img-10.png b/public/images/img-10.png
new file mode 100644
index 0000000..23982e9
Binary files /dev/null and b/public/images/img-10.png differ
diff --git a/public/images/img-11.png b/public/images/img-11.png
new file mode 100644
index 0000000..9e8015f
Binary files /dev/null and b/public/images/img-11.png differ
diff --git a/public/images/img-12.png b/public/images/img-12.png
new file mode 100644
index 0000000..ec1b97a
Binary files /dev/null and b/public/images/img-12.png differ
diff --git a/public/images/img-13.png b/public/images/img-13.png
new file mode 100644
index 0000000..033f57e
Binary files /dev/null and b/public/images/img-13.png differ
diff --git a/public/images/img-14.png b/public/images/img-14.png
new file mode 100644
index 0000000..55fce65
Binary files /dev/null and b/public/images/img-14.png differ
diff --git a/public/images/img-15.png b/public/images/img-15.png
new file mode 100644
index 0000000..a730e56
Binary files /dev/null and b/public/images/img-15.png differ
diff --git a/public/images/img-16.png b/public/images/img-16.png
new file mode 100644
index 0000000..a9e0159
Binary files /dev/null and b/public/images/img-16.png differ
diff --git a/public/images/img-17.jpg b/public/images/img-17.jpg
new file mode 100644
index 0000000..1ae1329
Binary files /dev/null and b/public/images/img-17.jpg differ
diff --git a/public/images/img-18.png b/public/images/img-18.png
new file mode 100644
index 0000000..714e5c8
Binary files /dev/null and b/public/images/img-18.png differ
diff --git a/public/images/img-19.png b/public/images/img-19.png
new file mode 100644
index 0000000..98cb558
Binary files /dev/null and b/public/images/img-19.png differ
diff --git a/public/images/login-wrapper.jpg b/public/images/login-wrapper.jpg
new file mode 100644
index 0000000..7c9d4ab
Binary files /dev/null and b/public/images/login-wrapper.jpg differ
diff --git a/public/images/login.jpg b/public/images/login.jpg
new file mode 100644
index 0000000..fd486bb
Binary files /dev/null and b/public/images/login.jpg differ
diff --git a/public/images/login_dark.jpg b/public/images/login_dark.jpg
new file mode 100644
index 0000000..d697316
Binary files /dev/null and b/public/images/login_dark.jpg differ
diff --git a/public/images/logo-black.png b/public/images/logo-black.png
new file mode 100644
index 0000000..513b9a9
Binary files /dev/null and b/public/images/logo-black.png differ
diff --git a/public/images/logo-blog-white.png b/public/images/logo-blog-white.png
new file mode 100644
index 0000000..710eaf6
Binary files /dev/null and b/public/images/logo-blog-white.png differ
diff --git a/public/images/logo-blog.png b/public/images/logo-blog.png
new file mode 100644
index 0000000..f81f163
Binary files /dev/null and b/public/images/logo-blog.png differ
diff --git a/public/images/logo-blue-white.png b/public/images/logo-blue-white.png
new file mode 100644
index 0000000..cc7a821
Binary files /dev/null and b/public/images/logo-blue-white.png differ
diff --git a/public/images/logo-blue.png b/public/images/logo-blue.png
new file mode 100644
index 0000000..5a4c201
Binary files /dev/null and b/public/images/logo-blue.png differ
diff --git a/public/images/logo-magenta-white.png b/public/images/logo-magenta-white.png
new file mode 100644
index 0000000..e89f196
Binary files /dev/null and b/public/images/logo-magenta-white.png differ
diff --git a/public/images/logo-magenta.png b/public/images/logo-magenta.png
new file mode 100644
index 0000000..f18b281
Binary files /dev/null and b/public/images/logo-magenta.png differ
diff --git a/public/images/logo-pink-white.png b/public/images/logo-pink-white.png
new file mode 100644
index 0000000..1919034
Binary files /dev/null and b/public/images/logo-pink-white.png differ
diff --git a/public/images/logo-pink.png b/public/images/logo-pink.png
new file mode 100644
index 0000000..64911a5
Binary files /dev/null and b/public/images/logo-pink.png differ
diff --git a/public/images/logo-purple-white.png b/public/images/logo-purple-white.png
new file mode 100644
index 0000000..436378c
Binary files /dev/null and b/public/images/logo-purple-white.png differ
diff --git a/public/images/logo-purple.png b/public/images/logo-purple.png
new file mode 100644
index 0000000..59a71a8
Binary files /dev/null and b/public/images/logo-purple.png differ
diff --git a/public/images/logo-skyblue-white.png b/public/images/logo-skyblue-white.png
new file mode 100644
index 0000000..dc7d807
Binary files /dev/null and b/public/images/logo-skyblue-white.png differ
diff --git a/public/images/logo-skyblue.png b/public/images/logo-skyblue.png
new file mode 100644
index 0000000..1d53aac
Binary files /dev/null and b/public/images/logo-skyblue.png differ
diff --git a/public/images/logo-violet-white.png b/public/images/logo-violet-white.png
new file mode 100644
index 0000000..2593c8a
Binary files /dev/null and b/public/images/logo-violet-white.png differ
diff --git a/public/images/logo-violet.png b/public/images/logo-violet.png
new file mode 100644
index 0000000..93a90a8
Binary files /dev/null and b/public/images/logo-violet.png differ
diff --git a/public/images/logo-white.png b/public/images/logo-white.png
new file mode 100644
index 0000000..62723e3
Binary files /dev/null and b/public/images/logo-white.png differ
diff --git a/public/images/modal-1-img.jpg b/public/images/modal-1-img.jpg
new file mode 100644
index 0000000..1319eed
Binary files /dev/null and b/public/images/modal-1-img.jpg differ
diff --git a/public/images/modal-2-img.jpg b/public/images/modal-2-img.jpg
new file mode 100644
index 0000000..dfbc935
Binary files /dev/null and b/public/images/modal-2-img.jpg differ
diff --git a/public/images/modal-newsletter-blue.jpg b/public/images/modal-newsletter-blue.jpg
new file mode 100644
index 0000000..6ca61e6
Binary files /dev/null and b/public/images/modal-newsletter-blue.jpg differ
diff --git a/public/images/modal-newsletter-purple.jpg b/public/images/modal-newsletter-purple.jpg
new file mode 100644
index 0000000..09df431
Binary files /dev/null and b/public/images/modal-newsletter-purple.jpg differ
diff --git a/public/images/modal-newsletter-violet.jpg b/public/images/modal-newsletter-violet.jpg
new file mode 100644
index 0000000..30dca80
Binary files /dev/null and b/public/images/modal-newsletter-violet.jpg differ
diff --git a/public/images/modal-request.jpg b/public/images/modal-request.jpg
new file mode 100644
index 0000000..363956e
Binary files /dev/null and b/public/images/modal-request.jpg differ
diff --git a/public/images/pattern-01.png b/public/images/pattern-01.png
new file mode 100644
index 0000000..7296fc1
Binary files /dev/null and b/public/images/pattern-01.png differ
diff --git a/public/images/pattern-02.png b/public/images/pattern-02.png
new file mode 100644
index 0000000..50c6c00
Binary files /dev/null and b/public/images/pattern-02.png differ
diff --git a/public/images/pattern-03.png b/public/images/pattern-03.png
new file mode 100644
index 0000000..83b0307
Binary files /dev/null and b/public/images/pattern-03.png differ
diff --git a/public/images/pattern-04.png b/public/images/pattern-04.png
new file mode 100644
index 0000000..cd9fc52
Binary files /dev/null and b/public/images/pattern-04.png differ
diff --git a/public/images/png_icons/.DS_Store b/public/images/png_icons/.DS_Store
new file mode 100644
index 0000000..5008ddf
Binary files /dev/null and b/public/images/png_icons/.DS_Store differ
diff --git a/public/images/png_icons/am.png b/public/images/png_icons/am.png
new file mode 100644
index 0000000..faaeb8b
Binary files /dev/null and b/public/images/png_icons/am.png differ
diff --git a/public/images/png_icons/bitcoin.png b/public/images/png_icons/bitcoin.png
new file mode 100644
index 0000000..95f0a59
Binary files /dev/null and b/public/images/png_icons/bitcoin.png differ
diff --git a/public/images/png_icons/citi.png b/public/images/png_icons/citi.png
new file mode 100644
index 0000000..ae416cd
Binary files /dev/null and b/public/images/png_icons/citi.png differ
diff --git a/public/images/png_icons/discover.png b/public/images/png_icons/discover.png
new file mode 100644
index 0000000..c24dbae
Binary files /dev/null and b/public/images/png_icons/discover.png differ
diff --git a/public/images/png_icons/ebay.png b/public/images/png_icons/ebay.png
new file mode 100644
index 0000000..919d39c
Binary files /dev/null and b/public/images/png_icons/ebay.png differ
diff --git a/public/images/png_icons/google.png b/public/images/png_icons/google.png
new file mode 100644
index 0000000..d3c4c90
Binary files /dev/null and b/public/images/png_icons/google.png differ
diff --git a/public/images/png_icons/ideal.png b/public/images/png_icons/ideal.png
new file mode 100644
index 0000000..2858872
Binary files /dev/null and b/public/images/png_icons/ideal.png differ
diff --git a/public/images/png_icons/jcb.png b/public/images/png_icons/jcb.png
new file mode 100644
index 0000000..b563e2a
Binary files /dev/null and b/public/images/png_icons/jcb.png differ
diff --git a/public/images/png_icons/loud-speaker.png b/public/images/png_icons/loud-speaker.png
new file mode 100644
index 0000000..731b13a
Binary files /dev/null and b/public/images/png_icons/loud-speaker.png differ
diff --git a/public/images/png_icons/mac-os.png b/public/images/png_icons/mac-os.png
new file mode 100644
index 0000000..1c060b7
Binary files /dev/null and b/public/images/png_icons/mac-os.png differ
diff --git a/public/images/png_icons/paypal.png b/public/images/png_icons/paypal.png
new file mode 100644
index 0000000..3c90aff
Binary files /dev/null and b/public/images/png_icons/paypal.png differ
diff --git a/public/images/png_icons/shopify.png b/public/images/png_icons/shopify.png
new file mode 100644
index 0000000..1e6f328
Binary files /dev/null and b/public/images/png_icons/shopify.png differ
diff --git a/public/images/png_icons/tool-1.png b/public/images/png_icons/tool-1.png
new file mode 100644
index 0000000..80ba568
Binary files /dev/null and b/public/images/png_icons/tool-1.png differ
diff --git a/public/images/png_icons/tool-10.png b/public/images/png_icons/tool-10.png
new file mode 100644
index 0000000..c223a78
Binary files /dev/null and b/public/images/png_icons/tool-10.png differ
diff --git a/public/images/png_icons/tool-11.png b/public/images/png_icons/tool-11.png
new file mode 100644
index 0000000..b18eb07
Binary files /dev/null and b/public/images/png_icons/tool-11.png differ
diff --git a/public/images/png_icons/tool-12.png b/public/images/png_icons/tool-12.png
new file mode 100644
index 0000000..4f9a08a
Binary files /dev/null and b/public/images/png_icons/tool-12.png differ
diff --git a/public/images/png_icons/tool-13.png b/public/images/png_icons/tool-13.png
new file mode 100644
index 0000000..df575d9
Binary files /dev/null and b/public/images/png_icons/tool-13.png differ
diff --git a/public/images/png_icons/tool-14.png b/public/images/png_icons/tool-14.png
new file mode 100644
index 0000000..5644fa8
Binary files /dev/null and b/public/images/png_icons/tool-14.png differ
diff --git a/public/images/png_icons/tool-2.png b/public/images/png_icons/tool-2.png
new file mode 100644
index 0000000..58db646
Binary files /dev/null and b/public/images/png_icons/tool-2.png differ
diff --git a/public/images/png_icons/tool-3.png b/public/images/png_icons/tool-3.png
new file mode 100644
index 0000000..648f047
Binary files /dev/null and b/public/images/png_icons/tool-3.png differ
diff --git a/public/images/png_icons/tool-4.png b/public/images/png_icons/tool-4.png
new file mode 100644
index 0000000..fcd68e9
Binary files /dev/null and b/public/images/png_icons/tool-4.png differ
diff --git a/public/images/png_icons/tool-5.png b/public/images/png_icons/tool-5.png
new file mode 100644
index 0000000..53e7942
Binary files /dev/null and b/public/images/png_icons/tool-5.png differ
diff --git a/public/images/png_icons/tool-6.png b/public/images/png_icons/tool-6.png
new file mode 100644
index 0000000..b5526f9
Binary files /dev/null and b/public/images/png_icons/tool-6.png differ
diff --git a/public/images/png_icons/tool-7.png b/public/images/png_icons/tool-7.png
new file mode 100644
index 0000000..cea5ff4
Binary files /dev/null and b/public/images/png_icons/tool-7.png differ
diff --git a/public/images/png_icons/tool-8.png b/public/images/png_icons/tool-8.png
new file mode 100644
index 0000000..daabfe4
Binary files /dev/null and b/public/images/png_icons/tool-8.png differ
diff --git a/public/images/png_icons/tool-9.png b/public/images/png_icons/tool-9.png
new file mode 100644
index 0000000..0a2b4f2
Binary files /dev/null and b/public/images/png_icons/tool-9.png differ
diff --git a/public/images/png_icons/visa.png b/public/images/png_icons/visa.png
new file mode 100644
index 0000000..9e16fc0
Binary files /dev/null and b/public/images/png_icons/visa.png differ
diff --git a/public/images/png_icons/windows.png b/public/images/png_icons/windows.png
new file mode 100644
index 0000000..bb76e89
Binary files /dev/null and b/public/images/png_icons/windows.png differ
diff --git a/public/images/png_icons/wu.png b/public/images/png_icons/wu.png
new file mode 100644
index 0000000..8dd8d8a
Binary files /dev/null and b/public/images/png_icons/wu.png differ
diff --git a/public/images/post-author.jpg b/public/images/post-author.jpg
new file mode 100644
index 0000000..12597d3
Binary files /dev/null and b/public/images/post-author.jpg differ
diff --git a/public/images/projects/.DS_Store b/public/images/projects/.DS_Store
new file mode 100644
index 0000000..5008ddf
Binary files /dev/null and b/public/images/projects/.DS_Store differ
diff --git a/public/images/projects/project-01.jpg b/public/images/projects/project-01.jpg
new file mode 100644
index 0000000..4f8c735
Binary files /dev/null and b/public/images/projects/project-01.jpg differ
diff --git a/public/images/projects/project-02.jpg b/public/images/projects/project-02.jpg
new file mode 100644
index 0000000..e2fa50b
Binary files /dev/null and b/public/images/projects/project-02.jpg differ
diff --git a/public/images/projects/project-03.jpg b/public/images/projects/project-03.jpg
new file mode 100644
index 0000000..e4d6ec2
Binary files /dev/null and b/public/images/projects/project-03.jpg differ
diff --git a/public/images/projects/project-04.jpg b/public/images/projects/project-04.jpg
new file mode 100644
index 0000000..dba7d92
Binary files /dev/null and b/public/images/projects/project-04.jpg differ
diff --git a/public/images/projects/project-05.jpg b/public/images/projects/project-05.jpg
new file mode 100644
index 0000000..e84efcd
Binary files /dev/null and b/public/images/projects/project-05.jpg differ
diff --git a/public/images/projects/project-06.jpg b/public/images/projects/project-06.jpg
new file mode 100644
index 0000000..195955f
Binary files /dev/null and b/public/images/projects/project-06.jpg differ
diff --git a/public/images/projects/project-07.jpg b/public/images/projects/project-07.jpg
new file mode 100644
index 0000000..0291117
Binary files /dev/null and b/public/images/projects/project-07.jpg differ
diff --git a/public/images/projects/project-08.jpg b/public/images/projects/project-08.jpg
new file mode 100644
index 0000000..d2bf66a
Binary files /dev/null and b/public/images/projects/project-08.jpg differ
diff --git a/public/images/projects/project-09.jpg b/public/images/projects/project-09.jpg
new file mode 100644
index 0000000..f509a79
Binary files /dev/null and b/public/images/projects/project-09.jpg differ
diff --git a/public/images/projects/project-10.jpg b/public/images/projects/project-10.jpg
new file mode 100644
index 0000000..cf37ae1
Binary files /dev/null and b/public/images/projects/project-10.jpg differ
diff --git a/public/images/projects/project-10a.jpg b/public/images/projects/project-10a.jpg
new file mode 100644
index 0000000..5f3edf8
Binary files /dev/null and b/public/images/projects/project-10a.jpg differ
diff --git a/public/images/projects/project-11.jpg b/public/images/projects/project-11.jpg
new file mode 100644
index 0000000..a0f9c5d
Binary files /dev/null and b/public/images/projects/project-11.jpg differ
diff --git a/public/images/projects/project-11a.jpg b/public/images/projects/project-11a.jpg
new file mode 100644
index 0000000..99f0a9f
Binary files /dev/null and b/public/images/projects/project-11a.jpg differ
diff --git a/public/images/reset-password.jpg b/public/images/reset-password.jpg
new file mode 100644
index 0000000..91fb4f4
Binary files /dev/null and b/public/images/reset-password.jpg differ
diff --git a/public/images/reset-password_dark.jpg b/public/images/reset-password_dark.jpg
new file mode 100644
index 0000000..15ab37b
Binary files /dev/null and b/public/images/reset-password_dark.jpg differ
diff --git a/public/images/review-author-1.jpg b/public/images/review-author-1.jpg
new file mode 100644
index 0000000..7e07084
Binary files /dev/null and b/public/images/review-author-1.jpg differ
diff --git a/public/images/review-author-2.jpg b/public/images/review-author-2.jpg
new file mode 100644
index 0000000..abc44fb
Binary files /dev/null and b/public/images/review-author-2.jpg differ
diff --git a/public/images/review-author-3.jpg b/public/images/review-author-3.jpg
new file mode 100644
index 0000000..550142f
Binary files /dev/null and b/public/images/review-author-3.jpg differ
diff --git a/public/images/review-author-4.jpg b/public/images/review-author-4.jpg
new file mode 100644
index 0000000..024edef
Binary files /dev/null and b/public/images/review-author-4.jpg differ
diff --git a/public/images/review-author-5.jpg b/public/images/review-author-5.jpg
new file mode 100644
index 0000000..f57fcc9
Binary files /dev/null and b/public/images/review-author-5.jpg differ
diff --git a/public/images/review-author-6.jpg b/public/images/review-author-6.jpg
new file mode 100644
index 0000000..55e171d
Binary files /dev/null and b/public/images/review-author-6.jpg differ
diff --git a/public/images/review-author-7.jpg b/public/images/review-author-7.jpg
new file mode 100644
index 0000000..1ae4218
Binary files /dev/null and b/public/images/review-author-7.jpg differ
diff --git a/public/images/review-author-8.jpg b/public/images/review-author-8.jpg
new file mode 100644
index 0000000..12597d3
Binary files /dev/null and b/public/images/review-author-8.jpg differ
diff --git a/public/images/square-logo.png b/public/images/square-logo.png
new file mode 100644
index 0000000..6c325d7
Binary files /dev/null and b/public/images/square-logo.png differ
diff --git a/public/images/store_badges/.DS_Store b/public/images/store_badges/.DS_Store
new file mode 100644
index 0000000..5008ddf
Binary files /dev/null and b/public/images/store_badges/.DS_Store differ
diff --git a/public/images/store_badges/amazon-01.png b/public/images/store_badges/amazon-01.png
new file mode 100644
index 0000000..80ffa0e
Binary files /dev/null and b/public/images/store_badges/amazon-01.png differ
diff --git a/public/images/store_badges/amazon-02.png b/public/images/store_badges/amazon-02.png
new file mode 100644
index 0000000..0f90c04
Binary files /dev/null and b/public/images/store_badges/amazon-02.png differ
diff --git a/public/images/store_badges/android.png b/public/images/store_badges/android.png
new file mode 100644
index 0000000..7bb44a6
Binary files /dev/null and b/public/images/store_badges/android.png differ
diff --git a/public/images/store_badges/appstore-white.png b/public/images/store_badges/appstore-white.png
new file mode 100644
index 0000000..4948736
Binary files /dev/null and b/public/images/store_badges/appstore-white.png differ
diff --git a/public/images/store_badges/appstore.png b/public/images/store_badges/appstore.png
new file mode 100644
index 0000000..5b5e0c5
Binary files /dev/null and b/public/images/store_badges/appstore.png differ
diff --git a/public/images/store_badges/chrome.png b/public/images/store_badges/chrome.png
new file mode 100644
index 0000000..564703c
Binary files /dev/null and b/public/images/store_badges/chrome.png differ
diff --git a/public/images/store_badges/galaxystore.png b/public/images/store_badges/galaxystore.png
new file mode 100644
index 0000000..4d9a4e1
Binary files /dev/null and b/public/images/store_badges/galaxystore.png differ
diff --git a/public/images/store_badges/googleplay-white.png b/public/images/store_badges/googleplay-white.png
new file mode 100644
index 0000000..3625fdd
Binary files /dev/null and b/public/images/store_badges/googleplay-white.png differ
diff --git a/public/images/store_badges/googleplay.png b/public/images/store_badges/googleplay.png
new file mode 100644
index 0000000..8a3f226
Binary files /dev/null and b/public/images/store_badges/googleplay.png differ
diff --git a/public/images/store_badges/huawei.png b/public/images/store_badges/huawei.png
new file mode 100644
index 0000000..c70e803
Binary files /dev/null and b/public/images/store_badges/huawei.png differ
diff --git a/public/images/store_badges/macstore.png b/public/images/store_badges/macstore.png
new file mode 100644
index 0000000..5bdadc0
Binary files /dev/null and b/public/images/store_badges/macstore.png differ
diff --git a/public/images/store_badges/microsoft-01.png b/public/images/store_badges/microsoft-01.png
new file mode 100644
index 0000000..6d08cde
Binary files /dev/null and b/public/images/store_badges/microsoft-01.png differ
diff --git a/public/images/store_badges/microsoft-02.png b/public/images/store_badges/microsoft-02.png
new file mode 100644
index 0000000..815929c
Binary files /dev/null and b/public/images/store_badges/microsoft-02.png differ
diff --git a/public/images/store_badges/shopify.png b/public/images/store_badges/shopify.png
new file mode 100644
index 0000000..eb5185b
Binary files /dev/null and b/public/images/store_badges/shopify.png differ
diff --git a/public/images/store_badges/windows-10.png b/public/images/store_badges/windows-10.png
new file mode 100644
index 0000000..561ac6d
Binary files /dev/null and b/public/images/store_badges/windows-10.png differ
diff --git a/public/images/tablet-01.png b/public/images/tablet-01.png
new file mode 100644
index 0000000..80f1ba9
Binary files /dev/null and b/public/images/tablet-01.png differ
diff --git a/public/images/tablet-02.png b/public/images/tablet-02.png
new file mode 100644
index 0000000..b052465
Binary files /dev/null and b/public/images/tablet-02.png differ
diff --git a/public/images/tablet-03.png b/public/images/tablet-03.png
new file mode 100644
index 0000000..7e7f27a
Binary files /dev/null and b/public/images/tablet-03.png differ
diff --git a/public/images/tablet-04.png b/public/images/tablet-04.png
new file mode 100644
index 0000000..f761a2e
Binary files /dev/null and b/public/images/tablet-04.png differ
diff --git a/public/images/tablet-05.png b/public/images/tablet-05.png
new file mode 100644
index 0000000..eeaf109
Binary files /dev/null and b/public/images/tablet-05.png differ
diff --git a/public/images/team-1.jpg b/public/images/team-1.jpg
new file mode 100644
index 0000000..295ef5d
Binary files /dev/null and b/public/images/team-1.jpg differ
diff --git a/public/images/team-10.jpg b/public/images/team-10.jpg
new file mode 100644
index 0000000..5570eaf
Binary files /dev/null and b/public/images/team-10.jpg differ
diff --git a/public/images/team-11.jpg b/public/images/team-11.jpg
new file mode 100644
index 0000000..af1b9d7
Binary files /dev/null and b/public/images/team-11.jpg differ
diff --git a/public/images/team-12.jpg b/public/images/team-12.jpg
new file mode 100644
index 0000000..f0f0b7f
Binary files /dev/null and b/public/images/team-12.jpg differ
diff --git a/public/images/team-13.jpg b/public/images/team-13.jpg
new file mode 100644
index 0000000..2d012c3
Binary files /dev/null and b/public/images/team-13.jpg differ
diff --git a/public/images/team-2.jpg b/public/images/team-2.jpg
new file mode 100644
index 0000000..d396d36
Binary files /dev/null and b/public/images/team-2.jpg differ
diff --git a/public/images/team-3.jpg b/public/images/team-3.jpg
new file mode 100644
index 0000000..b6293ad
Binary files /dev/null and b/public/images/team-3.jpg differ
diff --git a/public/images/team-4.jpg b/public/images/team-4.jpg
new file mode 100644
index 0000000..d99e9a6
Binary files /dev/null and b/public/images/team-4.jpg differ
diff --git a/public/images/team-5.jpg b/public/images/team-5.jpg
new file mode 100644
index 0000000..072d257
Binary files /dev/null and b/public/images/team-5.jpg differ
diff --git a/public/images/team-6.jpg b/public/images/team-6.jpg
new file mode 100644
index 0000000..a0623f0
Binary files /dev/null and b/public/images/team-6.jpg differ
diff --git a/public/images/team-7.jpg b/public/images/team-7.jpg
new file mode 100644
index 0000000..207dd5d
Binary files /dev/null and b/public/images/team-7.jpg differ
diff --git a/public/images/team-8.jpg b/public/images/team-8.jpg
new file mode 100644
index 0000000..176fd01
Binary files /dev/null and b/public/images/team-8.jpg differ
diff --git a/public/images/team-9.jpg b/public/images/team-9.jpg
new file mode 100644
index 0000000..d766acd
Binary files /dev/null and b/public/images/team-9.jpg differ
diff --git a/public/vercel.svg b/public/vercel.svg
new file mode 100644
index 0000000..fbf0e25
--- /dev/null
+++ b/public/vercel.svg
@@ -0,0 +1,4 @@
+<svg width="283" height="64" viewBox="0 0 283 64" fill="none" 
+    xmlns="http://www.w3.org/2000/svg">
+    <path d="M141.04 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM248.72 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM200.24 34c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9V5h9zM36.95 0L73.9 64H0L36.95 0zm92.38 5l-27.71 48L73.91 5H84.3l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10V51h-9V17h9v9.2c0-5.08 5.91-9.2 13.2-9.2z" fill="#000"/>
+</svg>
\ No newline at end of file