{"version":3,"sources":["GlobalStyles.js","assets/img/logo1.svg","components/ScrollToTop.js","assets/img/bg1.jpg","components/PageSlide.js","assets/img/customer-engagement.svg","assets/img/panel1-3.jpg","assets/img/panel2.jpg","assets/img/panel3.jpg","assets/img/panel4.jpg","views/Highlights.js","views/Welcome.js","components/Menu.js","assets/img/short-logo.svg","components/One.js","components/Two.js","components/Three.js","components/Tree.js","components/Spread.js","components/DownArrow.js","assets/img/circ2.svg","assets/img/circ3.svg","components/Icons.js","assets/downloads/Amdocs Customer Engagement eBook.pdf","views/PageOne.js","components/SpreadTwo.js","views/PageTwo.js","assets/img/down-arrow.svg","components/Media.js","assets/downloads/Amdocs Omnichannel Customer Engagement Solution Profile.pdf","views/PageThree.js","App.js","reportWebVitals.js","index.js"],"names":["AllStyles","createGlobalStyle","withRouter","history","useEffect","unlisten","listen","window","scrollTo","Slider","styled","motion","div","PageSlide","children","isFoward","initial","x","animate","exit","transition","duration","HighlightsArea","section","Breadcrumb","InfoBox","TitleHighlight","PageOneHighlight","PageTwoHighlight","PageThreeHighlight","Highlights","setIsFoward","useHistory","Helmet","className","src","logo","alt","omnilogo","panel1","data-tip","data-for","onClick","e","setTimeout","push","img","panel2","panel3","panel4","id","backgroundColor","place","effect","b1","Tilt","gsap","registerPlugin","ScrollToPlugin","MorphSVGPlugin","One","set","autoAlpha","scale","transformOrigin","to","y","yoyo","repeat","version","viewBox","style","enableBackground","onMouseEnter","morphSVG","delay","onMouseLeave","fill","d","Two","Three","DrawSVGPlugin","Tree","from","display","drawSVG","stagger","xmlns","xmlnsXlink","stroke","strokeWidth","strokeLinecap","strokeLinejoin","strokeMiterlimit","xlinkHref","overflow","Spread","cx","cy","r","transform","DownArrow","points","convertToPath","Trolley","Tick","toTick","Tick2","Tick3","Tick4","Touch","Reuse","Omni","Collab","Medal","Target","ScrollTrigger","TreeGraphic","SpreadGraphic","NextPagePrompt","PageContent","SwipeIntro","FlowBox","DownPrompt","Navbar","nav","shortlogo","Interactives","ChallangesRow","Card","SideImage","DownloadButton","RequestButton","QuickMenu","PageOne","isOpen","setIsOpen","isFirst","setIsFirst","closeMenu","nextPage","prevPage","handlers","useSwipeable","onSwipedLeft","eventData","onSwipedRight","scrollTrigger","trigger","markers","pin","start","download","href","hardcopy","target","tiltEnable","isMobile","trackOnWindow","glareEnable","glarePosition","glareColor","perspective","gyroscope","i1","offsetY","SpreadTwo","GridArea","GridTile","PageTwo","homePage","background","i2","Media","PageThree","i3","borderRadius","arrow","pdf","Stage","Logo","App","location","useLocation","useState","isWelcome","setIsWelcome","GlobalStyles","AnimatePresence","exact","path","pathname","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.18ea633e.chunk.js","sourcesContent":["import { createGlobalStyle } from \"styled-components\";\n\nconst AllStyles = createGlobalStyle`\n\n\n\n*{\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\nbody{\n    font-family: 'MarkPro-Book';\n    color: #fff;\n    background: #000;\n    overflow-x: hidden;\n}\n\nb{\n    font-family: 'MarkPro-Bold';\n}\n\n*::-webkit-scrollbar {\n    display: none;\n}\n\n.swipeable{\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n.color-change-2x {\n\t-webkit-animation: color-change-2x 4s linear infinite alternate both;\n\t        animation: color-change-2x 4s linear infinite alternate both;\n}\n\n\n.kenburns-top {\n    -webkit-animation: kenburns-top 5s ease-out infinite alternate both;\n\t        animation: kenburns-top 5s ease-out infinite alternate both;\n}\n\n.kenburns-top2 {\n    -webkit-animation: kenburns-top 5s ease-out infinite alternate both;\n\t        animation: kenburns-top 5s ease-out infinite alternate both;\n}\n\n.kenburns-top3 {\n    -webkit-animation: kenburns-top 5s ease-out infinite alternate both;\n\t        animation: kenburns-top 5s ease-out infinite alternate both;\n}\n\n@-webkit-keyframes color-change-2x {\n  0% {\n    background: rgba(253,181,21,.3);\n  }\n  100% {\n    background: rgba(253,181,21,.6);\n  }\n}\n@keyframes color-change-2x {\n  0% {\n    background: rgba(253,181,21,.3);\n  }\n  100% {\n    background: rgba(253,181,21,.6);\n  }\n}\n\n\n.delay1{\n    transition-delay: 1s !important;\n}\n\n\n\n@-webkit-keyframes kenburns-top {\n  0% {\n    -webkit-transform: scale(1) translateY(0);\n            transform: scale(1) translateY(0);\n    -webkit-transform-origin: 50% 16%;\n            transform-origin: 50% 16%;\n  }\n  100% {\n    -webkit-transform: scale(1.25) translateY(-15px);\n            transform: scale(1.25) translateY(-15px);\n    -webkit-transform-origin: top;\n            transform-origin: top;\n  }\n}\n@keyframes kenburns-top {\n  0% {\n    -webkit-transform: scale(1) translateY(0);\n            transform: scale(1) translateY(0);\n    -webkit-transform-origin: 50% 16%;\n            transform-origin: 50% 16%;\n  }\n  100% {\n    -webkit-transform: scale(1.25) translateY(-15px);\n            transform: scale(1.25) translateY(-15px);\n    -webkit-transform-origin: top;\n            transform-origin: top;\n  }\n}\n\n\n\n#logo{\n    display: none;\n}\n\n.arrow-down-prompt{\n    fill:none;\n    stroke:#ffffff;\n    stroke-width:12;\n    stroke-miterlimit:10;\n}\n\n.ring-after{\n    /* display: none; */\n}\n\n.App{\n    width: 100vw;\n    height: 100vh;\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n\n    @media (max-width: 1060px) {\n        height: auto;\n        overflow-y: auto;\n        overflow-x: hidden;\n    }\n}\n\n`;\n\nexport default AllStyles;\n","export default __webpack_public_path__ + \"static/media/logo1.4db4c0ad.svg\";","import { useEffect } from 'react';\nimport { withRouter } from 'react-router-dom';\n\nconst ScrollToTop = ({ history }) => {\n  useEffect(() => {\n    const unlisten = history.listen(() => {\n      window.scrollTo(0, 0);\n    });\n    return () => {\n      unlisten();\n    }\n  }, []);\n\n  return (null);\n}\n\nexport default withRouter(ScrollToTop);","export default __webpack_public_path__ + \"static/media/bg1.4821d047.jpg\";","import React from \"react\";\nimport { motion } from \"framer-motion\";\nimport styled from \"styled-components\";\n\nconst PageSlide = ({ children, isFoward }) => {\n  return (\n    <Slider\n      initial={{ x: isFoward ? \"100%\" : \"-100%\" }}\n      animate={{ x: \"0\" }}\n      exit={{ x: isFoward ? \"-100%\" : \"100%\" }}\n      transition={{ duration: 1 }}\n    >\n      {children}\n    </Slider>\n  );\n};\n\nconst Slider = styled(motion.div)`\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  @media (max-width: 850px) {\n    overflow-x: hidden;\n  }\n`;\n\nexport default PageSlide;\n","export default __webpack_public_path__ + \"static/media/customer-engagement.467298cc.svg\";","export default __webpack_public_path__ + \"static/media/panel1-3.242ccbc6.jpg\";","export default __webpack_public_path__ + \"static/media/panel2.7b1dde42.jpg\";","export default __webpack_public_path__ + \"static/media/panel3.37cb8a49.jpg\";","export default __webpack_public_path__ + \"static/media/panel4.4b0370f3.jpg\";","import React, { useState, useEffect, Fragment } from \"react\";\nimport styled from \"styled-components\";\nimport { motion } from \"framer-motion\";\nimport ReactTooltip from \"react-tooltip\";\nimport PageSlide from \"../components/PageSlide\";\nimport { Link, useHistory } from \"react-router-dom\";\nimport { BrowserView } from \"react-device-detect\";\nimport { Helmet } from \"react-helmet\";\nimport logo from \"../assets/img/logo1.svg\";\nimport omnilogo from \"../assets/img/customer-engagement.svg\";\nimport panel1 from \"../assets/img/panel1-3.jpg\";\nimport panel2 from \"../assets/img/panel2.jpg\";\nimport panel3 from \"../assets/img/panel3.jpg\";\nimport panel4 from \"../assets/img/panel4.jpg\";\n\nconst Highlights = ({ isFoward, setIsFoward }) => {\n  const history = useHistory();\n\n  const pageFoward = () => {\n    setIsFoward(true);\n  };\n\n  const pageOne = (e) => {\n    setIsFoward(true);\n    setTimeout(() => {\n      history.push(\"/the-customer-of-today\");\n    }, 100);\n  };\n\n  const pageTwo = (e) => {\n    setIsFoward(true);\n    setTimeout(() => {\n      history.push(\"/meet-the-amdocs-solution\");\n    }, 100);\n  };\n\n  const pageThree = (e) => {\n    setIsFoward(true);\n    setTimeout(() => {\n      history.push(\"/amdocs-customer-engagement\");\n    }, 100);\n  };\n\n  useEffect(() => {}, []);\n\n  return (\n    <Fragment>\n      <Helmet>\n        <title>Amdocs Customer Engagement</title>\n      </Helmet>\n      <PageSlide isFoward={isFoward}>\n        <HighlightsArea>\n          <TitleHighlight>\n            <div className=\"logo-container\">\n              <div className=\"logo\">\n                <img src={logo} alt=\"\" />\n              </div>\n              <div className=\"sub-logo\">\n                <img src={omnilogo} alt=\"\" />\n              </div>\n            </div>\n            <img src={panel1} alt=\"\" />\n            <div className=\"pane color-change-2x kenburns-top\"></div>\n            <InfoBox>\n              <h1>Amdocs Customer Engagement</h1>\n              <h2>one-stop-shop for a winning customer experience</h2>\n            </InfoBox>\n          </TitleHighlight>\n\n          <PageOneHighlight data-tip data-for=\"page1\" onClick={pageOne}>\n            <motion.img className=\"kenburns-top\" src={panel2} alt=\"\" />\n            <div className=\"pane color-change-2x kenburns-top\"></div>\n            <InfoBox>\n              <p>\n                The customer <br />\n                of today\n              </p>\n            </InfoBox>\n          </PageOneHighlight>\n\n          <PageTwoHighlight data-tip data-for=\"page2\" onClick={pageTwo}>\n            <img className=\"kenburns-top2\" src={panel3} alt=\"\" />\n            <div className=\"pane\"></div>\n            <InfoBox>\n              <p>Meet the Amdocs Solution</p>\n            </InfoBox>\n          </PageTwoHighlight>\n\n          <PageThreeHighlight data-tip data-for=\"page3\" onClick={pageThree}>\n            <img className=\"kenburns-top3\" src={panel4} alt=\"\" />\n            <div className=\"pane\"></div>\n            <InfoBox>\n              <p>Amdocs Customer Engagement</p>\n            </InfoBox>\n          </PageThreeHighlight>\n        </HighlightsArea>\n\n        <BrowserView>\n          <ReactTooltip\n            id={`page1`}\n            backgroundColor=\"#F6B74B\"\n            place=\"left\"\n            effect=\"float\"\n          >\n            <Breadcrumb>\n              <p>\n                Today’s customers’ lives revolve around digital technologies.\n                They expect skilled, knowledgeable agents, demand easy access...\n              </p>\n            </Breadcrumb>\n          </ReactTooltip>\n        </BrowserView>\n\n        <BrowserView>\n          <ReactTooltip\n            id={`page2`}\n            backgroundColor=\"#DF6469\"\n            place=\"left\"\n            effect=\"float\"\n          >\n            <Breadcrumb>\n              <p>\n                Intelligent & modular, our solution enables contact center and\n                retail shop agents to manage all aspects of the customer...\u000b\n              </p>\n            </Breadcrumb>\n          </ReactTooltip>\n        </BrowserView>\n\n        <BrowserView>\n          <ReactTooltip\n            id={`page3`}\n            backgroundColor=\"#C9317F\"\n            place=\"left\"\n            effect=\"float\"\n          >\n            <Breadcrumb>\n              <p>\n                Amdocs Customer Engagement helps CSPs increase their customer\n                &amp; employee satisfaction and upsurge revenue...\n              </p>\n            </Breadcrumb>\n          </ReactTooltip>\n        </BrowserView>\n      </PageSlide>\n    </Fragment>\n  );\n};\n\nconst HighlightsArea = styled.section`\n  display: grid;\n  width: 100%;\n  /* grid-gap: 15px; */\n  grid-template-columns: 1fr 1fr 1fr;\n  grid-template-rows: 1fr 1fr 1fr;\n  grid-template-areas:\n    \"title title p1\"\n    \"title title p2\"\n    \"title title p3\";\n  /* margin-top: 120px; */\n  height: 100%;\n\n  @media (max-width: 850px) {\n    display: block;\n  }\n\n  a {\n    display: contents;\n    color: #fff;\n    text-decoration: none;\n  }\n`;\n\nconst Breadcrumb = styled.div`\n  max-width: 300px;\n\n  @media (max-width: 850px) {\n    display: none;\n  }\n`;\n\nconst InfoBox = styled.div`\n  font-size: 2em;\n  max-width: 95%;\n  position: relative;\n  z-index: 10;\n`;\n\nconst TitleHighlight = styled.div`\n  grid-area: title;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: flex-end;\n  padding: 2em;\n  overflow: hidden;\n\n  @media (max-width: 850px) {\n    height: 40%;\n    padding: 1em;\n  }\n\n  .pane {\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.42);\n  }\n\n  h1 {\n    background: -webkit-linear-gradient(\n      0deg,\n      rgba(246, 183, 75, 1) 0%,\n      rgba(223, 100, 105, 1) 50%,\n      rgba(201, 49, 127, 1) 100%\n    );\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    font-size: 1.9em;\n    /* font-family: 'MarkPro-Bold'; */\n    line-height: 1.1;\n    padding-bottom: 5px;\n    font-weight: 600 !important;\n\n    @media (max-width: 850px) {\n      font-size: 1em;\n    }\n  }\n\n  h2 {\n    font-weight: 100;\n    font-size: 1em;\n\n    @media (max-width: 850px) {\n      font-size: 0.8em;\n    }\n  }\n\n  .logo-container {\n    display: flex;\n    align-self: flex-start;\n    width: 100%;\n    margin-bottom: auto;\n  }\n\n  .logo {\n    display: inline-block;\n    position: relative;\n    z-index: 100;\n    margin-bottom: auto;\n    width: 320px;\n\n    @media (max-width: 850px) {\n      width: 180px;\n      height: auto;\n\n      img {\n        height: auto;\n      }\n    }\n\n    img {\n      width: 100% !important;\n      position: relative;\n      top: unset !important;\n      left: unset !important;\n      right: unset !important;\n      bottom: unset !important;\n      object-fit: unset;\n    }\n  }\n\n  .sub-logo {\n    display: inline0block;\n    position: relative;\n    z-index: 100;\n    margin-left: auto;\n    width: 160px;\n\n    @media (max-width: 850px) {\n      width: 100px;\n      height: auto;\n\n      img {\n        height: auto;\n      }\n    }\n\n    img {\n      width: 100% !important;\n      position: relative;\n      top: unset !important;\n      left: unset !important;\n      right: unset !important;\n      bottom: unset !important;\n      object-fit: unset;\n    }\n  }\n\n  img {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    z-index: -1;\n  }\n`;\n\nconst PageOneHighlight = styled(motion.div)`\n  grid-area: p1;\n  /* background: red; */\n  position: relative;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: flex-end;\n  padding: 2em;\n  overflow: hidden;\n\n  @media (max-width: 850px) {\n    font-size: 0.8em;\n    height: 20%;\n    padding: 1em;\n  }\n\n  img {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    z-index: -1;\n  }\n\n  .pane {\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(253, 181, 21, 0.3);\n  }\n`;\n\nconst PageTwoHighlight = styled(PageOneHighlight)`\n  grid-area: p2;\n\n  img {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    z-index: -1;\n  }\n\n  .pane {\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(223, 100, 105, 0.3);\n  }\n`;\n\nconst PageThreeHighlight = styled(PageOneHighlight)`\n  grid-area: p3;\n\n  img {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    z-index: -1;\n  }\n\n  .pane {\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(201, 49, 127, 0.3);\n  }\n`;\n\nexport default Highlights;\n","import React,{useState,useeffect, useEffect, Fragment} from 'react';\n// import {motion} from 'framer-motion';\nimport styled from 'styled-components';\nimport logo from '../assets/img/logo1.svg';\nimport WelcomeMessage from '../components/WelcomeMessage';\nimport b1 from '../assets/img/bg1.jpg';\nimport { Link,Redirect } from 'react-router-dom';\nimport Tilt from 'react-parallax-tilt';\nimport PageSlide from '../components/PageSlide';\nimport Highlights from '../views/Highlights';\n\nconst Welcome = ({isWelcome,setIsWelcome,isFoward}) => {\n\n\nuseEffect(()=>{\n    setTimeout(()=>{\n        setIsWelcome(false);\n    },2000)\n},[])\n\nreturn  (\n\n    <PageSlide isFoward={isFoward}>\n    <First>\n        {/* <TitleTilt>\n            <TitleBox> */}\n               <img src={logo} alt=\"\" />\n               {/* <h1>Amdocs Customer Engagement</h1>\n               <h2>one-stop-shop for a winning customer experience</h2> */}\n           {/* </TitleBox>\n       </TitleTilt> */}\n           {/* <Link to=\"/highlights\">\n               <ViewPrompt>Read</ViewPrompt>\n           </Link> */}\n   </First>\n</PageSlide> \n)\n\n       \n    \n    \n    \n     \n\n   \n}\n\nconst First = styled.div`\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    /* background: url(${b1}) no-repeat center center; */\n    background-size: cover;\n\n    h1{\n        font-family: 'MarkPro-Bold';\n        font-size: 3em;\n    }\n\n    img{\n        display: block;\n        margin: 0 auto;\n        width: 40%;\n    }\n\n    svg{\n        display: block;\n        margin: 0 auto;\n        width: 80%;\n    }\n`;\n\nconst TitleTilt = styled(Tilt)`\n\n`;\n\nconst TitleBox = styled.div`\n    height: 500px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-direction: column;\n    text-align: center;\n    /* background: red; */\n    padding: 2em;\n\n    img{\n        display: block;\n        width: 45%;\n        margin-bottom: 30px;\n    }\n\n    h1{\n        background: -webkit-linear-gradient(0deg, rgba(246,183,75,1) 0%, gba(223, 100, 105, 0.3) 50%, rgba(201,49,127,1) 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n    }\n`;\n\nconst ViewPrompt = styled.div`\n    display: block;\n    text-align: center;\n    padding: 15px;\n    margin-top: 30px;\n    background: #DF6469;\n    border-radius: 4px;\n    cursor: pointer;\n    min-width: 100px;\n`;\n\nexport default Welcome;","import React, { useEffect } from \"react\";\nimport { motion } from \"framer-motion\";\nimport styled from \"styled-components\";\nimport { Link, useHistory, useLocation } from \"react-router-dom\";\nimport { gsap } from \"gsap\";\nimport { ScrollToPlugin } from \"gsap/ScrollToPlugin\";\n\ngsap.registerPlugin(ScrollToPlugin);\n\nconst Menu = ({ isOpen, setIsOpen, isFoward, setIsFoward }) => {\n  const history = useHistory();\n  const location = useLocation();\n\n  const closeMenu = () => {\n    setIsOpen(false);\n  };\n\n  const goFoward = () => {\n    setIsFoward(true);\n  };\n\n  const goBack = () => {\n    setIsFoward(false);\n  };\n\n  const removeNavOne = (e) => {\n    if (location.pathname.includes(\"the-customer-of-today\")) {\n      goFoward();\n      setIsOpen(false);\n      // gsap.to('.thenav',{y:'-100px',duration: 1})\n      setTimeout(() => {\n        history.push(\"/the-customer-of-today\");\n      }, 900);\n    } else {\n      goBack();\n      setIsOpen(false);\n      gsap.to(\".thenav\", { y: \"-100px\", duration: 1 });\n      setTimeout(() => {\n        history.push(\"/the-customer-of-today\");\n      }, 900);\n    }\n  };\n\n  const removeNavTwo = (e) => {\n    if (\n      location.pathname.includes(\"meet-amdocs-customer-engagement\") ||\n      location.pathname.includes(\"the-customer-of-today\")\n    ) {\n      goFoward();\n      setIsOpen(false);\n      // gsap.to('.thenav',{y:'-100px',duration: 1})\n      setTimeout(() => {\n        history.push(\"/meet-amdocs-customer-engagement\");\n      }, 900);\n    } else {\n      goBack();\n      setIsOpen(false);\n      gsap.to(\".thenav\", { y: \"-100px\", duration: 1 });\n      setTimeout(() => {\n        history.push(\"/meet-amdocs-customer-engagement\");\n      }, 900);\n    }\n  };\n\n  //   finish function\n\n  const removeNavThree = (e) => {\n    if (\n      location.pathname.includes(\"amdocs-engagement-center\") ||\n      location.pathname.includes(\"the-customer-of-today\")\n    ) {\n      goFoward();\n      setIsOpen(false);\n      // gsap.to('.thenav',{y:'-100px',duration: 1})\n      setTimeout(() => {\n        history.push(\"/meet-amdocs-customer-engagement\");\n      }, 900);\n    } else {\n      goBack();\n      setIsOpen(false);\n      gsap.to(\".thenav\", { y: \"-100px\", duration: 1 });\n      setTimeout(() => {\n        history.push(\"/meet-amdocs-customer-engagement\");\n      }, 900);\n    }\n  };\n\n  return (\n    <QuickMenu\n      id=\"the-menu\"\n      className={isOpen ? \"open\" : null}\n      onClick={closeMenu}\n    >\n      <div onClick={removeNavOne}>The customer of today</div>\n      <div onClick={removeNavTwo}>Meet Amdocs Customer Engagement</div>\n      <div onClick={removeNavThree}>Amdocs Engagement Center</div>\n      <DownloadButton>Download PDF</DownloadButton>\n    </QuickMenu>\n  );\n};\n\nconst DownloadButton = styled.div`\n  border: 3px solid #fff;\n  padding: 20px;\n  margin-top: 30px !important;\n`;\n\nconst QuickMenu = styled(motion.div)`\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  z-index: 100;\n  background-color: #000;\n\n  transform: translateX(-100%);\n  transition: all 0.5s ease;\n\n  &.open {\n    transform: translateX(0);\n    transition: all 0.5s ease;\n  }\n\n  div {\n    font-family: \"MarkPro-Bold\";\n    font-size: 3em;\n    cursor: pointer !important;\n    margin: 10px 0;\n    transition: all 0.5s ease;\n\n    &:hover {\n      transition: all 0.5s ease;\n    }\n\n    &:nth-child(1) {\n      &:hover {\n        color: #F6B74B;\n      }\n    }\n\n    &:nth-child(2) {\n      &:hover {\n        color: #DF6469;\n      }\n    }\n\n    &:nth-child(3) {\n      &:hover {\n        color: #C9317F;\n      }\n    }\n  }\n`;\n\nexport default Menu;\n","export default __webpack_public_path__ + \"static/media/short-logo.e95c7697.svg\";","import React, { useEffect } from \"react\";\nimport { gsap } from \"gsap\";\nimport { MorphSVGPlugin } from \"gsap/MorphSVGPlugin\";\ngsap.registerPlugin(MorphSVGPlugin);\n\nconst One = () => {\n  useEffect(() => {\n    gsap.set(\"#ring-one-path\", { autoAlpha: 0 });\n    gsap.set(\"#ring-one-text\", {\n      autoAlpha: 0,\n      scale: 0,\n      transformOrigin: \"center center\",\n    });\n    gsap.set(\"#ring1-circ-before\", {\n      scale: 0,\n      transformOrigin: \"center center\",\n    });\n    gsap.to(\"#int1\", { y: 10, yoyo: true, repeat: -1 });\n  }, []);\n\n  const drawRing = () => {\n    gsap.to(\".ring-before\", { duration: 1, morphSVG: \".ring-after\" });\n    gsap.to(\"#ring-one-text\", {\n      autoAlpha: 1,\n      duration: 1,\n      scale: 0.8,\n      transformOrigin: \"center center\",\n      delay: 0.3,\n    });\n  };\n\n  const hoverRing = () => {\n    // gsap.to('#ring1-circ-before',{fill: '#fff',scale: 1,transformOrigin: 'center center'})\n    gsap.to(\".ring-before\", { duration: 1, morphSVG: \".ring-after\" });\n    gsap.to(\"#ring-one-text\", {\n      autoAlpha: 1,\n      duration: 1,\n      scale: 0.8,\n      transformOrigin: \"center center\",\n      delay: 0.3,\n    });\n  };\n\n  const leaveRing = () => {\n    gsap.to(\"#ring1-circ-before\", {\n      fill: \"#000\",\n      scale: 0,\n      transformOrigin: \"center center\",\n    });\n  };\n\n  return (\n    <svg\n      id=\"int1\"\n      version=\"1.1\"\n      x=\"0px\"\n      y=\"0px\"\n      viewBox=\"0 0 255.4 255.4\"\n      style={{ enableBackground: \"new 0 0 255.4 255.4\" }}\n      onMouseEnter={hoverRing}\n      onMouseLeave={leaveRing}\n    >\n      <g id=\"Layer_1\">\n        <g>\n          <g>\n            <path\n              className=\"ring-before\"\n              id=\"ring1-circ-before\"\n              style={{ fill: \"#000\" }}\n              d=\"M127.7,10c31.4,0,61,12.2,83.2,34.5c22.2,22.2,34.5,51.8,34.5,83.2s-12.2,61-34.5,83.2\n\t\t\t\tc-22.2,22.2-51.8,34.5-83.2,34.5s-61-12.2-83.2-34.5C22.2,188.7,10,159.1,10,127.7s12.2-61,34.5-83.2C66.7,22.2,96.3,10,127.7,10\n\t\t\t\t M127.7,0C57.2,0,0,57.2,0,127.7s57.2,127.7,127.7,127.7s127.7-57.2,127.7-127.7S198.2,0,127.7,0L127.7,0z\"\n            />\n          </g>\n          <g>\n            <path\n              className=\"ring-before\"\n              style={{ fill: \"#F6B74B\" }}\n              d=\"M138.9,179h-19.5v-75.1l-24.2,9.8V94l43.6-17.6V179z\"\n            />\n          </g>\n        </g>\n        <g>\n          <g>\n            <g>\n              <path\n                className=\"ring-after\"\n                id=\"ring-one-path\"\n                style={{ fill: \"#F6B74B\" }}\n                d=\"M127.7,10c31.4,0,61,12.2,83.2,34.5c22.2,22.2,34.5,51.8,34.5,83.2s-12.2,61-34.5,83.2\n\t\t\t\t\tc-22.2,22.2-51.8,34.5-83.2,34.5s-61-12.2-83.2-34.5C22.2,188.7,10,159.1,10,127.7s12.2-61,34.5-83.2\n\t\t\t\t\tC66.7,22.2,96.3,10,127.7,10 M127.7,0C57.2,0,0,57.2,0,127.7s57.2,127.7,127.7,127.7s127.7-57.2,127.7-127.7S198.2,0,127.7,0\n\t\t\t\t\tL127.7,0z\"\n              />\n            </g>\n          </g>\n          <path\n            className=\"ring-after\"\n            id=\"ring-one-text\"\n            style={{ fill: \"#FFFFFF\" }}\n            d=\"M57.6,80.1h-4.5V57.7h4.5V80.1z M77,70.3v9.9h-4.2v-8.5c0-2.2-1.1-3.5-3-3.5\n\t\t\tc-1.8,0-3.3,1.2-3.3,3.5v8.5h-4.2V64.6h4.1v1.8c1.1-1.6,2.8-2.2,4.6-2.2C74.4,64.2,77,66.7,77,70.3z M94.7,67.1l-3,2.5\n\t\t\tc-0.9-1-2-1.6-3.3-1.6c-2.2,0-3.9,1.7-3.9,4.3c0,2.6,1.7,4.3,3.9,4.3c1.3,0,2.5-0.6,3.4-1.6l3,2.5c-1.5,1.9-3.6,2.9-6.2,2.9\n\t\t\tc-4.9,0-8.3-3.5-8.3-8.2c0-4.7,3.3-8.2,8.3-8.2C91.1,64.2,93.3,65.3,94.7,67.1z M108.3,64.6l-0.6,4.1c-0.7-0.3-1.7-0.5-2.5-0.5\n\t\t\tc-1.9,0-3.3,1.2-3.3,3.5v8.5h-4.2V64.6h4v1.7c1-1.5,2.5-2.1,4.4-2.1C107.1,64.2,107.8,64.3,108.3,64.6z M125.1,72.4\n\t\t\tc0,0.5,0,1.1-0.1,1.4h-11c0.4,2.2,2,3.2,4,3.2c1.3,0,2.8-0.5,3.9-1.5l2.4,2.7c-1.8,1.6-4,2.4-6.6,2.4c-4.8,0-8.1-3.2-8.1-8.1\n\t\t\ts3.2-8.2,7.8-8.2C122,64.2,125.1,67.5,125.1,72.4z M114,70.9h6.9c-0.4-2-1.6-3.1-3.4-3.1C115.5,67.8,114.4,69,114,70.9z\n\t\t\t M143.7,80.1h-4.1v-1.7c-1,1.2-2.5,2.1-4.6,2.1c-4.3,0-7.5-3.5-7.5-8.2c0-4.7,3.2-8.2,7.5-8.2c2.1,0,3.6,0.9,4.6,2.1v-1.7h4.1\n\t\t\tV80.1z M131.8,72.4c0,2.4,1.6,4.3,4,4.3c2.4,0,4-1.8,4-4.3c0-2.4-1.6-4.3-4-4.3C133.3,68.1,131.8,70,131.8,72.4z M159.2,69\n\t\t\tc-1.2-0.6-3.2-1.2-4.9-1.3c-1.6,0-2.4,0.6-2.4,1.4c0,0.9,1.1,1.1,2.5,1.3l1.4,0.2c3.4,0.5,5.2,2,5.2,4.6c0,3.2-2.6,5.3-7.1,5.3\n\t\t\tc-2.1,0-4.9-0.4-6.9-1.8l1.6-3.2c1.3,0.9,2.9,1.5,5.3,1.5c1.9,0,2.9-0.5,2.9-1.5c0-0.8-0.8-1.2-2.6-1.4L153,74\n\t\t\tc-3.6-0.5-5.4-2.1-5.4-4.7c0-3.2,2.5-5.1,6.5-5.1c2.5,0,4.4,0.5,6.5,1.5L159.2,69z M178.7,72.4c0,0.5,0,1.1-0.1,1.4h-11\n\t\t\tc0.4,2.2,2,3.2,4,3.2c1.3,0,2.8-0.5,3.9-1.5l2.4,2.7c-1.8,1.6-4,2.4-6.6,2.4c-4.8,0-8.1-3.2-8.1-8.1s3.2-8.2,7.8-8.2\n\t\t\tC175.6,64.2,178.7,67.5,178.7,72.4z M167.7,70.9h6.9c-0.4-2-1.6-3.1-3.4-3.1C169.2,67.8,168,69,167.7,70.9z M193.2,66.2v-9.2h4.2\n\t\t\tv23h-4.1v-1.7c-1,1.2-2.5,2.1-4.6,2.1c-4.3,0-7.5-3.5-7.5-8.2c0-4.7,3.2-8.2,7.5-8.2C190.7,64.2,192.2,65,193.2,66.2z M185.4,72.4\n\t\t\tc0,2.4,1.6,4.3,4,4.3c2.4,0,4-1.8,4-4.3c0-2.4-1.6-4.3-4-4.3C187,68.1,185.4,70,185.4,72.4z M84,110.8c0,0.5,0,1.1-0.1,1.4h-11\n\t\t\tc0.4,2.2,2,3.2,4,3.2c1.3,0,2.8-0.5,3.9-1.5l2.4,2.7c-1.8,1.6-4,2.4-6.6,2.4c-4.8,0-8.1-3.2-8.1-8.1s3.2-8.2,7.8-8.2\n\t\t\tC80.9,102.6,84,105.9,84,110.8z M72.9,109.3h6.9c-0.4-2-1.6-3.1-3.4-3.1C74.5,106.2,73.3,107.4,72.9,109.3z M102.1,108.7v9.9h-4.2\n\t\t\tV110c0-2.2-1.1-3.5-3-3.5c-1.8,0-3.3,1.2-3.3,3.5v8.5h-4.2V103h4.1v1.8c1.1-1.6,2.8-2.2,4.6-2.2\n\t\t\tC99.6,102.6,102.1,105.1,102.1,108.7z M117.5,104.7V103h4.1v21.9h-4.2v-8c-1,1.2-2.5,2-4.6,2c-4.3,0-7.5-3.5-7.5-8.2\n\t\t\tc0-4.7,3.2-8.2,7.5-8.2C115,102.6,116.5,103.5,117.5,104.7z M109.6,110.8c0,2.4,1.6,4.3,4,4.3c2.4,0,4-1.8,4-4.3\n\t\t\tc0-2.4-1.6-4.3-4-4.3C111.2,106.5,109.6,108.4,109.6,110.8z M140.5,111.9c0,4.9-3.5,7-7.3,7c-3.9,0-7.3-2.1-7.3-7V103h4.2v8.5\n\t\t\tc0,2.5,1.4,3.5,3.2,3.5c1.8,0,3.2-1,3.2-3.5V103h4.2V111.9z M149.5,98c0,1.5-1.2,2.7-2.7,2.7c-1.5,0-2.7-1.2-2.7-2.7\n\t\t\tc0-1.5,1.2-2.7,2.7-2.7C148.3,95.3,149.5,96.5,149.5,98z M148.9,118.5h-4.2V103h4.2V118.5z M163.9,103l-0.6,4.1\n\t\t\tc-0.7-0.3-1.7-0.5-2.5-0.5c-1.9,0-3.3,1.2-3.3,3.5v8.5h-4.2V103h4v1.7c1-1.5,2.5-2.1,4.4-2.1C162.6,102.6,163.4,102.7,163.9,103z\n\t\t\t M171.3,125h-4.6l5.4-9.8l-6.7-12.2h4.7l4.3,8l4.1-8h4.6L171.3,125z M57,156.9h-4.8l-6.1-15.5h4.5l4,11.1l4-11.1h4.4L57,156.9z\n\t\t\t M81,149.2c0,4.7-3.6,8.2-8.4,8.2c-4.8,0-8.4-3.5-8.4-8.2c0-4.7,3.6-8.2,8.4-8.2C77.4,141,81,144.5,81,149.2z M68.4,149.2\n\t\t\tc0,2.5,1.8,4.3,4.1,4.3s4.1-1.8,4.1-4.3c0-2.5-1.8-4.3-4.1-4.3S68.4,146.7,68.4,149.2z M88.5,156.9h-4.2v-23h4.2V156.9z\n\t\t\t M107.5,150.3c0,4.9-3.5,7-7.3,7c-3.9,0-7.3-2.1-7.3-7v-8.9H97v8.5c0,2.5,1.4,3.5,3.2,3.5c1.8,0,3.2-1,3.2-3.5v-8.5h4.2V150.3z\n\t\t\t M136.8,147.1v9.9h-4.2v-8.5c0-2.2-1.1-3.5-3-3.5c-1.8,0-3.3,1.2-3.3,3.5v8.5h-4.2v-8.5c0-2.2-1.1-3.5-3-3.5\n\t\t\tc-1.8,0-3.3,1.2-3.3,3.5v8.5h-4.2v-15.5h4.1v1.8c1.1-1.6,2.8-2.2,4.6-2.2c2.2,0,4.1,1,5.1,2.7c1.2-2,3.2-2.7,5.3-2.7\n\t\t\tC134.4,141,136.8,143.5,136.8,147.1z M155.5,149.2c0,0.5,0,1.1-0.1,1.4h-11c0.4,2.2,2,3.2,4,3.2c1.3,0,2.8-0.5,3.9-1.5l2.4,2.7\n\t\t\tc-1.8,1.6-4,2.4-6.6,2.4c-4.8,0-8.1-3.2-8.1-8.1s3.2-8.2,7.8-8.2C152.4,141,155.5,144.3,155.5,149.2z M144.5,147.7h6.9\n\t\t\tc-0.4-2-1.6-3.1-3.4-3.1C146,144.6,144.8,145.8,144.5,147.7z M169.9,145.8c-1.2-0.6-3.2-1.2-4.9-1.3c-1.6,0-2.4,0.6-2.4,1.4\n\t\t\tc0,0.9,1.1,1.1,2.5,1.3l1.4,0.2c3.4,0.5,5.2,2,5.2,4.6c0,3.2-2.6,5.3-7.1,5.3c-2.1,0-4.9-0.4-6.9-1.8l1.6-3.2\n\t\t\tc1.3,0.9,2.9,1.5,5.3,1.5c1.9,0,2.9-0.5,2.9-1.5c0-0.8-0.8-1.2-2.6-1.4l-1.3-0.2c-3.6-0.5-5.4-2.1-5.4-4.7c0-3.2,2.5-5.1,6.5-5.1\n\t\t\tc2.5,0,4.4,0.5,6.5,1.5L169.9,145.8z M198.2,156.9l-2.4-2.3c-1.6,1.5-3.7,2.7-6.6,2.7c-4.4,0-7-2.3-7-6c0-2.6,1.8-4.6,3.9-6.1\n\t\t\tc-1.9-1.9-2.8-3.3-2.8-5.5c0-3.2,2.6-5.6,6.6-5.6c3.9,0,6.5,2.2,6.5,5.5c0,2.4-2,4.2-4.2,5.8l3.5,3.4l3.2-4.5l3.2,2.2l-3.6,5\n\t\t\tl5.6,5.4H198.2z M193.1,152l-4.3-4.1c-1.2,1-2.1,2-2.1,3.2c0,1.5,1.2,2.5,2.9,2.5C190.9,153.5,192,153,193.1,152z M189.5,142.9\n\t\t\tc1.5-1.1,2.6-2,2.6-3.1c0-1.2-0.8-1.9-2.3-1.9c-1.4,0-2.3,0.8-2.3,2C187.5,140.8,188,141.4,189.5,142.9z M60.5,182.3l-3,2.5\n\t\t\tc-0.9-1-2-1.6-3.3-1.6c-2.2,0-3.9,1.7-3.9,4.3c0,2.6,1.7,4.3,3.9,4.3c1.3,0,2.5-0.6,3.4-1.6l3,2.5c-1.5,1.9-3.6,2.9-6.2,2.9\n\t\t\tc-4.9,0-8.3-3.5-8.3-8.2c0-4.7,3.3-8.2,8.3-8.2C56.9,179.4,59.1,180.5,60.5,182.3z M79,187.6c0,4.7-3.6,8.2-8.4,8.2\n\t\t\tc-4.8,0-8.4-3.5-8.4-8.2c0-4.7,3.6-8.2,8.4-8.2C75.4,179.4,79,182.9,79,187.6z M66.5,187.6c0,2.5,1.8,4.3,4.1,4.3s4.1-1.8,4.1-4.3\n\t\t\tc0-2.5-1.8-4.3-4.1-4.3S66.5,185.1,66.5,187.6z M107.6,185.5v9.9h-4.2v-8.5c0-2.2-1.1-3.5-3-3.5c-1.8,0-3.3,1.2-3.3,3.5v8.5h-4.2\n\t\t\tv-8.5c0-2.2-1.1-3.5-3-3.5c-1.8,0-3.3,1.2-3.3,3.5v8.5h-4.2v-15.5h4.1v1.8c1.1-1.6,2.8-2.2,4.6-2.2c2.2,0,4.1,1,5.1,2.7\n\t\t\tc1.2-2,3.2-2.7,5.3-2.7C105.1,179.4,107.6,181.9,107.6,185.5z M128,187.6c0,4.7-3.2,8.2-7.5,8.2c-2.1,0-3.6-0.8-4.6-2v8h-4.2\n\t\t\tv-21.9h4.1v1.7c1-1.3,2.5-2.1,4.6-2.1C124.8,179.4,128,182.9,128,187.6z M115.7,187.6c0,2.4,1.6,4.3,4,4.3c2.5,0,4-1.9,4-4.3\n\t\t\tc0-2.4-1.5-4.3-4-4.3C117.4,183.3,115.7,185.1,115.7,187.6z M135.6,195.3h-4.2v-23h4.2V195.3z M154.4,187.6c0,0.5,0,1.1-0.1,1.4\n\t\t\th-11c0.4,2.2,2,3.2,4,3.2c1.3,0,2.8-0.5,3.9-1.5l2.4,2.7c-1.8,1.6-4,2.4-6.6,2.4c-4.8,0-8.1-3.2-8.1-8.1s3.2-8.2,7.8-8.2\n\t\t\tC151.3,179.4,154.4,182.7,154.4,187.6z M143.3,186.1h6.9c-0.4-2-1.6-3.1-3.4-3.1C144.9,183,143.7,184.2,143.3,186.1z M166.2,187.5\n\t\t\tl5.7,7.9h-5l-3.5-4.9l-3.4,4.9h-4.8l5.7-7.9l-5.6-7.6h5l3.3,4.8l3.3-4.8h4.8L166.2,187.5z M179.2,174.8c0,1.5-1.2,2.7-2.7,2.7\n\t\t\tc-1.5,0-2.7-1.2-2.7-2.7c0-1.5,1.2-2.7,2.7-2.7C178,172.1,179.2,173.3,179.2,174.8z M178.6,195.3h-4.2v-15.5h4.2V195.3z\n\t\t\t M194.2,183.5h-5.6v5.7c0,1.9,1,2.6,2.3,2.6c1,0,2.1-0.5,2.9-1l1.5,3.3c-1.4,0.9-2.9,1.6-5.1,1.6c-3.8,0-5.8-2.2-5.8-6.2v-6h-3\n\t\t\tv-3.7h3v-4.6h4.2v4.6h5.6V183.5z M201.8,201.8h-4.6l5.4-9.8l-6.7-12.2h4.7l4.3,8l4.1-8h4.6L201.8,201.8z\"\n          />\n        </g>\n      </g>\n      <g id=\"Layer_2\"></g>\n    </svg>\n  );\n};\n\nexport default One;\n","import React, { useEffect } from \"react\";\nimport { gsap } from \"gsap\";\nimport { MorphSVGPlugin } from \"gsap/MorphSVGPlugin\";\ngsap.registerPlugin(MorphSVGPlugin);\n\nconst Two = () => {\n  useEffect(() => {\n    gsap.set(\"#ring-two-path\", { autoAlpha: 0 });\n    gsap.set(\"#ring-two-text\", {\n      autoAlpha: 0,\n      scale: 0,\n      transformOrigin: \"center center\",\n    });\n    gsap.set(\"#ring2-circ-before\", {\n      scale: 0,\n      transformOrigin: \"center center\",\n    });\n    gsap.to(\"#int2\", { y: 10, yoyo: true, repeat: -1, delay: 0.3 });\n  }, []);\n\n  const drawRing = () => {\n    gsap.to(\".ring2-before\", { duration: 1, morphSVG: \".ring2-after\" });\n    gsap.to(\"#ring-two-text\", {\n      autoAlpha: 1,\n      duration: 1,\n      scale: 0.8,\n      transformOrigin: \"center center\",\n      delay: 0.3,\n    });\n  };\n\n  const hoverRing = () => {\n    // gsap.to('#ring2-circ-before',{fill: '#fff',scale: 1,transformOrigin: 'center center'})\n    gsap.to(\".ring2-before\", { duration: 1, morphSVG: \".ring2-after\" });\n    gsap.to(\"#ring-two-text\", {\n      autoAlpha: 1,\n      duration: 1,\n      scale: 0.8,\n      transformOrigin: \"center center\",\n      delay: 0.3,\n    });\n  };\n\n  const leaveRing = () => {\n    gsap.to(\"#ring2-circ-before\", {\n      fill: \"#000\",\n      scale: 0,\n      transformOrigin: \"center center\",\n    });\n  };\n\n  return (\n    <svg\n      id=\"int2\"\n      version=\"1.1\"\n      x=\"0px\"\n      y=\"0px\"\n      viewBox=\"0 0 255.4 255.4\"\n      style={{ enableBackground: \"new 0 0 255.4 255.4\" }}\n      onMouseEnter={hoverRing}\n      onMouseLeave={leaveRing}\n    >\n      <g id=\"Layer_1\">\n        <g>\n          <g>\n            <path\n              className=\"ring2-before\"\n              id=\"ring2-circ-before\"\n              style={{ fill: \"#000000\" }}\n              d=\"M127.7,10c31.4,0,61,12.2,83.2,34.5c22.2,22.2,34.5,51.8,34.5,83.2s-12.2,61-34.5,83.2\n\t\t\t\tc-22.2,22.2-51.8,34.5-83.2,34.5s-61-12.2-83.2-34.5C22.2,188.7,10,159.1,10,127.7s12.2-61,34.5-83.2C66.7,22.2,96.3,10,127.7,10\n\t\t\t\t M127.7,0C57.2,0,0,57.2,0,127.7s57.2,127.7,127.7,127.7s127.7-57.2,127.7-127.7S198.2,0,127.7,0L127.7,0z\"\n            />\n          </g>\n        </g>\n        <g>\n          <path\n            className=\"ring2-before\"\n            style={{ fill: \"#F6B74B\" }}\n            d=\"M86.2,88.6c5.5-7.2,15.8-17.5,34.7-17.5c21.2,0,34.4,13.3,34.4,32.8c0,12.4-6.3,21-14.6,29.7\n\t\t\tL119,156.1h38.8v18.3H90.7v-15.3l35.9-36.8c5.4-5.4,8.3-11,8.3-17.4c0-8.8-6.2-15.2-15.5-15.2c-9.6,0-15.4,5.2-20.6,11.2\n\t\t\tL86.2,88.6z\"\n          />\n        </g>\n      </g>\n      <g id=\"Layer_2\">\n        <g>\n          <path\n            className=\"ring2-after\"\n            style={{ fill: \"#F6B74B\" }}\n            id=\"ring-two-path\"\n            d=\"M127.7,10c31.4,0,61,12.2,83.2,34.5c22.2,22.2,34.5,51.8,34.5,83.2s-12.2,61-34.5,83.2\n\t\t\t\tc-22.2,22.2-51.8,34.5-83.2,34.5s-61-12.2-83.2-34.5C22.2,188.7,10,159.1,10,127.7s12.2-61,34.5-83.2C66.7,22.2,96.3,10,127.7,10\n\t\t\t\t M127.7,0C57.2,0,0,57.2,0,127.7s57.2,127.7,127.7,127.7s127.7-57.2,127.7-127.7S198.2,0,127.7,0L127.7,0z\"\n          />\n        </g>\n        <path\n          className=\"ring2-after\"\n          style={{ fill: \"#FFFFFF\" }}\n          id=\"ring-two-text\"\n          d=\"M39.1,113.1c0,7.1-5.2,12.3-12.5,12.3s-12.5-5.2-12.5-12.3c0-7.1,5.2-12.3,12.5-12.3\n\t\tS39.1,106,39.1,113.1z M19,113.1c0,4.6,3.2,7.8,7.5,7.8c4.4,0,7.5-3.2,7.5-7.8s-3.2-7.8-7.5-7.8C22.2,105.3,19,108.5,19,113.1z\n\t\t M52.6,125h-5.1L41,108.5h4.8l4.3,11.8l4.3-11.8H59L52.6,125z M76.5,116.7c0,0.5,0,1.1-0.1,1.5H64.7c0.5,2.4,2.1,3.4,4.2,3.4\n\t\tc1.4,0,3-0.6,4.2-1.6l2.6,2.9c-1.9,1.7-4.2,2.5-7,2.5c-5,0-8.5-3.4-8.5-8.6c0-5.2,3.4-8.7,8.3-8.7\n\t\tC73.2,108.1,76.5,111.6,76.5,116.7z M64.8,115.2h7.3c-0.4-2.1-1.7-3.3-3.6-3.3C66.4,111.9,65.2,113.2,64.8,115.2z M91.4,108.4\n\t\tl-0.7,4.4c-0.7-0.3-1.8-0.5-2.7-0.5c-2.1,0-3.5,1.3-3.5,3.7v9h-4.4v-16.5h4.3v1.8c1-1.5,2.6-2.2,4.6-2.2\n\t\tC90,108.1,90.8,108.2,91.4,108.4z M113.3,120.1l3.5-11.6h4.6l-5.6,16.5h-5.1l-3.7-11.1l-3.6,11.1h-5l-5.6-16.5h4.7l3.5,11.5\n\t\tl3.7-11.5h4.7L113.3,120.1z M128.7,110.3c1.2-1.6,2.9-2.2,4.7-2.2c3.7,0,6.4,2.6,6.4,6.4V125h-4.4v-9.1c0-2.4-1.2-3.7-3.2-3.7\n\t\tc-1.9,0-3.5,1.2-3.5,3.7v9h-4.4v-24.5h4.4V110.3z M159.7,116.7c0,0.5,0,1.1-0.1,1.5h-11.7c0.5,2.4,2.1,3.4,4.2,3.4\n\t\tc1.4,0,3-0.6,4.2-1.6l2.6,2.9c-1.9,1.7-4.2,2.5-7,2.5c-5,0-8.6-3.4-8.6-8.6c0-5.2,3.4-8.7,8.3-8.7\n\t\tC156.4,108.1,159.6,111.6,159.7,116.7z M147.9,115.2h7.3c-0.4-2.1-1.7-3.3-3.6-3.3C149.5,111.9,148.3,113.2,147.9,115.2z\n\t\t M167.7,125h-4.4v-24.5h4.4V125z M199.1,114.5V125h-4.4v-9.1c0-2.4-1.2-3.7-3.2-3.7c-1.9,0-3.5,1.2-3.5,3.7v9h-4.4v-9.1\n\t\tc0-2.4-1.2-3.7-3.2-3.7c-1.9,0-3.5,1.2-3.5,3.7v9h-4.4v-16.5h4.3v1.9c1.2-1.8,3-2.4,4.8-2.4c2.4,0,4.3,1.1,5.4,2.8\n\t\tc1.3-2.1,3.4-2.8,5.6-2.8C196.4,108.1,199.1,110.7,199.1,114.5z M218.9,116.7c0,0.5,0,1.1-0.1,1.5h-11.7c0.5,2.4,2.1,3.4,4.2,3.4\n\t\tc1.4,0,3-0.6,4.2-1.6l2.6,2.9c-1.9,1.7-4.2,2.5-7,2.5c-5,0-8.6-3.4-8.6-8.6c0-5.2,3.4-8.7,8.3-8.7\n\t\tC215.6,108.1,218.9,111.6,218.9,116.7z M207.2,115.2h7.3c-0.4-2.1-1.7-3.3-3.6-3.3C208.8,111.9,207.5,113.2,207.2,115.2z\n\t\t M234.3,110.2v-9.7h4.4V125h-4.3v-1.8c-1.1,1.3-2.7,2.2-4.9,2.2c-4.5,0-8-3.7-8-8.7s3.4-8.7,8-8.7\n\t\tC231.7,108.1,233.2,109,234.3,110.2z M226,116.8c0,2.5,1.6,4.5,4.2,4.5c2.5,0,4.2-1.9,4.2-4.5s-1.7-4.5-4.2-4.5\n\t\tC227.7,112.2,226,114.2,226,116.8z M92.8,165.8h-4.3V164c-1.1,1.3-2.7,2.2-4.9,2.2c-4.5,0-8-3.7-8-8.7s3.4-8.7,8-8.7\n\t\tc2.3,0,3.8,0.9,4.9,2.3v-1.8h4.3V165.8z M80.1,157.6c0,2.5,1.6,4.5,4.2,4.5c2.5,0,4.2-1.9,4.2-4.5s-1.7-4.5-4.2-4.5\n\t\tC81.7,153,80.1,155,80.1,157.6z M109.1,151.2v-1.8h4.4v15.1c0,5.3-3.5,8.5-8.9,8.5c-2.6,0-5.4-0.7-7.2-2l1.6-3.6\n\t\tc1.6,1.1,3.5,1.7,5.4,1.7c2.8,0,4.7-1.5,4.7-4.4v-1.2c-1.1,1.4-2.8,2.2-5.1,2.2c-4,0-7.6-3.3-7.6-8.4c0-5.1,3.6-8.4,7.6-8.4\n\t\tC106.3,148.9,108,149.8,109.1,151.2z M101,157.3c0,2.4,1.6,4.3,4.1,4.3c2.5,0,4.1-1.9,4.1-4.3c0-2.5-1.7-4.3-4.1-4.3\n\t\tC102.6,153,101,154.9,101,157.3z M133.4,157.5c0,0.5,0,1.1-0.1,1.5h-11.7c0.5,2.4,2.1,3.4,4.2,3.4c1.4,0,3-0.6,4.2-1.6l2.6,2.9\n\t\tc-1.9,1.7-4.2,2.5-7,2.5c-5,0-8.5-3.4-8.5-8.6s3.4-8.7,8.3-8.7C130.2,148.9,133.4,152.4,133.4,157.5z M121.7,156h7.3\n\t\tc-0.4-2.1-1.7-3.3-3.6-3.3C123.3,152.7,122.1,154,121.7,156z M152.6,155.3v10.5h-4.4v-9.1c0-2.4-1.2-3.7-3.2-3.7\n\t\tc-1.9,0-3.5,1.2-3.5,3.7v9h-4.4v-16.5h4.3v1.9c1.2-1.8,3-2.4,4.8-2.4C150,148.9,152.6,151.5,152.6,155.3z M168.9,153.3h-6v6\n\t\tc0,2.1,1.1,2.8,2.5,2.8c1.1,0,2.2-0.5,3.1-1.1l1.6,3.5c-1.4,1-3.1,1.7-5.5,1.7c-4.1,0-6.2-2.3-6.2-6.6v-6.4h-3.2v-3.9h3.2v-4.9h4.4\n\t\tv4.9h6V153.3z M184.7,153.9c-1.3-0.6-3.4-1.3-5.3-1.3c-1.7,0-2.5,0.6-2.5,1.5c0,1,1.2,1.2,2.7,1.4l1.5,0.2c3.6,0.5,5.6,2.1,5.6,4.9\n\t\tc0,3.4-2.8,5.6-7.6,5.6c-2.2,0-5.2-0.4-7.3-1.9l1.8-3.4c1.4,0.9,3.1,1.6,5.6,1.6c2.1,0,3-0.6,3-1.5c0-0.8-0.8-1.2-2.7-1.5l-1.3-0.2\n\t\tc-3.8-0.5-5.7-2.2-5.7-5c0-3.4,2.6-5.4,7-5.4c2.6,0,4.7,0.5,6.9,1.6L184.7,153.9z\"\n        />\n      </g>\n    </svg>\n  );\n};\n\nexport default Two;\n","import React, { useEffect } from \"react\";\nimport { gsap } from \"gsap\";\nimport { MorphSVGPlugin } from \"gsap/MorphSVGPlugin\";\ngsap.registerPlugin(MorphSVGPlugin);\n\nconst Three = () => {\n  useEffect(() => {\n    gsap.set(\"#ring-three-path\", { autoAlpha: 0 });\n    gsap.set(\"#ring-three-text\", {\n      autoAlpha: 0,\n      scale: 0,\n      transformOrigin: \"center center\",\n    });\n    gsap.set(\"#ring3-circ-before\", {\n      scale: 0,\n      transformOrigin: \"center center\",\n    });\n    gsap.to(\"#int3\", { y: 10, yoyo: true, repeat: -1, delay: 0.6 });\n  }, []);\n\n  const drawRing = () => {\n    gsap.to(\".ring3-before\", { duration: 1, morphSVG: \".ring3-after\" });\n    gsap.to(\"#ring-three-text\", {\n      autoAlpha: 1,\n      duration: 1,\n      scale: 0.8,\n      transformOrigin: \"center center\",\n      delay: 0.3,\n    });\n  };\n\n  const hoverRing = () => {\n    // gsap.to('#ring3-circ-before',{fill: '#fff',scale: 1,transformOrigin: 'center center'})\n    gsap.to(\".ring3-before\", { duration: 1, morphSVG: \".ring3-after\" });\n    gsap.to(\"#ring-three-text\", {\n      autoAlpha: 1,\n      duration: 1,\n      scale: 0.8,\n      transformOrigin: \"center center\",\n      delay: 0.3,\n    });\n  };\n\n  const leaveRing = () => {\n    gsap.to(\"#ring3-circ-before\", {\n      fill: \"#000\",\n      scale: 0,\n      transformOrigin: \"center center\",\n    });\n  };\n\n  return (\n    <svg\n      id=\"int3\"\n      version=\"1.1\"\n      x=\"0px\"\n      y=\"0px\"\n      viewBox=\"0 0 256 255.7\"\n      style={{ enableBackground: \"new 0 0 256 255.7\" }}\n      onMouseEnter={hoverRing}\n      onMouseLeave={leaveRing}\n    >\n      <g id=\"Layer_1\">\n        <g>\n          <g>\n            <path\n              className=\"ring3-before\"\n              id=\"ring3-circ-before\"\n              style={{ fill: \"#000000\" }}\n              d=\"M128.3,10.3c31.4,0,61,12.2,83.2,34.5C233.8,67,246,96.5,246,128s-12.2,61-34.5,83.2\n\t\t\t\tc-22.2,22.2-51.8,34.5-83.2,34.5s-61-12.2-83.2-34.5C22.9,189,10.6,159.4,10.6,128s12.2-61,34.5-83.2\n\t\t\t\tC67.3,22.5,96.9,10.3,128.3,10.3 M128.3,0.3C57.8,0.3,0.6,57.4,0.6,128s57.2,127.7,127.7,127.7S256,198.5,256,128\n\t\t\t\tS198.9,0.3,128.3,0.3L128.3,0.3z\"\n            />\n          </g>\n        </g>\n        <g>\n          <path\n            className=\"ring3-before\"\n            style={{ fill: \"#F6B74B\" }}\n            d=\"M158.5,100.5c0,10.7-5.7,18.6-15.2,23.1c10.7,4.2,17.4,12.3,17.4,23.3c0,20-18.2,29.7-37.4,29.7\n\t\t\tc-15.2,0-27.8-5.4-35.5-14.7L99.6,149c5.9,6.2,14.4,9.7,23.1,9.7c9.9,0,17.8-4.3,17.8-13.2c0-8.7-8.9-13.3-19.9-13.3h-11.8v-17.4\n\t\t\th11.9c9.9,0,17.8-4.3,17.8-12.9c0-8.2-7.4-12.7-16.8-12.7c-9.4,0-16.4,4.9-20.5,10.3L88.7,87.1c6.7-9,17.7-15.7,33.9-15.7\n\t\t\tC143.9,71.4,158.5,83,158.5,100.5z\"\n          />\n        </g>\n      </g>\n      <g id=\"Layer_2\">\n        <g>\n          <g>\n            <path\n              className=\"ring3-after\"\n              style={{ fill: \"#F6B74B\" }}\n              id=\"ring-three-path\"\n              d=\"M128.3,10.3c31.4,0,61,12.2,83.2,34.5C233.8,67,246,96.5,246,128s-12.2,61-34.5,83.2\n\t\t\t\tc-22.2,22.2-51.8,34.5-83.2,34.5s-61-12.2-83.2-34.5C22.9,189,10.6,159.4,10.6,128s12.2-61,34.5-83.2\n\t\t\t\tC67.3,22.5,96.9,10.3,128.3,10.3 M128.3,0.3C57.8,0.3,0.6,57.4,0.6,128s57.2,127.7,127.7,127.7S256,198.5,256,128\n\t\t\t\tS198.9,0.3,128.3,0.3L128.3,0.3z\"\n            />\n          </g>\n        </g>\n        <g>\n          <path\n            className=\"ring3-after\"\n            style={{ fill: \"#FFFFFF\" }}\n            id=\"ring-three-text\"\n            d=\"M25.1,90.3c7.9,0,13.1,5,13.1,12.6c0,7.6-5.2,12.6-13.1,12.6H14.7V90.3H25.1z M19.7,95v15.8H25\n\t\tc5.3,0,7.9-3.3,7.9-7.9c0-4.6-2.6-7.9-7.9-7.9H19.7z M47.6,92.4c0,1.7-1.3,3-3,3c-1.7,0-3-1.3-3-3c0-1.7,1.3-3,3-3\n\t\tC46.3,89.4,47.6,90.7,47.6,92.4z M47,115.5h-4.7V98.1H47V115.5z M64.4,103c-1.4-0.7-3.6-1.4-5.6-1.4c-1.8,0-2.7,0.6-2.7,1.6\n\t\tc0,1,1.3,1.3,2.8,1.5l1.5,0.2c3.8,0.6,5.9,2.3,5.9,5.2c0,3.6-3,5.9-8,5.9c-2.4,0-5.5-0.5-7.8-2.1l1.9-3.6c1.5,1,3.3,1.7,5.9,1.7\n\t\tc2.2,0,3.2-0.6,3.2-1.6c0-0.8-0.9-1.3-2.9-1.6l-1.4-0.2c-4-0.6-6-2.3-6-5.3c0-3.6,2.8-5.7,7.4-5.7c2.8,0,5,0.5,7.3,1.7L64.4,103z\n\t\t M87.9,106.8c0,5.3-4,9.2-9.5,9.2c-5.4,0-9.4-3.9-9.4-9.2c0-5.3,4-9.2,9.4-9.2C83.9,97.6,87.9,101.6,87.9,106.8z M73.8,106.8\n\t\tc0,2.8,2,4.8,4.6,4.8s4.6-2,4.6-4.8c0-2.8-2-4.8-4.6-4.8S73.8,104,73.8,106.8z M103.7,98l-0.7,4.7c-0.8-0.3-1.9-0.6-2.8-0.6\n\t\tc-2.2,0-3.7,1.3-3.7,3.9v9.5h-4.7V98.1h4.6v1.9c1.1-1.6,2.8-2.4,4.9-2.4C102.2,97.6,103,97.8,103.7,98z M118.6,100v-1.9h4.6v16\n\t\tc0,5.6-3.7,9-9.4,9c-2.8,0-5.7-0.7-7.6-2.1l1.7-3.8c1.7,1.2,3.7,1.8,5.8,1.8c2.9,0,5-1.6,5-4.6v-1.2c-1.2,1.5-3,2.4-5.4,2.4\n\t\tc-4.2,0-8-3.5-8-8.9c0-5.4,3.8-8.9,8-8.9C115.7,97.6,117.4,98.6,118.6,100z M110,106.5c0,2.5,1.7,4.6,4.4,4.6c2.6,0,4.4-2,4.4-4.6\n\t\tc0-2.6-1.8-4.6-4.4-4.6C111.7,102,110,104,110,106.5z M145.3,115.5h-4.6v-1.9c-1.1,1.4-2.8,2.4-5.2,2.4c-4.8,0-8.4-3.9-8.4-9.2\n\t\tc0-5.2,3.6-9.2,8.4-9.2c2.4,0,4.1,1,5.2,2.4v-1.9h4.6V115.5z M131.9,106.8c0,2.7,1.7,4.8,4.5,4.8c2.7,0,4.5-2.1,4.5-4.8\n\t\ts-1.8-4.8-4.5-4.8C133.6,102,131.9,104.2,131.9,106.8z M166.8,104.4v11.1h-4.7V106c0-2.5-1.3-3.9-3.4-3.9c-2,0-3.7,1.3-3.7,3.9v9.6\n\t\th-4.7V98.1h4.6v2.1c1.2-1.9,3.2-2.5,5.1-2.5C163.9,97.6,166.8,100.4,166.8,104.4z M176.9,92.4c0,1.7-1.3,3-3,3c-1.7,0-3-1.3-3-3\n\t\tc0-1.7,1.3-3,3-3C175.6,89.4,176.9,90.7,176.9,92.4z M176.2,115.5h-4.7V98.1h4.7V115.5z M195.5,101.5l-8.6,9.8h8.8v4.2h-15.3v-3.4\n\t\tl8.8-9.9h-8.5v-4.2h14.8V101.5z M215.7,106.8c0,0.5,0,1.2-0.1,1.6h-12.4c0.5,2.5,2.3,3.6,4.5,3.6c1.5,0,3.2-0.6,4.4-1.7l2.8,3\n\t\tc-2,1.8-4.5,2.6-7.4,2.6c-5.3,0-9.1-3.6-9.1-9.1s3.6-9.2,8.8-9.2C212.3,97.6,215.7,101.4,215.7,106.8z M203.3,105.2h7.7\n\t\tc-0.4-2.2-1.8-3.5-3.8-3.5C205,101.7,203.7,103,203.3,105.2z M232.1,99.9V89.6h4.7v25.9h-4.6v-1.9c-1.1,1.4-2.8,2.4-5.2,2.4\n\t\tc-4.8,0-8.4-3.9-8.4-9.2c0-5.2,3.6-9.2,8.4-9.2C229.3,97.6,230.9,98.6,232.1,99.9z M223.3,106.8c0,2.7,1.7,4.8,4.5,4.8\n\t\tc2.7,0,4.5-2.1,4.5-4.8s-1.8-4.8-4.5-4.8C225.1,102,223.3,104.2,223.3,106.8z M33.7,144.1l-3.4,2.8c-1.1-1.1-2.2-1.7-3.7-1.7\n\t\tc-2.4,0-4.4,1.9-4.4,4.8c0,2.9,1.9,4.8,4.4,4.8c1.5,0,2.8-0.7,3.8-1.8l3.3,2.9c-1.6,2.1-4.1,3.3-7,3.3c-5.6,0-9.3-3.9-9.3-9.2\n\t\tc0-5.3,3.7-9.2,9.3-9.2C29.6,140.8,32.1,142,33.7,144.1z M53.9,158.7h-4.6v-1.9c-1.1,1.4-2.8,2.4-5.2,2.4c-4.8,0-8.4-3.9-8.4-9.2\n\t\tc0-5.2,3.6-9.2,8.4-9.2c2.4,0,4.1,1,5.2,2.4v-1.9h4.6V158.7z M40.5,150c0,2.7,1.7,4.8,4.5,4.8c2.7,0,4.5-2.1,4.5-4.8\n\t\ts-1.8-4.8-4.5-4.8C42.2,145.2,40.5,147.4,40.5,150z M70.8,141.2l-0.7,4.7c-0.8-0.3-1.9-0.6-2.8-0.6c-2.2,0-3.7,1.3-3.7,3.9v9.5\n\t\th-4.7v-17.4h4.6v1.9c1.1-1.6,2.8-2.4,4.9-2.4C69.3,140.8,70.1,141,70.8,141.2z M89.6,150c0,0.5,0,1.2-0.1,1.6H77.1\n\t\tc0.5,2.5,2.3,3.6,4.5,3.6c1.5,0,3.2-0.6,4.4-1.7l2.8,3c-2,1.8-4.5,2.6-7.4,2.6c-5.3,0-9.1-3.6-9.1-9.1c0-5.5,3.6-9.2,8.8-9.2\n\t\tC86.1,140.8,89.6,144.6,89.6,150z M77.2,148.4h7.7c-0.4-2.2-1.8-3.5-3.8-3.5C78.9,144.9,77.6,146.2,77.2,148.4z M114.9,146.2\n\t\tc-1.4-0.7-3.6-1.4-5.6-1.4c-1.8,0-2.7,0.6-2.7,1.6c0,1,1.3,1.3,2.8,1.5l1.5,0.2c3.8,0.6,5.9,2.3,5.9,5.2c0,3.6-3,5.9-8,5.9\n\t\tc-2.4,0-5.5-0.5-7.8-2.1l1.9-3.6c1.5,1,3.3,1.7,5.9,1.7c2.2,0,3.2-0.6,3.2-1.6c0-0.8-0.9-1.3-2.9-1.6l-1.4-0.2c-4-0.6-6-2.3-6-5.3\n\t\tc0-3.6,2.8-5.7,7.4-5.7c2.8,0,5,0.5,7.3,1.7L114.9,146.2z M124.8,166h-5.1l6.1-11l-7.5-13.7h5.3l4.8,9l4.6-9h5.1L124.8,166z\n\t\t M152.8,146.2c-1.4-0.7-3.6-1.4-5.6-1.4c-1.8,0-2.7,0.6-2.7,1.6c0,1,1.3,1.3,2.8,1.5l1.5,0.2c3.8,0.6,5.9,2.3,5.9,5.2\n\t\tc0,3.6-3,5.9-8,5.9c-2.4,0-5.5-0.5-7.8-2.1l1.9-3.6c1.5,1,3.3,1.7,5.9,1.7c2.2,0,3.2-0.6,3.2-1.6c0-0.8-0.9-1.3-2.9-1.6l-1.4-0.2\n\t\tc-4-0.6-6-2.3-6-5.3c0-3.6,2.8-5.7,7.4-5.7c2.8,0,5,0.5,7.3,1.7L152.8,146.2z M171.1,145.5h-6.3v6.4c0,2.2,1.2,3,2.6,3\n\t\tc1.1,0,2.3-0.6,3.3-1.1l1.7,3.7c-1.5,1-3.3,1.8-5.8,1.8c-4.3,0-6.5-2.4-6.5-7v-6.8h-3.4v-4.2h3.4v-5.2h4.7v5.2h6.3V145.5z\n\t\t M191.3,150c0,0.5,0,1.2-0.1,1.6h-12.4c0.5,2.5,2.3,3.6,4.5,3.6c1.5,0,3.2-0.6,4.4-1.7l2.8,3c-2,1.8-4.5,2.6-7.4,2.6\n\t\tc-5.3,0-9.1-3.6-9.1-9.1c0-5.5,3.6-9.2,8.8-9.2C187.8,140.8,191.2,144.6,191.3,150z M178.8,148.4h7.7c-0.4-2.2-1.8-3.5-3.8-3.5\n\t\tC180.5,144.9,179.2,146.2,178.8,148.4z M223.4,147.6v11.1h-4.7v-9.6c0-2.5-1.3-3.9-3.4-3.9c-2,0-3.7,1.3-3.7,3.9v9.6h-4.7v-9.6\n\t\tc0-2.5-1.3-3.9-3.4-3.9c-2,0-3.7,1.3-3.7,3.9v9.6h-4.7v-17.4h4.6v2.1c1.2-1.9,3.2-2.5,5.1-2.5c2.5,0,4.6,1.1,5.8,3\n\t\tc1.4-2.2,3.6-3,5.9-3C220.6,140.8,223.4,143.6,223.4,147.6z M240.7,146.2c-1.4-0.7-3.6-1.4-5.6-1.4c-1.8,0-2.7,0.6-2.7,1.6\n\t\tc0,1,1.3,1.3,2.8,1.5l1.5,0.2c3.8,0.6,5.9,2.3,5.9,5.2c0,3.6-3,5.9-8,5.9c-2.4,0-5.5-0.5-7.8-2.1l1.9-3.6c1.5,1,3.3,1.7,5.9,1.7\n\t\tc2.2,0,3.2-0.6,3.2-1.6c0-0.8-0.9-1.3-2.9-1.6l-1.4-0.2c-4-0.6-6-2.3-6-5.3c0-3.6,2.8-5.7,7.4-5.7c2.8,0,5,0.5,7.3,1.7L240.7,146.2\n\t\tz\"\n          />\n        </g>\n      </g>\n    </svg>\n  );\n};\n\nexport default Three;\n","import React,{useEffect} from 'react';\nimport { gsap } from \"gsap\";\nimport { DrawSVGPlugin } from \"gsap/DrawSVGPlugin\";\n\ngsap.registerPlugin(DrawSVGPlugin);\n\nconst Tree = () => {\n\n    useEffect(()=>{\n        gsap.from('.tree-item',{display: 'none', drawSVG: 0,delay: .9,duration: 1,stagger: 0.001})\n    },[])\n\n    return (\n        <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n      viewBox=\"0 0 244.4 312.4\"\n    >\n      <path\n        className=\"tree-item\"\n        fill=\"none\"\n        stroke=\"#ef248a\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M192.7 53.2l4-3.5 4 3.5M196.7 49.2c0-11.8 1.1-23 0-35.5M193.8 6.2c-4.9 2-8.3 5.1-7.5 7.1.7 1.9 5.3 1.9 10.2-.1 4.9-2 8.3-5.1 7.5-7.1-.7-1.9-5.3-1.9-10.2.1zM162.7 39.7c0 6.6 2.7 12.3 11.8 12 9.2-.3 13.5-5 11.8-12 0-6.6-5.3-12-11.8-12-6.5 0-11.8 5.4-11.8 12z\"\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M166.4 39.9c-1 5.2 2 9.2 8.2 8.2 6.2-1 8.2-3.7 8.2-8.2 0-4.5-3.7-8.2-8.2-8.2s-7.2 3-8.2 8.2zM167.2 49.7l-3 4M182.2 49.7l3 4M177.6 24.8l10.6 2.9c.6.2 1.3-.2 1.4-.8l1.5-5.8c.2-.6-.2-1.3-.8-1.5l-10.6-2.9c-.6-.2-1.3.2-1.4.8l-1.5 5.8c-.2.7.1 1.3.8 1.5zM190.2 22.7l-12-3M186.7 22.7l-1 3.5M181.7 21.2l-1 4M171.8 24.8l-10.6 2.9c-.6.2-1.3-.2-1.4-.8l-1.5-5.8c-.2-.6.2-1.3.8-1.5l10.6-2.9c.6-.2 1.3.2 1.4.8l1.5 5.8c.2.7-.2 1.3-.8 1.5zM158.7 22.7l12.5-3M162.7 22.7l1 3.5M167.7 21.2l1 4M145.7 52.7l4-4 4 4M149.7 48.7c0-5.7 1.1-10 0-17M156.2 26.2h-13M156.2 29.2h-13\"\n        fill=\"none\"\n        stroke=\"#ef248a\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M108.9 53.2h22.6c.6 0 1.2-.5 1.2-1.2-1-12.1 0-20.9 0-31.4 0-.6-.5-1.2-1.2-1.2-6.5-.7-15.1 0-22.6 0-.6 0-1.2.5-1.2 1.2-1.3 10.8 0 20.9 0 31.4.1.7.6 1.2 1.2 1.2z\"\n        fill=\"none\"\n        stroke=\"#f0288a\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M118.9 37.3c-3 .7-4.8 3.7-4.1 6.6.7 3 3.7 4.8 6.6 4.1 3-.7 4.8-3.7 4.1-6.6-.7-3-3.6-4.8-6.6-4.1zM120.2 34.7v2.5M120.2 48.7v2.5M112.2 42.7h2M125.7 42.7h2.5\"\n        fill=\"none\"\n        stroke=\"#f0288a\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M117.2 42.7c0 1.7 1.3 3 3 3s3-1.3 3-3-1.3-3-3-3-3 1.3-3 3zM116.2 26.9c0 2.1 1.7 3.8 3.7 3.8 2.1 0 3.8-1.7 3.8-3.8 0-2.1-1.7-3.8-3.8-3.8-2 .1-3.7 1.8-3.7 3.8zM120.2 21.2v1.5M120.2 31.2v1.5M114.2 26.7h2M124.2 26.7h1.5\"\n        fill=\"none\"\n        stroke=\"#f0288a\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M117.7 26.9c0 1.2 1 2.2 2.2 2.2 1.2 0 2.3-1 2.3-2.2 0-1.2-1-2.3-2.3-2.3-1.2.1-2.2 1.1-2.2 2.3zM128.2 22.2c0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5-.7-1.5-1.5-1.5-1.5.7-1.5 1.5zM109.2 22.2c0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5-.7-1.5-1.5-1.5-1.5.7-1.5 1.5zM128.2 50.2c0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5-.7-1.5-1.5-1.5-1.5.7-1.5 1.5zM109.2 50.2c0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5-.7-1.5-1.5-1.5-1.5.7-1.5 1.5z\"\n        fill=\"none\"\n        stroke=\"#f0288a\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M150.2 13.4c-11-11.8-48.6-22.3-59.5 1.8M90.2 16.7c-1-1.8-2-3.7-3-5.5M96.7 13.7c-1.8.8-3.7 1.7-5.5 2.5\"\n        fill=\"none\"\n        stroke=\"#ed0b8c\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M79.3 42.7c2.3-1.4 4.1-3.4 5.3-5.8.6-1.1 1-2.6.3-3.6-.7-1.1-2.2-1.4-3.4-.9-1.2.5-2 1.6-2.3 2.9-.2-.8-.5-1.7-.9-2.4s-1.1-1.3-2-1.5c-1-.2-2.1.2-2.7 1.1-.4.7-.5 1.6-.3 2.4.2.8.6 1.5 1 2.2 1.3 1.9 3.3 3.7 5 5.6z\"\n        fill=\"none\"\n        stroke=\"#f02b89\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M78.9 23.8c-11-1.2-18.3 5-18.2 12.6 0 5.7 7.1 9.6 13.2 11.3l2.3.4 4.5 8.5 2.3-8.3.9-.1c4.7-.9 12-2.6 13.6-11.2 1.7-8.5-7.6-12-18.6-13.2z\"\n        fill=\"none\"\n        stroke=\"#f02b89\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M50.3 35c-.2-.2-2.9-2.9-3.1-2.8-.2.1.6 3.1.8 3.6-.5.4-2.4 1.3-2.3 1.6.1.3 2.4.8 2.9.9.2.6.5 3 .7 3 .2 0 1.2-2.8 1.2-3.2.6 0 3.7.2 3.7 0 .1-.2-1.9-1.8-2.1-2 .3-.9.9-2.5.8-2.6-.2-.3-2.4 1.5-2.6 1.5z\"\n        fill=\"none\"\n        stroke=\"#f0298a\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M214.5 61.9c-.3-.3-4.1-5.3-4.5-5.2-.4.1.2 5.1.4 5.7-.9.5-4.3 1.4-4.2 1.9 0 .4 3.8 1.9 4.5 2.1.1.9 0 4.8.4 4.8.3 0 2.8-4 2.9-4.7 1.1.1 6 1.3 6.2 1.1.2-.3-2.7-3.2-3-3.7.8-1.4 2.2-3.6 2-3.8-.2-.3-4.4 1.9-4.7 1.8z\"\n        fill=\"none\"\n        stroke=\"#f24086\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M206.6 189c0-.3.7-5.2.5-5.3-.3-.1-2.7 2.9-2.9 3.4-.8-.2-3.1-1.5-3.3-1.2-.2.3 1 3.1 1.3 3.6-.5.6-2.6 2.7-2.4 2.9.2.2 3.7-.8 4.1-1.1.5.6 2.5 4 2.8 3.9.3-.1.3-3.3.4-3.6 1.2-.3 3.2-.8 3.2-1.1-.1-.3-3.6-1.3-3.7-1.5z\"\n        fill=\"none\"\n        stroke=\"#fa965d\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M199 90.2c1.9-.5 4-2.3 5.2-4 .8-1.2 1.7-2.5 1.5-3.9-.2-1.4-1.4-2.6-2.8-2.7-1.4-.1-2.8.9-3.2 2.2.1-.9-.2-2-.9-2.7-.7-.7-1.6-1.1-2.6-1-.6 0-1.1.2-1.5.7-.5.5-.6 1.3-.6 2.1.2 3.7 1.8 7.4 4.9 9.3z\"\n        fill=\"none\"\n        stroke=\"#f35082\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M170.2 96.6l5.2 1c2.8-7.1 3.2-13.1 4.8-19.6l-6.9-1.4c-.4 8.6-2.1 13.4-3.1 20zM181.3 75.7l-8-1.6c-1-1.1-1.4-2.9-1-4.6.6-3.2 3.8-5.3 7-4.7 3.2.6 5.4 3.8 4.7 7-.3 1.7-1.4 3.3-2.7 3.9z\"\n        fill=\"none\"\n        stroke=\"#f45381\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M184.2 69.9c-1.7.3-3.6.3-5.7-.1s-3.9-1.2-5.3-2.2M176.2 94.2l-5-1\"\n        fill=\"none\"\n        stroke=\"#f45381\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M172.9 97.2c-.7 3.7.1 5.8 3.5 6.9 3.6 1.1 5.3 5.2 1.7 7.6\"\n        fill=\"none\"\n        stroke=\"#f45381\"\n        strokeWidth={1.362}\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        fill=\"none\"\n        stroke=\"#f45481\"\n        strokeWidth={1.362}\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M152.7 73.2h6v2.5h-6zM154.7 66.7h2v6.5h-2zM156.4 76.2h-1.7v18h1.7c.6-7 0-12 0-18zM147.2 66.7H145c-.8 7.7 0 10.7 0 16h2.1v-16zM145.2 85.2h2v9h-2zM133.2 75.2h6.5v2.5h-6.5zM135.7 66.7h1.5v8.5h-1.5zM137.4 77.7h-1.7v16.5h1.7c.6-6.6 0-11 0-16.5zM143.2 82.7h6v2.5h-6z\"\n      />\n      <path\n      className=\"tree-item\"\n        fill=\"none\"\n        stroke=\"#f24385\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M120.7 62.7l1 4.5M119.2 65.7l4-1.5\"\n      />\n      <path\n      className=\"tree-item\"\n        fill=\"none\"\n        stroke=\"#f98b67\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M130.7 164.7l-2.5 4M127.7 165.2l3.5 2.5\"\n      />\n      <path\n      className=\"tree-item\"\n        fill=\"none\"\n        stroke=\"#fdb420\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M35.2 286.7l-4.5.5M32.7 284.7l.5 4.5\"\n      />\n      <path\n      className=\"tree-item\"\n        fill=\"none\"\n        stroke=\"#fdb131\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M73.7 278.2l-4.5.5M71.2 276.2l.5 4.5\"\n      />\n      <path\n      className=\"tree-item\"\n        fill=\"none\"\n        stroke=\"#fdb420\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M53.7 305.7l-2 3.5M50.7 306.2l4 2.5\"\n      />\n      <path\n      className=\"tree-item\"\n        fill=\"none\"\n        stroke=\"#f55c7f\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M123.7 89.7l1 4M122.2 92.2l4-1.5\"\n      />\n      <path\n      className=\"tree-item\"\n        fill=\"none\"\n        stroke=\"#f98f63\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M149.7 171.2l1.5 4M148.2 173.7l4.5-1.5\"\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M76.6 66.3c12.7 3.4 23.9 7.4 38.1 10.2l-1.1 4.2-38.1-10.2-9.3 3.6c2.9-6.2 2.7-10.6 4.1-16 2.1 2.8 3.4 5.9 6.3 8.2zM117.2 77.2l-1 4M63.2 73.7c1.5-5.3 4-10.4 4.5-16\"\n        fill=\"none\"\n        stroke=\"#f34a84\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M78.7 80.6c8.3 2.2 13.3 4.8 24.2 6 2.3.6 4.6-.8 5.2-3 .6-2.3-.8-4.6-3-5.2l-25-6.5c-2.3-.6-4.6.8-5.2 3-.7 2.2 1.5 5.1 3.8 5.7zM95.2 76.2l-3 11M96.2 71.2l.5-2M98.2 68.7l-2.5-.5M90.2 74.7l-3 11M91.2 70.2l1-2M93.7 67.7l-3-1M85.2 73.7l-3 10.5M86.2 68.7l.5-2M88.7 66.2l-3-.5\"\n        fill=\"none\"\n        stroke=\"#f34a84\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M44.4 82.1c1.5-.4 3.3-3 3.7-6l-3.6-16.7c-.6-2.7-3-4.2-5.6-3.6-3 1-4.3 2.2-4.2 6 0 3.8 2.6 13.2 4.5 16.6 1.8 3.4 3.7 4.1 5.2 3.7zM46.7 83.2c1.4 7.6 8.2 7.9 11.3 6.6 3.1-1.3 3.2-6.7-1-5.5s-1.7 8.1 0 9.5c1.7 1.3 9.6 2.5 10.1-1.4.5-4-4.5-3.3-5.7.7-1.2 4-.2 15.2 17.9 17.6\"\n        fill=\"none\"\n        stroke=\"#f35082\"\n        strokeWidth={1.362}\n        strokeMiterlimit={8}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M45.2 66.7c-1.3-.2-6.4.1-8.5 3.9M46.2 69.2c-1.3-.2-6.4.1-8.5 3.9M52.2 99.2c-.3-2.9-2.7-4.2-5.7-4.2-3.3 0-7.1-.7-9.9 0-2.8.7-6.1 1.8-6.8 4-.7 2.2 2.6 4.6 5.5 5.5 2.9 1 8.4.6 11.7.2 3.2-.4 5.5-2.5 5.2-5.5zM30.7 98.7c2.6 3.7 17 4.2 21 .2M44.7 81.7c.4 4.1 6.2 1.2 1.9-1.5M39.2 52.2c-.2-1.3-.4-2.7-.5-4M34.7 54.2c-.7-1.3-1.3-2.7-2-4M31.2 58.2c-1-.8-2-1.7-3-2.5M30.7 63.2c-1.2-.3-2.3-.7-3.5-1M43.7 52.7l1.5-3M47.7 55.7c.8-.7 1.7-1.3 2.5-2M49.2 58.7c1-.2 2-.3 3-.5\"\n        fill=\"none\"\n        stroke=\"#f35082\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M41.5 82.2l-.8 15.3c.5.6 2 1.2 2.5.3.4-.9.5-13.6.5-14.5\"\n        fill=\"none\"\n        stroke=\"#f35082\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        fill=\"none\"\n        stroke=\"#f87d6f\"\n        strokeWidth={1.362}\n        strokeMiterlimit={8}\n        d=\"M79.9 150.6l-33.7-.9v5.5l34 .5z\"\n      />\n      <path\n      className=\"tree-item\"\n        fill=\"none\"\n        stroke=\"#f87d6f\"\n        strokeWidth={1.362}\n        strokeMiterlimit={8}\n        d=\"M124.2 150.2H79.7v5.5h43.1z\"\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M85 121.9c-18.3-.3-42.8-.7-46.9 1.4-4 2.1 1.3 10.1 8.6 26.6l52.5.7L85 121.9z\"\n        fill=\"none\"\n        stroke=\"#f87d6f\"\n        strokeWidth={1.362}\n        strokeMiterlimit={8}\n      />\n      <path\n      className=\"tree-item\"\n        fill=\"none\"\n        stroke=\"#f87d6f\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeMiterlimit={8}\n        d=\"M87.7 143.2l-6-14M83.7 139.2l-2-4.5M82.2 141.7l-4-9M78.7 139.2l-1-3M77.7 141.7l-4-9M75.7 143.2l-4.5-11M71.7 139.2l-1.5-3M69.2 139.2l-2-4.5M68.7 143.2l-5-11M65.7 142.2l-5.5-13M61.7 139.2l-3-6.5M59.2 139.2l-2-4M57.2 140.2l-1.5-3M55.2 142.2l-5.5-13M51.7 138.2l-2.5-5.5M50.7 142.2l-5.5-13\"\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M33.7 120.2c-1.2-1.5-2.3-3-3.5-4.5M36.7 119.2c.2-1.5.3-3 .5-4.5M31.2 123.7c-1.3-.3-2.7-.7-4-1\"\n        fill=\"none\"\n        stroke=\"#f87d6f\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M135.5 131.2c-2.5 9.1 1.4 13.2 4.8 13.8 3.3.6 5.2-3.5 1.9-4.9s-8.1 1.3-8.5 5.7c-.4 4.4 4.7 9.9 8.1 9.7 3.4-.3 3.9-5.4 1.2-5.7-2.7-.2-15.1 5.3 3.2 13.4\"\n        fill=\"none\"\n        stroke=\"#f77a71\"\n        strokeWidth={1.362}\n        strokeMiterlimit={8}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M134.7 123.9c.1-1.5.2-3.1.7-4.5 1.3-3.9 4-6.9 7.4-8.8l-1.4-3c-4.1 2.2-7.4 5.9-9 10.6-1 2.8-1.2 5.7-.9 8.5.2 1.3.8 2.6 1.8 3.5l2.5 2.4M163.3 133.7c.9-1.2 1.7-2.5 2.2-4 1.3-3.9 1.1-8-.5-11.6l2.9-1.5c1.9 4.3 2.2 9.3.6 14.1-1 2.9-2.5 5.3-4.5 7.3-.9 1-2.2 1.5-3.5 1.7l-3.4.4\"\n        fill=\"none\"\n        stroke=\"#f77a71\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M142.4 110.3c.5 1.1 1.8 1.6 2.9 1.1 2.9-1.1 6.3-1.2 9.5-.1 3.2 1.1 5.8 3.2 7.4 5.8.6 1 1.9 1.4 3 .9l2.1-1c1.2-.6 1.7-2.1 1-3.3-2.5-4-6.3-7.2-11.2-8.9-4.9-1.6-9.9-1.4-14.4.3-1.3.5-1.9 2-1.3 3.2l1 2zM155.2 111.7l1-3.5M149.2 107.7l.5 3M159.7 114.2l2-2M152.2 139.6l4 .5c.8.1 1.6-.2 2.1-.8l4.8-5.3c.5-.6.7-1.4.5-2.1l-1-3.8M139.7 135.2l-3.4-2c-.7-.4-1.1-1.1-1.1-1.8l-.4-6.9c0-.8.3-1.5.9-1.9l3.1-2.4\"\n        fill=\"none\"\n        stroke=\"#f77a71\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M138.7 119.9l3.1-.2c.8-.1 1.6.6 1.6 1.4l.8 12.4c.1.8-.6 1.5-1.4 1.5l-3.1.2-1-15.3zM162.7 128l-2.2-1.9c-.6-.5-1.5-.5-2.1.1l-8.4 9.5c-.5.6-.5 1.5.1 2.1l2.2 1.9 10.4-11.7z\"\n        fill=\"none\"\n        stroke=\"#f77a71\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M198.4 101.7c-3.4-.3-5.3.6-6.2 2.6-.9 2-1.5 8-1.6 10.7 0 2.7 3.1 4.6 6.3 4.6 3.2 0 6.2-1.2 6.6-4.1.4-2.9-.3-8.3-.8-10.2-.4-1.9-1.7-3.3-4.3-3.6zM204.7 105.7l-2 .5M205.7 110.7l-2.5-.5M205.2 114.7l-1.5-.5M189.7 105.2l2.5.5M188.7 109.2l2.5.5M189.2 114.2l1.5.5\"\n        fill=\"none\"\n        stroke=\"#f77972\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M200.1 106.4c-.1-.8-.9-1-1.1-.1-.2.8-.9 7.4-.8 9.2.1 1 1.1 1.1 1.4-.1.4-1.3.7-7.8.5-9zM196.1 105.9c-.1-.9-.9-1-1.1-.1-.2.9-.9 7.8-.8 9.6.1 1 1.1 1.2 1.4-.1.4-1.3.7-8.1.5-9.4zM194.6 148.7c-3.2-.3-6.3 1.7-6.8 3.7-.7 3.1 2.1 5.8 5.1 6.2 3 .4 6.8-1.3 7.2-4 .4-2.6-2-5.6-5.5-5.9zM198.7 167.2c-1.8.1-11.5-1.1-13-1.5\"\n        fill=\"none\"\n        stroke=\"#f77972\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M194.7 138.1c-2.6-.3-4.4-1.7-6.7-1.9-1.4-.1-3.9 1-4.2 3.1-.5 2.5 1.8 5.4.7 9.4-.7 2.8-6.2 8.4-6.3 13.8-.1 5.5 4.8 12.3 13.5 12.6 8.7.4 16.5-3.6 17-10.1s-4.1-12.1-4.2-15c-.1-2.9 1.9-5.4 2.1-8.3.1-2.6-2-4.2-3.9-4.5-1.5-.2-4.6 1.2-8 .9zM196.7 167.2l3-47.5M193.2 118.7s-4.6 43.2-5 47.5M197.2 119.7l-3.5 47.5M195.2 119.7l-4.5 47\"\n        fill=\"none\"\n        stroke=\"#f77972\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M232.1 126.2c-1.2 3.1-8.8 13.4-13.5 16.6 2.3 3 8.8 14.2 10.4 19.4 2.3-6.2 10.9-16.5 14.6-18.7-2.2-2.8-10.5-14.1-11.5-17.3z\"\n        fill=\"none\"\n        stroke=\"#f98b67\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M232 126.2c.3 2.7.1 8.7-.4 15.2-.6 8.3-1.7 17.2-2.6 20.9-.1.2-.1.5-.2.7v.1c-.8 3.2-2.1 6.2-3.5 8.9 0 .1-.1.1-.1.2-1.4 2.9-2.9 5.5-3.8 7.6 0 0 0 0 0 0-.3.8-.6 1.4-.8 2.1-1.7 6 1.7 11.6 1.8 14.1.1 2.5-.7 5.2-.7 5.2\"\n        fill=\"none\"\n        stroke=\"#f98b67\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M243.7 143.2c-1.7-.7-6.4-1.7-12-2-4.1-.2-8.8.1-13 1.3M229.2 162.8l-.1-.1-5.8-3.5-.1 5 5.8-1.4h.2M229.2 162.8l7-1.6-1.6 5zM225.7 172.2h-.3l-5.7-.3 2.3-5.2 3.5 5.3.2.2M225.7 172.2l4.4 6.5 2.6-6.2zM221.7 179.7h0l4.5 6.5 1-7-5.5.5h0M221.7 179.6l-6 .6 2.2-6z\"\n        fill=\"none\"\n        stroke=\"#f98b67\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M114.9 108.5c-4.1.8-5.7 2-8.5 2.9l.8-7.5 7.7 4.6z\"\n        fill=\"none\"\n        stroke=\"#f5657b\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M98.3 105.1c-3 8.6 4.8 12.9 8.8 14.1s10.3 1 14.7-7.1c1.8-6-3.2-13.2-8.2-14.7-5-1.6-12.3-.9-15.3 7.7zM95.7 99.2l-2.5-2.5M94.2 102.2c-1.2-.5-2.3-1-3.5-1.5M93.2 106.2c-1.2-.1-2.3-.1-3.5-.5\"\n        fill=\"none\"\n        stroke=\"#f5657b\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M106.1 136.2c.9-1.1 1.5-3.1 1.6-4.6 0-1.1 0-2.3-.6-3.1-.6-.8-1.8-1.1-2.7-.6-.9.5-1.3 1.7-1 2.7-.3-.6-.9-1.2-1.6-1.3-.7-.2-1.4 0-1.9.4-.3.2-.6.6-.7 1-.1.5.2 1.1.5 1.5 1.4 2.3 3.8 4 6.4 4z\"\n        fill=\"none\"\n        stroke=\"#f77a71\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M48.2 182.2c4-.7 8-1.3 12-2M67.7 178.2c3.8-.5 7.7-1 11.5-1.5M63.2 176.2c-.2-2.7-.3-5.3-.5-8M64.2 184.2l1.5 6M59.2 184.7c-.8 1.2-1.7 2.3-2.5 3.5M58.2 176.2c-1.2-1-2.3-2-3.5-3M68.7 173.2c.8-1 1.7-2 2.5-3M68.7 183.2c1.3 1 2.7 2 4 3\"\n        fill=\"none\"\n        stroke=\"#fa9360\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M89.2 182.9c0 7.9 6.4 14.3 14.2 14.3 7.9 0 14.3-6.4 14.3-14.3s-6.4-14.3-14.2-14.3c-7.9.1-14.3 6.5-14.3 14.3zM103.2 189.7c3.9 0 7-2.9 7-6.5M103.2 176.2c-3.6 0-6.5 3.1-6.5 7M103.2 193.2c5.8 0 10.5-4.5 10.5-10M103.2 172.7c-5.8 0-10.5 4.7-10.5 10.5\"\n        fill=\"none\"\n        stroke=\"#fa955e\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M100.2 182.9c0 1.8 1.5 3.2 3.3 3.2 1.8 0 3.2-1.5 3.2-3.2 0-1.8-1.5-3.3-3.2-3.3-1.9.1-3.3 1.5-3.3 3.3z\"\n        fill=\"none\"\n        stroke=\"#fa955e\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M162.8 169.1s-2.7-1.1-1.7-3.5c.8-2 3.4-2.6 5.1-1.3 1.3 1.1 1.7 3.1 1.1 4.7-.7 2-3 2.8-5 2.4-2.8-.6-4.3-3.5-4-6.2.2-1.9 1.3-3.1 2.6-4.4 1.9-1.8 4.6-3.7 5.5-6.3.5-1.5 0-3.4-.8-4.7-.1-.1-.8.4-.8.4-.7.5-1.1 1.2-1.5 1.9-1.1 2.1-.9 4.2-.6 6.4.2 1.6.5 3.2.7 4.9.4 3 .8 6 1.3 8.9.3 2.1.6 4.6-1.6 5.8-.7.4-1.6.4-2.3.1-.7-.3-1.3-1.1-1.2-1.9.1-1.1 1.4-1.6 2.3-1.3.4.1.8.5.8.9\"\n        fill=\"none\"\n        stroke=\"#f98a67\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M48.7 223.8s2.8-.7 2.2-3.3c-.5-2.1-3-3.1-4.8-2-1.5.9-2.1 2.8-1.8 4.5.4 2.1 2.6 3.2 4.6 3.1 2.8-.2 4.8-2.8 4.8-5.6 0-1.9-.9-3.3-2-4.7-1.6-2.1-4.1-4.3-4.6-7-.3-1.6.4-3.4 1.5-4.5.1-.1.7.5.8.5.6.6.9 1.3 1.2 2.1.8 2.2.3 4.3-.3 6.5-.5 1.6-.9 3.2-1.4 4.7-.8 2.9-1.7 5.8-2.6 8.7-.6 2-1.3 4.5.8 6 .7.5 1.5.7 2.3.4.7-.2 1.5-.9 1.5-1.7 0-1.1-1.1-1.8-2.1-1.6-.4.1-.9.4-1 .8\"\n        fill=\"none\"\n        stroke=\"#fba24e\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M161.1 199.7c-.7 2.8-6.3 3.8-12.7 2.3-6.3-1.5-10.9-5-10.2-7.8.7-2.8 6.3-3.8 12.7-2.3 6.3 1.5 10.9 5 10.2 7.8z\"\n        fill=\"none\"\n        stroke=\"#fb9d56\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M161.2 199.6l-1.8 7.5c-.7 2.8-6.3 3.8-12.5 2.3s-10.8-5-10.1-7.8l1.8-7.5\"\n        fill=\"none\"\n        stroke=\"#fb9d56\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        fill=\"none\"\n        stroke=\"#fb9d56\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M137.7 204.9l5.8-4.7 3.3 9.4 7.2-6.9 2.7 7M146 185.2c1 1.1.9 2.7-.1 3.5-1 .8-2.6.6-3.5-.4-1-1.1-.9-2.7.1-3.5.9-.9 2.5-.7 3.5.4zM142.7 184.7l-8.5-9.5M155.1 196.2c.4 1.3-.3 2.7-1.6 3.3-1.3.6-2.7 0-3.2-1.3-.4-1.3.3-2.7 1.6-3.3 1.3-.6 2.7 0 3.2 1.3zM155.2 196.2l16-6M159.3 191.2c.6-.8 1.3-1.6 1.9-2.4-.8-.3-1.8-.7-2.5-.2v-3.7c-.9.6-1.8 1.1-2.8 1.5-.2.1-.5.1-.7 0-.1-.1-.1-.2-.2-.3-.2-.7-.5-1.3-.9-1.9-.6.7-.9 1.5-.9 2.4M137.2 187c-.8-.4-3-1.4-3.9-1.4.3 1.2 1.9 3.8 2.3 5-.8-.6-3.1-1.8-4-2.1-.8-.3-1.6-.6-2.5-.9l4.3 6.3c-1-.1-3.1 0-3.9.8 1.7.3 3.1 1.7 3.5 3.4\"\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M225.1 82.7c.7-.2 1.5.7 1.7 1.8.1.6.1 1.2-.1 1.7 2.3 9.6 4.6 19.1 6.9 28.7.2.7-.1 1.4-.7 1.6-.3.1-.6.1-.9.2-.6.1-1.2-.4-1.3-1.1-1.9-9.7-3.8-19.3-5.7-29-.3-.3-.6-.9-.8-1.5-.2-1.2.2-2.2.9-2.4zM217.2 115.3l.6-29.4c-.3-.4-.4-1-.4-1.6 0-1.2.6-2.2 1.3-2.2.7 0 1.3 1 1.3 2.2 0 .6-.2 1.2-.4 1.6l.6 29.4c0 .8-.5 1.4-1.1 1.4h-.9c-.6 0-1-.6-1-1.4z\"\n        fill=\"none\"\n        stroke=\"#f55d7e\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M207 227.4c-1.5 2.1-10.1 3.8-20.2 3.8-10 0-18.7-1.6-20.2-3.8m12.5-1.8c-7.3.3-12.4 1-12.4 1.8 0 1.1 9 2 20.2 2s20.2-.9 20.2-2c0-.8-5-1.5-12.2-1.8m2.3-3.4c-.5.8-1 1.5-1.4 2.1l.5.1c7.3 1 12.2-2.6 14.2-9.6h0c.3-1.6.4-3.5-.9-4.7-.4-.4-.9-.7-1.4-.8-1.1-.3-2.9-.1-4.1-.1-.5 0-1 .1-1.5.1-.1.8-.2 1.6-.3 2.3h.2c.6 0 1.2-.1 1.7-.1.7 0 1.4-.1 2.1-.1.4 0 1 0 1.3.1.2 0 .3.1.4.2.5.5.3 1.9.2 2.6-1.6 5.6-5.2 8.5-11 7.9zm-10.3-16c8.7 0 15.7.6 15.7 1.3 0 5.4-1.8 10.3-4.8 13.8-4.4 6.1-3.5 6.8-11 6.8-7 0-7.1-1.4-11-6.8-2.9-3.5-4.8-8.4-4.8-13.8.1-.7 7.2-1.3 15.9-1.3zM189.9 202.1c4.4-4.4-4.6-6.9 0-11.4m-6.9 13c4.4-4.4-4.6-6.9 0-11.4\"\n        fill=\"none\"\n        stroke=\"#fba150\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M142.7 241.2c4.4-1.6 6.6-6.3 4.9-10.5M126.7 221.2c-4.4 1.6-6.6 6.3-4.9 10.5M144.2 245.7c6.8-2.6 10.2-10.2 7.6-17M124.7 216.7c-6.4 2.6-9.6 10.2-7.2 17\"\n        fill=\"none\"\n        stroke=\"#fca943\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M123.1 241.5l11.4 5.1c.8.4 1.8-.1 2.2-.9 3.8-9.8 6.9-15 10.3-22.5.4-.9.1-1.9-.7-2.2l-11.4-5.1c-.8-.4-1.8.1-2.2.9-2.4 9.2-6.9 15-10.3 22.5-.5.8-.1 1.8.7 2.2z\"\n        fill=\"none\"\n        stroke=\"#fca943\"\n        strokeWidth={1.362}\n        strokeMiterlimit={8}\n      />\n      <path\n      className=\"tree-item\"\n        fill=\"none\"\n        stroke=\"#fca943\"\n        strokeWidth={1.362}\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M145.7 225.2l-14-6.5M137.7 243.2l-14-6.5\"\n      />\n      <path\n      className=\"tree-item\"\n        fill=\"none\"\n        stroke=\"#fca943\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M140.7 220.7l-2.5-1\"\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M129.2 241.8c-.1.1 0 .3.3.3.3.1.5 0 .7-.1.1-.1 0-.3-.3-.3-.3-.1-.6 0-.7.1z\"\n        fill=\"none\"\n        stroke=\"#fca943\"\n        strokeWidth={1.362}\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        fill=\"none\"\n        stroke=\"#fca943\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M130.5 233.5l3.2-6.9 4.3 6.4z\"\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M71.7 207.5c.1-1.1 1.1-1.9 2.2-1.8l3.6.5c1.1.2 1.8 1.2 1.7 2.3v.1l-7.5-1.1h0zM64.7 229.2s0-.1 0 0l2.5-18.5s0 0 0 0l-.5 3.6-.1 1M104.2 220.7l-2 13.4v.1M90.2 217.7l14 2-.2 1M90.7 218.7c-.1-.4-.3-.7-.5-1M64.7 230.2c-.6-.3-.7-.7-.1-1M101.7 235.2l-37-5M102.2 234.2c-.1.4-.3.7-.5 1\"\n        fill=\"none\"\n        stroke=\"#fba151\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M94 213.5c.1-.5.5-.8 1-.7l5.5.8c.5.1.8.5.7 1l-.3 2.1c-.1.5-.5.8-1 .7l-5.5-.8c-.5-.1-.8-.5-.7-1l.3-2.1zm-3.9 4.3l14 1.9.6-4.1c.2-1.8-1.3-3.4-3.4-3.7L79 208.7l-7.4-1c-2.1-.3-4.1.9-4.3 2.7l-.1.6-.5 3.5 14 1.9c1.4-.9 3.2-1.3 4.9-1.1 1.8.3 3.4 1.2 4.5 2.5z\"\n        fill=\"none\"\n        stroke=\"#fba151\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M95 212.7l5.5.7c.5.1.8.5.7 1l-.3 2c-.1.5-.5.8-1 .7l-5.5-.7c-.5-.1-.8-.5-.7-1l.3-2c0-.4.5-.8 1-.7zM97.5 237.6L68 233.5c-1.8-.2-3.1-1.7-3.3-3.4l37 5.1c-.7 1.7-2.4 2.7-4.2 2.4zM79.5 221.7c.4-2.8 3.1-4.7 5.9-4.3 2.9.4 4.9 3 4.5 5.7-.4 2.8-3.1 4.7-5.9 4.3-2.9-.3-4.9-2.9-4.5-5.7zm.1-4.6c-1.2 1.1-2.1 2.6-2.3 4.3-.6 4 2.3 7.6 6.4 8.2 4.1.6 7.9-2.2 8.5-6.2.2-1.7-.2-3.4-1-4.8-.2-.4-.5-.7-.8-1.1-1.1-1.2-2.7-2.1-4.6-2.3-1.8-.2-3.6.2-5 1.1-.5.2-.9.5-1.2.8z\"\n        fill=\"none\"\n        stroke=\"#fba151\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M85.4 217.2c2.7.4 4.6 3.1 4.3 5.9-.4 2.9-2.9 4.9-5.6 4.5-2.7-.4-4.6-3.1-4.3-5.9.3-2.9 2.8-4.9 5.6-4.5zM76.2 201.7c.2-1.5.3-3 .5-4.5M70.7 202.7c-.8-1-1.7-2-2.5-3M81.2 203.7c1.2-1 2.3-2 3.5-3\"\n        fill=\"none\"\n        stroke=\"#fba151\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        fill=\"none\"\n        stroke=\"#fdb131\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M120.2 261.7l-.5-2.5M118.2 262.7l-.5-4M117.2 264.7l-1-7.5M115.2 265.7l-1-9M113.2 263.7l-.5-4.5M111.7 262.7l-.5-2.5M110.2 264.7l-1-6M108.7 266.7l-1-9.5M107.2 268.2l-1.5-12M105.2 266.7l-1-9M103.2 264.7l-.5-4M101.7 265.7l-.5-6M100.2 267.7l-1-9.5\"\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M91.7 263.2c-.2-9.8 12.6-13 18.6-13.1 6-.1 19.3 1.9 17.2 12.4-.4 6.2-16.2 10.5-22.2 10.6-6 .2-13.4 0-13.6-9.9z\"\n        fill=\"none\"\n        stroke=\"#fdb131\"\n        strokeWidth={1.362}\n        strokeMiterlimit={8}\n      />\n      <defs>\n        <path\n        className=\"tree-item\"\n          id=\"prefix__a\"\n          d=\"M172.6 274.3c10.9-8.1 18.2-19.9 19.7-32 .1-.6-.6-1-1.1-.6-4.4 3.1-11.9 1.7-15.7-2.9-.4-.5-1.2-.2-1.2.5.7 10.2-3.2 20.9-10.8 29.3-7.6 8.3-18.7 14.2-30 15.9-.8.1-.8 1.3.1 1.4 13.8.7 28.1-3.6 39-11.6zm-38.8 11.5c11.5-1.7 23-7.8 30.8-16.3 7.8-8.6 11.9-19.7 11.2-30.3l-1.2.5c4.3 5.1 12.5 6.6 17.5 3.1l-1.1-.6c-1.5 11.8-8.6 23.2-19.2 31.1-10.6 7.9-24.7 12-38.1 11.2l.1 1.3z\"\n        />\n      </defs>\n      <use xlinkHref=\"#prefix__a\" overflow=\"visible\" fill=\"#fdb131\" />\n      <path\n      className=\"tree-item\"\n        d=\"M162.2 252.6c-2.3-.5-4.1-3-3.9-5.4-.1 1.1-.4 2.3-1.3 3.2-.9.9-2.4 1.5-3.8 1.3 2.3.6 4 3 4.1 5.5.4-2.4 2.6-4.3 4.9-4.6z\"\n        fill=\"none\"\n        stroke=\"#fcad3c\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M141 261.8c.7-.3 1.5-.2 2.1.2.4-2.6 4.1-2.5 4.4.1.4 2-1.4 3.8-2.2 5.5-1.7-.6-4.2-.6-5.3-2.2-.8-1.1-.3-3 1-3.6z\"\n        fill=\"none\"\n        stroke=\"#fdb131\"\n        strokeWidth={1.362}\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M79 263.2c-1-.9-2.7-.7-3.9.6-1.2 1.2-1.3 2.9-.3 3.8 1 .9 2.7.7 3.9-.6 1.2-1.1 1.3-2.9.3-3.8zM79.7 264.2l-5-16.5M74.7 247.7c1.1 1.2 2.5 2.1 3.9 3 1.4.9 2.7 2 3.5 3.4.8 1.4.9 3.3-.1 4.6\"\n        fill=\"none\"\n        stroke=\"#fdb131\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M117.3 292.4c-.6-1-2.3-1.2-3.8-.4-1.4.8-2.1 2.4-1.4 3.4.6 1 2.3 1.2 3.8.4 1.4-.8 2-2.4 1.4-3.4zM117.7 293.6l-.1-16.9M117.6 276.7c.7 1.4 1.7 2.6 2.6 3.8.9 1.2 1.8 2.5 2.2 4 .3 1.5 0 3.2-1.1 4.2M84.6 285.8c-1.7.5-2.8 2.3-2.3 4.1.9 3.4 1.7 5.5 2.6 10.3l2.5-.7-1.8-7.1c.2 0 .5 0 .7-.1 1.7-.5 2.8-2.3 2.3-4.1-.5-1.8-2.3-2.9-4-2.4zM95.3 297.1c1.7-.5 2.8-2.2 2.3-4l-2.6-9.9-2.5.7c-.1 3.6 1.2 4.6 1.8 6.8-.2 0-.5 0-.7.1-1.7.5-2.8 2.2-2.3 4 .4 1.7 2.2 2.7 4 2.3z\"\n        fill=\"none\"\n        stroke=\"#fdb420\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M99.3 300l-13.5 3.6c-1.7.5-3.5-.6-4-2.4l-3.5-13.8c-.5-1.8.6-3.6 2.3-4l13.5-3.6c1.7-.5 3.5.6 4 2.4l3.5 13.8c.4 1.7-.6 3.5-2.3 4zM49.4 293.2c-.3-1.3-2.3-2-4.3-1.6-2 .4-3.4 1.8-3.1 3.1.3 1.3 2.3 2 4.3 1.6 2.1-.4 3.4-1.8 3.1-3.1zM62.4 289.4c-.3-1.4-2.3-2.2-4.3-1.8-2 .5-3.4 2-3.1 3.5.3 1.4 2.3 2.2 4.3 1.8 2.1-.6 3.4-2.1 3.1-3.5z\"\n        fill=\"none\"\n        stroke=\"#fdb420\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        fill=\"none\"\n        stroke=\"#fdb420\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M49.4 293.9v-17.5l13-4M49.4 282.9c4.2-3.1 7.8-3.7 12-5M62.4 289.9c0-5.8-1.1-9.2 0-17.5\"\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M31.2 305.4c.9 1.1 2.4 1 3.5 0 1.1-1.1 1.2-2.8.4-3.9-.9-1.1-2.4-1-3.5 0-1.1 1.1-1.2 2.8-.4 3.9zM31.2 305.4l-11.3-12.2-13.2 5.7 11.2 12.3\"\n        fill=\"none\"\n        stroke=\"#fdb51c\"\n        strokeWidth={1.362}\n        strokeMiterlimit={8}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M18.2 311c.9 1 2.4.9 3.5 0 1.1-1 1.2-2.6.4-3.5-.9-1-2.4-.9-3.5 0s-1.2 2.5-.4 3.5z\"\n        fill=\"none\"\n        stroke=\"#fdb51c\"\n        strokeWidth={1.362}\n        strokeMiterlimit={8}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M.7 285.2c6.3-2.2 11.7-6.8 14.9-12.6 3.3-5.8 4.4-12.8 3-19.3 6.8 1.3 14.9-1.5 20.1-7.1-1.5 2-3.2 3.7-4.7 5.7s-2.8 4.2-2.9 6.7c-.2 2.5.9 5.1 2.8 6.5-7.7 11.2-20.2 19-33.2 20.1z\"\n        fill=\"none\"\n        stroke=\"#fdb131\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n      />\n      <path\n      className=\"tree-item\"\n        d=\"M54.3 244.7c-3.2.4-8.5 5.9-7.5 11 .3 1.3.8 2.4 1.4 3.5l.8.8-2.1 8.1 7-5.1.3.1c1.2.3 2.5.3 3.8 0 5.2-1 8.8-2.3 8.1-9.9-.7-7.5-8.6-8.9-11.8-8.5z\"\n        fill=\"none\"\n        stroke=\"#fdb131\"\n        strokeWidth={1.362}\n        strokeMiterlimit={8}\n      />\n      <path\n      className=\"tree-item\"\n        fill=\"none\"\n        stroke=\"#fdb131\"\n        strokeWidth={1.362}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M57.2 248.7l-1.5 3.2-3.5.4 2.6 2.4-.7 3.5 3.1-1.8 3.1 1.8-.8-3.5 2.7-2.4-3.6-.4z\"\n      />\n    </svg>\n\n    )\n}\n\nexport default Tree;","import React,{useEffect} from 'react';\nimport { gsap } from \"gsap\";\nimport { DrawSVGPlugin } from \"gsap/DrawSVGPlugin\";\n\ngsap.registerPlugin(DrawSVGPlugin);\n\n\nconst Spread = () => {\n\n\n\n    return (\n        <svg version=\"1.1\" id=\"Layer_1\" x=\"0px\" y=\"0px\" viewBox=\"0 0 308.6 362.5\" style={{enableBackground:'new 0 0 308.6 362.5'}}>\n        <path\n          d=\"M144.5 102.2c2.7-1.1 7 12.4 8 14.9-3.1 1.5-6.1 3-9.3 4.4-1.6.7-3.1 1.4-4.7 2.1-.7.3-4 2.2-4.7 2-1.5-.6-2.9-5.4-3.6-6.7-.9-2-3.3-7.9-3.3-7.9s6.1-3.6 8.2-4.6c3.2-1.6 6.3-2.9 9.4-4.2zM128.4 108.6c-.7-2.5-3.2-4.2-3.5-6.8-.3-2.6 1.7-4.7 3.9-5.9 5.5-2.8 9.5 2.5 10.9 7.3\"\n          fill=\"none\"\n          stroke=\"#f87c3b\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M126.7 110.7c-1.6-1.7-2.5-4-3.2-6.3-.6-1.8-1.1-3.7-.6-5.5.3-1.4 1.2-2.7 2.3-3.6 1.1-.9 2.4-1.6 3.7-2.1 1.8-.7 3.9-1.2 5.7-.6.9.3 1.7.9 2.4 1.5 2.5 2.2 4.2 5.3 4.9 8.6M139.4 116.7c.7 1.3 3.2 1.5 3.8-.1.4-1-1.5-4-2.2-4.6-1.3-1-3.1-1.1-3.4.7-.1 1.4 1.3 3 1.8 4z\"\n          fill=\"none\"\n          stroke=\"#f87c3b\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M127.1 110.7c-.1 1.5-1.6 2.2-2 3.5-.7 1.9.7 3.6 1.6 5.2 1.6 2.9 2.7 8.6 5.7 10.2 3.3 1.7 16-4.8 18.9-6.2 1.9-.9 2.4-3.5 1.8-6M134.1 125.6c-.2.9-.5 1.9-.7 2.8\"\n          fill=\"none\"\n          stroke=\"#f87c3b\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M118.5 49.4c0-1.1-.2-2.2-.4-3.2-1.8-7.5-9.3-12.1-16.7-10.3-7.4 1.8-11.9 9.3-10.1 16.8.9 3.6 2.9 6.4 5.7 8.3 1.7 1.1 3 2.9 3.4 4.9 0 0 0 0 0 0 .4 1.5.5 3.1.9 4.7.2 1 .6 1.9 1.4 2.5 1.6 1.2 4.2.7 5.9.4 1.7-.3 3.3-.7 4.9-1.3 1.3-.5 2.9-1.2 3.5-2.5.4-.9.3-1.9.1-2.9-.4-1.5-1-3-1.3-4.5-.2-1-.4-1.8-.3-2.8.1-1 .5-1.9.9-2.8.7-1.6 1.4-3.1 1.9-4.8.1-.9.2-1.7.2-2.5\"\n          fill=\"none\"\n          stroke=\"#f3465e\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M102.8 73.8c-.7.7-.7 1.9-.2 2.8.5.8 1.5 1.3 2.5 1.5 1 .1 2 0 3-.2 1.7-.3 3.4-.7 5-1.3 1.4-.5 3.3-1.1 4.2-2.3.4-.5.6-1.1.5-1.8-.1-.6-.5-1.2-1.1-1.5\"\n          fill=\"none\"\n          stroke=\"#f3465e\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M103.9 77.5c-.4.7-.4 1.8 0 2.6.5.9 1.4 1.4 2.4 1.5.9.2 1.9 0 2.8-.2 2.6-.5 5.1-1.3 7.4-2.6 1-.6 2-1.5 1.9-2.8 0-.8-.4-1.6-1.1-2.1\"\n          fill=\"none\"\n          stroke=\"#f3465e\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M105.7 81.4c.6 1.6 2.3 2.9 4.2 3.1 1.3.1 2.7-.2 3.9-.6.9-.3 1.8-.6 2.5-1.2.6-.5.9-1.1 1.1-1.8.2-.7.3-1.4.3-2.1M104.3 72.4c3-1.8 6.5-2.8 9.9-2.8\"\n          fill=\"none\"\n          stroke=\"#f3465e\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M107 71c.4-2.6-.4-5.3-1.4-7.7-1.1-2.8-2.5-5.4-4.2-7.9M111.4 53.9c0-.6-.3-1.3-.7-1.4M106.4 54.6c.2.4.7.6 1.2.8.6.1 1.3 0 2-.1.4-.1.9-.2 1.2-.4.3-.2.6-.5.6-.8\"\n          fill=\"none\"\n          stroke=\"#f3465e\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M107.9 53.7c-.1-.2-.2-.4-.4-.4-.3-.1-.6 0-.8.2-.2.2-.3.5-.3.8 0 .1 0 .2.1.4\"\n          fill=\"none\"\n          stroke=\"#f3465e\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M103.6 55.9c.4.7 1.4 1.1 2.2.8.8-.2 1.5-.9 1.8-1.6.1-.3.3-.5.2-.8 0-.1 0-.2-.1-.3\"\n          fill=\"none\"\n          stroke=\"#f3465e\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M105 55.4c.1-.4 0-.9-.2-1.2-.3-.4-.8-.3-1 .2-.2.5-.3 1.2-.1 1.7\"\n          fill=\"none\"\n          stroke=\"#f3465e\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M100 56.2c.1.1.2.2.4.3.3.2.7.3 1.1.3 1.1.1 2.2-.2 3-.8.2-.2.5-.4.6-.6M100.8 55.4c-.4 0-.7.2-.7.4 0 .1 0 .2.1.3M110.1 53.2c-.5 5.5.2 11.1 2 16.3M94 52.5c-.9-3.5-.1-7.5 2.2-10.2 2.3-2.8 5.9-4.3 9.5-3.9M103.6 75.9c.6.6 1.4.8 2.1.7M105 78.8c.4.5.9.7 1.4.7M108.6 82.3c.2.7.5.9.7.5M86.6 63.9c.8-.8 3.5-3 4.3-3.5M83 58.9c.9-.5 4.2-1.7 5-2.1M80.9 52.5c1.1-.5 4.7-1 5.7-1.4M80.9 44c.9 0 4.1.7 5 .7M83 36.9c.9.4 4.1 2.5 5 2.8M88.7 30.5c.8.7 3.5 3.7 4.3 4.3M98.6 26.3c.2.9 1.2 4.9 1.4 5.7M107.9 25.6c-.1 1-.6 4.8-.7 5.7M114.9 27.7c-.4.8-1.8 4.2-2.1 5M122 32.7c-.4.5-2.4 3.1-2.8 3.5M126.3 39.8c-.7.3-3.6 1.9-4.3 2.1M128.4 46.9c-1.3.1-5.2.6-6.4.7M127.7 53.2c-.7-.1-3.6-.6-4.3-.7\"\n          fill=\"none\"\n          stroke=\"#f3465e\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M117.1 235.5c3.7-10.8 4.8-16.1 8.5-27M117.1 235.4c.3.7.9 1.2 1.6 1.5.7.3 1.8 0 2.5-.4 3.8-10.8 4.8-15.7 8.7-26.5\"\n          fill=\"none\"\n          stroke=\"#F6B74B\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M117.2 235.5c-.2.8-.3 1.7.1 2.4.3.7 1.1 1.3 1.8 1.1.5-.1.9-.5 1.1-.9.2-.4.4-1 .4-1.5M124.9 207.9c1.6 1.4 3.6 2.1 5.7 2.1M124.9 207.9c1.7-4.9 5.2-15.6 6.4-20.6M130.5 210c1.5-5 4.6-16.2 5.7-21.3\"\n          fill=\"none\"\n          stroke=\"#F6B74B\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M133.2 188.9c.7.4 1.5.6 2.2.5.3 0 .7-.2.8-.6.1-.3-.1-.6-.3-.8-.7-1-1.8-1.7-2.9-2-.6-.1-1.4-.2-1.7.6-.4 1.1 1.2 1.9 1.9 2.3zM131.3 188.7c-.6-.1-1.2.2-1.6.7-.4.5-.6 1.1-.8 1.6-1.1 3.6-4.3 12.5-5.4 16.1M120.6 233.4l7.8-23.4M128.4 207.9c1.7-5.2 3.6-10.4 5.7-15.6\"\n          fill=\"none\"\n          stroke=\"#F6B74B\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M210 134.9c-13.9-2.2-28.3-4.5-28.3-4.5-1.9-.3-3.1-2-2.8-3.9l6.5-40.7c.3-1.9 2-3.1 3.9-2.8l54.1 8.6c1.9.3 3.1 2 2.8 3.9l-6.5 40.7c-.3 1.9-2 3.1-3.9 2.8 0 0-2.9-.5-7.3-1.1\"\n          fill=\"none\"\n          stroke=\"#f87c3b\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M175.4 91.5c-1.1.8-1.5 2.3-1.5 3.7 0 1.4.4 2.7.7 4.1 2.3 9.2 1.7 19 3.5 28.3.3 1.5.7 3.1 1.5 4.4M177.4 90.8c2.3-.9 4.7-1.4 7.1-1.4\"\n          fill=\"none\"\n          stroke=\"#f87c3b\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M196.5 133.3c-9.6 1.2-17.3 2.2-17.3 2.2-1.8.2-3.5-1.1-3.8-2.9l-5.1-40.7c-.2-1.9 1.1-3.5 2.9-3.8 0 0 4.8-.6 11.6-1.5M201.5 85.1c12.3-1.5 25.5-3.5 25.5-3.5 1.8-.2 3.5 1.1 3.8 2.9 0 0 .2 1.6.5 4.2M188.7 93.7c.4-2.5.6-4.1.6-4.1.3-1.9 2-3.3 3.9-3 0 0 1.2.2 3.3.6M241.2 101.5c-1 6.4-3.1 19.3-4.3 26.2M236.2 130.5c-.2 1-.2 1.6-.2 1.6-.1.8-.6 1.5-1.2 2M212.8 132c-8.1-1.3-16.8-2.7-22-3.5\"\n          fill=\"none\"\n          stroke=\"#f87c3b\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M188.7 127.7c-1.4-.2-2.2-.3-2.2-.3-1.8-.3-3-1.8-2.7-3.4 0 0 0-.2.1-.5M184.5 120.6c.8-5.4 2.5-16.7 3.5-24.1M206.4 94.4c6.1.9 12.3 1.9 18.4 2.8M204.3 107.1c6.1 1.2 12.3 2.4 18.4 3.5M200.8 111.4c8 1.2 16.1 2.4 24.1 3.5M198.6 97.2c6.2 1 27.8 4.6 34 5.7M230.3 125.3c-1.9 6.8-12.1 3.7-10.2-3.1 2-6.7 12.1-3.6 10.2 3.1z\"\n          fill=\"none\"\n          stroke=\"#f87c3b\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M228.3 124.7c-1.2 4.1-7.2 2.2-6.1-1.8 1.1-4.1 7.2-2.2 6.1 1.8z\"\n          fill=\"none\"\n          stroke=\"#f87c3b\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M220.5 125.6c-2.6 3.1-5.4 6.1-8.4 8.9 2.2-.3 4.5-.8 6.6-1.5-.3 2.3-.1 4.6.5 6.8 2.2-3.6 4.4-7.3 6.4-11.1M224.2 131.7c.5 2.4 1 4.9 1.3 7.4 1-1.9 1.9-4 2.5-6.1 1.6 1.4 3.4 2.6 5.5 3.2-1.2-2.9-2.5-5.7-3.8-8.5\"\n          fill=\"none\"\n          stroke=\"#f87c3b\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M161.6 55.5l-11.1-35.7c-.6-1.8.4-3.7 2.2-4.3L199.4.9c1.8-.6 3.7.4 4.3 2.2l12.5 40.2c.6 1.8-.4 3.7-2.2 4.3l-45.4 14.2c-.1 0 .1 0 0 0l-5.9 1.9c-2.2.7-4.5-.5-5.2-2.7l-9.1-29.2c-.5-1.5.4-3.2 1.9-3.6l2.1-.7M163.9 18.5l2.8 7.8M163.9 18.5l8.5 6.4M169.6 16.4l2.8 8.5M172.4 15.6l2.8 7.8M172.4 15.6l5.7-1.4M173.8 19.2l3.6-.7M175.2 23.4l5-1.4M179.5 13.5l4.2 7.8M183 12.1l.7 9.2M183 12.1l5 7.8M187.3 10.7l.7 9.2\"\n          fill=\"none\"\n          stroke=\"#f24360\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M195.3 9.8c-2-1.2-5-.3-5.8 1.7 1 3.7 7.1-.1 7.8 4.1-.9 2-3.9 2.9-5.8 1.7M161.8 32.7c14-4.5 27.9-9 41.8-13.5M183 32c7.6-2.4 15.1-4.7 22.7-7.1M183.7 35.5c7.6-2.4 15.1-4.7 22.7-7.1M185.2 39.8c7.6-2.6 15.1-5.2 22.7-7.8M185.9 42.6c7.8-2.4 15.6-4.7 23.4-7.1M168.9 52.5c13.7-4.3 27.4-8.5 41.1-12.8M170.3 56.1c13.7-4.3 27.4-8.5 41.1-12.8M179.5 44.6l-11.4 3.6c-.5.2-1.1-.1-1.3-.7l-2.9-9.2c-.2-.5.1-1.1.7-1.3l11.4-3.6c.5-.2 1.1.1 1.3.7l2.9 9.2c.1.6-.2 1.1-.7 1.3zM150.4 29.1c3.1 9.7 6.1 19.4 9.2 29.1M153.2 29.1c-.4.5-.9 1-1.4 1.4M154 31.2c-.4.7-.9 1.4-1.4 2.1M154.7 34.1c-.4.7-.9 1.4-1.4 2.1M156.1 37.6c-.5.7-.9 1.4-1.4 2.1M156.8 40.5c-.5.7-.9 1.4-1.4 2.1M158.2 44.7l-1.4 1.4M158.9 48.3c-.5.7-.9 1.4-1.4 2.1M160.3 51.8c-.5.4-1 .9-1.4 1.4M161 53.9c-.4.7-.9 1.4-1.4 2.1M12.5 57.5c-1.8 3.6-3.2 6.2-3.2 6.2 2.6 9.9 5.7 17.9 8.2 27.8l36.4-12.9c-2.6-9.9-4.5-16.1-7.1-26l-4.4-2.2M19.2 88c10.4-3.6 20.8-7.1 31.2-10.6M45.4 58.9c1.7 4.7 3.3 9.5 5 14.2M13.5 68.8c1.8 4 3.5 8 5 12.1M20.6 88l1.4 1.4M23.4 86.6c.5.7 1 1.4 1.4 2.1M26.3 85.9c.3.7.5 1.4.7 2.1M28.4 85.2c.2.7.5 1.4.7 2.1M31.2 84.4c.2.7.5 1.4.7 2.1M34.1 83c.2 1 .4 1.9.7 2.8M36.2 82.3c.5.7.9 1.4 1.4 2.1M39.8 80.9c.5.9.9 1.9 1.4 2.8M42.6 80.2c.5.7.9 1.4 1.4 2.1M45.4 78.8c.5.7 1 1.4 1.4 2.1M49 77.4c.5.7.9 1.4 1.4 2.1M27 43.2c-2.9-1.6-5-2.7-5-2.7s-1.2 2.4-2.8 5.7\"\n          fill=\"none\"\n          stroke=\"#f24360\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          fill=\"none\"\n          stroke=\"#f24360\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          d=\"M10 64.3L33.7 71l12.4-17.8M17.8 90.8L27 70.3M35.5 68.1l17.7 10\"\n          className=\"spread1\"\n        />\n        <path\n          d=\"M15.9 66c-1.6-5.8-3.3-11.6-5.2-17.3l.2-.1c9.9-3 17.8-5.1 27.7-8.1 1.6 4.5 3.8 10.6 5.5 15.1M17.1 53.9c6.1-1.9 12.3-3.8 18.4-5.7M22.7 58.9c4.3-1.2 8.5-2.4 12.8-3.5\"\n          fill=\"none\"\n          stroke=\"#f24360\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          fill=\"none\"\n          stroke=\"#f87c3b\"\n          strokeWidth={1.499925}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          d=\"M256.124 118.893l14.967-3.622 9.573 39.557-14.968 3.622z\"\n          className=\"spread1\"\n        />\n        <path\n          fill=\"none\"\n          stroke=\"#f87c3b\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          d=\"M298.6 101.5l-26.8 14.1-15 3.6 14.5-7.6.6 1.6 1.8-.9-.7-1.7 7.6-3.9.6 1.5 1.7-1-.6-1.5 1.4-.7z\"\n          className=\"spread1\"\n        />\n        <path\n          fill=\"none\"\n          stroke=\"#f87c3b\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          d=\"M307.9 140.9l-26.7 14.5-9.5-39.5 26.7-14.4zM273.8 156.8l-9.9-39.7M263.9 117.1l25.5-13.5M283 106.8l-1.8 1-.6-1.5-1.9-4.6-7.6 3.8 1.9 4.7.7 1.6-1.8 1-.7-1.7-2.3-5.8c-.2-.5 0-1 .5-1.2l9.4-4.7c.3-.1.5-.1.8 0 .3.1.5.3.6.6l2.2 5.4.6 1.4zM265.3 154.7l4.3 3.4-3.2.8z\"\n          className=\"spread1\"\n        />\n        <path\n          fill=\"none\"\n          stroke=\"#f87c3b\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          d=\"M277.4 156.1l2.8-4.3 4.3 1.5-3.5 1.9zM307.2 137.6l-1.5 4.3 2.2-1.2zM295.8 102.7l3.6.9-.7-2.1zM275.2 113.5l-2.8 5.7-4.2-2.8 3.3-.8zM257.6 122.7l2-4.2-2.8.7zM55.9 103.7c1.8-1.4 3.5-.7 4.1.4.5.8.5 2.5-.6 3.6-1.3 1.2-3.2 1.4-4.1.2-1-1.3-.9-3.2.6-4.2zM82.7 89.5c2.1.5 2.6 2.1 2.4 3.5-.2 1.3-1.4 2.2-2.8 2.1-1.6-.1-2.9-1.2-2.8-3.1 0-1.6 1.5-2.9 3.2-2.5zM104.3 98.4c1.8 1.3 1.6 2.9 1 4.1-.6 1-2.1 1.4-3.4.7-1.5-.8-2.2-2.2-1.5-3.9.6-1.3 2.5-1.9 3.9-.9z\"\n          className=\"spread1\"\n        />\n        <path\n          d=\"M58.9 108c5.3 8.6 9.3 24.7 10 26.5.4 1 24.4-.2 24.5-1.4.1-1.3 4.3-23.3 8.1-29.4\"\n          fill=\"none\"\n          stroke=\"#f87c3b\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M60.3 106.1c2.5.5 12.2 6 13.9 8.1.8-6.2 4.8-16.6 6.7-19.8M82.3 95.1c-.2 1.5 3.4 15.6 4.6 17.7 2.2-3.7 10.7-9.2 13.8-10.6M68.1 132c3.5-.4 22.7-1.3 25.5-1.4\"\n          fill=\"none\"\n          stroke=\"#f87c3b\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M63.9 353.3c1-1.2 1.9-2.3 2.8-3.5M72.4 343.3l2.1-2.1M78.3 337c9-11.8 16.4-24.8 21.4-38.8 6.1-17.1 10.8-40.3 4.4-58-2.7-7.6-10.1-15.2-19-12.7-8.3 2.3-12.3 13.5-9.8 21.1 2.5 7.9 13.2 13.1 19.5 6 6.4-7.2-3.9-19.8-10.5-11.8M73.1 361.8c1.5-.9 2.9-1.9 4.3-2.8M80.9 355.4l2.1-2.1M88 347.6c19.7-21.8 31.9-50.6 50.2-73.2 4.8-6 11.5-11.7 19.7-11.2 7.2.5 13 6.8 12.2 14.1-.8 7.5-9.7 14.1-17.1 10.4-7.6-3.8-3.5-16.9 3.9-12.2\"\n          fill=\"none\"\n          stroke=\"#F6B74B\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M67.4 358.2c27.8-23.7 50-70.3 55.6-88.8 2.3-7.6 4.4-15.7 9.6-21.8 3.5-4.1 11.1-8.8 15.3-2.9 3.2 4.5-1 13.5-6 15.2-8 2.8-8-9 .8-9.3M203 197.4l-5.7-23.4c-.6-2.4.9-4.8 3.3-5.4l25.1-6c2.4-.6 4.8.9 5.4 3.3l5.7 23.4c.6 2.4-.9 4.8-3.3 5.4l-25.1 6c-2.4.5-4.8-.9-5.4-3.3z\"\n          fill=\"none\"\n          stroke=\"#F6B74B\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M211.4 189.8c0 1.4-1 2.5-2.1 2.5-1.2 0-2.1-1.1-2.1-2.5s1-2.5 2.1-2.5c1.2 0 2.1 1.1 2.1 2.5zM206.4 175.9c0 1.2-1 2.1-2.1 2.1-1.2 0-2.1-1-2.1-2.1 0-1.2 1-2.1 2.1-2.1 1.2 0 2.1 1 2.1 2.1z\"\n          fill=\"none\"\n          stroke=\"#F6B74B\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <circle\n          cx={227}\n          cy={183.7}\n          r={2.1}\n          fill=\"none\"\n          stroke=\"#F6B74B\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M227.7 171.3c0 1.4-1.1 2.5-2.5 2.5s-2.5-1.1-2.5-2.5 1.1-2.5 2.5-2.5c1.4.1 2.5 1.2 2.5 2.5zM219.9 179.1c0 1.4-1.1 2.5-2.5 2.5s-2.5-1.1-2.5-2.5 1.1-2.5 2.5-2.5c1.4.1 2.5 1.2 2.5 2.5z\"\n          fill=\"none\"\n          stroke=\"#F6B74B\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <circle\n          cx={219.2}\n          cy={191.5}\n          r={2.1}\n          fill=\"none\"\n          stroke=\"#F6B74B\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          fill=\"none\"\n          stroke=\"#F6B74B\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          d=\"M200.8 162.5l2.8 11.3M201.5 175.9l-8.5 2.2M215 180.2l-19.9 4.3M219.2 179.5l5.7 3.5M216.4 176.7l-4.3-17.1M210 192.3l3.5 14.9M227.7 185.9l3.6 15.6M229.1 183.7l11.4-2.8M222.8 156.8l2.8 12.1M227.7 171l9.2-2.9M239.1 175.1l-11.7 2.3-1.1-3.6M206.4 190.1l-9.9 2.2M219.9 194.4l2.1 9.9M211.4 189.4c1.2-.5 2.4-.9 3.5-1.4M216.4 181.6c-.5 2.4-.9 4.7-1.4 7.1\"\n          className=\"spread1\"\n        />\n        <path\n          d=\"M53.2 160c-4.4-7.5-13.1-11.6-20.7-9.9-7.6 1.7-13.7 9.2-14.8 18.8 11.9-2.8 23.8-5.6 35.5-8.9zM14.9 106.1l3.5-5.3 7.9 4.5-1.6 2.5-1.9 2.9z\"\n          fill=\"none\"\n          stroke=\"#f87c3b\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M41.2 105.1c-3.1-2.8-7.7-3.7-11.5-2.1s-6.5 5.5-6.9 9.8c-.4 4.3 1.7 8.8 5.2 11.4 4.4-6.5 8.8-13.1 13.2-19.1zM27 152.5C18.3 146 9.9 140 .8 133.9c7.4-12.2 8.6-13.8 16-26.1\"\n          fill=\"none\"\n          stroke=\"#f87c3b\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M30.5 150.4c-8.4-6.4-15.2-11.8-24.1-17.9 7.2-12.2 6.7-11.1 13.9-23.2M5.5 132.1c.3 1.1-.4 2.3-1.5 2.6-1.1.3-2.2-.4-2.5-1.6-.3-1.1.4-2.3 1.5-2.6 1.1-.3 2.3.5 2.5 1.6zM32 119.2c2.7 1.5 6.4.6 8.2-1.9 1.7-2.6 1.3-6.5-1-8.7M39.8 122c.5 1.2.9 2.4 1.4 3.5M43.3 119.2c.9.5 1.9.9 2.8 1.4M44.7 114.9c1.4-.3 2.8-.5 4.3-.7M29.1 107.1c-2.9 2.2-3.7 6.7-1.8 9.9M46.1 158.2c-.8-2.5-3.4-4-5.7-3.4\"\n          fill=\"none\"\n          stroke=\"#f87c3b\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <circle\n          transform=\"rotate(-82.027 159.281 159.28)\"\n          cx={159.3}\n          cy={159.3}\n          fill=\"none\"\n          stroke=\"#fba023\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          r={18.8}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M146.5 155.9c-1.7 7.3 2.9 14.5 10.1 16.2 7.2 1.7 14.5-2.9 16.2-10.1 1.7-7.3-2.9-14.5-10.1-16.2-7.3-1.7-14.5 2.8-16.2 10.1z\"\n          fill=\"none\"\n          stroke=\"#fba023\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M150.6 157.3c-1.1 4.8 1.9 9.5 6.7 10.6 4.8 1.1 9.5-1.9 10.6-6.7 1.1-4.8-1.9-9.5-6.6-10.6-4.8-1.1-9.6 1.9-10.7 6.7z\"\n          fill=\"none\"\n          stroke=\"#fba023\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M154.8 158.2c-.6 2.5 1 5 3.5 5.5 2.5.6 5-1 5.5-3.5.6-2.5-1-5-3.5-5.5s-4.9 1.1-5.5 3.5z\"\n          fill=\"none\"\n          stroke=\"#fba023\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          fill=\"none\"\n          stroke=\"#fba023\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          d=\"M136.2 154l4.8 1.1 5.1 1.1 4.6 1.1 4.1.9 4.5 1.1 4.4 1 4.1.9 4.7 1.1 5 1.2 4.8 1.1\"\n          className=\"spread1\"\n        />\n        <path\n          fill=\"none\"\n          stroke=\"#fba023\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          d=\"M164.6 136.2l-1.1 4.8-1.2 5.1-1.1 4.6-.9 4.1-1 4.5-1.1 4.4-.9 4.1-1.1 4.7-1.1 5-1.1 4.8M104.9 160.3l-18.3 1.5L98 183l18.4-1.4zM116.8 181.6l11.6-14.6-11.7-21.6-11.7 14.7z\"\n          className=\"spread1\"\n        />\n        <path\n          fill=\"none\"\n          stroke=\"#fba023\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          d=\"M88.7 161.8l.7-5 15.6 3.6-10.8-7.9-.3 5.2M109.1 149.7l-4.1-2.4.1 13 5.8-14.9 4 2\"\n          className=\"spread1\"\n        />\n        <path\n          d=\"M157.5 218.5c.4.3.8.6 1.3.9.5.2 1 .4 1.6.5M174.9 212.1c1.1-1.2 2.1-2.6 3.1-4 6.2-9.1 7.6-19 3-22s-13.3 1.9-19.5 11.1c-1 1.5-1.9 2.9-2.6 4.4M165.3 219.9c.5-.2.9-.4 1.4-.7M156.8 212.1c-.8.5-.9 1-.4 1.4\"\n          fill=\"none\"\n          stroke=\"#F6B74B\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M182.3 197.9c-1.1-1.5-3.2-3.5-5.9-5.4-2.6-1.9-5.2-3.3-6.9-3.8M147.6 215.7c4.3-4 12.1-4.4 12.1-4.4l1.3-8.2c-12.7-1.6-13.4 12.6-13.4 12.6zM172.7 210.7l-7.4 4.4s2.8 7.8.7 13.4c0-.1 13.3-6.1 6.7-17.8zM150.6 217.1c-1.3 3 4.8 5.6 4.8 5.6l2.8-5c-1.6-1-.8-4-.8-4-2.9-1.2-6.8 3.4-6.8 3.4z\"\n          fill=\"none\"\n          stroke=\"#F6B74B\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M164.5 218.5s-2.5 1.8-4 .8l-3.7 4.3s4.6 4.3 7 2.1c0-.1 2.9-5.1.7-7.2zM161 203l-2.2-1.6c-11.1 1.6-11.2 14.2-11.2 14.2M166 228.4s11.7-4.9 8.8-16.2l-2.3-1.6M175.8 202.1c1.5-2.2 1.1-5-1-6.3-2.1-1.3-4.9-.7-6.4 1.5s-1.1 5 1 6.3c2 1.4 4.9.7 6.4-1.5zM150.7 222.3c-.7-1-2.1-1.2-3.1-.5s-1.4 3.6-1.4 3.6 3 .7 4 0c1-.8 1.2-2.2.5-3.1zM156.1 229.5c-.3 1.3 1.6 3.9 1.6 3.9s2.9-1.6 3.2-2.8c.3-1.3-.5-2.5-1.9-2.8-1.2-.3-2.6.5-2.9 1.7zM155.8 225.1c-.3-.3-.8-.2-1 .3-.2.5-.1 1.2.2 1.5.3.3.8.2 1-.3.2-.5.1-1.2-.2-1.5zM160.7 234.3c-.3-.3-.8-.2-1 .3-.2.5-.1 1.2.2 1.5.3.3.8.2 1-.3.2-.5.2-1.2-.2-1.5z\"\n          fill=\"none\"\n          stroke=\"#F6B74B\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <circle\n          cx={149}\n          cy={229.8}\n          r={1.4}\n          fill=\"none\"\n          stroke=\"#F6B74B\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M79.5 206.4s12.2-5.7 10.4-13.7c-1.7-8.1-15.1 2.6-12.9 4.7 2.3 2 10.3-5.9 8.8-12.7-1.5-6.8-10.4-5.8-13.5-.7-3.1 5.1 8.9 2.7 6.5-7.7-2.4-10.4-11.6-3.5-10.6-.8.9 2.7 6.1-1.6 3.8-7.6l-3.3-9\"\n          fill=\"none\"\n          stroke=\"#fba023\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          fill=\"none\"\n          stroke=\"#fba023\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          d=\"M68.8 158.7l4.3 1.6-7.1-9.2.9 11.4z\"\n          className=\"spread1\"\n        />\n        <path\n          d=\"M213.5 246.3c2-1.8 2-5.3 0-7.1-1.9-1.8-5.4-1.4-6.9.7.6-3.1-1.3-6.6-4.2-7.7-3-1.1-6.6.4-8 3.3-1.5-4-6.1-6.4-10.1-5.4-4 1.1-6.9 5.5-6.4 9.7-3.7-.3-7.3 2.5-8.1 6.1-.8 3.6 1.4 7.7 4.8 8.8 12.9-3 25.9-5.9 38.9-8.4z\"\n          fill=\"none\"\n          stroke=\"#F6B74B\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <circle\n          cx={178.8}\n          cy={246.2}\n          r={1.4}\n          fill=\"none\"\n          stroke=\"#F6B74B\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M188.7 241.2c0 .8-.8 1.4-1.8 1.4s-1.8-.6-1.8-1.4c0-.8.8-1.4 1.8-1.4s1.8.6 1.8 1.4zM199.3 240.1c0 1-.8 1.8-1.8 1.8s-1.8-.8-1.8-1.8.8-1.8 1.8-1.8c1.1.1 1.8.9 1.8 1.8zM206.4 244c0 .8-.6 1.4-1.4 1.4-.8 0-1.4-.6-1.4-1.4 0-.8.6-1.4 1.4-1.4.8 0 1.4.7 1.4 1.4zM187.3 259.6l-2.6-11-5.2-2.4\"\n          fill=\"none\"\n          stroke=\"#F6B74B\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M191.5 258.2c-.9-4.1-1.9-8.3-2.8-12.4-.5-1-1-2.1-1.5-3.2M196.9 241.2l-2.5 3.1 2.8 11.8M203.6 244.7s-2.1 3.1-2.1 3.2l1.5 7.5M218.9 219.4c-.2.1-4.1-1.7-4.2-1.4-.2.3 1.2 2.2 2 3.4-.2.4-2.5 3.3-2.4 3.6.2.2 4.4-1.2 5.4-1.4.1.6 2.5 4.2 2.8 4.1.3 0 0-3.6 0-4.5.6-.3 3.8-1.8 3.8-2.2 0-.4-3-1-3.8-1.5.1-.6.3-5.2 0-5.3-.4 0-3.4 4.9-3.6 5.2z\"\n          fill=\"none\"\n          stroke=\"#F6B74B\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M49.9 138.8c-.1.2-3.8 2.4-3.7 2.8.1.3 2.6.3 4 .4.2.4 1.2 4.2 1.5 4.2.3 0 1.7-4.5 2.1-5.4.6.3 5 .4 5.1.1.1-.3-3-2.2-3.7-2.7.2-.7.8-4.4.5-4.6-.3-.2-2.7 2-3.5 2.4-.4-.5-4.1-3.4-4.4-3.2-.2.1 2 5.6 2.1 6z\"\n          fill=\"none\"\n          stroke=\"#fba023\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M226.1 67.6c3.9-.9 6.9-4.2 8.4-7.9.3-.8.5-1.6.2-2.4-.2-.6-.8-1-1.3-1.2-1-.4-2.1-.3-3 .1-.9.5-1.6 1.5-1.9 2.5.1-1.5-1-3.1-2.5-3.5-1.5-.4-3.2.4-3.9 1.8-.7 1.4-.3 3.1.1 4.6.6 2.1 2.2 4.8 3.9 6z\"\n          fill=\"none\"\n          stroke=\"#ef2c79\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          d=\"M260 183c2.9-2.8 3.7-7.2 2.9-11.1-.2-.8-.5-1.6-1.2-2.1-.5-.3-1.2-.4-1.9-.3-1.1.2-2 .8-2.6 1.7-.5.9-.6 2.1-.3 3.1-.8-1.3-2.6-2-4.1-1.6-1.5.5-2.6 2-2.4 3.5.2 1.5 1.5 2.7 2.7 3.8 1.8 1.6 4.6 3 6.9 3zM171.7 73.1l-.7 6.4M168.1 75.9l6.4.7\"\n          fill=\"none\"\n          stroke=\"#f87c3b\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n        <path\n          fill=\"none\"\n          stroke=\"#fba023\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          d=\"M193 150.4l-4.3 4.3M193.7 154.7l-5-4.3\"\n          className=\"spread1\"\n        />\n        <path\n          fill=\"none\"\n          stroke=\"#F6B74B\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          d=\"M190.8 215l5 4.2M195.1 214.2l-4.3 5\"\n          className=\"spread1\"\n        />\n        <path\n          fill=\"none\"\n          stroke=\"#f87c3b\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          d=\"M251.1 157.5l-4.9-4.3M250.4 153.2l-4.2 5M75.2 65.3l5 4.3M80.2 64.6l-5 5\"\n          className=\"spread1\"\n        />\n        <path\n          d=\"M97.2 211.8c3.3-.4 7.2 1.4 8.7 4.5-.8-3.5 1-7.4 4.1-9.1-1.9.8-4.3.5-5.9-.4-1.5-.9-2.4-2.4-2.9-3.9 1 3.4-.8 7.4-4 8.9z\"\n          fill=\"none\"\n          stroke=\"#F6B74B\"\n          strokeWidth={1.5}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit={10}\n          className=\"spread1\"\n        />\n      </svg>\n\n    )\n}\n\nexport default Spread;\n","import React,{useEffect} from 'react';\nimport {gsap} from 'gsap';\n\nconst DownArrow = () => {\n\n    useEffect(()=>{\n        gsap.to('#prompt-one',{y: -10, yoyo: true,repeat: -1})\n    },[])\n\n    return (\n        <svg version=\"1.1\" id=\"prompt-one\" x=\"0px\" y=\"0px\" viewBox=\"0 0 204.1 157.5\" style={{enableBackground:'new 0 0 204.1 157.5'}}>\n<g>\n\t<g>\n\t\t<polyline className=\"arrow-down-prompt\" points=\"199.8,51.2 102,149 4.2,51.2 \t\t\"/>\n\t</g>\n</g>\n<g>\n\t<g>\n\t\t<polyline className=\"arrow-down-prompt\" points=\"199.8,4.2 102,102 4.2,4.2 \t\t\"/>\n\t</g>\n</g>\n</svg>\n\n    )\n}   \n\nexport default DownArrow;","export default __webpack_public_path__ + \"static/media/circ2.903d53d1.svg\";","export default __webpack_public_path__ + \"static/media/circ3.ac554605.svg\";","import React, { useEffect } from \"react\";\nimport { gsap } from \"gsap\";\nimport { MorphSVGPlugin } from \"gsap/MorphSVGPlugin\";\n\ngsap.registerPlugin(MorphSVGPlugin);\n\nMorphSVGPlugin.convertToPath(\"circle, rect, ellipse, line, polygon, polyline\");\n\nexport const People = () => {\n  useEffect(() => {\n    gsap.set(\".people-tick\", {\n      autoAlpha: 0,\n    });\n  }, []);\n\n  const switchColour = () => {\n    gsap.to(\".people1\", { stroke: \"#fff\" });\n  };\n\n  const revokeColour = () => {\n    gsap.to(\".people1\", { stroke: \"#DF6469\" });\n  };\n\n  const toTick = () => {\n    gsap.to(\".people1\", {\n      morphSVG: \".people-tick\",\n    });\n  };\n\n  return (\n    <svg\n      id=\"prefix__Layer_1\"\n      x={0}\n      y={0}\n      viewBox=\"0 0 120.9 106\"\n      onMouseEnter={switchColour}\n      onMouseLeave={revokeColour}\n    >\n      <path\n        style={{\n          fill: \"none\",\n          stroke: \"#DF6469\",\n          strokeWidth: 2,\n          strokeLinecap: \"round\",\n          strokeLineJoin: \"round\",\n        }}\n        className=\"people1\"\n        d=\"M37 24.3C38.5 10.1 50.2-.3 63.2 1.1s22.3 14 20.7 28.2-13.2 24.6-26.2 23.2S35.4 38.4 37 24.3z\"\n      />\n      <path\n        style={{\n          fill: \"none\",\n          stroke: \"#DF6469\",\n          strokeWidth: 2,\n          strokeLinecap: \"round\",\n          strokeLineJoin: \"round\",\n        }}\n        className=\"people1\"\n        d=\"M54.4 15.8c.9-4.6 5-7.7 9.1-6.9s6.8 5.2 5.9 9.8-5 7.7-9.1 6.9-6.8-5.1-5.9-9.8zM39.1 37c2.5-5.9 7.6-10.4 13.9-12 2.5 4.5 8.2 6.2 12.8 3.6.8-.4 1.5-.9 2.1-1.6 6 2.5 10.6 7.5 12.4 13.7M47.8 34.6c-2.6 2.4-4.4 5.5-5 9M69.9 35.6c3.5 2.4 5.6 6.3 5.4 10.6M1.7 74.2c3.1-13.9 15.9-22.9 28.6-20.1s20.6 16.4 17.5 30.3-15.9 22.9-28.6 20.1S-1.4 88.1 1.7 74.2z\"\n      />\n      <path\n        style={{\n          fill: \"none\",\n          stroke: \"#DF6469\",\n          strokeWidth: 2,\n          strokeLinecap: \"round\",\n          strokeLineJoin: \"round\",\n        }}\n        className=\"people1\"\n        d=\"M19.9 67.7c1.4-4.5 5.8-7.1 9.8-5.9s6.2 5.9 4.8 10.4-5.8 7.1-9.8 5.9-6.2-5.9-4.8-10.4zM2.5 87.1c3.1-5.6 8.7-9.5 15.1-10.4 2 4.8 7.5 7 12.3 5 .8-.3 1.5-.8 2.2-1.3 5.7 3.1 9.7 8.6 10.9 15M11.3 85.7c-2.9 2.1-5 5-6 8.4M33.2 89c3.2 2.7 4.8 6.9 4.2 11.1M73 74c2.5-14 15-23.5 27.8-21.2s21.2 15.5 18.6 29.6-15 23.5-27.8 21.2S70.4 88 73 74z\"\n      />\n      <path\n        className=\"people1\"\n        style={{\n          fill: \"none\",\n          stroke: \"#DF6469\",\n          strokeWidth: 2,\n          strokeLinecap: \"round\",\n          strokeLineJoin: \"round\",\n        }}\n        d=\"M91.4 66.6c1.4-4.5 5.8-7.1 9.8-5.9s6.2 5.9 4.8 10.4-5.8 7.2-9.8 5.9-6.2-5.9-4.8-10.4zM73.9 86c3.1-5.6 8.7-9.5 15.1-10.4 1.2 2.7 3.5 4.7 6.3 5.4 2.9.7 5.9 0 8.2-1.8 5.7 3.1 9.7 8.6 10.9 15M82.8 84.6c-2.9 2.1-5 5-6 8.4M104.6 88c3.2 2.7 4.8 6.9 4.2 11.1M59.1 53.1v12M47.3 70.4c4-1.8 8.1-3.5 12.2-4.8l14.1 5.7\"\n      />\n\n      <path\n        d=\"M105.7 31.7L94 19.1 46.3 65.7 28.1 45.2 15.2 56.5 39.5 84c1 1.2 2.4 1.9 3.8 2.4s2.9.5 4.5.2c1.4-.5 2.9-1.2 3.8-2.4l54.1-52.5h0z\"\n        fill=\"none\"\n        stroke=\"#DF6469\"\n        strokeWidth={2}\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"people-tick\"\n      />\n    </svg>\n  );\n};\n\nexport const Trolley = () => {\n  useEffect(() => {\n    gsap.set(\".trolley-tick\", {\n      autoAlpha: 0,\n    });\n  }, []);\n\n  const switchColour = () => {\n    gsap.to(\"#trolley1\", { stroke: \"#fff\" });\n  };\n\n  const revokeColour = () => {\n    gsap.to(\"#trolley1\", { stroke: \"#DF6469\" });\n  };\n\n  const toTick = () => {\n    gsap.to(\".trolley-main\", { morphSVG: \".trolley-tick\" });\n  };\n\n  return (\n    <svg\n      viewBox=\"0 0 95.69 82.87\"\n      // onMouseEnter={switchColour}\n      // onMouseLeave={revokeColour}\n    >\n      <g\n        fill=\"none\"\n        stroke=\"#DF6469\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n      >\n        <path\n          className=\"trolley-main\"\n          id=\"trolley1\"\n          d=\"M28.82 58.55H87.3M28.83 58.36C22 39.1 15.16 19.84 7.74 1L1 1.66M22.5 70.33c1.57-4.87 6.18-7.75 10.29-6.42s6.21 6.35 4.62 11.22-6.18 7.75-10.3 6.42-6.18-6.35-4.61-11.22zM71.87 70.33c1.57-4.87 6.18-7.75 10.3-6.42s6.18 6.35 4.61 11.22-6.18 7.75-10.3 6.42-6.18-6.35-4.61-11.22zM35.11 57.87C31.6 45.46 22.36 20 22.36 20l71.84.63M81.82 58.36l12.87-37.43M79.29 21.26L69.93 58M42.21 20.87q3.49 18.45 7 36.92M26.37 29.68l64.85.08M31.91 43.71h53.7\"\n        />\n      </g>\n\n      <path\n        d=\"M93.4 21L81.7 8.4 34 55 15.8 34.5 2.9 45.8l24.3 27.5c1 1.2 2.4 1.9 3.8 2.4s2.9.5 4.5.2c1.4-.5 2.9-1.2 3.8-2.4L93.4 21h0z\"\n        fill=\"none\"\n        stroke=\"#DF6469\"\n        strokeWidth={2}\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"trolley-tick\"\n      />\n    </svg>\n  );\n};\n\nexport const Hand = () => {\n  const switchColour = () => {\n    gsap.to(\".hand1\", { stroke: \"#fff\" });\n  };\n\n  const revokeColour = () => {\n    gsap.to(\".hand1\", { stroke: \"#DF6469\" });\n  };\n\n  return (\n    <svg\n      viewBox=\"0 0 100.76 102.73\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      onMouseEnter={switchColour}\n      onMouseLeave={revokeColour}\n    >\n      <g\n        fill=\"none\"\n        stroke=\"#DF6469\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n      >\n        <path\n          className=\"hand1\"\n          d=\"M57.7 46.18c10-3.66 16.59-14.83 15-25.34S61.53 1.6 50.92 1s-21.1 7.1-23.8 17.38 2.67 22.09 12.8 27A9.24 9.24 0 0053.7 55.74a9.06 9.06 0 004-9.56zM39.34 45.06a25.47 25.47 0 0019.25.76M39.87 48.36a18.28 18.28 0 0018 .39M40.92 52.34a20.34 20.34 0 0015.59.16M81.69 27.5l7.28.13M81.5 17.79L88.09 14M81.64 37l4.76 4.16M15.7 27.5l-7.28.13M15.89 17.79L9.3 14M15.75 37L11 41.16\"\n        />\n        <rect\n          className=\"hand1\"\n          height={34.19}\n          rx={2}\n          width={15.61}\n          x={1}\n          y={63.73}\n        />\n        <path\n          className=\"hand1\"\n          d=\"M16.53 96.83c14.63 6.22 30.76 6.26 45.94 1.55a71.25 71.25 0 0036.65-27 3.54 3.54 0 00.14-3.85A8.08 8.08 0 0089 64.2a69.21 69.21 0 00-19.13 12.59\"\n        />\n        <path\n          className=\"hand1\"\n          d=\"M67.1 71.85l16.53-12.09A4 4 0 0190 63.81M61.35 69.73l15.21-10.6a2.94 2.94 0 013.15-.1c.94.58 1 1.74.81 2.84M55.4 69.42l11.8-8.71a2.58 2.58 0 014.1 1.7\"\n        />\n        <path\n          className=\"hand1\"\n          d=\"M16.71 71.54a17.27 17.27 0 0111.91-8.05 17.49 17.49 0 0113.89 4.08c2.36 2.06 5.69 2.61 8.82 2.58s6.27-.56 9.39-.27 6.37 1.57 8 4.25.8 6.86-2.14 7.94a51.85 51.85 0 01-26.3 2.46M5.42 64l-.86 33.48M39.78 10.67c-6.57 3.82-9.4 13-6 19.77M45.75 32.8a3.92 3.92 0 007.84 0M44.17 46.54l-2.92-13a1.62 1.62 0 00-1.88-1.13 1.6 1.6 0 00-1.11 2.31 3.91 3.91 0 003.4 2 4.07 4.07 0 004.09-3.92M55.19 46.54l2.92-13A1.63 1.63 0 0160 32.45a1.6 1.6 0 011.11 2.31 3.93 3.93 0 01-3.4 2 4.09 4.09 0 01-4.12-3.92\"\n        />\n      </g>\n    </svg>\n  );\n};\n\nexport const Puzzle = () => {\n  const switchColour = () => {\n    gsap.to(\".puzzle1\", { stroke: \"#fff\" });\n  };\n\n  const revokeColour = () => {\n    gsap.to(\".puzzle1\", { stroke: \"#DF6469\" });\n  };\n\n  return (\n    <svg\n      viewBox=\"0 0 112.39 108.33\"\n      onMouseEnter={switchColour}\n      onMouseLeave={revokeColour}\n    >\n      <g\n        fill=\"none\"\n        stroke=\"#DF6469\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n      >\n        <path\n          className=\"puzzle1\"\n          d=\"M36.72 21.74l-14.38 7.73c.61-4.48-5-8.42-9-6.34s-4 8.94 0 11C9.17 37.09 5 40 1 43.45q3.42 6.24 6.82 12.49c.9-4.83 8.59-6.38 11.29-2.28s-1.78 10.56-6.57 9.46l9.28 13.78 11.5-9.74c1.12 4.68 7.22 7.34 11.41 5s5.05-9 1.62-12.33q6-4.05 12-8.07l-7.44-10.9c-1.3 3.92-7.65 4.69-9.84 1.19s1.24-8.87 5.33-8.35c-3.23-4.12-6.47-8.24-9.68-11.96z\"\n        />\n        <path\n          className=\"puzzle1\"\n          d=\"M22.13 78l8.81 9.3c-4.76.38-7.62 7-4.63 10.74s10.08 2.37 11.49-2.2L48 107.33l12.93-7.17c-4.62-.17-7.28-6.94-4-10.21s10-.59 10.2 4l13.67-8.63-8.97-11.12c5.32.4 9.15-7.15 5.68-11.2s-11.51-1.46-12 3.86l-8.72-12M38.81 21L51 12.14a6.67 6.67 0 009.1 4.69 6.67 6.67 0 001.81-10.09L72.42 1q3.8 6.4 7.58 12.82c2.42-3.55 8.67-3.29 10.8.45s-.85 9.24-5.15 9.51q2.35 5.37 4.74 10.75l-10.88 6.55c.79-4.72-5.41-8.89-9.48-6.36s-3.1 9.93 1.48 11.28l-11.77 6.61M81.29 84.93l9.57-7.61c.84 4 6.27 6.26 9.69 4s3.47-8.15.08-10.47l10.76-8.15-7.93-9c-1.11 4-7.34 5.08-9.76 1.76s.54-8.91 4.65-8.76l-7.78-11.48\"\n        />\n      </g>\n    </svg>\n  );\n};\n\nexport const Cloud = () => {\n  const switchColour = () => {\n    gsap.to(\"#cloud1\", { stroke: \"#fff\" });\n  };\n\n  const revokeColour = () => {\n    gsap.to(\"#cloud1\", { stroke: \"#DF6469\" });\n  };\n\n  return (\n    <svg\n      viewBox=\"0 0 99.15 44.12\"\n      onMouseEnter={switchColour}\n      onMouseLeave={revokeColour}\n    >\n      <path\n        d=\"M90.1 42a37 37 0 01-10.33 1.1c-25.08-.65-46-.89-71.32-1.56-5.17-.14-9.06-7.45-6.79-12.77s9.71-6.3 13-1.71c-.66-8.43 8.41-15.59 15.05-11.84-.28-5.81 3.66-11.49 8.67-12.5s10.41 2.8 14.07 10.13C54.32 4.06 63.79-1.42 71.09 2.06s10.58 15 6.44 22.73a5.3 5.3 0 018.23-.34 7.3 7.3 0 01-.51 9.4c3.15-3.68 10.12-4.89 12.26-.6 2.49 4.94-2.59 7.48-7.41 8.75z\"\n        fill=\"none\"\n        stroke=\"#DF6469\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        id=\"cloud1\"\n      />\n    </svg>\n  );\n};\n\nexport const Info = () => {\n  const switchColour = () => {\n    gsap.to(\".info1\", { stroke: \"#fff\" });\n  };\n\n  const revokeColour = () => {\n    gsap.to(\".info1\", { stroke: \"#DF6469\" });\n  };\n\n  return (\n    <svg\n      viewBox=\"0 0 88 59.34\"\n      onMouseEnter={switchColour}\n      onMouseLeave={revokeColour}\n    >\n      <g\n        fill=\"none\"\n        stroke=\"#DF6469\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n      >\n        <path className=\"info1\" d=\"M1 1h86v57.34H1z\" />\n        <path\n          className=\"info1\"\n          d=\"M1 1.58h86v9.79H1zM38.66 22.63h39.18M38.66 32.88h39.18M38.66 43.88h39.18M15 25.05a3.75 3.75 0 113.55 3.82A3.68 3.68 0 0115 25.05zM28.08 44.75a14.52 14.52 0 00-3.91-14.3c-2.47 1.73-6.93 1.95-10.45.45a14.51 14.51 0 00-2.85 14c5.83.47 11.65.91 17.21-.15z\"\n        />\n      </g>\n    </svg>\n  );\n};\n\nexport const Tick = () => {\n  useEffect(() => {\n    gsap.set(\".after-tick1\", { autoAlpha: 0 });\n  }, []);\n\n  const hoverColour = () => {\n    toTick();\n    gsap.to(\".tick1\", { stroke: \"#fff\" });\n  };\n\n  const revokeColour = () => {\n    gsap.to(\".tick1\", { stroke: \"#C9317F\" });\n  };\n\n  const toTick = () => {\n    gsap.to(\".tick1\", {\n      morphSVG: \".after-tick1\",\n    });\n  };\n\n  return (\n    <svg\n      viewBox=\"0 0 33.3 25.2\"\n      // onClick={toTick}\n      onMouseEnter={hoverColour}\n      onMouseLeave={revokeColour}\n    >\n      <path\n        d=\"M32.6 5.1L28.5.7 11.6 17.1 5.2 9.8l-4.6 4 8.6 9.7c.3.4.8.7 1.3.9.5.2 1 .2 1.6.1.5-.2 1-.4 1.3-.9L32.6 5.1h0z\"\n        fill=\"none\"\n        stroke=\"#C9317F\"\n        strokeWidth={0.6}\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"tick1\"\n      />\n\n      <path\n        d=\"M5.7 14.1c0-5.9 4.7-10.6 10.6-10.6s10.6 4.7 10.6 10.6-4.7 10.6-10.6 10.6S5.7 19.9 5.7 14.1zm8.1-6.2c3.4-1.4 7.2.2 8.6 3.6s-.2 7.2-3.6 8.6-7.2-.2-8.6-3.6.2-7.2 3.6-8.6zm2.5 5.5c.4 0 .6.3.6.6s-.3.6-.6.6-.6-.3-.6-.6.2-.6.6-.6zm.1-.1l1.2-3.5m-.4 4.7l3.1 1.4M16.4 5.4c0-.2.1-.3.3-.3.2 0 .3.1.3.3s-.1.3-.3.3h0c-.1 0-.3-.1-.3-.3zm8.3 8.7c0-.2.1-.3.3-.3s.3.1.3.3c0 .2-.1.3-.3.3h0c-.1-.1-.3-.2-.3-.3zm-8.6 8.6c0-.2.1-.3.3-.3.2 0 .3.1.3.3 0 .2-.1.3-.3.3-.1 0-.3-.2-.3-.3zm-8.9-8.9c0-.2.1-.3.3-.3s.3.1.3.3c0 .2-.1.3-.3.3h0c-.2 0-.3-.2-.3-.3zm6-9.9c0-1.8 1.4-3.2 3.2-3.3 1.8 0 3.2 1.4 3.3 3.2M7 5.7L8.2 7m-2.8-.2l2.8-2.6m17.4 1.3l-1.3 1.3m2.9-.2L24.4 4\"\n        fill=\"none\"\n        stroke=\"#C9317F\"\n        strokeMiterlimit={10}\n        className=\"after-tick1\"\n      />\n    </svg>\n  );\n};\n\nexport const Tick2 = () => {\n  useEffect(() => {\n    gsap.set(\".after-tick2\", { autoAlpha: 0 });\n  }, []);\n\n  const hoverColour = () => {\n    toTick();\n    gsap.to(\".tick2\", { stroke: \"#fff\" });\n  };\n\n  const revokeColour = () => {\n    gsap.to(\".tick2\", { stroke: \"#C9317F\" });\n  };\n\n  const toTick = () => {\n    gsap.to(\".tick2\", {\n      morphSVG: \".after-tick2\",\n    });\n  };\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 33.3 25.2\"\n      // onClick={toTick}\n      onMouseEnter={hoverColour}\n      onMouseLeave={revokeColour}\n    >\n      <path\n        d=\"M32.6 5.1L28.5.7 11.6 17.1 5.2 9.8l-4.6 4 8.6 9.7c.3.4.8.7 1.3.9.5.2 1 .2 1.6.1.5-.2 1-.4 1.3-.9L32.6 5.1h0z\"\n        fill=\"none\"\n        stroke=\"#C9317F\"\n        strokeWidth={0.6}\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"tick2\"\n      />\n      {/* <path\n        d=\"M20.1 8.7c1.5-1.9 5-1.8 7.9.4s4 5.5 2.6 7.4c-1.4 1.9-5 1.8-7.9-.4s-4-5.5-2.6-7.4zm-1.8 3.6c.6 4.5 5.4 7.1 8.3 7.1m-8.3-7.1c.1-1.7 1.4-4 3.2-4.6m5.2 11.7c1.2 0 2.7-.6 4-3m-6.3-6.6c-.9 0-1.7.8-1.6 1.8 0 .9.8 1.7 1.8 1.6.4 0 .9-.2 1.2-.5.7-.6 1.7-.6 2.3 0 .6.7.6 1.7 0 2.3-.3.3-.8.5-1.2.5m1.2-.5c.2.1.4.3.6.4m-5.8-4.8l-.7-.5M5.4 17.6c-.9 2 .7 4.6 3.6 5.9 2.9 1.3 6 .8 6.9-1.1.9-2-.7-4.6-3.6-5.9s-6-.9-6.9 1.1zm2-2.9c3.7-1.4 7.8 1.2 9.1 3.5m-9.1-3.5c-1.3.8-2.6 2.8-2.3 4.4m11.4-1c.5.9.6 2.3-.7 4.4m-7.7-2c-.3-.6-.1-1.3.3-1.8.5-.4 1.2-.5 1.8-.2.6.4.8 1.1.6 1.7-.2.8.2 1.6 1 1.8.5.2 1.1 0 1.4-.4.5-.5.6-1.2.2-1.8m.9 1.6l-.6-.3m-6.3-2.5l.6.3M5.2 7.6c-.7-2 1.1-4.4 4.1-5.5s5.9-.3 6.6 1.7-1.1 4.4-4.1 5.5-5.9.2-6.6-1.7zm1.7 3c3.5 1.7 7.7-.4 9.1-2.6m-9.1 2.6c-1.2-.9-2.3-3-1.8-4.5M16 8c.6-.9.8-2.2-.3-4.3M8 5c-.3.5-.2 1.3.2 1.8.5.4 1.2.6 1.8.3.6-.3.9-1 .8-1.6-.2-.8.3-1.5 1.1-1.7.5-.1 1 .1 1.4.5.4.5.4 1.2.1 1.7m.7-1.4l-.6.2M7.2 6.7l.7-.3\"\n        fill=\"none\"\n        stroke=\"#C9317F\"\n        strokeMiterlimit={10}\n        strokeWidth={0.75}\n        className=\"after-tick2\"\n      /> */}\n      <path\n        style={{\n          fill: \"none\",\n          stroke: \"#c9317f\",\n          strokeMiterlimit: 10,\n        }}\n        className=\"after-tick2\"\n        d=\"M28.4 24.1H5.9V3.7m-1.2.8 1.2-.7 1.2.7-1.2-2.9-1.2 2.9zM5.9 24.1s13.8-4.7 16.8-22.4\"\n      />\n    </svg>\n  );\n};\n\nexport const Tick3 = () => {\n  useEffect(() => {\n    gsap.set(\".after-tick3\", { autoAlpha: 0 });\n  }, []);\n\n  const hoverColour = () => {\n    toTick();\n    gsap.to(\".tick3\", { stroke: \"#fff\" });\n  };\n\n  const revokeColour = () => {\n    gsap.to(\".tick3\", { stroke: \"#C9317F\" });\n  };\n\n  const toTick = () => {\n    gsap.to(\".tick3\", {\n      morphSVG: \".after-tick3\",\n    });\n  };\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 33.3 25.2\"\n      // onClick={toTick}\n      onMouseEnter={hoverColour}\n      onMouseLeave={revokeColour}\n    >\n      <path\n        d=\"M32.6 5.1L28.5.7 11.6 17.1 5.2 9.8l-4.6 4 8.6 9.7c.3.4.8.7 1.3.9.5.2 1 .2 1.6.1.5-.2 1-.4 1.3-.9L32.6 5.1h0z\"\n        fill=\"none\"\n        stroke=\"#C9317F\"\n        strokeWidth={0.6}\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"tick3\"\n      />\n      {/* <path\n        d=\"M11.1 6.3c.3-3.2 3-5.6 5.9-5.2s5 3.2 4.7 6.4-3 5.6-5.9 5.2c-3-.4-5.1-3.3-4.7-6.4zm3.9-2c.2-1 1.1-1.7 2.1-1.6S18.6 4 18.4 5s-1.1 1.7-2.1 1.6c-.9-.2-1.5-1.2-1.3-2.3zm-3.4 4.8c.6-1.3 1.7-2.3 3.1-2.7.6 1 1.9 1.4 2.9.8.2-.1.4-.2.5-.3 1.4.6 2.4 1.7 2.8 3.1m-7.4-1.4c-.6.5-1 1.2-1.1 2m6.1-1.8c.8.5 1.3 1.4 1.2 2.4M3.1 17.5c.7-3.1 3.6-5.2 6.5-4.5 2.9.6 4.7 3.7 4 6.8-.8 3.2-3.6 5.2-6.5 4.6s-4.7-3.7-4-6.9zm4.1-1.4c.3-1 1.3-1.6 2.2-1.3.9.3 1.4 1.3 1.1 2.3s-1.3 1.6-2.2 1.3-1.4-1.3-1.1-2.3zm-3.9 4.3c.7-1.3 2-2.1 3.4-2.3.5 1.1 1.7 1.6 2.8 1.1.2-.1.3-.2.5-.3 1.3.7 2.2 1.9 2.5 3.4m-7.2-2.2c-.7.5-1.1 1.1-1.4 1.9m6.4-1.1c.7.6 1.1 1.6.9 2.5m8-5.9c.6-3.2 3.4-5.3 6.3-4.8s4.8 3.5 4.2 6.7-3.4 5.3-6.3 4.8c-2.8-.5-4.7-3.5-4.2-6.7zm4.2-1.7c.3-1 1.3-1.6 2.2-1.3.9.3 1.4 1.3 1.1 2.3-.3 1-1.3 1.6-2.2 1.3-.9-.2-1.4-1.3-1.1-2.3zm-4 4.4c.7-1.3 2-2.1 3.4-2.3.3.6.8 1.1 1.4 1.2.7.2 1.3 0 1.9-.4 1.3.7 2.2 1.9 2.5 3.4m-7.1-2.2c-.7.5-1.1 1.1-1.4 1.9m6.3-1.1c.7.6 1.1 1.6.9 2.5M16.1 12.8v2.7m-2.7 1.2c.9-.4 1.8-.8 2.8-1.1l3.2 1.3\"\n        fill=\"none\"\n        stroke=\"#C9317F\"\n        strokeMiterlimit={10}\n        className=\"after-tick3\"\n      /> */}\n      <path\n        style={{\n          fill: \"none\",\n          stroke: \"#C9317F\",\n          strokeWidth: 0.6,\n          strokeLinecap: \"round\",\n          strokeLinejoin: \"round\",\n        }}\n        className=\"after-tick3\"\n        d=\"M11 6c.3-3.2 3-5.6 6-5.3s5.1 3.2 4.7 6.4-3 5.6-6 5.3c-2.9-.3-5-3.2-4.7-6.4zM3 17.4c.7-3.2 3.6-5.2 6.5-4.6 2.9.6 4.7 3.7 4 6.9-.7 3.2-3.6 5.3-6.5 4.6-2.9-.6-4.7-3.7-4-6.9zm16.3 0c.6-3.2 3.4-5.4 6.4-4.8s4.8 3.5 4.3 6.8c-.6 3.2-3.4 5.4-6.4 4.8-3-.6-4.9-3.6-4.3-6.8zm-3.2-4.8v2.7m-2.7 1.3c.9-.4 1.9-.8 2.8-1.1l3.2 1.3m-3.3-7.6h.7c.1 0 .2.1.2.2v.2c0 .1-.1.2-.2.2h-.7c-.1 0-.2-.1-.2-.2v-.2c0-.1.1-.2.2-.2zm1.7-5c-.8-.5-1.9-.6-2.8-.1-.8.5-1.4 1.3-1.3 2.3-.3 0-.5-.1-.8-.2 0 .9.1 1.9.1 2.8.2.2.7 0 .7-.3V6.4m5.1 1.3c0 .4-.2.8-.5 1.2-.3.3-.8.5-1.3.6m1.2-5.8c-1-.7-2.3-.8-3.4-.2C13.7 4 13 5.2 13 6.2c-.7.1-1.3.9-1.2 1.6.1.7.8 1.3 1.5 1.3m1.5-4.9c.8-.6 1.9-.6 2.8-.1.8.5 1.3 1.3 1.2 2.3.3 0 .6-.1.8-.1 0 .9-.1 1.9-.1 2.8-.2.2-.7 0-.7-.3V6.5m-.6-2.8c-1-.7-2.3-.8-3.4-.2C13.7 4 13 5.2 13 6.2c-.7.1-1.3.9-1.2 1.6.1.7.8 1.3 1.5 1.3m1.2-5.4c1-.7 2.3-.8 3.4-.2 1.1.6 1.7 1.7 1.7 2.8.7.1 1.3.9 1.2 1.6-.1.7-.8 1.3-1.5 1.3m-7-2c-.2.3-.2.7.1.9m7.8-.9c.3.3.3.7.1.9m-2.1-4.4-.4.5m-3.3-.4c.1.1.2.3.3.4M4.1 19.3c.1-1.2 1-2.3 2.2-2.5 1.2-.2 2.4.5 2.9 1.7.3.7 0 1.4-.6 1.9-.5.5-1.3.6-2 .5s-1.3-.4-1.9-.7c-.3.3-.7.4-1.1.4.4-.3.5-.8.5-1.3zm3.1-2.7c.6-.8 1.6-1.1 2.5-1 1 .2 1.7.8 2.1 1.7.3.9.1 1.9-.5 2.7.1.4.4.8.9.9-.5.2-1.2 0-1.6-.4-.6.5-1.4.6-2.1.3m20.3-3.1c-.5 1.3-1 2.8-1.4 4.2 0 .1-5.7-.1-5.7-.1-.6-1.4-1.3-4.2-1.3-4.2s8.3 0 8.4.1zM22.5 15l-1.2 2.4m5.1-2.3c.4.8.8 1.7 1.2 2.5m-4.2-3v.7l2.2-.1v-.8c-.8.1-1.5.2-2.2.2zm-.8.4h.8m2.3 0h.7m-1.7 4.1v2m2.4-2-.5 2m-4.5-2 .4 2m-2-2.9h8.1\"\n      />\n      )\n    </svg>\n  );\n};\n\nexport const Tick4 = () => {\n  useEffect(() => {\n    gsap.set(\".after-tick4\", { autoAlpha: 0 });\n  }, []);\n\n  const hoverColour = () => {\n    toTick();\n    gsap.to(\".tick4\", { stroke: \"#fff\" });\n  };\n\n  const revokeColour = () => {\n    gsap.to(\".tick4\", { stroke: \"#C9317F\" });\n  };\n\n  const toTick = () => {\n    gsap.to(\".tick4\", {\n      morphSVG: \".after-tick4\",\n    });\n  };\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 33.3 25.2\"\n      // onClick={toTick}\n      onMouseEnter={hoverColour}\n      onMouseLeave={revokeColour}\n    >\n      <path\n        d=\"M32.6 5.1L28.5.7 11.6 17.1 5.2 9.8l-4.6 4 8.6 9.7c.3.4.8.7 1.3.9.5.2 1 .2 1.6.1.5-.2 1-.4 1.3-.9L32.6 5.1h0z\"\n        fill=\"none\"\n        stroke=\"#C9317F\"\n        strokeWidth={0.6}\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"tick4\"\n      />\n      {/* <path\n        d=\"M18.3 11.2c2.3-.9 3.9-3.5 3.5-5.9-.4-2.4-2.6-4.5-5.1-4.6s-4.9 1.7-5.5 4 .6 5.1 3 6.3c-.3 1.1.3 2.3 1.5 2.7.6.2 1.2.1 1.7-.2.7-.6 1-1.5.9-2.3zm-4.3-.3c1.4.6 3 .7 4.5.2m-4.4.6c1.3.8 2.9.8 4.2.1m-3.9.8c1.2.5 2.5.5 3.6 0m5.8-5.8h1.7m-1.7-2.2l1.5-.9M23.8 9l1.1 1M8.5 6.8H6.8m1.7-2.2L7 3.7M8.5 9l-1.1 1m-1.9 5.3h2.7c.3 0 .5.2.5.5v7c0 .3-.2.5-.5.5H5.5c-.3 0-.5-.2-.5-.5v-7c.1-.3.3-.5.5-.5zM8.7 23c3.4 1.4 7.2 1.5 10.7.4 3.5-1.1 6.5-3.3 8.5-6.3.2-.3.2-.6 0-.9-.5-.8-1.5-1.2-2.4-.8-1.6.7-3.1 1.7-4.5 2.9m-.6-1.1l3.8-2.8c.4-.3 1-.2 1.3.2.2.2.2.5.2.8m-6.6 1.3l3.5-2.5c.2-.1.5-.2.7 0 .2.1.2.4.2.7m-5.8 1.7l2.7-2c.3-.2.6-.1.8.1.1.1.1.2.1.3M8.7 17.1c.6-1 1.6-1.7 2.8-1.9 1.2-.2 2.3.2 3.2.9.5.5 1.3.6 2.1.6.7 0 1.5-.1 2.2-.1.7.1 1.5.4 1.9 1 .4.6.2 1.6-.5 1.8-2 .7-4.1.9-6.1.6m-8.2-4.7l-.2 7.8m8.2-20.2c-1.5.9-2.2 3-1.4 4.6m2.8.6c0 .5.4.9.9.9s.9-.4.9-.9m-2.2 3.2l-.7-3c0-.3-.2-.4-.4-.3-.2 0-.3.2-.3.4v.1c.2.3.5.5.8.5.5 0 .9-.4 1-.9m2.2 3.2l.7-3c0-.3.2-.4.4-.3.2 0 .3.2.3.4v.1c-.2.3-.5.5-.8.5-.5 0-.9-.4-1-.9\"\n        fill=\"none\"\n        stroke=\"#C9317F\"\n        strokeMiterlimit={10}\n        className=\"after-tick4\"\n      /> */}\n      <path\n        style={{\n          fill: \"none\",\n          stroke: \"#C9317F\",\n          strokeMiterlimit: 10,\n        }}\n        className=\"after-tick4\"\n        d=\"M16.2 7.1c4.8 0 8.7 3.9 8.7 8.7s-3.9 8.7-8.7 8.7-8.7-3.9-8.7-8.7 3.9-8.7 8.7-8.7zm-6.7 8.6a6.7 6.7 0 1 1 13.4 0 6.7 6.7 0 0 1-13.4 0zm5.5-.8 1.4-3.1-.2 7m-1.8.2 3.5-.1m2.1-6.2c1.5 1.1 2 3 1.3 4.7m-.3.9-.7.9m.1-11.4C22 5.6 23.5 3.3 25.1 1m-7.5 6c.9-2 1.8-4 2.6-6.1L25 .8m-12.8 7L7.5 1M15 7c-.9-2-1.8-4-2.6-6.1L7.6.8\"\n      />\n    </svg>\n  );\n};\n\nexport const Touch = () => {\n  return (\n    <svg viewBox=\"0 0 129.7 114.3\">\n      <path\n        id=\"swipe-hand\"\n        d=\"M51.6 28.3c-1.2.9-1.9 2-2 3.2-.2 1.5.4 3.2 1.7 5.2.4.6.8 1.2 1.3 1.9 1.2 1.7 2.8 3.7 4.6 6.1.8 1.1 1.7 2.2 2.7 3.4l9.4 11.6c-.6.1-1.1.3-1.6.5-1.1.6-2 1.6-2.3 2.8-.4 1.1-.4 2-.4 2.9v1c0 .7-.2 1.8-.9 2.2-.4.2-.9.3-1.5.3-.5 0-1 .1-1.4.2-1.9.5-3.2 2.3-3.2 4.3 0 .7.2 1.4.4 2.1.1.5.2 1 .3 1.4.1 1.2-.4 2.4-1.2 3-.2 0-.5.2-.6.4-.4.2-.6.8-.4 1.2-1.5 7.5 7.6 15.2 14.9 21.5 3.6 3.1 7 5.9 8.2 8 .2.3.5.5.8.5.2 0 .3 0 .5-.1.4-.3.6-.8.3-1.3-1.4-2.4-4.7-5.2-8.6-8.5C65.5 96 56.7 88.5 58.4 82c1.5-1 2.3-2.9 2.1-4.9-.1-.6-.2-1.1-.3-1.7-.1-.6-.3-1.2-.3-1.7 0-1.2.7-2.2 1.8-2.5.3-.1.7-.1 1.1-.1.7-.1 1.6-.1 2.3-.6 1.1-.6 1.7-1.9 1.8-3.7v-1.1c0-.8 0-1.5.2-2.2.2-.7.7-1.3 1.4-1.7.8-.4 1.7-.5 2.5-.2H71.8c.1 0 .1-.1.2-.1l.1-.1v-.1s0-.1.1-.1c0-.1.1-.1.1-.2v-.2-.1-.1-.1-.1-.1-.1c0-.1-.1-.1-.1-.2L61.3 47.1c-.9-1.2-1.8-2.4-2.7-3.4-1.5-2-2.9-3.7-4-5.3-.4-.6-.8-1.1-1.2-1.7-1.4-2.1-2.2-3.8-2-5 .1-.7.5-1.3 1.3-2 1.4-1 3.7.8 6 3.3.4.5.9.9 1.3 1.4 1 1.1 1.9 2.3 2.7 3.3 1.2 1.5 2.4 2.9 3.4 4l11.6 14.6c.4.6.9 1.2 1.5 1.8L89.4 71c.2.2.5.4.7.4.2 0 .4-.1.6-.2.4-.3.5-.9.1-1.3L79.2 55.3c-1.1-1.7-1.6-3.3-1.4-4.2.1-.4.2-.5.4-.5 1-.4 1.7-.3 2.4.6 3.3 4 7.1 6.6 10.1 8.7 2.4 1.6 4.4 3 5.5 4.6l3.5 8.5c3.8 8.3 3.7 14.2 3.6 18.9-.1 3.3-.1 6.2 1.1 9.1.1.4.5.6.9.6.1 0 .2 0 .4-.1.5-.2.7-.7.5-1.2-1.1-2.5-1-5.2-1-8.3.1-4.9.2-11-3.8-19.7l-3.5-8.6c0-.1 0-.1-.1-.2-1.3-1.9-3.5-3.5-6.1-5.2-3.1-2.1-6.5-4.5-9.7-8.3-1.2-1.5-2.8-1.8-4.6-1.1-.8.3-1.3 1-1.5 1.9 0 .2-.1.3-.1.5l-8.4-10.6-.1-.1c-.9-1-2.1-2.4-3.3-3.9-1-1.3-2.1-2.6-3.2-3.8-.5-.5-.9-1.1-1.4-1.5-2.6-3-5.5-4.9-7.8-3.1z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M16.7 13.4l8.5 8.3c.4.4 1 .4 1.3 0 .4-.4.4-1 0-1.3l-6.9-6.8 22.5-.2v-1.9l-22.5.2 6.8-6.9c.4-.4.4-1 0-1.3-.2-.2-.4-.3-.7-.3-.2 0-.5.1-.7.3L16.7 12c-.4.4-.4 1 0 1.4zM90.8 11.7l-8.5-8.3c-.4-.4-1-.4-1.3 0-.4.4-.4 1 0 1.3l6.9 6.8-22.5.2v1.9l22.5-.2-6.8 6.9c-.4.4-.4 1 0 1.3.2.2.4.3.7.3.2 0 .5-.1.7-.3l8.3-8.5c.3-.4.3-1 0-1.4z\"\n        fill=\"#fff\"\n      />\n    </svg>\n  );\n};\n\nexport const Reuse = () => {\n  return (\n    <svg viewBox=\"0 0 73.66 79.77\">\n      <g\n        fill=\"none\"\n        stroke=\"#DF6469\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n      >\n        <path d=\"m1.11 37.39 10.49.19M63.09 27.92l-6 1.91a17 17 0 0 1 9.61 8q3-5.94 5.92-11.9a28 28 0 0 0-4.7.66M11.28 36.94C9.84 23.7 19.9 10.21 33 7.82s27.27 6.69 30.25 19.82\" />\n        <path d=\"M67.92 26.48A34.29 34.29 0 0 0 46.23 2.77a34.31 34.31 0 0 0-31.7 5.29C5.73 14.94.14 26.27 1.11 37.39M72.55 42.38l-10.49-.19M10.57 51.85l5.95-1.91a17 17 0 0 1-9.6-8q-3 6-5.92 11.9a28 28 0 0 0 4.7-.66M62.37 42.83C63.82 56.08 53.76 69.56 40.66 72s-27.28-6.74-30.25-19.87\" />\n        <path d=\"M5.73 53.29A34.3 34.3 0 0 0 27.43 77a34.29 34.29 0 0 0 31.69-5.29c8.8-6.88 14.4-18.21 13.43-29.33\" />\n      </g>\n    </svg>\n  );\n};\n\nexport const Omni = () => {\n  return (\n    <svg\n      id=\"Layer_1\"\n      x={0}\n      y={0}\n      viewBox=\"0 0 120.9 106\"\n      style={{\n        enableBackground: \"new 0 0 120.9 106\",\n      }}\n    >\n      <style>\n        {\n          \".st0,.st1{fill:none;stroke:#DF6469;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.st1{stroke-width:1.8}\"\n        }\n      </style>\n      <path\n        className=\"st0\"\n        d=\"M37 24.3C38.5 10.1 50.2-.3 63.2 1.1s22.3 14 20.7 28.2-13.2 24.6-26.2 23.2S35.4 38.4 37 24.3zM1.7 74.2c3.1-13.9 15.9-22.9 28.6-20.1s20.6 16.4 17.5 30.3-15.9 22.9-28.6 20.1S-1.4 88.1 1.7 74.2zM73 74c2.5-14 15-23.5 27.8-21.2s21.2 15.5 18.6 29.6-15 23.5-27.8 21.2S70.4 88 73 74zM59.1 53.1v12\"\n      />\n      <path className=\"st0\" d=\"M47.3 70.4c4-1.8 8.1-3.5 12.2-4.8l14.1 5.7\" />\n      <path\n        className=\"st1\"\n        d=\"M59 38.4h3.1c.4 0 .7.3.7.7v.8c0 .4-.3.7-.7.7H59c-.4 0-.7-.3-.7-.7v-.8c0-.3.3-.7.7-.7zM66.6 16.5c-3.6-2.5-8.3-2.7-12.1-.6-3.7 2.1-6 5.9-5.6 10.1-1.2-.2-2.4-.5-3.6-.7.2 3.9.4 8.5.6 12.3 1 1 3.1.1 3.1-1.3.1-3.2-.1-6.9 0-10.1M71.1 31.7c.1 1.8-.7 3.7-2.1 5.1s-3.6 2.4-5.9 2.7\"\n      />\n      <path\n        className=\"st1\"\n        d=\"M68.2 14.1c-4.4-3-10.1-3.4-14.8-1-4.6 2.5-7.6 7.6-7.6 12.1-3.2.6-5.6 3.8-5.3 7 .3 3.2 3.3 5.9 6.5 5.9\"\n      />\n      <path\n        className=\"st1\"\n        d=\"M53.5 16.5c3.6-2.5 8.3-2.7 12.1-.6C69.3 18 71.4 21.8 71 26c1.2-.2 2.5-.4 3.7-.6-.2 3.9-.4 8.3-.6 12.2-1 1-3.1.1-3.1-1.3-.1-3.2.1-6.9 0-10.1\"\n      />\n      <path\n        className=\"st1\"\n        d=\"M68.2 14.1c-4.4-3-10.1-3.4-14.8-1-4.6 2.5-7.6 7.6-7.6 12.1-3.2.6-5.6 3.8-5.3 7 .3 3.2 3.3 5.9 6.5 5.9\"\n      />\n      <path\n        className=\"st1\"\n        d=\"M52 14.1c4.4-3 10.1-3.4 14.8-1 4.6 2.5 7.6 7.6 7.6 12.1 3.2.6 5.6 3.8 5.3 7-.3 3.2-3.3 5.9-6.5 5.9M42.6 29.5c-.9 1.3-.8 3 .4 4.1\"\n      />\n      <path\n        className=\"st1\"\n        d=\"M77.1 29.5c1.1 1.1 1.2 2.9.3 4.1M68.3 14.3l-1.7 2.3M52 14.4c.5.6 1 1.3 1.5 1.9M6.8 82.3c.3-5.2 4.5-10 9.7-10.8 5.2-.8 10.7 2.4 12.5 7.3 1.1 2.9-.1 6.3-2.5 8.2-2.3 2-5.6 2.6-8.6 2.3-3-.3-5.9-1.6-8.5-3.2-1.3 1.3-3.1 1.9-4.9 1.8 1.6-1.2 2.2-3.3 2.3-5.6z\"\n      />\n      <path\n        className=\"st1\"\n        d=\"M20.1 70.8c2.6-3.3 6.8-5 10.9-4.4 4.2.7 7.6 3.5 9.1 7.4 1.4 4 .6 8.4-2.1 11.6.4 1.9 1.9 3.4 3.8 3.8-2.4.7-5.1-.1-7-1.7-2.4 2.4-5.9 3-9 1.6M114.7 75.2c-2 5.9-4.2 12.4-6.2 18.3-.2.4-24.9-.3-24.9-.4-2.5-6.1-5.8-18.3-5.8-18.3s36.6 0 36.9.4zM87 63.6l-5.4 10.5M104.1 63.9c1.9 3.4 3.5 7.5 5.4 10.9M91 61.8c0 1.1-.1 2.2-.1 3.2l9.8-.5v-3.3c-3.3.3-6.5.5-9.7.6zM87.4 63.7l3.4-.1M101 63.8h3.1-.1M96.8 81.4v8.7M107.2 81.5l-2.1 8.6M85.6 81.4l1.7 8.7M78.5 77.5h35.4\"\n      />\n    </svg>\n  );\n};\n\nexport const Collab = () => {\n  return (\n    <svg\n      id=\"Layer_1\"\n      x={0}\n      y={0}\n      viewBox=\"0 0 244 245.7\"\n      style={{\n        enableBackground: \"new 0 0 244 245.7\",\n      }}\n    >\n      <style>\n        {\n          \".cb1{fill:none;stroke:#DF6469;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}\"\n        }\n      </style>\n      <path\n        className=\"cb1\"\n        d=\"m154.9 84.8-1.4-1.4M145.5 75.6c.2.1.3.2.5.4l7.5 7.4M154.9 84.8l.1.1M89.1 160.9h0v.1M90.6 162.4l-1.5-1.4M161.8 91.7l29.2 29.1c.4.4.8.9 1.2 1.3M98.5 170.2l-7.9-7.8M98.5 170.2l11 10.9 6 6c2.2 2.2 4.7 4.1 7.3 5.7M82.2 154.1 53 125c-.4-.4-.8-.9-1.2-1.3M82.2 154.1l6.9 6.8M51.8 123.7C44.9 116.1 41 106.3 41 96.1L26.7 81.9M89.1 160.9v.1M90.6 162.4l7.5 7.4c.1.1.3.3.5.4M90.6 162.4l-1.5-1.4M77.9 36.7 89.3 48l6.4-.7c9-1 18 1.1 25.6 5.7M153.5 83.4l1.4 1.4M153.5 83.4l-8-7.8M121.2 53c2.6 1.6 5.1 3.5 7.3 5.7l6 6 11 10.9M163.3 93.1l-8.3-8.2-.1-.1M4 70.6l17.1 17 5.6-5.7M26.7 81.9l54-53.7-17-17M208.7 79l-11.4 11.3.7 6.3c1 9-1.1 17.9-5.8 25.4\"\n      />\n      <path\n        className=\"cb1\"\n        d=\"M163.2 28.1 149 42.2c-10.3 0-20.2 3.9-27.8 10.8M90.6 162.4s0 0 0 0M163.2 28.1l-5.7-5.7L176 4M163.2 28.1l54 53.7 18.5-18.4M153.5 83.4s0 0 0 0M35.4 166.8l11.4-11.3-.7-6.3c-1-9 1.1-17.9 5.8-25.4M122.8 192.8c-7.6 6.9-17.5 10.8-27.8 10.8l-14.2 14.1M80.8 217.7l-54-53.8-18.4 18.4\"\n      />\n      <path\n        className=\"cb1\"\n        d=\"m80.8 217.7 5.7 5.6-18.4 18.4M217.3 163.9l-14.2-14.1h0c0-10.9-4.3-21.3-12.1-29L146 76c-3.8-3.8-10-3.8-13.8 0l-.2.2c-4 3.9-4 10.3 0 14.2 9.6 9.6 25.6 25.5 25.6 25.5L119 77.4c-3.8-3.8-10-3.8-13.8 0l-.2.2c-4 3.9-4 10.2-.1 14.2 11.4 11.4 32.7 32.5 32.7 32.5L99.3 86.1c-3.9-3.9-10.3-3.9-14.2 0h0c-3.9 3.9-3.9 10.2 0 14.1l38.4 38.2-32.9-32.7c-3.8-3.8-10-3.8-13.8 0l-.2.2c-4 3.9-4 10.3 0 14.2 15.2 15.2 49.8 49.5 49.8 49.5l-20.9-20.8c-4.2-4.2-10.9-4.2-15.1 0L89 150c-3 3-3 7.9 0 10.9l20.4 20.1 6 6c8.6 8.6 20.7 12.8 32.9 11.5l6.4-.7 11.4 11.3\"\n      />\n      <path className=\"cb1\" d=\"m180.3 234.6-17-17 59.7-59.4 17 17\" />\n    </svg>\n  );\n};\n\nexport const Medal = () => {\n  return (\n    <svg viewBox=\"0 0 70.87 94.51\">\n      <g\n        fill=\"none\"\n        stroke=\"#DF6469\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n      >\n        <circle cx={35} cy={59.51} r={34} />\n        <path d=\"M8.83 59.51A26.17 26.17 0 1 1 35 85.68 26.17 26.17 0 0 1 8.83 59.51z\" />\n        <path d=\"M30.51 56 36 43.83l-.93 27.49M27.94 72.15l13.62-.42M49.72 47.63a15.53 15.53 0 0 1 5 18.43M53.77 69.36l-2.89 3.48M51.4 28.54Q60.64 15.13 69.87 1.7M40.53 25.39c3.46-7.93 6.91-15.86 10-23.91l19-.48M19.46 28.54 1 1.7M30.34 25.39c-3.46-7.93-6.91-15.86-10-23.91L1.29 1\" />\n      </g>\n    </svg>\n  );\n};\n\nexport const Target = () => {\n  return (\n    <svg viewBox=\"0 0 74.86 78.68\">\n      <g\n        fill=\"none\"\n        stroke=\"#DF6469\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n      >\n        <path d=\"M63.8 26.9a30.12 30.12 0 0 1 6.93 20.65c-.89 17.59-17.22 31.06-36.46 30.08S.15 61.61 1 44s17.25-31 36.5-30a38.11 38.11 0 0 1 7 1\" />\n        <path d=\"M54.87 31.49a21.24 21.24 0 0 1 5.62 14.3c0 12.42-11 22.48-24.61 22.48s-24.6-10.06-24.6-22.48 11-22.48 24.6-22.48a26.92 26.92 0 0 1 5 .45\" />\n        <path d=\"M47.05 36.71a12.88 12.88 0 0 1 3.72 8.53c.28 7.52-6.16 13.85-14.39 14.15S21.27 53.85 21 46.34s6.17-13.85 14.39-14.16a16.58 16.58 0 0 1 3 .17\" />\n        <path d=\"M38 42.92c5.32-12 12.33-20.65 22.67-28.77\" />\n        <path d=\"M48.81 25.31a34.9 34.9 0 0 1 9.52-23.8c1.19-1.24 3.74-.05 3.55 1.65l-1.23 11.06M49.1 25.61l23.76-6.05a1.6 1.6 0 0 0 .22-2.86 27.28 27.28 0 0 0-12.49-2.11M37.92 43.43a4.16 4.16 0 1 0 1.35 6 4.23 4.23 0 0 0-1.35-6z\" />\n      </g>\n    </svg>\n  );\n};\n","export default __webpack_public_path__ + \"static/media/Amdocs Customer Engagement eBook.e468ebf4.pdf\";","import React, { Fragment, useEffect, useState } from \"react\";\nimport { Link, useHistory } from \"react-router-dom\";\nimport PageSlide from \"../components/PageSlide\";\nimport styled from \"styled-components\";\nimport { motion } from \"framer-motion\";\nimport { gsap } from \"gsap\";\nimport { ScrollToPlugin } from \"gsap/ScrollToPlugin\";\nimport { ScrollTrigger } from \"gsap/ScrollTrigger\";\nimport { isMobile, MobileView } from \"react-device-detect\";\nimport { useSwipeable } from \"react-swipeable\";\nimport { Helmet } from \"react-helmet\";\nimport Tilt from \"react-parallax-tilt\";\nimport Menu from \"../components/Menu\";\nimport logo from \"../assets/img/logo1.svg\";\nimport shortlogo from \"../assets/img/short-logo.svg\";\nimport i1 from \"../assets/img/panel2.jpg\";\nimport One from \"../components/One\";\nimport Two from \"../components/Two\";\nimport Three from \"../components/Three\";\nimport Tree from \"../components/Tree\";\nimport Spread from \"../components/Spread\";\n\nimport DA from \"../components/DownArrow\";\nimport c2 from \"../assets/img/circ2.svg\";\nimport c3 from \"../assets/img/circ3.svg\";\n\nimport { Touch } from \"../components/Icons\";\n\nimport hardcopy from \"../assets/downloads/Amdocs Customer Engagement eBook.pdf\";\n\ngsap.registerPlugin(ScrollToPlugin);\ngsap.registerPlugin(ScrollTrigger);\n\nconst PageOne = ({\n  isOpen,\n  setIsOpen,\n  isFoward,\n  setIsFoward,\n  isFirst,\n  setIsFirst,\n}) => {\n  const history = useHistory();\n\n  const jumpTo = () => {\n    gsap.to(window, { duration: 0.5, scrollTo: { y: \"#ch\", offsetY: 110 } });\n  };\n\n  const pageBack = () => {\n    setIsFoward(false);\n  };\n\n  const pageFoward = () => {\n    setIsFoward(true);\n  };\n\n  const toggleMenu = () => {\n    setIsOpen(!isOpen);\n  };\n\n  const closeMenu = () => {\n    setIsOpen(false);\n  };\n\n  const nextPage = (e) => {\n    setIsFoward(true);\n    gsap.to(window, { duration: 0.5, scrollTo: 0 });\n    gsap.to(\".thenav\", { y: \"-100px\", duration: 1 });\n    setTimeout(() => {\n      history.push(\"/meet-the-amdocs-solution\");\n    }, 400);\n  };\n\n  const prevPage = (e) => {\n    setIsFoward(false);\n    gsap.to(window, { duration: 0.5, scrollTo: 0 });\n    gsap.to(\".thenav\", { y: \"-100px\", duration: 1 });\n    setTimeout(() => {\n      history.push(\"/\");\n    }, 400);\n  };\n\n  const goP1 = (e) => {\n    setIsFoward(true);\n    gsap.to(window, { duration: 0.5, scrollTo: 0 });\n    gsap.to(\".thenav\", { y: \"-100px\", duration: 1 });\n    setTimeout(() => {\n      history.push(\"/the-customer-of-today\");\n    }, 400);\n  };\n\n  const goP2 = (e) => {\n    setIsFoward(true);\n    gsap.to(window, { duration: 0.5, scrollTo: 0 });\n    gsap.to(\".thenav\", { y: \"-100px\", duration: 1 });\n    setTimeout(() => {\n      history.push(\"/meet-the-amdocs-solution\");\n    }, 400);\n  };\n\n  const goP3 = (e) => {\n    setIsFoward(true);\n    gsap.to(window, { duration: 0.5, scrollTo: 0 });\n    gsap.to(\".thenav\", { y: \"-100px\", duration: 1 });\n    setTimeout(() => {\n      history.push(\"/amdocs-customer-engagement\");\n    }, 400);\n  };\n\n  const handlers = useSwipeable({\n    onSwipedLeft: (eventData) => nextPage(),\n    onSwipedRight: (eventData) => prevPage(),\n  });\n\n  useEffect(() => {\n    gsap.to(\".thenav\", { y: 0, duration: 1, delay: 0.2 });\n\n    gsap.from(\".spread1\", {\n      display: \"none\",\n      drawSVG: 0,\n      duration: 4,\n\n      scrollTrigger: {\n        trigger: \"#ch\",\n        markers: false,\n        pin: true,\n        start: \"top 60%\",\n        markers: false,\n        end: \"+=0\",\n        toggleActions: \"play none reverse reverse\",\n        // scrub: 1,\n      },\n    });\n  }, []);\n\n  useEffect(() => {\n    if (isFirst) {\n      gsap.to(\"#swipe-hand\", { x: -20, yoyo: true, repeat: -1 });\n      gsap.to(\"#swipe-help\", { autoAlpha: 0, display: \"none\", delay: 3 });\n    } else {\n      gsap.to(\"#swipe-hand\", { autoAlpha: 0, display: \"none\" });\n      gsap.to(\"#swipe-help\", { autoAlpha: 0, display: \"none\" });\n    }\n\n    return () => {\n      setIsFirst(false);\n    };\n  }, [isFirst]);\n\n  return (\n    <Fragment>\n      <Helmet>\n        <title>The Customer of Today</title>\n      </Helmet>\n      <QuickMenu\n        id=\"the-menu\"\n        className={isOpen ? \"open\" : null}\n        onClick={closeMenu}\n      >\n        <span onClick={closeMenu}>The customer of today</span>\n        <span onClick={goP2}>Meet the Amdocs Solution</span>\n        <span onClick={goP3}>Amdocs Customer Engagement</span>\n        <a download href={hardcopy}>\n          <DownloadButton>Download PDF</DownloadButton>\n        </a>\n        <a\n          href=\"mailto:amdocscustomerenga@amdocs.com?subject=Amdocs Customer Engagement eBook Enquiry\"\n          target=\"_blank\"\n        >\n          <RequestButton>Request a demo</RequestButton>\n        </a>\n      </QuickMenu>\n      <Navbar className=\"thenav\" id=\"the-nav\">\n        <div className=\"inner\">\n          <div className=\"logo\" onClick={prevPage}>\n            {/* <img id=\"main-logo\" src={logo} alt=\"\" /> */}\n          </div>\n          <div className=\"items\">\n            <a\n              href=\"mailto:amdocscustomerenga@amdocs.com?subject=Amdocs Customer Engagement eBook Enquiry\"\n              target=\"_blank\"\n            >\n              <span className=\"request-prompt\">Request a demo</span>\n            </a>\n\n            <div onClick={prevPage} className=\"prev\">\n              <i className=\"mi-home icon\" />\n              <span>Home</span>\n            </div>\n\n            <div onClick={prevPage} className=\"prev\">\n              <i className=\"mi-arrow-left icon\" />\n              <span>Previous</span>\n            </div>\n\n            <div onClick={nextPage} className=\"next\">\n              <span>Next</span>\n              <i className=\"mi-arrow-right icon\" />\n            </div>\n            <a style={{ display: \"contents\" }} download href={hardcopy}>\n              <div className=\"next\">\n                <span>Download</span>\n                <i className=\"mi-download icon\" />\n              </div>\n            </a>\n          </div>\n          <div className=\"items\">\n            <div\n              className={isOpen ? \"burger close\" : \"burger\"}\n              onClick={toggleMenu}\n            >\n              <span></span>\n              <span></span>\n              <span></span>\n            </div>\n          </div>\n        </div>\n      </Navbar>\n      <SwipeIntro id=\"swipe-help\" className={isFirst ? \"first\" : null}>\n        <h1>Swipe with one finger to navigate</h1>\n        <Touch />\n      </SwipeIntro>\n      <PageSlide isFoward={isFoward}>\n        <div className=\"swipeable\" {...handlers}>\n          <PageContent>\n            <Card>\n              <TreeGraphic>\n                <Tree />\n              </TreeGraphic>\n\n              <div className=\"inner\">\n                <h1>The customer of today</h1>\n                <p>\n                  Today’s customers’ lives revolve around digital technologies.\n                </p>\n                <p>\n                  They expect skilled, knowledgeable agents, demand easy access\n                  to multiple communication channels, and want their service\n                  provider to know who they are, their history and anticipate\n                  their needs.\n                </p>\n                <p>\n                  So when it comes to customer loyalty – and overall business\n                  success – the key lies in your ability to provide an amazing\n                  omnichannel experience.\n                </p>\n              </div>\n            </Card>\n            <SideImage>\n              <Tilt\n                tiltEnable={isMobile ? false : true}\n                trackOnWindow={true}\n                glareEnable={true}\n                glarePosition=\"all\"\n                glareColor=\"#000\"\n                perspective={800}\n                gyroscope={true}\n              >\n                <img src={i1} alt=\"\" />\n              </Tilt>\n            </SideImage>\n\n            <DownPrompt onClick={jumpTo}>\n              <DA />\n            </DownPrompt>\n          </PageContent>\n\n          <Interactives id=\"ch\">\n            <SpreadGraphic>\n              <Spread />\n            </SpreadGraphic>\n\n            <div className=\"inner\">\n              <h1>Yet, challenges still exist:</h1>\n              <ChallangesRow>\n                <div>\n                  <One />\n                </div>\n\n                <div>\n                  <Two />\n                </div>\n\n                <div>\n                  <Three />\n                </div>\n              </ChallangesRow>\n\n              <h1>\n                These challenges stand in the way of delivering a WOW customer\n                experience.\n              </h1>\n\n              <FlowBox>\n                <h1>What’s the solution?</h1>\n                <p>\n                  Overcoming these challenges demands a customer-centric,\n                  always-available, approach.\n                </p>\n                <NextPagePrompt onClick={nextPage}>\n                  <DA />\n                </NextPagePrompt>\n              </FlowBox>\n            </div>\n          </Interactives>\n        </div>\n      </PageSlide>\n    </Fragment>\n  );\n};\n\nconst TreeGraphic = styled.div`\n  position: absolute;\n  left: -220px;\n  bottom: -50px;\n  width: 400px;\n  height: 400px;\n  /* background: red; */\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  z-index: -1;\n\n  @media (max-width: 850px) {\n    position: absolute;\n    height: 260px;\n    width: 260px;\n    left: unset;\n    right: -70px;\n    bottom: 0px;\n    opacity: 0.5;\n    /* display: none; */\n  }\n\n  svg {\n    display: block;\n    width: 100%;\n  }\n`;\n\nconst SpreadGraphic = styled.div`\n  position: absolute;\n  right: 230px;\n  top: -50px;\n  width: 400px;\n  height: 400px;\n  /* background: red; */\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  z-index: -1;\n\n  @media (max-width: 850px) {\n    top: 150px;\n  }\n\n  svg {\n    display: block;\n    width: 100%;\n    height: 100%;\n\n    @media (max-width: 850px) {\n      opacity: 0.5;\n    }\n  }\n`;\n\nconst NextPagePrompt = styled.div`\n  position: absolute;\n  bottom: -45px;\n  right: -145px;\n  width: 100px;\n  height: 100px;\n  /* background: red; */\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  transform: rotate(-90deg);\n\n  &::before {\n    content: \"next\";\n    position: absolute;\n    bottom: 50px;\n    right: -70px;\n    transform: translateX(-50%) rotate(90deg);\n    width: fit-content;\n\n    @media (max-width: 850px) {\n      display: none;\n    }\n  }\n\n  @media (max-width: 850px) {\n    display: none;\n  }\n\n  svg {\n    display: block;\n    width: 100%;\n  }\n`;\n\nconst PageContent = styled.div`\n  display: flex;\n  width: 100%;\n  height: 100%;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  max-width: 1650px;\n  margin: auto;\n  overflow-x: hidden;\n\n  @media (max-width: 850px) {\n    justify-content: flex-start;\n    align-items: flex-start;\n    width: 100%;\n    display: flex;\n    flex-direction: column-reverse;\n    height: auto;\n  }\n\n  &.rev {\n    background: #f6b74b;\n    /* max-width: unset;\n        margin: unset; */\n    &::after {\n      content: \"\";\n      background: #f6b74b;\n      width: 200%;\n      height: 100%;\n      display: block;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      z-index: -1;\n    }\n  }\n\n  &.normal {\n    /* justify-content: flex-start; */\n    align-items: flex-start;\n    flex-direction: column;\n\n    h1 {\n      text-align: center;\n      margin: auto;\n    }\n\n    svg {\n      display: block;\n      width: 40%;\n      margin: auto;\n    }\n  }\n`;\n\nconst SwipeIntro = styled.div`\n  display: none;\n\n  @media (max-width: 850px) {\n    display: none;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 100;\n    background: rgba(0, 0, 0, 0.8);\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n    padding: 3em;\n\n    &.first {\n      display: flex;\n    }\n\n    h1 {\n      margin-bottom: 30px;\n    }\n\n    svg {\n      display: block;\n      margin: 0 auto;\n      width: 60%;\n    }\n  }\n`;\n\nconst FlowBox = styled.div`\n  background: #f6b74b;\n  width: 70%;\n  /* margin: auto; */\n  margin-left: 160px;\n  padding: 3em;\n  margin-bottom: 50px;\n  /* max-width: 700px; */\n  position: relative;\n\n  @media (max-width: 850px) {\n    margin-left: 0;\n    width: 100%;\n    padding: 30px;\n  }\n\n  h1,\n  h3,\n  p {\n    margin-left: 0 !important;\n\n    @media (max-width: 850px) {\n      font-size: 0.5em;\n    }\n  }\n\n  h1 {\n    margin-bottom: 10px;\n    padding-bottom: 10px !important;\n\n    @media (max-width: 850px) {\n      font-size: 0.9em;\n    }\n  }\n\n  p {\n    font-size: 1.5em;\n\n    @media (max-width: 850px) {\n      font-size: 16px !important;\n    }\n    /* width: 50%; */\n  }\n`;\n\nconst DownPrompt = styled.div`\n  position: absolute;\n  right: 400px;\n  bottom: 50px;\n  width: 100px;\n  height: 100px;\n  /* background: red; */\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n\n  &::before {\n    content: \"scroll down\";\n    position: absolute;\n    top: -40px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: fit-content;\n\n    @media (max-width: 850px) {\n      display: none;\n    }\n  }\n\n  @media (max-width: 850px) {\n    position: relative;\n    order: 1;\n    margin: auto;\n    right: unset;\n    margin-top: 40px;\n  }\n\n  svg {\n    display: block;\n    width: 100%;\n\n    @media (max-width: 850px) {\n      width: 80%;\n    }\n  }\n`;\n\nconst Navbar = styled.nav`\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  width: 100%;\n  height: 90px;\n  background: rgba(0, 0, 0, 1);\n  z-index: 999999999;\n\n  @media (max-width: 850px) {\n    height: 55px;\n  }\n\n  /* opacity: 0;\n    visibility: hidden; */\n  transform: translateY(-100px);\n\n  a {\n    color: #fff;\n    text-decoration: none;\n  }\n\n  .burger {\n    width: 60px;\n    height: 60px;\n    border-radius: 100%;\n    /* z-index: 999; */\n    /* top: 20px;\n        left: 20px; */\n    padding: 14px;\n    position: relative;\n    display: block !important;\n    z-index: 99999999;\n    cursor: pointer;\n    visibility: visible;\n    -webkit-transition: all 0.3s ease;\n    transition: all 0.3s ease;\n    cursor: pointer;\n\n    span {\n      width: 85%;\n      height: 4px;\n      display: block;\n      background: #fff;\n      margin: 5px 0;\n    }\n\n    &.close {\n      transition: all 0.3s ease;\n\n      span {\n        &:nth-child(1) {\n          transform: rotate(45deg) translate(6px, 7px);\n          transition: all 0.3s ease;\n        }\n        &:nth-child(2) {\n          opacity: 0;\n          transition: all 0.3s ease;\n        }\n        &:nth-child(3) {\n          transform: rotate(-45deg) translate(6px, -7px);\n          transition: all 0.3s ease;\n        }\n      }\n    }\n  }\n\n  .request-prompt {\n    font-size: 12px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background: #f6b74b;\n    padding: 10px;\n    border-radius: 10px;\n    cursor: pointer;\n\n    @media (max-width: 850px) {\n      display: none;\n    }\n  }\n\n  .inner {\n    max-width: 1650px;\n    margin: auto;\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n\n    @media (max-width: 850px) {\n      padding: 0 20px;\n      justify-content: flex-start;\n    }\n  }\n\n  .logo {\n    display: block;\n    margin-right: auto;\n    margin-left: 160px;\n    background: url(${logo}) no-repeat center center;\n    background-size: cover;\n    width: 195px;\n    height: 31px;\n\n    @media (max-width: 1270px) {\n      background: url(${shortlogo}) no-repeat center center;\n      margin-left: 40px;\n    }\n\n    @media (max-width: 850px) {\n      background: url(${logo}) no-repeat center center;\n      margin-left: 0;\n      /* margin-right: 0; */\n    }\n\n    img {\n      max-width: 220px;\n      width: 100%;\n\n      @media (max-width: 850px) {\n        max-width: 160px;\n      }\n    }\n  }\n\n  .items {\n    /* margin-right: 225px; */\n    display: flex;\n    font-size: 1em;\n\n    .prev {\n      @media (max-width: 850px) {\n        display: none;\n      }\n    }\n\n    .next {\n      @media (max-width: 850px) {\n        display: none;\n      }\n    }\n\n    .icon {\n      margin: 0 10px;\n    }\n\n    div {\n      cursor: pointer;\n      flex: 1;\n      margin-left: 30px;\n      display: flex;\n      align-items: center;\n    }\n\n    &:last-of-type {\n      margin-right: 160px;\n      margin-left: 30px;\n\n      @media (max-width: 1270px) {\n        margin-left: 15px;\n        margin-right: 100px;\n      }\n\n      @media (max-width: 850px) {\n        margin-right: 0;\n      }\n    }\n  }\n`;\n\nconst Interactives = styled.div`\n  position: relative;\n\n  /* background: #F6B74B; */\n\n  .inner {\n    max-width: 1650px;\n    margin: auto;\n\n    @media (max-width: 850px) {\n      padding: 25px;\n      position: relative;\n      top: -30px;\n    }\n  }\n\n  h1,\n  h3,\n  p {\n    margin-left: 160px;\n    font-size: 1.8em;\n\n    @media (max-width: 850px) {\n      margin-left: 0;\n      font-size: 16px;\n    }\n    /* text-align: center; */\n  }\n\n  h1 {\n    &:last-of-type {\n      padding-bottom: 40px;\n    }\n  }\n\n  h3 {\n    color: #f6b74b;\n    font-family: \"MarkPro-Bold\";\n    font-size: 2em;\n  }\n\n  img {\n    display: block;\n    width: 40%;\n    margin: auto;\n  }\n\n  padding-bottom: 30px;\n`;\n\nconst ChallangesRow = styled.div`\n  display: flex;\n  flex-direction: row;\n  margin: 40px 0;\n\n  @media (max-width: 850px) {\n    flex-direction: column;\n  }\n\n  div {\n    flex: 1;\n    display: flex;\n    cursor: pointer;\n\n    @media (max-width: 850px) {\n      margin-bottom: 30px;\n    }\n\n    svg {\n      display: block;\n      margin: auto;\n      width: 50%;\n      cursor: pointer;\n      height: max-content;\n\n      @media (max-width: 850px) {\n        width: 70%;\n      }\n    }\n  }\n`;\n\nconst Card = styled.div`\n  background: #f6b74b;\n  padding: 3em;\n  max-width: 40%;\n  min-height: 400px;\n  display: flex;\n  /* justify-content: center; */\n  align-items: center;\n  position: relative;\n  top: -10px;\n  @media (max-height: 700px) {\n    top: 40px;\n  }\n  @media (max-height: 600px) {\n    padding: 1.75em 3em 1.75em 3em;\n  }\n\n  @media (max-width: 850px) {\n    padding: 10px;\n    background: transparent;\n    min-height: unset;\n    max-width: unset;\n    padding: 25px;\n    align-items: flex-start;\n    order: 2;\n    /* flex-direction: column-reverse; */\n  }\n\n  .inner {\n    margin-right: 50px;\n\n    @media (max-width: 850px) {\n      margin-right: 0;\n    }\n  }\n\n  h1 {\n    /* font-family: 'MarkPro-Bold'; */\n    font-size: 2.5em;\n    line-height: 0.9;\n    margin-bottom: 30px;\n    font-weight: 600;\n\n    @media (max-width: 850px) {\n      font-size: 2.2em;\n    }\n  }\n\n  p {\n    margin: 10px 0;\n    font-size: 1.2em;\n    @media (max-height: 700px) {\n      font-size: 1em;\n    }\n    @media (max-height: 600px) {\n      font-size: 0.85em;\n    }\n    @media (max-width: 850px) {\n      font-size: 16px;\n    }\n  }\n`;\n\nconst SideImage = styled.div`\n  max-width: 40%;\n  position: relative;\n  left: -50px;\n  @media (max-height: 700px) {\n    top: 40px;\n  }\n  @media (max-width: 850px) {\n    max-width: unset;\n    left: 0;\n    top: -30px;\n    order: 3;\n  }\n\n  img {\n    display: block;\n    width: 100%;\n    max-height: 400px;\n\n    @media (max-width: 850px) {\n      /* max-height: 250px; */\n      width: 100%;\n      /* object-fit: cover; */\n    }\n  }\n`;\n\nconst DownloadButton = styled.div`\n  border: 3px solid #f6b74b;\n  padding: 20px;\n  border-radius: 30px;\n  margin-top: 30px !important;\n  display: block;\n  transition: all 0.5s ease;\n\n  &:hover {\n    transition: all 0.5s ease;\n    color: #f6b74b;\n  }\n`;\n\nconst RequestButton = styled.div`\n  border: 3px solid #df6469;\n  display: block;\n  border-radius: 30px;\n  padding: 20px;\n  margin-top: 30px !important;\n  transition: all 0.5s ease;\n\n  &:hover {\n    transition: all 0.5s ease;\n    color: #df6469;\n  }\n`;\n\nconst QuickMenu = styled(motion.div)`\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  z-index: 100;\n  background-color: #000;\n\n  transform: translateX(-100%);\n  transition: all 0.5s ease;\n\n  a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  &.open {\n    transform: translateX(0);\n    transition: all 0.5s ease;\n  }\n  a {\n    &:hover {\n      color: #fff;\n    }\n  }\n\n  div {\n    font-family: \"MarkPro-Bold\";\n    font-size: 3em;\n    cursor: pointer !important;\n    margin: 10px 0;\n    transition: all 0.5s ease;\n\n    @media (max-width: 850px) {\n      font-size: 1.6em;\n      text-align: center;\n      width: 80%;\n      margin: 10px auto;\n    }\n  }\n\n  span {\n    font-family: \"MarkPro-Bold\";\n    font-size: 3em;\n    cursor: pointer !important;\n    margin: 10px 0;\n    transition: all 0.5s ease;\n\n    @media (max-width: 850px) {\n      font-size: 1.6em;\n      text-align: center;\n      width: 80%;\n      margin: 10px auto;\n    }\n\n    &:hover {\n      transition: all 0.5s ease;\n    }\n\n    &:nth-child(1) {\n      &:hover {\n        color: #f6b74b;\n      }\n    }\n\n    &:nth-child(2) {\n      &:hover {\n        color: #df6469;\n      }\n    }\n\n    &:nth-child(3) {\n      &:hover {\n        color: #c9317f;\n      }\n    }\n  }\n`;\n\nexport default PageOne;\n","import React, { useEffect } from \"react\";\nimport { gsap } from \"gsap\";\nimport { DrawSVGPlugin } from \"gsap/DrawSVGPlugin\";\n\ngsap.registerPlugin(DrawSVGPlugin);\n\nconst SpreadTwo = () => {\n  useEffect(() => {\n    gsap.from(\".spread1\", {\n      display: \"none\",\n      drawSVG: 0,\n      delay: 0.9,\n      duration: 1,\n      stagger: 0.001,\n    });\n  }, []);\n\n  return (\n    <svg\n      version=\"1.1\"\n      id=\"Layer_1\"\n      x=\"0px\"\n      y=\"0px\"\n      viewBox=\"0 0 308.6 362.5\"\n      style={{ enableBackground: \"new 0 0 308.6 362.5\" }}\n    >\n      <path\n        d=\"M144.5 102.2c2.7-1.1 7 12.4 8 14.9-3.1 1.5-6.1 3-9.3 4.4-1.6.7-3.1 1.4-4.7 2.1-.7.3-4 2.2-4.7 2-1.5-.6-2.9-5.4-3.6-6.7-.9-2-3.3-7.9-3.3-7.9s6.1-3.6 8.2-4.6c3.2-1.6 6.3-2.9 9.4-4.2zM128.4 108.6c-.7-2.5-3.2-4.2-3.5-6.8-.3-2.6 1.7-4.7 3.9-5.9 5.5-2.8 9.5 2.5 10.9 7.3\"\n        fill=\"none\"\n        stroke=\"#f87c3b\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M126.7 110.7c-1.6-1.7-2.5-4-3.2-6.3-.6-1.8-1.1-3.7-.6-5.5.3-1.4 1.2-2.7 2.3-3.6 1.1-.9 2.4-1.6 3.7-2.1 1.8-.7 3.9-1.2 5.7-.6.9.3 1.7.9 2.4 1.5 2.5 2.2 4.2 5.3 4.9 8.6M139.4 116.7c.7 1.3 3.2 1.5 3.8-.1.4-1-1.5-4-2.2-4.6-1.3-1-3.1-1.1-3.4.7-.1 1.4 1.3 3 1.8 4z\"\n        fill=\"none\"\n        stroke=\"#f87c3b\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M127.1 110.7c-.1 1.5-1.6 2.2-2 3.5-.7 1.9.7 3.6 1.6 5.2 1.6 2.9 2.7 8.6 5.7 10.2 3.3 1.7 16-4.8 18.9-6.2 1.9-.9 2.4-3.5 1.8-6M134.1 125.6c-.2.9-.5 1.9-.7 2.8\"\n        fill=\"none\"\n        stroke=\"#f87c3b\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M118.5 49.4c0-1.1-.2-2.2-.4-3.2-1.8-7.5-9.3-12.1-16.7-10.3-7.4 1.8-11.9 9.3-10.1 16.8.9 3.6 2.9 6.4 5.7 8.3 1.7 1.1 3 2.9 3.4 4.9 0 0 0 0 0 0 .4 1.5.5 3.1.9 4.7.2 1 .6 1.9 1.4 2.5 1.6 1.2 4.2.7 5.9.4 1.7-.3 3.3-.7 4.9-1.3 1.3-.5 2.9-1.2 3.5-2.5.4-.9.3-1.9.1-2.9-.4-1.5-1-3-1.3-4.5-.2-1-.4-1.8-.3-2.8.1-1 .5-1.9.9-2.8.7-1.6 1.4-3.1 1.9-4.8.1-.9.2-1.7.2-2.5\"\n        fill=\"none\"\n        stroke=\"#f3465e\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M102.8 73.8c-.7.7-.7 1.9-.2 2.8.5.8 1.5 1.3 2.5 1.5 1 .1 2 0 3-.2 1.7-.3 3.4-.7 5-1.3 1.4-.5 3.3-1.1 4.2-2.3.4-.5.6-1.1.5-1.8-.1-.6-.5-1.2-1.1-1.5\"\n        fill=\"none\"\n        stroke=\"#f3465e\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M103.9 77.5c-.4.7-.4 1.8 0 2.6.5.9 1.4 1.4 2.4 1.5.9.2 1.9 0 2.8-.2 2.6-.5 5.1-1.3 7.4-2.6 1-.6 2-1.5 1.9-2.8 0-.8-.4-1.6-1.1-2.1\"\n        fill=\"none\"\n        stroke=\"#f3465e\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M105.7 81.4c.6 1.6 2.3 2.9 4.2 3.1 1.3.1 2.7-.2 3.9-.6.9-.3 1.8-.6 2.5-1.2.6-.5.9-1.1 1.1-1.8.2-.7.3-1.4.3-2.1M104.3 72.4c3-1.8 6.5-2.8 9.9-2.8\"\n        fill=\"none\"\n        stroke=\"#f3465e\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M107 71c.4-2.6-.4-5.3-1.4-7.7-1.1-2.8-2.5-5.4-4.2-7.9M111.4 53.9c0-.6-.3-1.3-.7-1.4M106.4 54.6c.2.4.7.6 1.2.8.6.1 1.3 0 2-.1.4-.1.9-.2 1.2-.4.3-.2.6-.5.6-.8\"\n        fill=\"none\"\n        stroke=\"#f3465e\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M107.9 53.7c-.1-.2-.2-.4-.4-.4-.3-.1-.6 0-.8.2-.2.2-.3.5-.3.8 0 .1 0 .2.1.4\"\n        fill=\"none\"\n        stroke=\"#f3465e\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M103.6 55.9c.4.7 1.4 1.1 2.2.8.8-.2 1.5-.9 1.8-1.6.1-.3.3-.5.2-.8 0-.1 0-.2-.1-.3\"\n        fill=\"none\"\n        stroke=\"#f3465e\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M105 55.4c.1-.4 0-.9-.2-1.2-.3-.4-.8-.3-1 .2-.2.5-.3 1.2-.1 1.7\"\n        fill=\"none\"\n        stroke=\"#f3465e\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M100 56.2c.1.1.2.2.4.3.3.2.7.3 1.1.3 1.1.1 2.2-.2 3-.8.2-.2.5-.4.6-.6M100.8 55.4c-.4 0-.7.2-.7.4 0 .1 0 .2.1.3M110.1 53.2c-.5 5.5.2 11.1 2 16.3M94 52.5c-.9-3.5-.1-7.5 2.2-10.2 2.3-2.8 5.9-4.3 9.5-3.9M103.6 75.9c.6.6 1.4.8 2.1.7M105 78.8c.4.5.9.7 1.4.7M108.6 82.3c.2.7.5.9.7.5M86.6 63.9c.8-.8 3.5-3 4.3-3.5M83 58.9c.9-.5 4.2-1.7 5-2.1M80.9 52.5c1.1-.5 4.7-1 5.7-1.4M80.9 44c.9 0 4.1.7 5 .7M83 36.9c.9.4 4.1 2.5 5 2.8M88.7 30.5c.8.7 3.5 3.7 4.3 4.3M98.6 26.3c.2.9 1.2 4.9 1.4 5.7M107.9 25.6c-.1 1-.6 4.8-.7 5.7M114.9 27.7c-.4.8-1.8 4.2-2.1 5M122 32.7c-.4.5-2.4 3.1-2.8 3.5M126.3 39.8c-.7.3-3.6 1.9-4.3 2.1M128.4 46.9c-1.3.1-5.2.6-6.4.7M127.7 53.2c-.7-.1-3.6-.6-4.3-.7\"\n        fill=\"none\"\n        stroke=\"#f3465e\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M117.1 235.5c3.7-10.8 4.8-16.1 8.5-27M117.1 235.4c.3.7.9 1.2 1.6 1.5.7.3 1.8 0 2.5-.4 3.8-10.8 4.8-15.7 8.7-26.5\"\n        fill=\"none\"\n        stroke=\"#F6B74B\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M117.2 235.5c-.2.8-.3 1.7.1 2.4.3.7 1.1 1.3 1.8 1.1.5-.1.9-.5 1.1-.9.2-.4.4-1 .4-1.5M124.9 207.9c1.6 1.4 3.6 2.1 5.7 2.1M124.9 207.9c1.7-4.9 5.2-15.6 6.4-20.6M130.5 210c1.5-5 4.6-16.2 5.7-21.3\"\n        fill=\"none\"\n        stroke=\"#F6B74B\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M133.2 188.9c.7.4 1.5.6 2.2.5.3 0 .7-.2.8-.6.1-.3-.1-.6-.3-.8-.7-1-1.8-1.7-2.9-2-.6-.1-1.4-.2-1.7.6-.4 1.1 1.2 1.9 1.9 2.3zM131.3 188.7c-.6-.1-1.2.2-1.6.7-.4.5-.6 1.1-.8 1.6-1.1 3.6-4.3 12.5-5.4 16.1M120.6 233.4l7.8-23.4M128.4 207.9c1.7-5.2 3.6-10.4 5.7-15.6\"\n        fill=\"none\"\n        stroke=\"#F6B74B\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M210 134.9c-13.9-2.2-28.3-4.5-28.3-4.5-1.9-.3-3.1-2-2.8-3.9l6.5-40.7c.3-1.9 2-3.1 3.9-2.8l54.1 8.6c1.9.3 3.1 2 2.8 3.9l-6.5 40.7c-.3 1.9-2 3.1-3.9 2.8 0 0-2.9-.5-7.3-1.1\"\n        fill=\"none\"\n        stroke=\"#f87c3b\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M175.4 91.5c-1.1.8-1.5 2.3-1.5 3.7 0 1.4.4 2.7.7 4.1 2.3 9.2 1.7 19 3.5 28.3.3 1.5.7 3.1 1.5 4.4M177.4 90.8c2.3-.9 4.7-1.4 7.1-1.4\"\n        fill=\"none\"\n        stroke=\"#f87c3b\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M196.5 133.3c-9.6 1.2-17.3 2.2-17.3 2.2-1.8.2-3.5-1.1-3.8-2.9l-5.1-40.7c-.2-1.9 1.1-3.5 2.9-3.8 0 0 4.8-.6 11.6-1.5M201.5 85.1c12.3-1.5 25.5-3.5 25.5-3.5 1.8-.2 3.5 1.1 3.8 2.9 0 0 .2 1.6.5 4.2M188.7 93.7c.4-2.5.6-4.1.6-4.1.3-1.9 2-3.3 3.9-3 0 0 1.2.2 3.3.6M241.2 101.5c-1 6.4-3.1 19.3-4.3 26.2M236.2 130.5c-.2 1-.2 1.6-.2 1.6-.1.8-.6 1.5-1.2 2M212.8 132c-8.1-1.3-16.8-2.7-22-3.5\"\n        fill=\"none\"\n        stroke=\"#f87c3b\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M188.7 127.7c-1.4-.2-2.2-.3-2.2-.3-1.8-.3-3-1.8-2.7-3.4 0 0 0-.2.1-.5M184.5 120.6c.8-5.4 2.5-16.7 3.5-24.1M206.4 94.4c6.1.9 12.3 1.9 18.4 2.8M204.3 107.1c6.1 1.2 12.3 2.4 18.4 3.5M200.8 111.4c8 1.2 16.1 2.4 24.1 3.5M198.6 97.2c6.2 1 27.8 4.6 34 5.7M230.3 125.3c-1.9 6.8-12.1 3.7-10.2-3.1 2-6.7 12.1-3.6 10.2 3.1z\"\n        fill=\"none\"\n        stroke=\"#f87c3b\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M228.3 124.7c-1.2 4.1-7.2 2.2-6.1-1.8 1.1-4.1 7.2-2.2 6.1 1.8z\"\n        fill=\"none\"\n        stroke=\"#f87c3b\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M220.5 125.6c-2.6 3.1-5.4 6.1-8.4 8.9 2.2-.3 4.5-.8 6.6-1.5-.3 2.3-.1 4.6.5 6.8 2.2-3.6 4.4-7.3 6.4-11.1M224.2 131.7c.5 2.4 1 4.9 1.3 7.4 1-1.9 1.9-4 2.5-6.1 1.6 1.4 3.4 2.6 5.5 3.2-1.2-2.9-2.5-5.7-3.8-8.5\"\n        fill=\"none\"\n        stroke=\"#f87c3b\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M161.6 55.5l-11.1-35.7c-.6-1.8.4-3.7 2.2-4.3L199.4.9c1.8-.6 3.7.4 4.3 2.2l12.5 40.2c.6 1.8-.4 3.7-2.2 4.3l-45.4 14.2c-.1 0 .1 0 0 0l-5.9 1.9c-2.2.7-4.5-.5-5.2-2.7l-9.1-29.2c-.5-1.5.4-3.2 1.9-3.6l2.1-.7M163.9 18.5l2.8 7.8M163.9 18.5l8.5 6.4M169.6 16.4l2.8 8.5M172.4 15.6l2.8 7.8M172.4 15.6l5.7-1.4M173.8 19.2l3.6-.7M175.2 23.4l5-1.4M179.5 13.5l4.2 7.8M183 12.1l.7 9.2M183 12.1l5 7.8M187.3 10.7l.7 9.2\"\n        fill=\"none\"\n        stroke=\"#f24360\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M195.3 9.8c-2-1.2-5-.3-5.8 1.7 1 3.7 7.1-.1 7.8 4.1-.9 2-3.9 2.9-5.8 1.7M161.8 32.7c14-4.5 27.9-9 41.8-13.5M183 32c7.6-2.4 15.1-4.7 22.7-7.1M183.7 35.5c7.6-2.4 15.1-4.7 22.7-7.1M185.2 39.8c7.6-2.6 15.1-5.2 22.7-7.8M185.9 42.6c7.8-2.4 15.6-4.7 23.4-7.1M168.9 52.5c13.7-4.3 27.4-8.5 41.1-12.8M170.3 56.1c13.7-4.3 27.4-8.5 41.1-12.8M179.5 44.6l-11.4 3.6c-.5.2-1.1-.1-1.3-.7l-2.9-9.2c-.2-.5.1-1.1.7-1.3l11.4-3.6c.5-.2 1.1.1 1.3.7l2.9 9.2c.1.6-.2 1.1-.7 1.3zM150.4 29.1c3.1 9.7 6.1 19.4 9.2 29.1M153.2 29.1c-.4.5-.9 1-1.4 1.4M154 31.2c-.4.7-.9 1.4-1.4 2.1M154.7 34.1c-.4.7-.9 1.4-1.4 2.1M156.1 37.6c-.5.7-.9 1.4-1.4 2.1M156.8 40.5c-.5.7-.9 1.4-1.4 2.1M158.2 44.7l-1.4 1.4M158.9 48.3c-.5.7-.9 1.4-1.4 2.1M160.3 51.8c-.5.4-1 .9-1.4 1.4M161 53.9c-.4.7-.9 1.4-1.4 2.1M12.5 57.5c-1.8 3.6-3.2 6.2-3.2 6.2 2.6 9.9 5.7 17.9 8.2 27.8l36.4-12.9c-2.6-9.9-4.5-16.1-7.1-26l-4.4-2.2M19.2 88c10.4-3.6 20.8-7.1 31.2-10.6M45.4 58.9c1.7 4.7 3.3 9.5 5 14.2M13.5 68.8c1.8 4 3.5 8 5 12.1M20.6 88l1.4 1.4M23.4 86.6c.5.7 1 1.4 1.4 2.1M26.3 85.9c.3.7.5 1.4.7 2.1M28.4 85.2c.2.7.5 1.4.7 2.1M31.2 84.4c.2.7.5 1.4.7 2.1M34.1 83c.2 1 .4 1.9.7 2.8M36.2 82.3c.5.7.9 1.4 1.4 2.1M39.8 80.9c.5.9.9 1.9 1.4 2.8M42.6 80.2c.5.7.9 1.4 1.4 2.1M45.4 78.8c.5.7 1 1.4 1.4 2.1M49 77.4c.5.7.9 1.4 1.4 2.1M27 43.2c-2.9-1.6-5-2.7-5-2.7s-1.2 2.4-2.8 5.7\"\n        fill=\"none\"\n        stroke=\"#f24360\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        fill=\"none\"\n        stroke=\"#f24360\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M10 64.3L33.7 71l12.4-17.8M17.8 90.8L27 70.3M35.5 68.1l17.7 10\"\n        className=\"spread1\"\n      />\n      <path\n        d=\"M15.9 66c-1.6-5.8-3.3-11.6-5.2-17.3l.2-.1c9.9-3 17.8-5.1 27.7-8.1 1.6 4.5 3.8 10.6 5.5 15.1M17.1 53.9c6.1-1.9 12.3-3.8 18.4-5.7M22.7 58.9c4.3-1.2 8.5-2.4 12.8-3.5\"\n        fill=\"none\"\n        stroke=\"#f24360\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        fill=\"none\"\n        stroke=\"#f87c3b\"\n        strokeWidth={1.499925}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M256.124 118.893l14.967-3.622 9.573 39.557-14.968 3.622z\"\n        className=\"spread1\"\n      />\n      <path\n        fill=\"none\"\n        stroke=\"#f87c3b\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M298.6 101.5l-26.8 14.1-15 3.6 14.5-7.6.6 1.6 1.8-.9-.7-1.7 7.6-3.9.6 1.5 1.7-1-.6-1.5 1.4-.7z\"\n        className=\"spread1\"\n      />\n      <path\n        fill=\"none\"\n        stroke=\"#f87c3b\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M307.9 140.9l-26.7 14.5-9.5-39.5 26.7-14.4zM273.8 156.8l-9.9-39.7M263.9 117.1l25.5-13.5M283 106.8l-1.8 1-.6-1.5-1.9-4.6-7.6 3.8 1.9 4.7.7 1.6-1.8 1-.7-1.7-2.3-5.8c-.2-.5 0-1 .5-1.2l9.4-4.7c.3-.1.5-.1.8 0 .3.1.5.3.6.6l2.2 5.4.6 1.4zM265.3 154.7l4.3 3.4-3.2.8z\"\n        className=\"spread1\"\n      />\n      <path\n        fill=\"none\"\n        stroke=\"#f87c3b\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M277.4 156.1l2.8-4.3 4.3 1.5-3.5 1.9zM307.2 137.6l-1.5 4.3 2.2-1.2zM295.8 102.7l3.6.9-.7-2.1zM275.2 113.5l-2.8 5.7-4.2-2.8 3.3-.8zM257.6 122.7l2-4.2-2.8.7zM55.9 103.7c1.8-1.4 3.5-.7 4.1.4.5.8.5 2.5-.6 3.6-1.3 1.2-3.2 1.4-4.1.2-1-1.3-.9-3.2.6-4.2zM82.7 89.5c2.1.5 2.6 2.1 2.4 3.5-.2 1.3-1.4 2.2-2.8 2.1-1.6-.1-2.9-1.2-2.8-3.1 0-1.6 1.5-2.9 3.2-2.5zM104.3 98.4c1.8 1.3 1.6 2.9 1 4.1-.6 1-2.1 1.4-3.4.7-1.5-.8-2.2-2.2-1.5-3.9.6-1.3 2.5-1.9 3.9-.9z\"\n        className=\"spread1\"\n      />\n      <path\n        d=\"M58.9 108c5.3 8.6 9.3 24.7 10 26.5.4 1 24.4-.2 24.5-1.4.1-1.3 4.3-23.3 8.1-29.4\"\n        fill=\"none\"\n        stroke=\"#f87c3b\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M60.3 106.1c2.5.5 12.2 6 13.9 8.1.8-6.2 4.8-16.6 6.7-19.8M82.3 95.1c-.2 1.5 3.4 15.6 4.6 17.7 2.2-3.7 10.7-9.2 13.8-10.6M68.1 132c3.5-.4 22.7-1.3 25.5-1.4\"\n        fill=\"none\"\n        stroke=\"#f87c3b\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M63.9 353.3c1-1.2 1.9-2.3 2.8-3.5M72.4 343.3l2.1-2.1M78.3 337c9-11.8 16.4-24.8 21.4-38.8 6.1-17.1 10.8-40.3 4.4-58-2.7-7.6-10.1-15.2-19-12.7-8.3 2.3-12.3 13.5-9.8 21.1 2.5 7.9 13.2 13.1 19.5 6 6.4-7.2-3.9-19.8-10.5-11.8M73.1 361.8c1.5-.9 2.9-1.9 4.3-2.8M80.9 355.4l2.1-2.1M88 347.6c19.7-21.8 31.9-50.6 50.2-73.2 4.8-6 11.5-11.7 19.7-11.2 7.2.5 13 6.8 12.2 14.1-.8 7.5-9.7 14.1-17.1 10.4-7.6-3.8-3.5-16.9 3.9-12.2\"\n        fill=\"none\"\n        stroke=\"#F6B74B\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M67.4 358.2c27.8-23.7 50-70.3 55.6-88.8 2.3-7.6 4.4-15.7 9.6-21.8 3.5-4.1 11.1-8.8 15.3-2.9 3.2 4.5-1 13.5-6 15.2-8 2.8-8-9 .8-9.3M203 197.4l-5.7-23.4c-.6-2.4.9-4.8 3.3-5.4l25.1-6c2.4-.6 4.8.9 5.4 3.3l5.7 23.4c.6 2.4-.9 4.8-3.3 5.4l-25.1 6c-2.4.5-4.8-.9-5.4-3.3z\"\n        fill=\"none\"\n        stroke=\"#F6B74B\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M211.4 189.8c0 1.4-1 2.5-2.1 2.5-1.2 0-2.1-1.1-2.1-2.5s1-2.5 2.1-2.5c1.2 0 2.1 1.1 2.1 2.5zM206.4 175.9c0 1.2-1 2.1-2.1 2.1-1.2 0-2.1-1-2.1-2.1 0-1.2 1-2.1 2.1-2.1 1.2 0 2.1 1 2.1 2.1z\"\n        fill=\"none\"\n        stroke=\"#F6B74B\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <circle\n        cx={227}\n        cy={183.7}\n        r={2.1}\n        fill=\"none\"\n        stroke=\"#F6B74B\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M227.7 171.3c0 1.4-1.1 2.5-2.5 2.5s-2.5-1.1-2.5-2.5 1.1-2.5 2.5-2.5c1.4.1 2.5 1.2 2.5 2.5zM219.9 179.1c0 1.4-1.1 2.5-2.5 2.5s-2.5-1.1-2.5-2.5 1.1-2.5 2.5-2.5c1.4.1 2.5 1.2 2.5 2.5z\"\n        fill=\"none\"\n        stroke=\"#F6B74B\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <circle\n        cx={219.2}\n        cy={191.5}\n        r={2.1}\n        fill=\"none\"\n        stroke=\"#F6B74B\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        fill=\"none\"\n        stroke=\"#F6B74B\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M200.8 162.5l2.8 11.3M201.5 175.9l-8.5 2.2M215 180.2l-19.9 4.3M219.2 179.5l5.7 3.5M216.4 176.7l-4.3-17.1M210 192.3l3.5 14.9M227.7 185.9l3.6 15.6M229.1 183.7l11.4-2.8M222.8 156.8l2.8 12.1M227.7 171l9.2-2.9M239.1 175.1l-11.7 2.3-1.1-3.6M206.4 190.1l-9.9 2.2M219.9 194.4l2.1 9.9M211.4 189.4c1.2-.5 2.4-.9 3.5-1.4M216.4 181.6c-.5 2.4-.9 4.7-1.4 7.1\"\n        className=\"spread1\"\n      />\n      <path\n        d=\"M53.2 160c-4.4-7.5-13.1-11.6-20.7-9.9-7.6 1.7-13.7 9.2-14.8 18.8 11.9-2.8 23.8-5.6 35.5-8.9zM14.9 106.1l3.5-5.3 7.9 4.5-1.6 2.5-1.9 2.9z\"\n        fill=\"none\"\n        stroke=\"#f87c3b\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M41.2 105.1c-3.1-2.8-7.7-3.7-11.5-2.1s-6.5 5.5-6.9 9.8c-.4 4.3 1.7 8.8 5.2 11.4 4.4-6.5 8.8-13.1 13.2-19.1zM27 152.5C18.3 146 9.9 140 .8 133.9c7.4-12.2 8.6-13.8 16-26.1\"\n        fill=\"none\"\n        stroke=\"#f87c3b\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M30.5 150.4c-8.4-6.4-15.2-11.8-24.1-17.9 7.2-12.2 6.7-11.1 13.9-23.2M5.5 132.1c.3 1.1-.4 2.3-1.5 2.6-1.1.3-2.2-.4-2.5-1.6-.3-1.1.4-2.3 1.5-2.6 1.1-.3 2.3.5 2.5 1.6zM32 119.2c2.7 1.5 6.4.6 8.2-1.9 1.7-2.6 1.3-6.5-1-8.7M39.8 122c.5 1.2.9 2.4 1.4 3.5M43.3 119.2c.9.5 1.9.9 2.8 1.4M44.7 114.9c1.4-.3 2.8-.5 4.3-.7M29.1 107.1c-2.9 2.2-3.7 6.7-1.8 9.9M46.1 158.2c-.8-2.5-3.4-4-5.7-3.4\"\n        fill=\"none\"\n        stroke=\"#f87c3b\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <circle\n        transform=\"rotate(-82.027 159.281 159.28)\"\n        cx={159.3}\n        cy={159.3}\n        fill=\"none\"\n        stroke=\"#fba023\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        r={18.8}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M146.5 155.9c-1.7 7.3 2.9 14.5 10.1 16.2 7.2 1.7 14.5-2.9 16.2-10.1 1.7-7.3-2.9-14.5-10.1-16.2-7.3-1.7-14.5 2.8-16.2 10.1z\"\n        fill=\"none\"\n        stroke=\"#fba023\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M150.6 157.3c-1.1 4.8 1.9 9.5 6.7 10.6 4.8 1.1 9.5-1.9 10.6-6.7 1.1-4.8-1.9-9.5-6.6-10.6-4.8-1.1-9.6 1.9-10.7 6.7z\"\n        fill=\"none\"\n        stroke=\"#fba023\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M154.8 158.2c-.6 2.5 1 5 3.5 5.5 2.5.6 5-1 5.5-3.5.6-2.5-1-5-3.5-5.5s-4.9 1.1-5.5 3.5z\"\n        fill=\"none\"\n        stroke=\"#fba023\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        fill=\"none\"\n        stroke=\"#fba023\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M136.2 154l4.8 1.1 5.1 1.1 4.6 1.1 4.1.9 4.5 1.1 4.4 1 4.1.9 4.7 1.1 5 1.2 4.8 1.1\"\n        className=\"spread1\"\n      />\n      <path\n        fill=\"none\"\n        stroke=\"#fba023\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M164.6 136.2l-1.1 4.8-1.2 5.1-1.1 4.6-.9 4.1-1 4.5-1.1 4.4-.9 4.1-1.1 4.7-1.1 5-1.1 4.8M104.9 160.3l-18.3 1.5L98 183l18.4-1.4zM116.8 181.6l11.6-14.6-11.7-21.6-11.7 14.7z\"\n        className=\"spread1\"\n      />\n      <path\n        fill=\"none\"\n        stroke=\"#fba023\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M88.7 161.8l.7-5 15.6 3.6-10.8-7.9-.3 5.2M109.1 149.7l-4.1-2.4.1 13 5.8-14.9 4 2\"\n        className=\"spread1\"\n      />\n      <path\n        d=\"M157.5 218.5c.4.3.8.6 1.3.9.5.2 1 .4 1.6.5M174.9 212.1c1.1-1.2 2.1-2.6 3.1-4 6.2-9.1 7.6-19 3-22s-13.3 1.9-19.5 11.1c-1 1.5-1.9 2.9-2.6 4.4M165.3 219.9c.5-.2.9-.4 1.4-.7M156.8 212.1c-.8.5-.9 1-.4 1.4\"\n        fill=\"none\"\n        stroke=\"#F6B74B\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M182.3 197.9c-1.1-1.5-3.2-3.5-5.9-5.4-2.6-1.9-5.2-3.3-6.9-3.8M147.6 215.7c4.3-4 12.1-4.4 12.1-4.4l1.3-8.2c-12.7-1.6-13.4 12.6-13.4 12.6zM172.7 210.7l-7.4 4.4s2.8 7.8.7 13.4c0-.1 13.3-6.1 6.7-17.8zM150.6 217.1c-1.3 3 4.8 5.6 4.8 5.6l2.8-5c-1.6-1-.8-4-.8-4-2.9-1.2-6.8 3.4-6.8 3.4z\"\n        fill=\"none\"\n        stroke=\"#F6B74B\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M164.5 218.5s-2.5 1.8-4 .8l-3.7 4.3s4.6 4.3 7 2.1c0-.1 2.9-5.1.7-7.2zM161 203l-2.2-1.6c-11.1 1.6-11.2 14.2-11.2 14.2M166 228.4s11.7-4.9 8.8-16.2l-2.3-1.6M175.8 202.1c1.5-2.2 1.1-5-1-6.3-2.1-1.3-4.9-.7-6.4 1.5s-1.1 5 1 6.3c2 1.4 4.9.7 6.4-1.5zM150.7 222.3c-.7-1-2.1-1.2-3.1-.5s-1.4 3.6-1.4 3.6 3 .7 4 0c1-.8 1.2-2.2.5-3.1zM156.1 229.5c-.3 1.3 1.6 3.9 1.6 3.9s2.9-1.6 3.2-2.8c.3-1.3-.5-2.5-1.9-2.8-1.2-.3-2.6.5-2.9 1.7zM155.8 225.1c-.3-.3-.8-.2-1 .3-.2.5-.1 1.2.2 1.5.3.3.8.2 1-.3.2-.5.1-1.2-.2-1.5zM160.7 234.3c-.3-.3-.8-.2-1 .3-.2.5-.1 1.2.2 1.5.3.3.8.2 1-.3.2-.5.2-1.2-.2-1.5z\"\n        fill=\"none\"\n        stroke=\"#F6B74B\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <circle\n        cx={149}\n        cy={229.8}\n        r={1.4}\n        fill=\"none\"\n        stroke=\"#F6B74B\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M79.5 206.4s12.2-5.7 10.4-13.7c-1.7-8.1-15.1 2.6-12.9 4.7 2.3 2 10.3-5.9 8.8-12.7-1.5-6.8-10.4-5.8-13.5-.7-3.1 5.1 8.9 2.7 6.5-7.7-2.4-10.4-11.6-3.5-10.6-.8.9 2.7 6.1-1.6 3.8-7.6l-3.3-9\"\n        fill=\"none\"\n        stroke=\"#fba023\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        fill=\"none\"\n        stroke=\"#fba023\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M68.8 158.7l4.3 1.6-7.1-9.2.9 11.4z\"\n        className=\"spread1\"\n      />\n      <path\n        d=\"M213.5 246.3c2-1.8 2-5.3 0-7.1-1.9-1.8-5.4-1.4-6.9.7.6-3.1-1.3-6.6-4.2-7.7-3-1.1-6.6.4-8 3.3-1.5-4-6.1-6.4-10.1-5.4-4 1.1-6.9 5.5-6.4 9.7-3.7-.3-7.3 2.5-8.1 6.1-.8 3.6 1.4 7.7 4.8 8.8 12.9-3 25.9-5.9 38.9-8.4z\"\n        fill=\"none\"\n        stroke=\"#F6B74B\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <circle\n        cx={178.8}\n        cy={246.2}\n        r={1.4}\n        fill=\"none\"\n        stroke=\"#F6B74B\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M188.7 241.2c0 .8-.8 1.4-1.8 1.4s-1.8-.6-1.8-1.4c0-.8.8-1.4 1.8-1.4s1.8.6 1.8 1.4zM199.3 240.1c0 1-.8 1.8-1.8 1.8s-1.8-.8-1.8-1.8.8-1.8 1.8-1.8c1.1.1 1.8.9 1.8 1.8zM206.4 244c0 .8-.6 1.4-1.4 1.4-.8 0-1.4-.6-1.4-1.4 0-.8.6-1.4 1.4-1.4.8 0 1.4.7 1.4 1.4zM187.3 259.6l-2.6-11-5.2-2.4\"\n        fill=\"none\"\n        stroke=\"#F6B74B\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M191.5 258.2c-.9-4.1-1.9-8.3-2.8-12.4-.5-1-1-2.1-1.5-3.2M196.9 241.2l-2.5 3.1 2.8 11.8M203.6 244.7s-2.1 3.1-2.1 3.2l1.5 7.5M218.9 219.4c-.2.1-4.1-1.7-4.2-1.4-.2.3 1.2 2.2 2 3.4-.2.4-2.5 3.3-2.4 3.6.2.2 4.4-1.2 5.4-1.4.1.6 2.5 4.2 2.8 4.1.3 0 0-3.6 0-4.5.6-.3 3.8-1.8 3.8-2.2 0-.4-3-1-3.8-1.5.1-.6.3-5.2 0-5.3-.4 0-3.4 4.9-3.6 5.2z\"\n        fill=\"none\"\n        stroke=\"#F6B74B\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M49.9 138.8c-.1.2-3.8 2.4-3.7 2.8.1.3 2.6.3 4 .4.2.4 1.2 4.2 1.5 4.2.3 0 1.7-4.5 2.1-5.4.6.3 5 .4 5.1.1.1-.3-3-2.2-3.7-2.7.2-.7.8-4.4.5-4.6-.3-.2-2.7 2-3.5 2.4-.4-.5-4.1-3.4-4.4-3.2-.2.1 2 5.6 2.1 6z\"\n        fill=\"none\"\n        stroke=\"#fba023\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M226.1 67.6c3.9-.9 6.9-4.2 8.4-7.9.3-.8.5-1.6.2-2.4-.2-.6-.8-1-1.3-1.2-1-.4-2.1-.3-3 .1-.9.5-1.6 1.5-1.9 2.5.1-1.5-1-3.1-2.5-3.5-1.5-.4-3.2.4-3.9 1.8-.7 1.4-.3 3.1.1 4.6.6 2.1 2.2 4.8 3.9 6z\"\n        fill=\"none\"\n        stroke=\"#ef2c79\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        d=\"M260 183c2.9-2.8 3.7-7.2 2.9-11.1-.2-.8-.5-1.6-1.2-2.1-.5-.3-1.2-.4-1.9-.3-1.1.2-2 .8-2.6 1.7-.5.9-.6 2.1-.3 3.1-.8-1.3-2.6-2-4.1-1.6-1.5.5-2.6 2-2.4 3.5.2 1.5 1.5 2.7 2.7 3.8 1.8 1.6 4.6 3 6.9 3zM171.7 73.1l-.7 6.4M168.1 75.9l6.4.7\"\n        fill=\"none\"\n        stroke=\"#f87c3b\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n      <path\n        fill=\"none\"\n        stroke=\"#fba023\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M193 150.4l-4.3 4.3M193.7 154.7l-5-4.3\"\n        className=\"spread1\"\n      />\n      <path\n        fill=\"none\"\n        stroke=\"#F6B74B\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M190.8 215l5 4.2M195.1 214.2l-4.3 5\"\n        className=\"spread1\"\n      />\n      <path\n        fill=\"none\"\n        stroke=\"#f87c3b\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M251.1 157.5l-4.9-4.3M250.4 153.2l-4.2 5M75.2 65.3l5 4.3M80.2 64.6l-5 5\"\n        className=\"spread1\"\n      />\n      <path\n        d=\"M97.2 211.8c3.3-.4 7.2 1.4 8.7 4.5-.8-3.5 1-7.4 4.1-9.1-1.9.8-4.3.5-5.9-.4-1.5-.9-2.4-2.4-2.9-3.9 1 3.4-.8 7.4-4 8.9z\"\n        fill=\"none\"\n        stroke=\"#F6B74B\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"spread1\"\n      />\n    </svg>\n  );\n};\n\nexport default SpreadTwo;\n","import React, { Fragment, useEffect } from \"react\";\nimport { Link, useHistory } from \"react-router-dom\";\nimport PageSlide from \"../components/PageSlide\";\nimport styled from \"styled-components\";\nimport { motion } from \"framer-motion\";\nimport { gsap } from \"gsap\";\nimport { ScrollToPlugin } from \"gsap/ScrollToPlugin\";\nimport Tilt from \"react-parallax-tilt\";\nimport { isMobile } from \"react-device-detect\";\nimport { useSwipeable } from \"react-swipeable\";\nimport { Helmet } from \"react-helmet\";\n\nimport Menu from \"../components/Menu\";\n\nimport logo from \"../assets/img/logo1.svg\";\nimport shortlogo from \"../assets/img/short-logo.svg\";\nimport i2 from \"../assets/img/panel3.jpg\";\nimport One from \"../components/One\";\nimport Two from \"../components/Two\";\nimport Three from \"../components/Three\";\nimport SpreadTwo from \"../components/SpreadTwo\";\n\nimport DA from \"../components/DownArrow\";\nimport c2 from \"../assets/img/circ2.svg\";\nimport c3 from \"../assets/img/circ3.svg\";\n\nimport hardcopy from \"../assets/downloads/Amdocs Customer Engagement eBook.pdf\";\n\nimport {\n  Omni as Icon1,\n  Trolley as Icon2,\n  Medal as Icon3,\n  Collab as Icon4,\n  Reuse as Icon5,\n  Target as Icon6,\n} from \"../components/Icons\";\n\ngsap.registerPlugin(ScrollToPlugin);\n\nconst PageTwo = ({ isOpen, setIsOpen, isFoward, setIsFoward }) => {\n  const history = useHistory();\n\n  const jumpTo = () => {\n    gsap.to(window, { duration: 0.5, scrollTo: { y: \"#ga\", offsetY: 110 } });\n  };\n\n  const closeMenu = () => {\n    setIsOpen(false);\n  };\n\n  const pageBack = () => {\n    setIsFoward(false);\n  };\n\n  const pageFoward = () => {\n    setIsFoward(true);\n  };\n\n  const nextPage = (e) => {\n    setIsFoward(true);\n    gsap.to(window, { duration: 0.5, scrollTo: 0 });\n    gsap.to(\".thenav\", { y: \"-100px\", duration: 1 });\n\n    setTimeout(() => {\n      history.push(\"/amdocs-customer-engagement\");\n    }, 200);\n  };\n\n  const prevPage = (e) => {\n    setIsFoward(false);\n    gsap.to(window, { duration: 0.5, scrollTo: 0 });\n    gsap.to(\".thenav\", { y: \"-100px\", duration: 1 });\n    setTimeout(() => {\n      history.push(\"/the-customer-of-today\");\n    }, 400);\n  };\n\n  const homePage = (e) => {\n    setIsFoward(false);\n    gsap.to(window, { duration: 0.5, scrollTo: 0 });\n    gsap.to(\".thenav\", { y: \"-100px\", duration: 1 });\n    setTimeout(() => {\n      history.push(\"/\");\n    }, 400);\n  };\n\n  const toggleMenu = () => {\n    setIsOpen(!isOpen);\n  };\n\n  const goP1 = (e) => {\n    setIsFoward(false);\n    gsap.to(window, { duration: 0.5, scrollTo: 0 });\n    gsap.to(\".thenav\", { y: \"-100px\", duration: 1 });\n    setTimeout(() => {\n      history.push(\"/the-customer-of-today\");\n    }, 400);\n  };\n\n  const goP2 = (e) => {\n    setIsFoward(true);\n    gsap.to(window, { duration: 0.5, scrollTo: 0 });\n    gsap.to(\".thenav\", { y: \"-100px\", duration: 1 });\n    setTimeout(() => {\n      history.push(\"/meet-the-amdocs-solution\");\n    }, 400);\n  };\n\n  const goP3 = (e) => {\n    setIsFoward(true);\n    gsap.to(window, { duration: 0.5, scrollTo: 0 });\n    gsap.to(\".thenav\", { y: \"-100px\", duration: 1 });\n    setTimeout(() => {\n      history.push(\"/amdocs-customer-engagement\");\n    }, 400);\n  };\n\n  const handlers = useSwipeable({\n    onSwipedLeft: (eventData) => nextPage(),\n    onSwipedRight: (eventData) => prevPage(),\n  });\n\n  useEffect(() => {\n    gsap.set(\".request-prompt\", { background: \"#DF6469\" });\n    gsap.to(\".thenav\", { y: 0, duration: 1, delay: 0.2 });\n\n    gsap.to(\".icon-prompt\", { y: 10, yoyo: true, repeat: -1 });\n  }, []);\n\n  return (\n    <Fragment>\n      <Helmet>\n        <title>Meet Amdocs Customer Engagement</title>\n      </Helmet>\n      <QuickMenu\n        id=\"the-menu\"\n        className={isOpen ? \"open\" : null}\n        onClick={closeMenu}\n      >\n        <span onClick={goP1}>The customer of today</span>\n        <span onClick={closeMenu}>Meet the Amdocs Solution</span>\n        <span onClick={goP3}>Amdocs Omnichannel Customer Engagement</span>\n        <a download href={hardcopy}>\n          <DownloadButton>Download PDF</DownloadButton>\n        </a>\n        <a\n          href=\"mailto:amdocscustomerenga@amdocs.com?subject=Amdocs Customer Engagement eBook Enquiry\"\n          target=\"_blank\"\n        >\n          <RequestButton>Request a demo</RequestButton>\n        </a>\n      </QuickMenu>\n      <Navbar className=\"thenav\">\n        <div className=\"inner\">\n          <div className=\"logo\" onClick={homePage}></div>\n          <div className=\"items\">\n            <a\n              href=\"mailto:amdocscustomerenga@amdocs.com?subject=Amdocs Customer Engagement eBook Enquiry\"\n              target=\"_blank\"\n            >\n              <span className=\"request-prompt\">Request a demo</span>\n            </a>\n\n            <div onClick={homePage} className=\"prev\">\n              <i className=\"mi-home icon\" />\n              <span>Home</span>\n            </div>\n\n            <div onClick={prevPage} className=\"prev\">\n              <i className=\"mi-arrow-left icon\" />\n              <span>Previous</span>\n            </div>\n\n            <div onClick={nextPage} className=\"next\">\n              <span>Next</span>\n              <i className=\"mi-arrow-right icon\" />\n            </div>\n            <a style={{ display: \"contents\" }} download href={hardcopy}>\n              <div className=\"next\">\n                <span>Download</span>\n                <i className=\"mi-download icon\" />\n              </div>\n            </a>\n          </div>\n          <div className=\"items\">\n            <div\n              className={isOpen ? \"burger close\" : \"burger\"}\n              onClick={toggleMenu}\n            >\n              <span></span>\n              <span></span>\n              <span></span>\n            </div>\n          </div>\n        </div>\n      </Navbar>\n      <PageSlide isFoward={isFoward}>\n        <div className=\"swipeable\" {...handlers}>\n          <PageContent>\n            <Card>\n              <div className=\"inner\">\n                <h1>Meet Amdocs Customer Engagement</h1>\n                <p>\n                  Intelligent &amp; modular, our solution enables contact center\n                  and retail shop agents to manage all aspects of the customer\n                  relationship from a single application.\n                </p>\n              </div>\n\n              <SpreadGraphic>\n                <SpreadTwo />\n              </SpreadGraphic>\n            </Card>\n            <SideImage>\n              <Tilt\n                tiltEnable={isMobile ? false : true}\n                trackOnWindow={true}\n                glareEnable={true}\n                glarePosition=\"all\"\n                glareColor=\"#000\"\n                perspective={800}\n                gyroscope={true}\n              >\n                <img src={i2} alt=\"\" />\n              </Tilt>\n            </SideImage>\n\n            <DownPrompt onClick={jumpTo}>\n              <DA />\n            </DownPrompt>\n          </PageContent>\n\n          <GridArea id=\"ga\">\n            <GridTile id=\"gt1\">\n              <span\n                onMouseEnter={() => {\n                  gsap.to(\"#gt1 .desc\", {\n                    autoAlpha: 1,\n                    display: \"block\",\n                    y: 0,\n                  });\n                }}\n                className=\"icon-prompt\"\n              >\n                <Icon1 />\n              </span>\n              <div className=\"title\">Omnichannel customer experience</div>\n              <div className=\"desc\">\n                multi-topic &amp; multi-channel interactions\n              </div>\n            </GridTile>\n            <GridTile id=\"gt2\">\n              <span\n                onMouseEnter={() => {\n                  gsap.to(\"#gt2 .desc\", {\n                    autoAlpha: 1,\n                    display: \"block\",\n                    y: 0,\n                  });\n                }}\n                className=\"icon-prompt\"\n              >\n                <Icon2 />\n              </span>\n              <div className=\"title\">One-stop-shop</div>\n              <div className=\"desc\">\n                manage all care &amp; commerce journeys across front- and\n                back-office for all customer types\n              </div>\n            </GridTile>\n            <GridTile id=\"gt3\">\n              <span\n                onMouseEnter={() => {\n                  gsap.to(\"#gt3 .desc\", {\n                    autoAlpha: 1,\n                    display: \"block\",\n                    y: 0,\n                  });\n                }}\n                className=\"icon-prompt\"\n              >\n                <Icon3 />\n              </span>\n              <div className=\"title\">Personalized &amp; efficient care</div>\n              <div className=\"desc\">\n                embedded AI-driven contextualized recommendations & insights\n              </div>\n            </GridTile>\n            <GridTile id=\"gt4\">\n              <span\n                onMouseEnter={() => {\n                  gsap.to(\"#gt4 .desc\", {\n                    autoAlpha: 1,\n                    display: \"block\",\n                    y: 0,\n                  });\n                }}\n                className=\"icon-prompt\"\n              >\n                <Icon4 />\n              </span>\n              <div className=\"title\">Enriching collaborations</div>\n              <div className=\"desc\">\n                easy integration to any partner back-end system\n              </div>\n            </GridTile>\n            <GridTile id=\"gt5\">\n              <span\n                onMouseEnter={() => {\n                  gsap.to(\"#gt5 .desc\", {\n                    autoAlpha: 1,\n                    display: \"block\",\n                    y: 0,\n                  });\n                }}\n                className=\"icon-prompt\"\n              >\n                <Icon5 />\n              </span>\n              <div className=\"title\">\n                Business flexibility &amp; scalability\n              </div>\n              <div className=\"desc\">cloud-native &amp; cloud-agnostic</div>\n            </GridTile>\n            <GridTile id=\"gt6\">\n              <span\n                onMouseEnter={() => {\n                  gsap.to(\"#gt6 .desc\", {\n                    autoAlpha: 1,\n                    display: \"block\",\n                    y: 0,\n                  });\n                }}\n                className=\"icon-prompt\"\n              >\n                <Icon6 />\n              </span>\n              <div className=\"title\">Contextualized experiences</div>\n              <div className=\"desc\">\n                drag & drop-based configurations empower agents with fast & easy\n                customization of views, flows and permissions\n              </div>\n            </GridTile>\n\n            <FlowBox className=\"box\">\n              <h1>Sounds great…</h1>\n              <p>Tell me more </p>\n              <NextPagePrompt onClick={nextPage}>\n                <DA />\n              </NextPagePrompt>\n            </FlowBox>\n          </GridArea>\n\n          {/* \n       <Interactives id=\"ch\">\n         \n       <h1>Yet, challenges still exist:</h1>\n        <ChallangesRow>\n            <div>\n                <One />\n            </div>\n\n            <div>\n                <Two />\n            </div>\n\n            <div>\n                 <Three />\n            </div>\n        </ChallangesRow>\n\n        <h3>These challenges stand in the way of delivering a WOW customer experience.</h3>\n\n        </Interactives> */}\n        </div>\n      </PageSlide>\n    </Fragment>\n  );\n};\n\nconst PageContent = styled.div`\n  display: flex;\n  width: 100%;\n  height: 100%;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  max-width: 1650px;\n  margin: auto;\n\n  @media (max-width: 850px) {\n    justify-content: flex-start;\n    align-items: flex-start;\n    width: 100%;\n    display: flex;\n    flex-direction: column-reverse;\n    height: auto;\n  }\n\n  &.normal {\n    /* justify-content: flex-start; */\n    align-items: flex-start;\n    flex-direction: column;\n\n    h1 {\n      text-align: center;\n      margin: auto;\n    }\n\n    svg {\n      display: block;\n      width: 40%;\n      margin: auto;\n    }\n  }\n`;\n\nconst DownPrompt = styled.div`\n  position: absolute;\n  right: 400px;\n  bottom: 50px;\n  width: 100px;\n  height: 100px;\n  /* background: red; */\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n\n  &::before {\n    content: \"scroll down\";\n    position: absolute;\n    top: -40px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: fit-content;\n\n    @media (max-width: 850px) {\n      display: none;\n    }\n  }\n\n  @media (max-width: 850px) {\n    position: relative;\n    order: 1;\n    margin: auto;\n    right: unset;\n    margin-top: 40px;\n  }\n\n  svg {\n    display: block;\n    width: 100%;\n\n    @media (max-width: 850px) {\n      width: 80%;\n    }\n  }\n`;\n\nconst NextPagePrompt = styled.div`\n  position: absolute;\n  bottom: -45px;\n  right: -145px;\n  width: 100px;\n  height: 100px;\n  /* background: red; */\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  transform: rotate(-90deg);\n\n  &::before {\n    content: \"next\";\n    position: absolute;\n    bottom: 50px;\n    right: -70px;\n    transform: translateX(-50%) rotate(90deg);\n    width: fit-content;\n\n    @media (max-width: 850px) {\n      display: none;\n    }\n  }\n\n  @media (max-width: 850px) {\n    display: none;\n  }\n\n  svg {\n    display: block;\n    width: 100%;\n  }\n`;\n\nconst Navbar = styled.nav`\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  width: 100%;\n  height: 90px;\n  background: rgba(0, 0, 0, 1);\n  z-index: 100;\n\n  @media (max-width: 850px) {\n    height: 55px;\n  }\n\n  /* opacity: 0;\n    visibility: hidden; */\n  transform: translateY(-100px);\n\n  a {\n    color: #fff;\n    text-decoration: none;\n  }\n\n  .burger {\n    width: 60px;\n    height: 60px;\n    border-radius: 100%;\n    z-index: 999;\n    top: 20px;\n    left: 20px;\n    padding: 14px;\n    display: block !important;\n    z-index: 9999;\n    cursor: pointer;\n    visibility: visible;\n    -webkit-transition: all 0.3s ease;\n    transition: all 0.3s ease;\n    cursor: pointer;\n\n    span {\n      width: 85%;\n      height: 4px;\n      display: block;\n      background: #fff;\n      margin: 5px 0;\n    }\n\n    &.close {\n      transition: all 0.3s ease;\n\n      span {\n        &:nth-child(1) {\n          transform: rotate(45deg) translate(6px, 7px);\n          transition: all 0.3s ease;\n        }\n        &:nth-child(2) {\n          opacity: 0;\n          transition: all 0.3s ease;\n        }\n        &:nth-child(3) {\n          transform: rotate(-45deg) translate(6px, -7px);\n          transition: all 0.3s ease;\n        }\n      }\n    }\n  }\n\n  .request-prompt {\n    font-size: 12px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background: #df6469;\n    padding: 10px;\n    border-radius: 10px;\n    cursor: pointer;\n\n    @media (max-width: 850px) {\n      display: none;\n    }\n  }\n\n  .inner {\n    max-width: 1650px;\n    margin: auto;\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n\n    @media (max-width: 850px) {\n      padding: 0 20px;\n      justify-content: flex-start;\n    }\n  }\n\n  .logo {\n    display: block;\n    margin-right: auto;\n    margin-left: 160px;\n    background: url(${logo}) no-repeat center center;\n    background-size: cover;\n    width: 195px;\n    height: 31px;\n\n    @media (max-width: 1270px) {\n      background: url(${shortlogo}) no-repeat center center;\n      margin-left: 40px;\n    }\n\n    @media (max-width: 850px) {\n      background: url(${logo}) no-repeat center center;\n      margin-left: 0;\n      /* margin-right: 0; */\n    }\n\n    img {\n      max-width: 220px;\n      width: 100%;\n\n      @media (max-width: 850px) {\n        max-width: 160px;\n      }\n    }\n  }\n\n  .items {\n    /* margin-right: 225px; */\n    display: flex;\n    font-size: 1em;\n\n    .prev {\n      @media (max-width: 850px) {\n        display: none;\n      }\n    }\n\n    .next {\n      @media (max-width: 850px) {\n        display: none;\n      }\n    }\n\n    .icon {\n      margin: 0 10px;\n    }\n\n    div {\n      cursor: pointer;\n      flex: 1;\n      margin-left: 30px;\n      display: flex;\n      align-items: center;\n    }\n\n    &:last-of-type {\n      margin-right: 160px;\n      margin-left: 30px;\n\n      @media (max-width: 1270px) {\n        margin-left: 15px;\n        margin-right: 100px;\n      }\n\n      @media (max-width: 850px) {\n        margin-right: 0;\n      }\n    }\n  }\n`;\n\nconst SpreadGraphic = styled.div`\n  position: absolute;\n  left: -100px;\n  /* top: 170px; */\n  bottom: 2px;\n  width: 500px;\n  height: 500px;\n  /* background: red; */\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  z-index: -1;\n\n  @media (max-width: 850px) {\n    /* display: none; */\n    width: 300px;\n    height: 300px;\n    opacity: 0.5;\n  }\n\n  svg {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n`;\n\nconst Interactives = styled.div`\n  max-width: 1650px;\n  margin: auto;\n\n  h1,\n  h3 {\n    margin-left: 160px;\n\n    @media (max-width: 850px) {\n      margin-left: 0;\n      font-size: 16px;\n    }\n  }\n\n  img {\n    display: block;\n    width: 40%;\n    margin: auto;\n  }\n\n  padding-bottom: 30px;\n`;\n\nconst ChallangesRow = styled.div`\n  display: flex;\n  flex-direction: row;\n  margin: 60px 0;\n\n  @media (max-width: 850px) {\n    flex-direction: column;\n  }\n\n  div {\n    flex: 1;\n    display: flex;\n    cursor: pointer;\n\n    @media (max-width: 850px) {\n      margin-bottom: 30px;\n    }\n\n    svg {\n      display: block;\n      margin: auto;\n      width: 50%;\n      cursor: pointer;\n      height: max-content;\n\n      @media (max-width: 850px) {\n        width: 70%;\n      }\n    }\n  }\n`;\n\nconst Card = styled.div`\n  background: #df6469;\n  padding: 3em;\n  max-width: 40%;\n  min-height: 500px;\n  display: flex;\n  /* justify-content: center; */\n  align-items: center;\n  @media (max-height: 700px) {\n    top: 40px;\n    min-height: 400px;\n  }\n  @media (max-height: 600px) {\n    padding: 1.75em 3em 1.75em 3em;\n  }\n\n  @media (max-width: 850px) {\n    padding: 10px;\n    background: transparent;\n    min-height: unset;\n    max-width: unset;\n    padding: 25px;\n    align-items: flex-start;\n    order: 2;\n    top: -30px;\n  }\n\n  .inner {\n    margin-right: 50px;\n\n    @media (max-width: 850px) {\n      margin-right: 0;\n    }\n  }\n\n  h1 {\n    /* font-family: 'MarkPro-Bold'; */\n    font-size: 2.5em;\n    line-height: 0.9;\n    margin-bottom: 30px;\n    font-weight: 600;\n\n    @media (max-width: 850px) {\n      font-size: 2.2em;\n    }\n  }\n\n  p {\n    margin: 10px 0;\n    font-size: 1.2em;\n    @media (max-height: 700px) {\n      font-size: 1em;\n    }\n    @media (max-height: 600px) {\n      font-size: 0.85em;\n    }\n    @media (max-width: 850px) {\n      font-size: 16px;\n    }\n  }\n`;\n\nconst SideImage = styled.div`\n  max-width: 40%;\n  position: relative;\n  left: -50px;\n\n  @media (max-width: 850px) {\n    max-width: unset;\n    left: 0;\n    top: -30px;\n    order: 3;\n  }\n\n  img {\n    display: block;\n    width: 100%;\n    max-height: 400px;\n\n    @media (max-width: 850px) {\n      /* max-height: 250px; */\n      width: 100%;\n      /* object-fit: cover; */\n    }\n  }\n`;\n\nconst GridArea = styled.div`\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  /* grid-template-rows: 1fr 1fr 1fr; */\n  grid-template-areas:\n    \"a b c\"\n    \"d e f\"\n    \"box box box\";\n  grid-gap: 10px;\n  margin: 10px;\n  width: 80%;\n  margin: auto;\n  padding-bottom: 50px;\n  position: relative;\n\n  @media (max-width: 850px) {\n    display: block;\n  }\n\n  .box {\n    grid-area: box;\n    width: 80%;\n\n    @media (max-width: 850px) {\n      width: 100%;\n    }\n  }\n`;\n\nconst FlowBox = styled.div`\n  background: #df6469;\n  width: 70%;\n  margin: auto;\n  /* margin-left: 160px; */\n  padding: 3em;\n  margin-bottom: 50px;\n  height: fit-content;\n  /* max-width: 700px; */\n  position: relative;\n\n  @media (max-width: 850px) {\n    margin-left: 0;\n    width: 100%;\n    padding: 30px;\n  }\n\n  h1,\n  h3,\n  p {\n    margin-left: 0 !important;\n\n    @media (max-width: 850px) {\n      font-size: 0.5em;\n    }\n  }\n\n  h1 {\n    margin-bottom: 10px;\n    padding-bottom: 10px !important;\n\n    @media (max-width: 850px) {\n      font-size: 0.9em;\n    }\n  }\n\n  p {\n    font-size: 1.8em;\n    /* width: 50%; */\n    @media (max-width: 850px) {\n      font-size: 16px !important;\n    }\n  }\n`;\n\nconst GridTile = styled.div`\n  /* text-align: center; */\n  margin-bottom: 40px;\n\n  display: flex;\n  flex-direction: column;\n  /* justify-content: center; */\n  align-items: center;\n  text-align: center;\n\n  img {\n    display: block;\n    width: 40%;\n    margin: auto;\n    margin-bottom: 30px;\n    height: 100px;\n    cursor: pointer;\n    max-width: 120px;\n  }\n\n  svg {\n    display: block;\n    width: 100%;\n    /* margin: auto; */\n    margin-bottom: 30px;\n    height: 100px;\n    cursor: pointer;\n    max-width: 120px;\n  }\n\n  .title {\n    display: block;\n    font-family: \"MarkPro-Bold\";\n    font-size: 1.5em;\n    max-width: 60%;\n    /* margin: auto; */\n  }\n\n  .desc {\n    margin: 20px 0 0 0;\n    max-width: 60%;\n\n    opacity: 0;\n    visibility: hidden;\n    display: none;\n    transform: translateY(100px);\n  }\n`;\n\nconst DownloadButton = styled.div`\n  border: 3px solid #f6b74b;\n  padding: 20px;\n  border-radius: 30px;\n  margin-top: 30px !important;\n  display: block;\n  transition: all 0.5s ease;\n\n  &:hover {\n    transition: all 0.5s ease;\n    color: #f6b74b;\n  }\n`;\n\nconst RequestButton = styled.div`\n  border: 3px solid #df6469;\n  display: block;\n  border-radius: 30px;\n  padding: 20px;\n  margin-top: 30px !important;\n  transition: all 0.5s ease;\n\n  &:hover {\n    transition: all 0.5s ease;\n    color: #df6469;\n  }\n`;\n\nconst QuickMenu = styled(motion.div)`\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  z-index: 100;\n  background-color: #000;\n\n  transform: translateX(-100%);\n  transition: all 0.5s ease;\n\n  a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  &.open {\n    transform: translateX(0);\n    transition: all 0.5s ease;\n  }\n\n  div {\n    font-family: \"MarkPro-Bold\";\n    font-size: 3em;\n    cursor: pointer !important;\n    margin: 10px 0;\n    transition: all 0.5s ease;\n\n    @media (max-width: 850px) {\n      font-size: 1.6em;\n      text-align: center;\n      width: 80%;\n      margin: 10px auto;\n    }\n  }\n\n  span {\n    font-family: \"MarkPro-Bold\";\n    font-size: 3em;\n    cursor: pointer !important;\n    margin: 10px 0;\n    transition: all 0.5s ease;\n\n    @media (max-width: 850px) {\n      font-size: 1.6em;\n      text-align: center;\n      width: 80%;\n      margin: 10px auto;\n    }\n\n    &:hover {\n      transition: all 0.5s ease;\n    }\n\n    &:nth-child(1) {\n      &:hover {\n        color: #f6b74b;\n      }\n    }\n\n    &:nth-child(2) {\n      &:hover {\n        color: #df6469;\n      }\n    }\n\n    &:nth-child(3) {\n      &:hover {\n        color: #c9317f;\n      }\n    }\n  }\n`;\n\nexport default PageTwo;\n","export default __webpack_public_path__ + \"static/media/down-arrow.8a121107.svg\";","import React, { useEffect } from \"react\";\nimport { gsap } from \"gsap\";\nimport { DrawSVGPlugin } from \"gsap/DrawSVGPlugin\";\n\ngsap.registerPlugin(DrawSVGPlugin);\n\nconst Media = () => {\n  useEffect(() => {\n    gsap.from(\".media1\", {\n      display: \"none\",\n      drawSVG: 0,\n      delay: 0.9,\n      duration: 1,\n      stagger: 0.001,\n    });\n  }, []);\n\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 211.5 216.5\">\n      <path\n        d=\"M4.8 93.1c0-.3-.7-5.2-.5-5.3.3-.1 2.7 2.9 2.9 3.4.8-.2 3.2-1.5 3.4-1.2.2.3-1 3.1-1.3 3.6.5.6 2.6 2.7 2.4 2.9-.2.2-3.7-.8-4.1-1.1-.5.6-2.5 4-2.8 3.9-.3-.1-.3-3.3-.4-3.6-1.2-.3-3.2-.8-3.2-1.1 0-.3 3.5-1.4 3.6-1.5zM80.7 68.8l2.5 4M83.8 69.2l-3.6 2.6\"\n        fill=\"none\"\n        stroke=\"#ef7837\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"media1\"\n      />\n      <path\n        fill=\"none\"\n        stroke=\"#fab400\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M176.2 190.8l4.6.5M178.8 188.8l-.6 4.5M137.7 182.2l4.6.6M140.3 180.2l-.6 4.6M157.7 209.2l2 4.1M160.8 210.2l-4.1 2.6\"\n        className=\"media1\"\n      />\n      <path\n        fill=\"none\"\n        stroke=\"#f59d1a\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M61.7 75.2l-1.5 4.1M63.3 77.8l-4.6-1\"\n        className=\"media1\"\n      />\n      <path\n        d=\"M75.9 35.2c2.5 9.1-1.4 13.2-4.8 13.8-3.3.6-5.2-3.5-1.9-4.9s8.1 1.3 8.5 5.7c.4 4.4-4.7 9.9-8.1 9.7-3.4-.3-3.9-5.4-1.2-5.7s15.1 5.3-3.2 13.4\"\n        fill=\"none\"\n        stroke=\"#e8415b\"\n        strokeWidth={1.5}\n        strokeMiterlimit={8}\n        className=\"media1\"\n      />\n      <path\n        d=\"M76.8 28c-.1-1.5-.2-3.1-.7-4.5-1.3-3.9-4-6.9-7.4-8.8l1.4-3c4.1 2.2 7.4 5.9 9 10.6 1 2.8 1.2 5.7.9 8.5-.2 1.3-.8 2.6-1.8 3.5l-2.5 2.4M48.1 37.8c-.9-1.2-1.7-2.5-2.2-4-1.3-3.9-1.1-8 .5-11.6l-2.9-1.5c-1.9 4.3-2.2 9.3-.6 14.1 1 2.9 2.5 5.3 4.5 7.3.9 1 2.2 1.5 3.5 1.7l3.4.4\"\n        fill=\"none\"\n        stroke=\"#e8415b\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"media1\"\n      />\n      <path\n        d=\"M69 14.4c-.5 1.1-1.8 1.6-2.9 1.1-2.9-1.1-6.3-1.2-9.5-.1-3.2 1.1-5.8 3.2-7.4 5.8-.6 1-1.9 1.4-3 .9l-2.1-1c-1.2-.6-1.7-2.1-1-3.3 2.5-4 6.3-7.2 11.2-8.9 4.9-1.6 9.9-1.4 14.4.3 1.3.5 1.9 2 1.3 3.2l-1 2zM56.3 15.8l-1.1-3.6M62.3 11.8l-.6 3M51.7 18.3l-2-2.1M59.2 43.7l-4 .5c-.8.1-1.6-.2-2.1-.8l-4.8-5.3c-.5-.6-.7-1.4-.5-2.1l1-3.8M71.7 39.3l3.4-2c.7-.4 1.1-1.1 1.1-1.8l.4-6.9c0-.8-.3-1.5-.9-1.9l-3.1-2.4\"\n        fill=\"none\"\n        stroke=\"#e8415b\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"media1\"\n      />\n      <path\n        d=\"M72.7 23.9l-3.1-.2c-.8-.1-1.6.6-1.6 1.4l-.8 12.4c-.1.8.6 1.5 1.4 1.5l3.1.2 1-15.3zM48.7 32.1l2.2-1.9c.6-.5 1.5-.5 2.1.1l8.4 9.5c.5.6.5 1.5-.1 2.1L59 43.8 48.7 32.1zM13 5.8c3.4-.3 5.3.6 6.2 2.6.9 2 1.5 8 1.6 10.7 0 2.7-3.1 4.6-6.3 4.6s-6.2-1.2-6.6-4.1c-.4-2.9.3-8.3.8-10.2.5-2 1.7-3.4 4.3-3.6zM6.7 9.8l2 .5M5.7 14.8l2.5-.6M6.2 18.8l1.6-.6M21.7 9.2l-2.5.6M22.7 13.2l-2.5.6M22.3 18.2l-1.6.6\"\n        fill=\"none\"\n        stroke=\"#e8415b\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"media1\"\n      />\n      <path\n        d=\"M11.3 10.4c.1-.8.9-1 1.1-.1.2.8.9 7.4.8 9.2-.1 1-1.1 1.1-1.4-.1-.3-1.2-.7-7.7-.5-9zM15.3 10c.1-.9.9-1 1.1-.1.2.9.9 7.8.8 9.6-.1 1-1.1 1.2-1.4-.1-.3-1.3-.7-8.1-.5-9.4zM16.9 52.8c3.2-.3 6.3 1.7 6.8 3.7.7 3.1-2.1 5.8-5.1 6.2-3 .4-6.8-1.3-7.2-4-.5-2.6 2-5.6 5.5-5.9zM12.7 71.2c1.8.1 11.5-1.1 13-1.5\"\n        fill=\"none\"\n        stroke=\"#e8415b\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"media1\"\n      />\n      <path\n        d=\"M16.8 42.2c2.6-.3 4.4-1.7 6.7-1.9 1.4-.1 3.9 1 4.2 3.1.5 2.5-1.8 5.4-.7 9.4.7 2.8 6.2 8.4 6.3 13.8.1 5.5-4.8 12.3-13.5 12.6-8.7.4-16.5-3.6-17-10.1S6.9 57 7 54.1c0-2.9-2-5.4-2.1-8.3-.1-2.6 2-4.2 3.9-4.5 1.4-.2 4.6 1.2 8 .9zM14.7 71.3l-3-47.5M18.2 22.8s4.6 43.2 5 47.5M14.2 23.8l3.6 47.5M16.2 23.8l4.6 47M106.3 11.9c-3.9-1.7-5.1-3.1-7.7-4.7l-.8 7.5 8.5-2.8z\"\n        fill=\"none\"\n        stroke=\"#e8415b\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"media1\"\n      />\n      <path\n        d=\"M113.1 9.2c3 8.6-4.8 12.9-8.8 14.1-3.9 1.2-10.3 1-14.7-7.1-1.8-6 3.2-13.2 8.2-14.7 5-1.6 12.3-.9 15.3 7.7zM115.7 3.3l2.5-2.5M117.2 6.3c1.2-.5 2.3-1 3.5-1.5M118.2 10.3c1.2-.1 2.3-.1 3.5-.5\"\n        fill=\"none\"\n        stroke=\"#e8415b\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"media1\"\n      />\n      <path\n        d=\"M105.3 40.2c-.9-1.1-1.5-3.1-1.6-4.6 0-1.1 0-2.3.6-3.1.6-.8 1.8-1.1 2.7-.6.9.5 1.3 1.7 1 2.7.3-.6.9-1.2 1.6-1.3.7-.2 1.4 0 1.9.4.3.2.6.6.7 1 .1.5-.2 1.1-.5 1.5-1.4 2.4-3.8 4.1-6.4 4zM134.7 61.3c-4-.7-8-1.3-12-2M115.2 57.8c-3.8-.7-7.7-1.3-11.5-2M119.2 55.3c.3-2.7.7-5.3 1-8M118.8 63.2c-.5 2.2-1 4.3-1.5 6.5M123.7 64.2c.7 1.2 1.3 2.3 2 3.5M124.7 55.3c1-.8 2-1.7 3-2.5M114.2 52.8c-.8-1.2-1.7-2.3-2.5-3.5M114.2 62.8c-1.3.8-2.7 1.7-4 2.5M122.2 87c0 7.9-6.4 14.3-14.2 14.3-7.9 0-14.3-6.4-14.3-14.3s6.4-14.3 14.2-14.3c8 .1 14.3 6.4 14.3 14.3zM108.2 93.8c-3.9 0-7-2.9-7-6.5M108.2 80.2c3.6 0 6.5 3.1 6.5 7M108.2 97.3c-5.8 0-10.5-4.5-10.5-10M108.2 76.8c5.8 0 10.5 4.7 10.5 10.5\"\n        fill=\"none\"\n        stroke=\"#ef7837\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"media1\"\n      />\n      <path\n        d=\"M111.3 87c0 1.8-1.5 3.2-3.3 3.2-1.8 0-3.2-1.5-3.2-3.2 0-1.8 1.5-3.3 3.2-3.3 1.8.1 3.3 1.5 3.3 3.3zM48.3 73.2s-2.7-1.1-1.7-3.5c.8-2 3.4-2.6 5.1-1.3 1.3 1.1 1.7 3.1 1.1 4.7-.7 2-3 2.8-5 2.4-2.8-.6-4.3-3.5-4-6.2.2-1.9 1.3-3.1 2.6-4.4 1.9-1.8 4.7-3.7 5.6-6.3.5-1.5 0-3.4-.8-4.7-.1-.1-.8.4-.8.4-.7.5-1.1 1.2-1.5 1.9-1.1 2.1-.9 4.2-.6 6.4.2 1.6.5 3.3.7 4.9.4 3 .8 6 1.3 8.9.3 2.1.6 4.6-1.6 5.8-.7.4-1.6.4-2.3.1-.7-.3-1.3-1.1-1.2-1.9.1-1.1 1.4-1.6 2.3-1.3.4.1.8.5.8.9\"\n        fill=\"none\"\n        stroke=\"#ef7837\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"media1\"\n      />\n      <path\n        d=\"M162.2 127.5s-2.8-.7-2.2-3.2c.5-2 3-3.1 4.8-2 1.5.9 2.1 2.8 1.8 4.4-.4 2-2.6 3.1-4.6 3-2.8-.2-4.8-2.8-4.8-5.5 0-1.9.9-3.2 2-4.6 1.6-2.1 4.1-4.2 4.6-6.9.3-1.5-.4-3.3-1.5-4.5-.1-.1-.7.5-.8.5-.6.6-.9 1.3-1.2 2.1-.8 2.2-.3 4.2.3 6.3.5 1.6.9 3.1 1.4 4.7.8 2.8 1.7 5.7 2.6 8.5.6 2 1.3 4.4-.8 5.9-.7.5-1.5.7-2.3.4-.7-.2-1.5-.9-1.5-1.7 0-1.1 1.1-1.8 2.1-1.6.4.1.9.3 1 .8\"\n        fill=\"none\"\n        stroke=\"#f59d1a\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"media1\"\n      />\n      <path\n        d=\"M50.3 103.7c.7 2.8 6.3 3.8 12.7 2.3 6.3-1.5 10.9-5 10.2-7.8-.7-2.8-6.3-3.8-12.7-2.3-6.3 1.6-10.9 5.1-10.2 7.8z\"\n        fill=\"none\"\n        stroke=\"#ef7837\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"media1\"\n      />\n      <path\n        d=\"M50.2 103.7l1.8 7.5c.7 2.8 6.3 3.8 12.5 2.3s10.8-5 10.1-7.8l-1.8-7.5\"\n        fill=\"none\"\n        stroke=\"#ef7837\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"media1\"\n      />\n      <path\n        fill=\"none\"\n        stroke=\"#ef7837\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M73.8 108.9l-5.9-4.7-3.3 9.5-7.2-6.9-2.7 7M65.5 89.2c-1 1.1-.9 2.7.1 3.5 1 .8 2.6.6 3.5-.4 1-1.1.9-2.7-.1-3.5-1-.9-2.6-.7-3.5.4zM68.7 88.8l8.5-9.6M56.4 100.2c-.4 1.3.3 2.7 1.6 3.3 1.3.6 2.7 0 3.2-1.3.4-1.3-.3-2.7-1.6-3.3-1.4-.5-2.8.1-3.2 1.3zM56.2 100.3l-16-6.1M52.2 95.3c-.6-.8-1.3-1.6-1.9-2.4.8-.3 1.8-.7 2.5-.2V89c.9.6 1.8 1.1 2.8 1.5.2.1.5.1.7 0 .1-.1.1-.2.2-.3.2-.7.5-1.3.9-1.9.6.7.9 1.5.9 2.4M74.2 91.1c.8-.4 3-1.4 3.9-1.4-.3 1.2-1.9 3.8-2.3 5 .8-.6 3.1-1.8 4-2.1.8-.3 1.6-.6 2.5-.9L78 98c1-.1 3.1 0 3.9.8-1.7.3-3.1 1.7-3.5 3.4M44.8 131.5c-1.5 2.1-10.1 3.8-20.2 3.8-10 0-18.7-1.6-20.2-3.8m12.2-1.8c-7.2.3-12.2 1-12.2 1.8 0 1.1 9 2 20.2 2s20.2-.9 20.2-2c0-.8-5.1-1.5-12.4-1.8M3.2 118.3c-.1-.7-.3-2.1.2-2.6.1-.1.2-.2.4-.2.4-.1.9-.1 1.3-.1.7 0 1.4 0 2.1.1.6 0 1.1.1 1.7.1h.2c-.1-.8-.2-1.5-.3-2.3-.5 0-1 0-1.5-.1-1.2-.1-3-.2-4.1.1-.5.1-1 .4-1.4.8-1.3 1.2-1.2 3.2-.9 4.7h0c2 7 6.9 10.6 14.2 9.6l.5-.1c-.4-.7-.9-1.4-1.4-2.1-5.7.7-9.4-2.2-11-7.9zm37.1-6.7c0 5.4-1.8 10.3-4.8 13.8-3.9 5.3-4 6.8-11 6.8-7.5 0-6.6-.7-11-6.8-2.9-3.5-4.8-8.4-4.8-13.8 0-.7 7-1.3 15.7-1.3s15.9.6 15.9 1.3zM21.5 94.8c4.6 4.5-4.4 7 0 11.4m6.9-9.8c4.6 4.5-4.4 7 0 11.4\"\n        className=\"media1\"\n      />\n      <path\n        d=\"M68.7 145.3c-4.4-1.6-6.6-6.3-4.9-10.5M84.7 125.2c4.4 1.6 6.6 6.3 4.9 10.5M67.2 149.8c-6.8-2.6-10.2-10.2-7.6-17M86.7 120.8c6.4 2.6 9.6 10.2 7.2 17\"\n        fill=\"none\"\n        stroke=\"#f59d1a\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"media1\"\n      />\n      <path\n        d=\"M88.3 145.5l-11.4 5.1c-.8.4-1.8-.1-2.2-.9-3.8-9.8-6.9-15-10.3-22.5-.4-.9-.1-1.9.7-2.2l11.4-5.1c.8-.4 1.8.1 2.2.9 2.4 9.2 6.9 15 10.3 22.5.5.9.1 1.9-.7 2.2z\"\n        fill=\"none\"\n        stroke=\"#f59d1a\"\n        strokeWidth={1.5}\n        strokeMiterlimit={8}\n        className=\"media1\"\n      />\n      <path\n        fill=\"none\"\n        stroke=\"#f59d1a\"\n        strokeWidth={1.5}\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M65.7 129.3l14-6.5M73.7 147.3l14-6.5\"\n        className=\"media1\"\n      />\n      <path\n        fill=\"none\"\n        stroke=\"#f59d1a\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M70.7 124.8l2.5-1\"\n        className=\"media1\"\n      />\n      <path\n        d=\"M82.2 145.9c.1.1 0 .3-.3.3-.3.1-.5 0-.7-.1-.1-.1 0-.3.3-.3.3-.1.6 0 .7.1z\"\n        fill=\"none\"\n        stroke=\"#f59d1a\"\n        strokeWidth={1.5}\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"media1\"\n      />\n      <path\n        fill=\"none\"\n        stroke=\"#f59d1a\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M80.2 133.5l-4.4 6.3-3.1-7zM139.7 111.5c-.1-1.1-1.1-1.9-2.2-1.8l-3.6.5c-1.1.2-1.8 1.2-1.7 2.3v.1l7.5-1.1h0zM146.7 133.3c0-.1 0-.1 0 0l-2.5-18.5s0 0 0 0l.5 3.6.1 1M107.2 124.8l2 13.4v.1M121.2 121.8l-14 2 .2 1M120.7 122.8c.1-.4.3-.7.5-1M146.7 134.3c.6-.3.7-.7.1-1M109.7 139.3l37.1-5.1M109.2 138.2c.1.4.3.7.5 1\"\n        className=\"media1\"\n      />\n      <path\n        d=\"M117.8 119.6c.1.5-.3.9-.7 1l-5.5.8c-.5.1-.9-.3-1-.7l-.3-2.1c-.1-.5.3-.9.7-1l5.5-.8c.5-.1.9.3 1 .7l.3 2.1zm8-.1c1.8-.2 3.5.2 4.9 1.1l14-1.9-.5-3.5-.1-.6c-.3-1.8-2.2-3-4.3-2.7l-7.4 1-22.2 3.1c-2.1.3-3.7 2-3.4 3.7l.6 4.1 14-1.9c1.1-1.3 2.6-2.2 4.4-2.4z\"\n        fill=\"none\"\n        stroke=\"#f59d1a\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"media1\"\n      />\n      <path\n        d=\"M116.5 116.8l-5.5.7c-.5.1-.8.5-.7 1l.3 2c.1.5.5.8 1 .7l5.5-.7c.5-.1.8-.5.7-1l-.3-2c-.1-.5-.6-.8-1-.7zM113.9 141.7l29.5-4.1c1.8-.2 3.1-1.7 3.3-3.4l-37 5.1c.7 1.7 2.4 2.7 4.2 2.4zM127.5 131.5c-2.9.4-5.5-1.5-5.9-4.3-.4-2.8 1.6-5.4 4.5-5.7 2.9-.4 5.5 1.5 5.9 4.3.4 2.8-1.6 5.3-4.5 5.7zm3.3-11.1c-1.4-.9-3.2-1.3-5-1.1-1.8.2-3.4 1.1-4.6 2.3-.3.3-.6.7-.8 1.1-.9 1.4-1.3 3-1 4.8.6 4 4.4 6.7 8.5 6.2 4.1-.6 7-4.2 6.4-8.2-.2-1.7-1.1-3.2-2.3-4.3-.5-.3-.8-.6-1.2-.8z\"\n        fill=\"none\"\n        stroke=\"#f59d1a\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"media1\"\n      />\n      <path\n        d=\"M126.1 121.3c-2.7.4-4.6 3.1-4.3 5.9.4 2.9 2.9 4.9 5.6 4.5 2.7-.4 4.6-3.1 4.3-5.9-.4-2.9-2.9-4.9-5.6-4.5zM135.3 105.8c-.2-1.5-.3-3-.5-4.5M140.7 106.8c.8-1 1.7-2 2.5-3M130.2 107.8c-1.2-1-2.3-2-3.5-3\"\n        fill=\"none\"\n        stroke=\"#f59d1a\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"media1\"\n      />\n      <path\n        fill=\"none\"\n        stroke=\"#fab400\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M91.2 165.8l.5-2.6M93.2 166.8l.6-4M94.2 168.8l1.1-7.6M96.2 169.8l1-9M98.2 167.8l.5-4.6M99.7 166.8l.6-2.6M101.2 168.8l1.1-6M102.7 170.8l1.1-9.6M104.2 172.2l1.6-12M106.2 170.8l1.1-9M108.2 168.8l.6-4M109.7 169.8l.6-6M111.2 171.8l1-9.6\"\n        className=\"media1\"\n      />\n      <path\n        d=\"M119.7 167.3c.2-9.8-12.6-13-18.6-13.1-6-.1-19.3 1.9-17.2 12.4.4 6.2 16.2 10.5 22.2 10.6 6 .1 13.4-.1 13.6-9.9z\"\n        fill=\"none\"\n        stroke=\"#fab400\"\n        strokeWidth={1.5}\n        strokeMiterlimit={8}\n        className=\"media1\"\n      />\n      <path\n        d=\"M77.7 189.2c-13.6.8-27.8-3.4-38.6-11.4s-17.9-19.6-19.4-31.5c4.8 3.3 12.6 1.8 16.6-3-.7 10.4 3.3 21.3 11 29.8 7.8 8.4 19.1 14.4 30.4 16.1zM49.2 156.7c2.3-.5 4.1-3 3.9-5.4.1 1.1.4 2.3 1.3 3.2.9.9 2.4 1.5 3.8 1.3-2.3.6-4 3-4.1 5.5-.4-2.5-2.6-4.3-4.9-4.6z\"\n        fill=\"none\"\n        stroke=\"#fab400\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"media1\"\n      />\n      <path\n        d=\"M70.4 165.4c-.7-.3-1.5-.2-2.1.2-.4-2.6-4.1-2.5-4.4.1-.4 2 1.4 3.8 2.2 5.5 1.7-.6 4.2-.6 5.3-2.2.8-1.2.3-3-1-3.6z\"\n        fill=\"none\"\n        stroke=\"#fab400\"\n        strokeWidth={1.5}\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"media1\"\n      />\n      <path\n        d=\"M133.6 167.3c-1-.9-2.7-.7-3.9.6-1.2 1.2-1.3 2.9-.3 3.8 1 .9 2.7.7 3.9-.6 1.1-1.2 1.3-2.9.3-3.8zM134.3 168.2l-5.1-16.4M129.2 151.8c1.1 1.2 2.5 2.1 3.9 3 1.4.9 2.7 2 3.5 3.4.8 1.4.9 3.3-.1 4.6M92.7 199.9c-.3-1.2-1.8-1.9-3.4-1.6-1.6.3-2.8 1.5-2.5 2.7.3 1.2 1.8 1.9 3.4 1.6 1.7-.2 2.8-1.4 2.5-2.7zM92.7 201.3l5.5-16.1M98.3 185.2c.2 1.5.7 3 1.2 4.4.5 1.5.9 3 .7 4.5-.2 1.5-1.1 3.1-2.5 3.5M116.2 189.9c-1.7.5-2.8 2.3-2.3 4.1.9 3.4 1.7 5.5 2.6 10.3l2.5-.7-1.8-7.1c.2 0 .5 0 .7-.1 1.7-.5 2.8-2.3 2.3-4.1-.5-1.8-2.3-2.9-4-2.4zM126.8 201.1c1.7-.5 2.8-2.2 2.3-4l-2.6-9.9-2.5.7c-.1 3.6 1.2 4.6 1.8 6.8-.2 0-.5 0-.7.1-1.7.5-2.8 2.2-2.3 4 .5 1.8 2.3 2.8 4 2.3z\"\n        fill=\"none\"\n        stroke=\"#fab400\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"media1\"\n      />\n      <path\n        d=\"M130.8 204l-13.5 3.6c-1.7.5-3.5-.6-4-2.4l-3.5-13.8c-.5-1.8.6-3.6 2.3-4l13.5-3.6c1.7-.5 3.5.6 4 2.4l3.5 13.8c.5 1.8-.5 3.6-2.3 4zM152.2 200.5c-.3-1.3-2.3-2-4.3-1.6-2 .4-3.4 1.8-3.1 3.1.3 1.3 2.3 2 4.3 1.6 2.1-.4 3.4-1.8 3.1-3.1zM165.2 196.7c-.3-1.4-2.3-2.2-4.3-1.8-2 .5-3.4 2-3.1 3.5.3 1.4 2.3 2.2 4.3 1.8 2.1-.5 3.4-2.1 3.1-3.5z\"\n        fill=\"none\"\n        stroke=\"#fab400\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"media1\"\n      />\n      <path\n        fill=\"none\"\n        stroke=\"#fab400\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M152.2 201.3v-17.6l13-3.9M152.2 190.2c4.2-3.1 7.8-3.7 12-5M165.3 197.2c0-5.8-1.1-9.2 0-17.5\"\n        className=\"media1\"\n      />\n      <path\n        d=\"M180.2 209.5c-.9 1.1-2.4 1-3.5 0-1.1-1.1-1.2-2.8-.4-3.9.9-1.1 2.4-1 3.5 0 1.1 1.1 1.3 2.8.4 3.9z\"\n        fill=\"none\"\n        stroke=\"#fab400\"\n        strokeWidth={1.5}\n        strokeMiterlimit={8}\n        className=\"media1\"\n      />\n      <path\n        fill=\"none\"\n        stroke=\"#fab400\"\n        strokeWidth={1.5}\n        strokeMiterlimit={8}\n        d=\"M180.2 209.5l11.3-12.3 13.3 5.8-11.3 12.3\"\n        className=\"media1\"\n      />\n      <path\n        d=\"M193.2 215c-.9 1-2.4.9-3.5 0-1.1-1-1.2-2.6-.4-3.5.9-1 2.4-.9 3.5 0 1.1 1 1.3 2.6.4 3.5z\"\n        fill=\"none\"\n        stroke=\"#fab400\"\n        strokeWidth={1.5}\n        strokeMiterlimit={8}\n        className=\"media1\"\n      />\n      <path\n        d=\"M210.7 189.2c-6.3-2.2-11.7-6.8-14.9-12.6-3.3-5.8-4.4-12.8-3-19.3-6.8 1.3-14.9-1.5-20.1-7.1 1.5 2 3.2 3.7 4.7 5.7s2.8 4.2 2.9 6.7c.2 2.5-.9 5.1-2.8 6.5 7.7 11.2 20.3 19 33.2 20.1z\"\n        fill=\"none\"\n        stroke=\"#fab400\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        className=\"media1\"\n      />\n      <path\n        d=\"M157.1 148.8c3.2.4 8.5 5.9 7.5 11-.3 1.3-.8 2.4-1.4 3.5l-.8.8 2.1 8.1-7-5.1-.3.1c-1.2.3-2.5.3-3.8 0-5.2-1-8.8-2.3-8.1-9.9.7-7.6 8.6-8.9 11.8-8.5z\"\n        fill=\"none\"\n        stroke=\"#fab400\"\n        strokeWidth={1.5}\n        strokeMiterlimit={8}\n        className=\"media1\"\n      />\n      <path\n        fill=\"none\"\n        stroke=\"#fab400\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit={10}\n        d=\"M154.3 152.8l1.4 3.2 3.6.4-2.7 2.4.7 3.5-3-1.8-3.1 1.8.7-3.5-2.7-2.4 3.6-.4z\"\n        className=\"media1\"\n      />\n    </svg>\n  );\n};\n\nexport default Media;\n","export default __webpack_public_path__ + \"static/media/Amdocs Omnichannel Customer Engagement Solution Profile.960bddc0.pdf\";","import React, { Fragment, useEffect } from \"react\";\nimport { Link, useHistory } from \"react-router-dom\";\nimport PageSlide from \"../components/PageSlide\";\nimport styled from \"styled-components\";\nimport { motion } from \"framer-motion\";\nimport { gsap } from \"gsap\";\nimport { ScrollToPlugin } from \"gsap/ScrollToPlugin\";\nimport Tilt from \"react-parallax-tilt\";\nimport { isMobile } from \"react-device-detect\";\nimport { useSwipeable } from \"react-swipeable\";\nimport { Helmet } from \"react-helmet\";\nimport Menu from \"../components/Menu\";\nimport logo from \"../assets/img/logo1.svg\";\nimport shortlogo from \"../assets/img/short-logo.svg\";\nimport i3 from \"../assets/img/panel4.jpg\";\nimport arrow from \"../assets/img/down-arrow.svg\";\n\nimport One from \"../components/One\";\nimport Two from \"../components/Two\";\nimport Three from \"../components/Three\";\nimport Spread from \"../components/Spread\";\nimport { Tick, Tick2, Tick3, Tick4 } from \"../components/Icons\";\n\nimport DA from \"../components/DownArrow\";\nimport MG from \"../components/Media\";\n\nimport pdf from \"../assets/downloads/Amdocs Omnichannel Customer Engagement Solution Profile.pdf\";\nimport hardcopy from \"../assets/downloads/Amdocs Customer Engagement eBook.pdf\";\n\nimport {\n  People as Icon1,\n  Trolley as Icon2,\n  Hand as Icon3,\n  Puzzle as Icon4,\n  Cloud as Icon5,\n  Info as Icon6,\n} from \"../components/Icons\";\n\ngsap.registerPlugin(ScrollToPlugin);\n\nconst PageThree = ({ isOpen, setIsOpen, isFoward, setIsFoward }) => {\n  const history = useHistory();\n\n  const jumpTo = () => {\n    gsap.to(window, { duration: 0.5, scrollTo: { y: \"#ga\", offsetY: 110 } });\n  };\n\n  const pageBack = () => {\n    setIsFoward(false);\n  };\n\n  const closeMenu = () => {\n    setIsOpen(false);\n  };\n\n  const pageFoward = () => {\n    setIsFoward(true);\n  };\n\n  const sayHello = () => {\n    alert(\"ello\");\n  };\n\n  const tiltSides = () => {\n    gsap.to(\"#demo-box\", { borderRadius: \"30px\" });\n  };\n\n  const defaultSides = () => {\n    gsap.to(\"#demo-box\", { borderRadius: \"0px\" });\n  };\n\n  const tiltSides2 = () => {\n    gsap.to(\"#demo-box2\", { borderRadius: \"30px\" });\n  };\n\n  const defaultSides2 = () => {\n    gsap.to(\"#demo-box2\", { borderRadius: \"0px\" });\n  };\n\n  const nextPage = (e) => {\n    setIsFoward(true);\n    gsap.to(window, { duration: 0.5, scrollTo: 0 });\n    setTimeout(() => {\n      history.push(\"/\");\n    }, 200);\n  };\n\n  const prevPage = (e) => {\n    setIsFoward(false);\n    gsap.to(window, { duration: 0.5, scrollTo: 0 });\n    gsap.to(\".thenav\", { y: \"-100px\", duration: 1 });\n    setTimeout(() => {\n      history.push(\"/meet-the-amdocs-solution\");\n    }, 400);\n  };\n\n  const homePage = (e) => {\n    setIsFoward(false);\n    gsap.to(window, { duration: 0.5, scrollTo: 0 });\n    gsap.to(\".thenav\", { y: \"-100px\", duration: 1 });\n    setTimeout(() => {\n      history.push(\"/\");\n    }, 400);\n  };\n\n  const toggleMenu = () => {\n    setIsOpen(!isOpen);\n  };\n\n  const goP1 = (e) => {\n    setIsFoward(false);\n    gsap.to(window, { duration: 0.5, scrollTo: 0 });\n    gsap.to(\".thenav\", { y: \"-100px\", duration: 1 });\n    setTimeout(() => {\n      history.push(\"/the-customer-of-today\");\n    }, 400);\n  };\n\n  const goP2 = (e) => {\n    setIsFoward(false);\n    gsap.to(window, { duration: 0.5, scrollTo: 0 });\n    gsap.to(\".thenav\", { y: \"-100px\", duration: 1 });\n    setTimeout(() => {\n      history.push(\"/meet-the-amdocs-solution\");\n    }, 400);\n  };\n\n  const goP3 = (e) => {\n    setIsFoward(true);\n    gsap.to(window, { duration: 0.5, scrollTo: 0 });\n    gsap.to(\".thenav\", { y: \"-100px\", duration: 1 });\n    setTimeout(() => {\n      history.push(\"/amdocs-customer-engagement\");\n    }, 400);\n  };\n\n  const handlers = useSwipeable({\n    onSwipedLeft: (eventData) => nextPage(),\n    onSwipedRight: (eventData) => prevPage(),\n  });\n\n  useEffect(() => {\n    gsap.to(\".thenav\", { y: 0, duration: 1, delay: 0.2 });\n\n    gsap.to(\".icon-prompt\", { y: 10, yoyo: true, repeat: -1 });\n  }, []);\n\n  return (\n    <Fragment>\n      <Helmet>\n        <title>Amdocs Customer Engagement</title>\n      </Helmet>\n      <QuickMenu\n        id=\"the-menu\"\n        className={isOpen ? \"open\" : null}\n        onClick={closeMenu}\n      >\n        <span onClick={goP1}>The customer of today</span>\n        <span onClick={goP2}>Meet the Amdocs Solution</span>\n        <span onClick={closeMenu}>Amdocs Omnichannel Customer Engagement</span>\n        <a download href={hardcopy}>\n          <DownloadButton>Download PDF</DownloadButton>\n        </a>\n        <a\n          href=\"mailto:amdocscustomerenga@amdocs.com?subject=Amdocs Customer Engagement eBook Enquiry\"\n          target=\"_blank\"\n        >\n          <RequestButton>Request a demo</RequestButton>\n        </a>\n      </QuickMenu>\n      <Navbar className=\"thenav\">\n        <div className=\"inner\">\n          <div className=\"logo\" onClick={homePage}></div>\n          <div className=\"items\">\n            <a\n              href=\"mailto:amdocscustomerenga@amdocs.com?subject=Amdocs Customer Engagement eBook Enquiry\"\n              target=\"_blank\"\n            >\n              <span className=\"request-prompt\">Request a demo</span>\n            </a>\n\n            <div onClick={homePage} className=\"prev\">\n              <i className=\"mi-home icon\" />\n              <span>Home</span>\n            </div>\n\n            <div onClick={prevPage} className=\"prev\">\n              <i className=\"mi-arrow-left icon\" />\n              <span>Previous</span>\n            </div>\n\n            <div className=\"next\" onClick={homePage}>\n              <span>Next</span>\n              <i className=\"mi-arrow-right icon\" />\n            </div>\n\n            <a style={{ display: \"contents\" }} download href={hardcopy}>\n              <div className=\"next\">\n                <span>Download</span>\n                <i className=\"mi-download icon\" />\n              </div>\n            </a>\n          </div>\n          <div className=\"items\">\n            <div\n              className={isOpen ? \"burger close\" : \"burger\"}\n              onClick={toggleMenu}\n            >\n              <span></span>\n              <span></span>\n              <span></span>\n            </div>\n          </div>\n        </div>\n      </Navbar>\n      <PageSlide isFoward={isFoward}>\n        <div className=\"swipeable\" {...handlers}>\n          <PageContent>\n            <Card>\n              <div className=\"inner\">\n                <h1>Amdocs Customer Engagement</h1>\n                <p>\n                  Helps CSPs increase their customer & employee satisfaction and\n                  upsurge revenue.\n                </p>\n              </div>\n\n              <SpreadGraphic>\n                <MG />\n              </SpreadGraphic>\n            </Card>\n            <SideImage>\n              <Tilt\n                tiltEnable={isMobile ? false : true}\n                trackOnWindow={true}\n                glareEnable={true}\n                glarePosition=\"all\"\n                glareColor=\"#000\"\n                perspective={800}\n                gyroscope={true}\n              >\n                <img src={i3} alt=\"\" />\n              </Tilt>\n            </SideImage>\n\n            <DownPrompt onClick={jumpTo}>\n              <DA />\n            </DownPrompt>\n          </PageContent>\n\n          <GridArea id=\"ga\">\n            <GridTile id=\"gt1\">\n              <span\n                onMouseEnter={() => {\n                  gsap.to(\"#gt1 .desc\", {\n                    autoAlpha: 1,\n                    display: \"block\",\n                    y: 0,\n                  });\n                }}\n                className=\"icon-prompt\"\n              >\n                <Tick />\n              </span>\n              <div className=\"title\">Reduce onboarding &amp; training time</div>\n              <div className=\"desc\">\n                unified and intuitive application fit for all agent needs\n              </div>\n            </GridTile>\n            <GridTile id=\"gt2\">\n              <span\n                onMouseEnter={() => {\n                  gsap.to(\"#gt2 .desc\", {\n                    autoAlpha: 1,\n                    display: \"block\",\n                    y: 0,\n                  });\n                }}\n                className=\"icon-prompt\"\n              >\n                <Tick3 />\n              </span>\n              <div className=\"title\">\n                Provide a WOW omnichannel customer experience\n              </div>\n              <div className=\"desc\">\n                seamless handoff between channels &amp; agents; supports\n                multi-channel sessions and multi-topic interactions\n              </div>\n            </GridTile>\n            <GridTile id=\"gt3\">\n              <span\n                onMouseEnter={() => {\n                  gsap.to(\"#gt3 .desc\", {\n                    autoAlpha: 1,\n                    display: \"block\",\n                    y: 0,\n                  });\n                }}\n                className=\"icon-prompt\"\n              >\n                <Tick2 />\n              </span>\n              <div className=\"title\">Increase sales</div>\n              <div className=\"desc\">\n                improves overall customer satisfaction and utilizes embedded\n                customized promotions for efficient up-sales during sessions\n              </div>\n            </GridTile>\n            <GridTile id=\"gt4\">\n              <span\n                onMouseEnter={() => {\n                  gsap.to(\"#gt4 .desc\", {\n                    autoAlpha: 1,\n                    display: \"block\",\n                    y: 0,\n                  });\n                }}\n                className=\"icon-prompt\"\n              >\n                <Tick4 />\n              </span>\n              <div className=\"title\">\n                Enable effortless &amp; efficient care\n              </div>\n              <div className=\"desc\">\n                contextualized views &amp; embedded AI for real-time contextual\n                recommendations &amp; insights, and automated workflows for a\n                streamlined experience \n              </div>\n            </GridTile>\n\n            <a\n              href=\"mailto:Hadar.Landau@amdocs.com?subject=Amdocs Customer Engagement eBook Enquiry\"\n              target=\"_blank\"\n            >\n              <div\n                className=\"box\"\n                id=\"demo-box\"\n                onMouseEnter={tiltSides}\n                onMouseLeave={defaultSides}\n              >\n                <div>\n                  <h2>Request a demo</h2>\n                </div>\n                <img className=\"arrow-click\" src={arrow} alt=\"\" />\n              </div>\n            </a>\n\n            <a download href={pdf}>\n              <div\n                className=\"box2\"\n                id=\"demo-box2\"\n                onMouseEnter={tiltSides2}\n                onMouseLeave={defaultSides2}\n              >\n                <div>\n                  <h2>\n                    Learn more about Amdocs Customer Engagement, in this\n                    solution profile\n                  </h2>\n                </div>\n                <img className=\"arrow-click\" src={arrow} alt=\"\" />\n\n                <NextPagePrompt onClick={nextPage}>\n                  <DA />\n                </NextPagePrompt>\n              </div>\n            </a>\n          </GridArea>\n        </div>\n      </PageSlide>\n    </Fragment>\n  );\n};\n\nconst PageContent = styled.div`\n  display: flex;\n  width: 100%;\n  height: 100%;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  max-width: 1650px;\n  margin: auto;\n\n  @media (max-width: 850px) {\n    justify-content: flex-start;\n    align-items: flex-start;\n    width: 100%;\n    display: flex;\n    flex-direction: column-reverse;\n    height: auto;\n  }\n\n  &.normal {\n    /* justify-content: flex-start; */\n    align-items: flex-start;\n    flex-direction: column;\n\n    h1 {\n      text-align: center;\n      margin: auto;\n    }\n    svg {\n      display: block;\n      width: 40%;\n      margin: auto;\n    }\n  }\n`;\n\nconst DownPrompt = styled.div`\n  position: absolute;\n  right: 400px;\n  bottom: 50px;\n  width: 100px;\n  height: 100px;\n  /* background: red; */\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  margin-top: 40px;\n\n  &::before {\n    content: \"scroll down\";\n    position: absolute;\n    top: -40px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: fit-content;\n\n    @media (max-width: 850px) {\n      display: none;\n    }\n  }\n\n  @media (max-width: 850px) {\n    position: relative;\n    order: 1;\n    margin: auto;\n    right: unset;\n  }\n\n  svg {\n    display: block;\n    width: 100%;\n\n    @media (max-width: 850px) {\n      width: 80%;\n    }\n  }\n`;\n\nconst NextPagePrompt = styled.div`\n  position: absolute;\n  bottom: -45px;\n  right: -145px;\n  width: 100px;\n  height: 100px;\n  /* background: red; */\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  transform: rotate(-90deg);\n\n  &::before {\n    content: \"next\";\n    position: absolute;\n    bottom: 50px;\n    right: -70px;\n    transform: translateX(-50%) rotate(90deg);\n    width: fit-content;\n\n    @media (max-width: 850px) {\n      display: none;\n    }\n  }\n\n  @media (max-width: 850px) {\n    display: none;\n  }\n\n  svg {\n    display: block;\n    width: 100%;\n  }\n`;\n\nconst Navbar = styled.nav`\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  width: 100%;\n  height: 90px;\n  background: rgba(0, 0, 0, 1);\n  z-index: 100;\n\n  @media (max-width: 850px) {\n    height: 55px;\n  }\n\n  /* opacity: 0;\n    visibility: hidden; */\n  transform: translateY(-100px);\n\n  a {\n    color: #fff;\n    text-decoration: none;\n  }\n\n  .burger {\n    width: 60px;\n    height: 60px;\n    border-radius: 100%;\n    z-index: 999;\n    top: 20px;\n    left: 20px;\n    padding: 14px;\n    display: block !important;\n    z-index: 9999;\n    cursor: pointer;\n    visibility: visible;\n    -webkit-transition: all 0.3s ease;\n    transition: all 0.3s ease;\n    cursor: pointer;\n\n    span {\n      width: 85%;\n      height: 4px;\n      display: block;\n      background: #fff;\n      margin: 5px 0;\n    }\n\n    &.close {\n      transition: all 0.3s ease;\n\n      span {\n        &:nth-child(1) {\n          transform: rotate(45deg) translate(6px, 7px);\n          transition: all 0.3s ease;\n        }\n        &:nth-child(2) {\n          opacity: 0;\n          transition: all 0.3s ease;\n        }\n        &:nth-child(3) {\n          transform: rotate(-45deg) translate(6px, -7px);\n          transition: all 0.3s ease;\n        }\n      }\n    }\n  }\n\n  .request-prompt {\n    font-size: 12px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background: #c9317f;\n    padding: 10px;\n    border-radius: 10px;\n    cursor: pointer;\n    @media (max-width: 850px) {\n      display: none;\n    }\n  }\n\n  .inner {\n    max-width: 1650px;\n    margin: auto;\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n\n    @media (max-width: 850px) {\n      padding: 0 20px;\n      justify-content: flex-start;\n    }\n  }\n\n  .logo {\n    display: block;\n    margin-right: auto;\n    margin-left: 160px;\n    background: url(${logo}) no-repeat center center;\n    background-size: cover;\n    width: 195px;\n    height: 31px;\n\n    @media (max-width: 1270px) {\n      background: url(${shortlogo}) no-repeat center center;\n      margin-left: 40px;\n    }\n\n    @media (max-width: 850px) {\n      background: url(${logo}) no-repeat center center;\n      margin-left: 0;\n      /* margin-right: 0; */\n    }\n    img {\n      max-width: 220px;\n      width: 100%;\n\n      @media (max-width: 850px) {\n        max-width: 160px;\n      }\n    }\n  }\n\n  .items {\n    /* margin-right: 225px; */\n    display: flex;\n    font-size: 1em;\n\n    .prev {\n      @media (max-width: 850px) {\n        display: none;\n      }\n    }\n\n    .next {\n      @media (max-width: 850px) {\n        display: none;\n      }\n    }\n\n    .icon {\n      margin: 0 10px;\n    }\n\n    div {\n      cursor: pointer;\n      flex: 1;\n      margin-left: 30px;\n      display: flex;\n      align-items: center;\n    }\n\n    &:last-of-type {\n      margin-right: 160px;\n      margin-left: 30px;\n\n      @media (max-width: 1270px) {\n        margin-left: 15px;\n        margin-right: 100px;\n      }\n\n      @media (max-width: 850px) {\n        margin-right: 0;\n      }\n    }\n  }\n`;\n\nconst SpreadGraphic = styled.div`\n  position: absolute;\n  left: -40px;\n  /* top: 170px; */\n  bottom: 45px;\n  width: 400px;\n  height: 400px;\n  /* background: red; */\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  z-index: -1;\n\n  @media (max-width: 850px) {\n    width: 300px;\n    height: 300px;\n    opacity: 0.5;\n    bottom: 0;\n  }\n\n  svg {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n`;\n\nconst Interactives = styled.div`\n  max-width: 1650px;\n  margin: auto;\n\n  h1,\n  h3 {\n    margin-left: 160px;\n    @media (max-width: 850px) {\n      margin-left: 0;\n      font-size: 16px;\n    }\n  }\n  img {\n    display: block;\n    width: 40%;\n    margin: auto;\n  }\n\n  padding-bottom: 30px;\n`;\n\nconst ChallangesRow = styled.div`\n  display: flex;\n  flex-direction: row;\n  margin: 60px 0;\n\n  @media (max-width: 850px) {\n    flex-direction: column;\n  }\n\n  div {\n    flex: 1;\n    display: flex;\n    cursor: pointer;\n\n    @media (max-width: 850px) {\n      margin-bottom: 30px;\n    }\n\n    svg {\n      display: block;\n      margin: auto;\n      width: 50%;\n      cursor: pointer;\n      height: max-content;\n\n      @media (max-width: 850px) {\n        width: 70%;\n      }\n    }\n  }\n`;\n\nconst Card = styled.div`\n  background: #c9317f;\n  padding: 3em;\n  max-width: 40%;\n  min-height: 500px;\n  display: flex;\n  /* justify-content: center; */\n  align-items: center;\n  @media (max-height: 700px) {\n    top: 40px;\n    min-height: 400px;\n  }\n  @media (max-height: 600px) {\n    padding: 1.75em 3em 1.75em 3em;\n  }\n  @media (max-width: 850px) {\n    padding: 10px;\n    background: transparent;\n    min-height: unset;\n    max-width: unset;\n    padding: 25px;\n    align-items: flex-start;\n    order: 2;\n    top: -30px;\n  }\n\n  .inner {\n    margin-right: 50px;\n\n    @media (max-width: 850px) {\n      margin-right: 0;\n    }\n  }\n\n  h1 {\n    /* font-family: 'MarkPro-Bold'; */\n    font-size: 2.5em;\n    line-height: 1;\n    margin-bottom: 30px;\n    font-weight: 600;\n\n    @media (max-width: 850px) {\n      font-size: 2.2em;\n    }\n  }\n\n  p {\n    margin: 10px 0;\n    font-size: 1.2em;\n    @media (max-height: 700px) {\n      font-size: 1em;\n    }\n    @media (max-height: 600px) {\n      font-size: 0.85em;\n    }\n    @media (max-width: 850px) {\n      font-size: 16px;\n    }\n  }\n`;\n\nconst SideImage = styled.div`\n  max-width: 40%;\n  position: relative;\n  left: -50px;\n\n  @media (max-width: 850px) {\n    max-width: unset;\n    left: 0;\n    top: -30px;\n    order: 3;\n  }\n\n  img {\n    display: block;\n    width: 100%;\n    max-height: 400px;\n\n    @media (max-width: 850px) {\n      /* max-height: 250px; */\n      width: 100%;\n      /* object-fit: cover; */\n    }\n  }\n`;\n\nconst GridArea = styled.div`\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr 1fr;\n  grid-template-areas:\n    \"a b c d\"\n    \"box box2 box2 box2\";\n  grid-gap: 10px;\n  margin: 10px;\n  width: 80%;\n  margin: auto;\n  padding-bottom: 50px;\n  position: relative;\n\n  a {\n    display: contents;\n    text-decoration: none;\n    color: inherit;\n  }\n\n  @media (max-width: 850px) {\n    display: block;\n  }\n\n  .box2 {\n    grid-area: box2;\n    background: #c9317f;\n    padding: 2em;\n    position: relative;\n    width: 80%;\n    margin-bottom: 50px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    @media (max-width: 850px) {\n      width: 100%;\n    }\n\n    h2 {\n      text-align: center;\n\n      @media (max-width: 850px) {\n        font-size: 1.4em;\n      }\n    }\n\n    .arrow-click {\n      width: 50px;\n      height: 35px;\n      transform: rotate(270deg);\n      position: absolute;\n      bottom: -15px;\n    }\n  }\n\n  .box {\n    grid-area: box;\n    background: #c9317f;\n    padding: 2em;\n    position: relative;\n    width: 80%;\n    margin-bottom: 50px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    .arrow-click {\n      width: 50px;\n      height: 35px;\n      transform: rotate(270deg);\n      position: absolute;\n      bottom: -15px;\n    }\n\n    h2 {\n      text-align: center;\n    }\n\n    @media (max-width: 850px) {\n      width: 100%;\n    }\n    div {\n      display: flex;\n      align-items: center;\n      padding-bottom: 10px;\n      @media (max-width: 850px) {\n        align-items: flex-start;\n      }\n      h1 {\n        @media (max-width: 850px) {\n          font-size: 1em;\n        }\n      }\n      .arrow-click {\n        width: 50px;\n        height: 35px;\n        transform: rotate(270deg);\n        position: absolute;\n        bottom: -15px;\n\n        @media (max-width: 850px) {\n          width: 24px;\n          height: 24px;\n          margin-bottom: 6px;\n        }\n      }\n    }\n    h2 {\n      @media (max-width: 850px) {\n        font-size: 1.4em;\n      }\n    }\n  }\n`;\n\nconst FlowBox = styled.div`\n  background: #c9317f;\n  width: 70%;\n  margin: auto;\n  /* margin-left: 160px; */\n  padding: 3em;\n  margin-bottom: 50px;\n  height: fit-content;\n  /* max-width: 700px; */\n  position: relative;\n  @media (max-height: 700px) {\n    top: 40px;\n  }\n  @media (max-height: 600px) {\n    padding: 1.75em 3em 1.75em 3em;\n  }\n  @media (max-width: 850px) {\n    margin-left: 0;\n    width: 100%;\n    padding: 30px;\n  }\n  h1,\n  h3,\n  p {\n    margin-left: 0 !important;\n    @media (max-height: 700px) {\n      font-size: 1em;\n    }\n    @media (max-height: 600px) {\n      font-size: 0.85em;\n    }\n    @media (max-width: 850px) {\n      font-size: 0.5em;\n    }\n  }\n\n  h1 {\n    margin-bottom: 10px;\n    padding-bottom: 10px !important;\n\n    @media (max-width: 850px) {\n      font-size: 0.9em;\n    }\n  }\n\n  p {\n    font-size: 1.8em;\n    /* width: 50%; */\n    @media (max-width: 850px) {\n      font-size: 16px !important;\n    }\n  }\n`;\n\nconst GridTile = styled.div`\n  /* text-align: center; */\n  margin-bottom: 40px;\n  padding: 20px;\n\n  display: flex;\n  flex-direction: column;\n  /* justify-content: center; */\n  align-items: center;\n  text-align: center;\n\n  img {\n    display: block;\n    width: 40%;\n    margin: auto;\n    margin-bottom: 30px;\n    height: 100px;\n    cursor: pointer;\n    max-width: 120px;\n  }\n\n  svg {\n    display: block;\n    width: 100%;\n    /* margin: auto; */\n    margin-bottom: 30px;\n    height: 100px;\n    cursor: pointer;\n    max-width: 120px;\n  }\n\n  .title {\n    display: block;\n    font-family: \"MarkPro-Bold\";\n    font-size: 1.25em;\n    min-height: 90px;\n    /* max-width: 60%; */\n    /* margin: auto; */\n  }\n\n  .desc {\n    margin: 20px 0 0 0;\n    /* max-width: 60%; */\n\n    opacity: 0;\n    visibility: hidden;\n    display: none;\n    transform: translateY(100px);\n  }\n`;\n\nconst DownloadButton = styled.div`\n  border: 3px solid #f6b74b;\n  padding: 20px;\n  border-radius: 30px;\n  margin-top: 30px !important;\n  display: block;\n  transition: all 0.5s ease;\n\n  &:hover {\n    transition: all 0.5s ease;\n    color: #f6b74b;\n  }\n`;\n\nconst RequestButton = styled.div`\n  border: 3px solid #df6469;\n  display: block;\n  border-radius: 30px;\n  padding: 20px;\n  margin-top: 30px !important;\n  transition: all 0.5s ease;\n\n  &:hover {\n    transition: all 0.5s ease;\n    color: #df6469;\n  }\n`;\n\nconst QuickMenu = styled(motion.div)`\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  z-index: 100;\n  background-color: #000;\n\n  transform: translateX(-100%);\n  transition: all 0.5s ease;\n\n  a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  &.open {\n    transform: translateX(0);\n    transition: all 0.5s ease;\n  }\n\n  div {\n    font-family: \"MarkPro-Bold\";\n    font-size: 3em;\n    cursor: pointer !important;\n    margin: 10px 0;\n    transition: all 0.5s ease;\n\n    @media (max-width: 850px) {\n      font-size: 1.6em;\n      text-align: center;\n      width: 80%;\n      margin: 10px auto;\n    }\n  }\n\n  span {\n    font-family: \"MarkPro-Bold\";\n    font-size: 3em;\n    cursor: pointer !important;\n    margin: 10px 0;\n    transition: all 0.5s ease;\n\n    @media (max-width: 850px) {\n      font-size: 1.6em;\n      text-align: center;\n      width: 80%;\n      margin: 10px auto;\n    }\n\n    &:hover {\n      transition: all 0.5s ease;\n    }\n\n    &:nth-child(1) {\n      &:hover {\n        color: #f6b74b;\n      }\n    }\n\n    &:nth-child(2) {\n      &:hover {\n        color: #df6469;\n      }\n    }\n\n    &:nth-child(3) {\n      &:hover {\n        color: #c9317f;\n      }\n    }\n  }\n`;\n\nexport default PageThree;\n","import React, { useState, useEffect } from \"react\";\nimport GlobalStyles from \"./GlobalStyles\";\nimport styled from \"styled-components\";\nimport { Route, Switch, useLocation } from \"react-router-dom\";\nimport { AnimatePresence } from \"framer-motion\";\n\nimport ScrollToTop from \"./components/ScrollToTop\";\nimport logo from \"./assets/img/logo1.svg\";\nimport Welcome from \"./views/Welcome\";\nimport Highlights from \"./views/Highlights\";\nimport PageOne from \"./views/PageOne\";\nimport PageTwo from \"./views/PageTwo\";\nimport PageThree from \"./views/PageThree\";\n\nconst App = () => {\n  const location = useLocation();\n\n  const [isWelcome, setIsWelcome] = useState(true);\n  const [isOpen, setIsOpen] = useState(false);\n  const [isFoward, setIsFoward] = useState(true);\n  const [isFirst, setIsFirst] = useState(true);\n\n  return (\n    <div className=\"App\">\n      <GlobalStyles />\n      <Stage>\n        <Logo>\n          <img src={logo} alt=\"\" />\n        </Logo>\n        <AnimatePresence>\n          {/* <ScrollToTop /> */}\n          <Switch location={location} key={location.pathname}>\n            <Route exact path=\"/\">\n              {\n                <Highlights\n                  isWelcome={isWelcome}\n                  setIsWelcome={setIsWelcome}\n                  isFoward={isFoward}\n                  setIsFoward={setIsFoward}\n                />\n              }\n            </Route>\n            <Route path=\"/highlights\">\n              <Highlights />\n            </Route>\n            <Route path=\"/the-customer-of-today\">\n              <PageOne\n                isOpen={isOpen}\n                setIsOpen={setIsOpen}\n                isFoward={isFoward}\n                setIsFoward={setIsFoward}\n                isFirst={isFirst}\n                setIsFirst={setIsFirst}\n              />\n            </Route>\n            <Route path=\"/meet-the-amdocs-solution\">\n              <PageTwo\n                isOpen={isOpen}\n                setIsOpen={setIsOpen}\n                isFoward={isFoward}\n                setIsFoward={setIsFoward}\n              />\n            </Route>\n            <Route path=\"/amdocs-customer-engagement\">\n              <PageThree\n                isOpen={isOpen}\n                setIsOpen={setIsOpen}\n                isFoward={isFoward}\n                setIsFoward={setIsFoward}\n              />\n            </Route>\n          </Switch>\n        </AnimatePresence>\n      </Stage>\n    </div>\n  );\n};\n\nconst Stage = styled.div`\n  /* padding: 3em; */\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n`;\n\nconst Logo = styled.div`\n  display: none;\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 400px;\n  padding: 3em;\n\n  img {\n    display: block;\n    width: 100%;\n  }\n`;\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\nimport {BrowserRouter,HashRouter} from 'react-router-dom';\n\nReactDOM.render(\n  <React.StrictMode>\n    <HashRouter>\n      <App />\n    </HashRouter>\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}