{"version":3,"sources":["webpack:///./src/pages/social-sustainability.js","webpack:///./src/images/svg/Chart7.svg","webpack:///./src/components/Line.jsx","webpack:///./src/images/svg/Chart6.svg","webpack:///./src/images/svg/Chart1.svg","webpack:///./src/images/svg/Chart4.svg","webpack:///./src/styles/StyledSustainStat.jsx","webpack:///./src/images/svg/Chart3.svg","webpack:///./src/images/svg/Chart5.svg","webpack:///./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteralLoose.js","webpack:///./src/styles/StyledStats.jsx","webpack:///./src/images/svg/Chart2.svg","webpack:///./src/components/CircleAndText.js"],"names":["StyledSustain","styled","div","color","header","social_value","color_3","SocialValue","location","isTablet","useIsTablet","data","useStaticQuery","bg","animationData","mobileAnimationData","mobileColors","bgImage","pathname","headerColor","className","duration","delay","initDelay","image","social1","data-scroll","data-scroll-speed","device","scrollElementClass","align","fluid","social4","childImageSharp","style","marginTop","paddingTop","noPadding","page","title","path","colorKey","React","Chart7","props","createElement","defaultProps","module","exports","default","Line","padding","Chart6","Chart1","Chart4","StyledSustainStat","typography","type","primary","pageMargins","remCalc","color_2","jobs","Chart3","Chart5","strings","raw","StyledStats","respondTo","l","slice","secondary","Chart2","StyledCircleAndText","CircleAndText","children"],"mappings":"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","file":"component---src-pages-social-sustainability-js-b52ed70f9b63e871faf3.js","sourcesContent":["import React from \"react\"\nimport { useStaticQuery, graphql } from \"gatsby\"\nimport Layout from \"../layouts\"\nimport styled from \"styled-components\"\nimport Hero from \"../components/Hero\"\nimport { typography, color } from \"../styles/variables\"\nimport LetterAnimation from \"../animations/LetterAnimation\"\nimport animationData from \"../animations/DESKTOP_MOBILE/08-SocialSustain.json\"\nimport mobileAnimationData from \"../animations/DESKTOP_MOBILE/08-SocialSustain_MOBILE.json\"\nimport { PageContainer } from \"../styles/global\"\nimport CircleAndText from \"../components/CircleAndText\"\nimport List from \"../components/List\"\nimport Item from \"../components/List/Item\"\nimport Arrow from \"../images/svgs/Explore\"\nimport Line from \"../components/Line\"\nimport Img from \"gatsby-image\"\nimport StyledStats from \"../styles/StyledStats\"\nimport StyledSustainStat from \"../styles/StyledSustainStat\"\nimport NextPage from \"../components/NextPage\"\nimport Chart1 from \"../images/svg/Chart1.svg\"\nimport Chart2 from \"../images/svg/Chart2.svg\"\nimport Chart3 from \"../images/svg/Chart3.svg\"\nimport Chart4 from \"../images/svg/Chart4.svg\"\nimport Chart5 from \"../images/svg/Chart5.svg\"\nimport Chart6 from \"../images/svg/Chart6.svg\"\nimport Chart7 from \"../images/svg/Chart7.svg\"\nimport useIsTablet from \"../hooks/useIsTablet\"\n\nconst StyledSustain = styled.div`\n  width: 100%;\n  /* padding-top: 7rem; */\n  & .sustain_orange {\n    color: ${color.header.social_value.color_3};\n  }\n  & .grey_padding-element.social {\n    grid-column: span 2;\n  }\n`\n\nconst SocialValue = ({ location }) => {\n  const isTablet = useIsTablet()\n  const data = useStaticQuery(graphql`\n    query {\n      bgImage: file(relativePath: { eq: \"social-header.jpg\" }) {\n        childImageSharp {\n          fluid(maxWidth: 1500) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n      social1: file(relativePath: { eq: \"social-1.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 1500) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n      social2: file(relativePath: { eq: \"social-3.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 1500) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n      social4: file(relativePath: { eq: \"social-4.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 1500) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n    }\n  `)\n  return (\n    <Layout location={location}>\n      <Hero\n        bg=\"black\"\n        animationData={animationData}\n        mobileAnimationData={mobileAnimationData}\n        mobileColors={color.header.social_value}\n        bgImage={data.bgImage}\n        location={location.pathname}\n        headerColor={color.header.social_value.color_3}\n      >\n        {isTablet ? (\n          <h1 className=\"hero_title\">Social sustainability</h1>\n        ) : (\n          <LetterAnimation duration={0.7} delay={0.017} initDelay={0.1}>\n            <h1 className=\"hero_title text-animated\">\n              <span className=\"line-inner\">Social</span>\n            </h1>\n            <h1 className=\"hero_title text-animated\">\n              <span className=\"line-inner\">sustainability</span>\n            </h1>\n          </LetterAnimation>\n        )}\n      </Hero>\n\n      <CircleAndText image={data.social1}>\n        <div\n          data-scroll\n          data-scroll-speed=\"1\"\n          className=\"circle-text_container first-section\"\n        >\n          <p>At Landsec, our ambition is to deliver positive impact in our communities, creating opportunities for local people and ensuring we have an inclusive industry with the skills we need, both now and in the future.</p>\n          <List device=\"desktop\">\n            <Item scrollElementClass=\"overview\">\n              <p>Overview</p>\n              <Arrow />\n            </Item>\n            <Item scrollElementClass=\"employment\">\n              <p>Employment</p>\n              <Arrow />\n            </Item>\n            <Item scrollElementClass=\"charity-partnerships\">\n              <p>Charity partnerships</p>\n              <Arrow />\n            </Item>\n            <Item scrollElementClass=\"volunteering\">\n              <p>Volunteering</p>\n              <Arrow />\n            </Item>\n            <Item scrollElementClass=\"education\">\n              <p>Education</p>\n              <Arrow />\n            </Item>\n          </List>\n        </div>\n        <List device=\"tablet\">\n          <Item scrollElementClass=\"overview\">\n            <p>Overview</p>\n            <Arrow />\n          </Item>\n          <Item scrollElementClass=\"employment\">\n            <p>Employment</p>\n            <Arrow />\n          </Item>\n          <Item scrollElementClass=\"charity-partnerships\">\n            <p>Charity partnerships</p>\n            <Arrow />\n          </Item>\n          <Item scrollElementClass=\"volunteering\">\n            <p>Volunteering</p>\n            <Arrow />\n          </Item>\n          <Item scrollElementClass=\"education\">\n            <p>Education</p>\n            <Arrow />\n          </Item>\n        </List>\n        <Line />\n      </CircleAndText>\n      <StyledSustain>\n        <PageContainer>\n          <StyledStats\n            align=\"center\"\n            className=\"headline-stats overview no-padding-b-d m-bottom-0\"\n          >\n            <div className=\"stat_item stat_item--aligned\">\n              <div className=\"stat_item__inner\">\n                <div className=\"stat_title\">\n                  <h3 className=\"sustain_orange\">£25m</h3>\n                </div>\n                <div className=\"stat_para\">\n                  <p>Our commitment is to create £25m worth of social value by 2025 through our four social sustainability programmes.</p>\n                </div>\n              </div>\n              <div className=\"stat_item__inner\">\n                <div className=\"stat_title\">\n                  <h3 className=\"sustain_orange\">£6.5m</h3>\n                </div>\n                <div className=\"stat_para\">\n                  <p>Amount of social value we created in 2020/2021.</p>\n                </div>\n              </div>\n            </div>\n            <div className=\"stat_item stats_image no-transform\">\n              <Img fluid={data.social4.childImageSharp.fluid} />\n            </div>\n          </StyledStats>\n          <StyledStats style={{ marginTop: 0, paddingTop: 0 }}>\n            <div className=\"grey_padding-element social\">\n              <p>Social value is the positive impact generated by businesses going above and beyond to benefit people, communities and society as a whole. Our commitment is to create £25m worth of social value by 2025 through our community employment, education, charity partnerships and volunteering programmes.</p>\n            </div>\n            <Line />\n          </StyledStats>\n          <StyledSustainStat>\n            <div className=\"social-stats_text employment\">\n              <h2>Employment</h2>\n              <p>Supporting people facing significant barriers with the skills and experience to enter sustainable work.</p>\n            </div>\n            <div className=\"social-stats_container\">\n              <div className=\"social_stats-row align-center\">\n                <div className=\"social-stats_item\">\n                  <Chart1 />\n                </div>\n                <div className=\"social-stats_item\">\n                  <p className=\"large-para\">\n                    Social value added, including:\n                  </p>\n                </div>\n                <Line noPadding />\n              </div>\n              <div className=\"social_stats-row\">\n                <div className=\"social-stats_item\">\n                  <Chart2 />\n                  <p>Supporting prison leavers</p>\n                </div>\n                <div className=\"social-stats_item\">\n                  <Chart3 />\n                  <p>Supporting young people aged 16-25 at risk of long-term unemployment</p>\n                </div>\n                <Line noPadding />\n              </div>\n              <div className=\"social_stats-row\">\n                <div className=\"social-stats_item\">\n                  <Chart4 />\n                  <p>Supporting people experiencing homelessness</p>\n                </div>\n              </div>\n            </div>\n          </StyledSustainStat>\n\n          <StyledSustainStat>\n            <div className=\"social-stats_text charity-partnerships\">\n              <h2>Charity partnerships</h2>\n              <p>Working with our communities to address and raise awareness of societal issues.</p>\n            </div>\n            <div className=\"social-stats_container\">\n              <div className=\"social_stats-row align-center\">\n                <div className=\"social-stats_item\">\n                  <Chart5 />\n                </div>\n                <div className=\"social-stats_item\">\n                  <p className=\"large-para\">\n                    Value of support given to charities in 2020/2021, including:\n                  </p>\n                </div>\n                <Line noPadding />\n              </div>\n              <div className=\"social_stats-row\">\n                <div className=\"social-stats_item\">\n                  <Chart6 />\n                  <p>Total amount of direct donations to charities</p>\n                </div>\n                <div className=\"social-stats_item\">\n                  <Chart7 />\n                  <p>Value of space donated to charities</p>\n                </div>\n              </div>\n            </div>\n          </StyledSustainStat>\n\n          <StyledSustainStat>\n            <div className=\"social-stats_text volunteering\">\n              <h2>Volunteering</h2>\n              <p>Empowering our people and partners to create positive impact by using their skills and expertise throughout 2020/2021.</p>\n            </div>\n            <div className=\"social-stats_container\">\n              <div className=\"social_stats-row\">\n                <div className=\"social-stats_item \">\n                  <h2 className=\"sustain_stat-title orange\">719</h2>\n                  <p>Volunteering hours</p>\n                </div>\n                <div className=\"social-stats_item\">\n                  <h2 className=\"sustain_stat-title orange\">£99k</h2>\n                  <p>Social value created in the last financial year</p>\n                </div>\n                <Line noPadding />\n              </div>\n              <div className=\"social_stats-row\">\n                <div className=\"social-stats_item\">\n                  <h2 className=\"sustain_stat-title orange\">895</h2>\n                  <p>Total number of people directly supported</p>\n                </div>\n                <div className=\"social-stats_item\">\n                  <h2 className=\"sustain_stat-title orange\">120</h2>\n                  <p>Landsec employees volunteered at least once </p>\n                </div>\n                <Line noPadding />\n              </div>\n              <div className=\"social_stats-row\">\n                <div className=\"social-stats_item\">\n                  <h2 className=\"sustain_stat-title orange\">352</h2>\n                  <p>Total volunteer engagements</p>\n                </div>\n              </div>\n            </div>\n          </StyledSustainStat>\n\n          <StyledSustainStat className=\"no-margin-b\">\n            <div className=\"social-stats_text education\">\n              <h2>Education</h2>\n              <p>Inspiring young people from diverse socio-economic backgrounds about careers in our industry in 2020/2021.</p>\n            </div>\n            <div className=\"social-stats_container\">\n              <div className=\"social_stats-row\">\n                <div className=\"social-stats_item\">\n                  <h2 className=\"sustain_stat-title blue\">92</h2>\n                  <p>Total young people engaged in formal programmes</p>\n                </div>\n                <div className=\"social-stats_item\">\n                  <h2 className=\"sustain_stat-title blue\">710</h2>\n                  <p>\n                    Total young people engaged through careers, industry insights and employability sessions.\n                  </p>\n                </div>\n              </div>\n            </div>\n          </StyledSustainStat>\n        </PageContainer>\n        <NextPage\n          page={{\n            title: \"Contact\",\n            path: \"contact\",\n          }}\n          colorKey=\"foreword\"\n        />\n      </StyledSustain>\n    </Layout>\n  )\n}\n\nexport default SocialValue\n","var React = require('react');\n\nfunction Chart7 (props) {\n    return React.createElement(\"svg\",props,[React.createElement(\"path\",{\"d\":\"M132 263C204.625 263 263.5 204.125 263.5 131.5C263.5 108.588 257.641 87.0454 247.338 68.2877L132 130.577V0C59.3746 0 0.5 58.8746 0.5 131.5C0.5 204.125 59.3746 263 132 263Z\",\"fill\":\"#E9D448\",\"key\":0}),React.createElement(\"path\",{\"d\":\"M131.5 130.577V0C152.189 0 171.3 4.86844 188.714 13.3807L131.5 130.577Z\",\"fill\":\"#EEF0F1\",\"key\":1}),React.createElement(\"path\",{\"d\":\"M246.851 68.2878L131.5 130.577L188.714 13.3807C213.145 25.3229 233.8 44.5249 246.851 68.2878Z\",\"fill\":\"#EEF0F1\",\"key\":2}),React.createElement(\"circle\",{\"cx\":\"131.5\",\"cy\":\"132\",\"r\":\"95\",\"fill\":\"#F4F5F5\",\"key\":3}),React.createElement(\"path\",{\"d\":\"M82.3733 129.761C81.6933 128.041 80.9333 126.481 80.9333 124.881C80.9333 122.441 82.9333 120.961 85.2933 120.961C87.2533 120.961 88.9333 122.041 90.0133 123.121L92.4933 120.641C91.0533 119.081 88.5733 117.361 85.0933 117.361C80.8533 117.361 77.1333 120.401 77.1333 124.801C77.1333 126.641 77.6933 128.201 78.3333 129.761H75.2933V133.161H79.5733C79.7733 133.921 79.9333 134.721 79.9333 135.561C79.9333 138.281 78.0533 142.001 74.4933 143.361V145.761H93.0933V142.161H81.4133C82.7733 140.601 83.7333 138.041 83.7333 135.561C83.7333 134.721 83.6533 133.921 83.4933 133.161H88.2933V129.761H82.3733ZM109.804 136.561C109.804 139.801 107.484 142.361 103.804 142.361C100.964 142.361 99.0043 141.161 97.4443 139.521L94.8043 142.161C97.1243 144.761 100.204 146.161 103.804 146.161C109.924 146.161 113.804 141.681 113.804 136.561C113.804 131.921 110.804 128.041 106.044 127.361L113.004 120.361V117.761H96.2043V121.561H106.964L99.6843 128.921V131.521C100.324 131.241 102.004 130.761 103.804 130.761C107.484 130.761 109.804 133.321 109.804 136.561ZM119.72 143.361C119.72 144.921 120.96 146.161 122.52 146.161C124.08 146.161 125.32 144.921 125.32 143.361C125.32 141.801 124.08 140.561 122.52 140.561C120.96 140.561 119.72 141.801 119.72 143.361ZM144.854 131.281C143.854 132.241 142.254 132.761 140.454 132.761C137.174 132.761 134.814 130.041 134.814 126.881C134.814 123.761 137.174 121.161 140.534 121.161C143.774 121.161 146.254 123.641 146.254 126.961C146.254 128.561 145.814 129.801 144.854 131.281ZM135.494 145.761H140.014L146.654 135.681C147.774 134.001 148.734 132.401 149.294 131.121C150.014 129.481 150.214 128.161 150.214 126.841C150.214 121.601 146.174 117.361 140.534 117.361C134.934 117.361 130.814 121.601 130.814 126.961C130.814 132.361 134.974 136.441 140.094 136.441C140.574 136.441 141.094 136.441 141.614 136.361L135.494 145.761ZM155.912 126.961V145.761H159.712V132.841C160.792 131.561 162.672 130.161 164.992 130.161C166.432 130.161 167.792 130.801 168.632 131.801C169.312 132.601 169.712 133.641 169.712 135.561V145.761H173.512V136.161C173.512 134.841 173.392 133.761 173.192 132.841C174.432 131.561 176.192 130.161 178.912 130.161C180.312 130.161 181.592 130.801 182.432 131.801C183.112 132.601 183.512 133.641 183.512 135.561V145.761H187.312V136.161C187.312 133.001 186.752 131.161 185.592 129.721C184.032 127.761 181.592 126.561 178.912 126.561C175.512 126.561 173.472 127.961 171.752 129.681C170.192 127.801 167.872 126.561 165.112 126.561C162.552 126.561 160.352 127.921 159.592 128.761V126.961H155.912Z\",\"fill\":\"black\",\"key\":4})]);\n}\n\nChart7.defaultProps = {\"width\":\"264\",\"height\":\"263\",\"viewBox\":\"0 0 264 263\",\"fill\":\"none\"};\n\nmodule.exports = Chart7;\n\nChart7.default = Chart7;\n","import React from \"react\"\n\nconst Line = ({ noPadding }) => {\n  return (\n    <div\n      className=\"dividing_line\"\n      style={noPadding ? { padding: \"0 0 0 0\" } : {}}\n    >\n      <div className=\"dividing_line-inner\" />\n    </div>\n  )\n}\n\nexport default Line\n","var React = require('react');\n\nfunction Chart6 (props) {\n    return React.createElement(\"svg\",props,[React.createElement(\"path\",{\"d\":\"M131.5 263C204.125 263 263 204.125 263 131.5C263 108.588 257.141 87.0454 246.838 68.2877L131.5 130.577V0C58.8746 0 0 58.8746 0 131.5C0 204.125 58.8746 263 131.5 263Z\",\"fill\":\"#EEF0F1\",\"key\":0}),React.createElement(\"path\",{\"d\":\"M131.5 130.577V0C152.189 0 171.3 4.86844 188.714 13.3807L131.5 130.577Z\",\"fill\":\"#EEF0F1\",\"key\":1}),React.createElement(\"path\",{\"d\":\"M246.851 68.2878L131.5 130.577L188.714 13.3807C213.145 25.3229 233.8 44.5249 246.851 68.2878Z\",\"fill\":\"#27204A\",\"key\":2}),React.createElement(\"circle\",{\"cx\":\"132\",\"cy\":\"132\",\"r\":\"95\",\"fill\":\"#F4F5F5\",\"key\":3}),React.createElement(\"path\",{\"d\":\"M85.9671 129.761C85.2871 128.041 84.5271 126.481 84.5271 124.881C84.5271 122.441 86.5271 120.961 88.8871 120.961C90.8471 120.961 92.5271 122.041 93.6071 123.121L96.0871 120.641C94.6471 119.081 92.1671 117.361 88.6871 117.361C84.4471 117.361 80.7271 120.401 80.7271 124.801C80.7271 126.641 81.2871 128.201 81.9271 129.761H78.8871V133.161H83.1671C83.3671 133.921 83.5271 134.721 83.5271 135.561C83.5271 138.281 81.6471 142.001 78.0871 143.361V145.761H96.6871V142.161H85.0071C86.3671 140.601 87.3271 138.041 87.3271 135.561C87.3271 134.721 87.2471 133.921 87.0871 133.161H91.8871V129.761H85.9671ZM98.398 138.961H111.598V145.761H115.598V138.961H119.998V135.161H115.598V117.761H112.798L98.398 136.361V138.961ZM104.078 135.161L111.598 125.721V135.161H104.078ZM128.075 132.241C129.075 131.281 130.675 130.761 132.475 130.761C135.755 130.761 138.115 133.481 138.115 136.641C138.115 139.761 135.755 142.361 132.395 142.361C129.155 142.361 126.675 139.881 126.675 136.561C126.675 134.961 127.115 133.721 128.075 132.241ZM137.435 117.761H132.915L126.275 127.841C125.155 129.521 124.195 131.121 123.635 132.401C122.915 134.041 122.715 135.361 122.715 136.681C122.715 141.921 126.755 146.161 132.395 146.161C137.995 146.161 142.115 141.921 142.115 136.561C142.115 131.161 137.955 127.081 132.835 127.081C132.355 127.081 131.835 127.081 131.315 127.161L137.435 117.761ZM159.028 136.561C159.028 139.801 156.708 142.361 153.028 142.361C150.188 142.361 148.228 141.161 146.668 139.521L144.028 142.161C146.348 144.761 149.428 146.161 153.028 146.161C159.148 146.161 163.028 141.681 163.028 136.561C163.028 131.921 160.028 128.041 155.268 127.361L162.228 120.361V117.761H145.428V121.561H156.188L148.908 128.921V131.521C149.548 131.241 151.228 130.761 153.028 130.761C156.708 130.761 159.028 133.321 159.028 136.561ZM185.125 126.961H180.165L172.525 134.601V117.361H168.725V145.761H172.525V137.041L181.245 145.761H186.325L176.245 135.761L185.125 126.961Z\",\"fill\":\"black\",\"key\":4})]);\n}\n\nChart6.defaultProps = {\"width\":\"263\",\"height\":\"263\",\"viewBox\":\"0 0 263 263\",\"fill\":\"none\"};\n\nmodule.exports = Chart6;\n\nChart6.default = Chart6;\n","var React = require('react');\n\nfunction Chart1 (props) {\n    return React.createElement(\"svg\",props,[React.createElement(\"path\",{\"d\":\"M0 132C0 204.902 59.0984 264 132 264V0C59.0984 0 0 59.0984 0 132Z\",\"fill\":\"#504440\",\"key\":0}),React.createElement(\"path\",{\"d\":\"M263.73 131.96C263.73 59.0803 204.752 0 132 0V131.96L262.576 149.5C263.337 143.761 263.73 137.906 263.73 131.96Z\",\"fill\":\"#C4C4C4\",\"key\":1}),React.createElement(\"path\",{\"d\":\"M131.732 263.919C198.548 263.919 253.745 214.087 262.308 149.5L131.732 131.96L87.502 256.297C101.326 261.232 116.216 263.919 131.732 263.919Z\",\"fill\":\"#27204A\",\"key\":2}),React.createElement(\"path\",{\"d\":\"M0.00195312 131.96C0.00195312 189.296 36.5056 238.091 87.502 256.297L131.732 131.96L0.896371 116.5C0.30566 121.571 0.00195312 126.73 0.00195312 131.96Z\",\"fill\":\"#E9D448\",\"key\":3}),React.createElement(\"ellipse\",{\"cx\":\"131.835\",\"cy\":\"130\",\"rx\":\"94.8347\",\"ry\":\"95\",\"fill\":\"#F4F5F5\",\"key\":4}),React.createElement(\"path\",{\"d\":\"M85.6708 130.577C84.9908 128.857 84.2308 127.297 84.2308 125.697C84.2308 123.257 86.2308 121.777 88.5908 121.777C90.5508 121.777 92.2308 122.857 93.3108 123.937L95.7908 121.457C94.3508 119.897 91.8708 118.177 88.3908 118.177C84.1508 118.177 80.4308 121.217 80.4308 125.617C80.4308 127.457 80.9908 129.017 81.6308 130.577H78.5908V133.977H82.8708C83.0708 134.737 83.2308 135.537 83.2308 136.377C83.2308 139.097 81.3508 142.817 77.7908 144.177V146.577H96.3908V142.977H84.7108C86.0708 141.417 87.0308 138.857 87.0308 136.377C87.0308 135.537 86.9508 134.737 86.7908 133.977H91.5908V130.577H85.6708ZM105.302 124.777V146.577H109.302V118.577H106.102L98.7018 125.977L101.382 128.697L105.302 124.777ZM118.603 144.177C118.603 145.737 119.843 146.977 121.403 146.977C122.963 146.977 124.203 145.737 124.203 144.177C124.203 142.617 122.963 141.377 121.403 141.377C119.843 141.377 118.603 142.617 118.603 144.177ZM134.777 146.577L147.297 121.177V118.577H129.697V122.377H142.497L130.497 146.577H134.777ZM152.178 127.777V146.577H155.978V133.657C157.058 132.377 158.938 130.977 161.258 130.977C162.698 130.977 164.058 131.617 164.898 132.617C165.578 133.417 165.978 134.457 165.978 136.377V146.577H169.778V136.977C169.778 135.657 169.658 134.577 169.458 133.657C170.698 132.377 172.458 130.977 175.178 130.977C176.578 130.977 177.858 131.617 178.698 132.617C179.378 133.417 179.778 134.457 179.778 136.377V146.577H183.578V136.977C183.578 133.817 183.018 131.977 181.858 130.537C180.298 128.577 177.858 127.377 175.178 127.377C171.778 127.377 169.738 128.777 168.018 130.497C166.458 128.617 164.138 127.377 161.378 127.377C158.818 127.377 156.618 128.737 155.858 129.577V127.777H152.178Z\",\"fill\":\"black\",\"key\":5})]);\n}\n\nChart1.defaultProps = {\"width\":\"264\",\"height\":\"264\",\"viewBox\":\"0 0 264 264\",\"fill\":\"none\"};\n\nmodule.exports = Chart1;\n\nChart1.default = Chart1;\n","var React = require('react');\n\nfunction Chart4 (props) {\n    return React.createElement(\"svg\",props,[React.createElement(\"path\",{\"d\":\"M0 132C0 204.902 59.0984 264 132 264V0.00012207C59.0984 0.00012207 0 59.0985 0 132Z\",\"fill\":\"#504440\",\"key\":0}),React.createElement(\"path\",{\"d\":\"M263.73 131.96C263.73 59.0804 204.752 0.00012207 132 0.00012207V131.96L262.576 149.5C263.337 143.762 263.73 137.907 263.73 131.96Z\",\"fill\":\"#EEF0F1\",\"key\":1}),React.createElement(\"path\",{\"d\":\"M131.732 263.919C198.548 263.919 253.745 214.087 262.308 149.5L131.732 131.96L87.502 256.297C101.326 261.232 116.216 263.919 131.732 263.919Z\",\"fill\":\"#EEF0F1\",\"key\":2}),React.createElement(\"path\",{\"d\":\"M0.00195312 131.96C0.00195312 189.296 36.5056 238.091 87.502 256.297L131.732 131.96L0.896371 116.5C0.30566 121.571 0.00195312 126.73 0.00195312 131.96Z\",\"fill\":\"#EEF0F1\",\"key\":3}),React.createElement(\"ellipse\",{\"cx\":\"131.835\",\"cy\":\"130\",\"rx\":\"94.8347\",\"ry\":\"95\",\"fill\":\"#F4F5F5\",\"key\":4}),React.createElement(\"path\",{\"d\":\"M86.6669 130.577C85.9869 128.857 85.2269 127.297 85.2269 125.697C85.2269 123.257 87.2269 121.777 89.5869 121.777C91.5469 121.777 93.2269 122.857 94.3069 123.937L96.7869 121.457C95.3469 119.897 92.8669 118.177 89.3869 118.177C85.1469 118.177 81.4269 121.217 81.4269 125.617C81.4269 127.457 81.9869 129.017 82.6269 130.577H79.5869V133.977H83.8669C84.0669 134.737 84.2269 135.537 84.2269 136.377C84.2269 139.097 82.3469 142.817 78.7869 144.177V146.577H97.3869V142.977H85.7069C87.0669 141.417 88.0269 138.857 88.0269 136.377C88.0269 135.537 87.9469 134.737 87.7869 133.977H92.5869V130.577H86.6669ZM114.098 137.377C114.098 140.617 111.778 143.177 108.098 143.177C105.258 143.177 103.298 141.977 101.738 140.337L99.0979 142.977C101.418 145.577 104.498 146.977 108.098 146.977C114.218 146.977 118.098 142.497 118.098 137.377C118.098 132.737 115.098 128.857 110.338 128.177L117.298 121.177V118.577H100.498V122.377H111.258L103.978 129.737V132.337C104.618 132.057 106.298 131.577 108.098 131.577C111.778 131.577 114.098 134.137 114.098 137.377ZM131.995 146.977C137.395 146.977 141.595 143.017 141.595 138.097C141.595 134.897 139.715 132.137 137.155 130.777C138.715 129.737 139.795 127.617 139.795 125.577C139.795 121.497 136.435 118.177 131.995 118.177C127.555 118.177 124.195 121.497 124.195 125.577C124.195 127.617 125.275 129.737 126.835 130.777C124.275 132.137 122.395 134.897 122.395 138.097C122.395 143.017 126.595 146.977 131.995 146.977ZM131.995 132.977C135.195 132.977 137.595 135.257 137.595 138.097C137.595 140.937 135.195 143.177 131.995 143.177C128.795 143.177 126.395 140.937 126.395 138.097C126.395 135.257 128.795 132.977 131.995 132.977ZM131.995 121.977C134.195 121.977 135.795 123.577 135.795 125.577C135.795 127.577 134.195 129.177 131.995 129.177C129.795 129.177 128.195 127.577 128.195 125.577C128.195 123.577 129.795 121.977 131.995 121.977ZM150.187 146.577L162.707 121.177V118.577H145.107V122.377H157.907L145.907 146.577H150.187ZM183.988 127.777H179.028L171.388 135.417V118.177H167.588V146.577H171.388V137.857L180.108 146.577H185.188L175.108 136.577L183.988 127.777Z\",\"fill\":\"black\",\"key\":5})]);\n}\n\nChart4.defaultProps = {\"width\":\"264\",\"height\":\"264\",\"viewBox\":\"0 0 264 264\",\"fill\":\"none\"};\n\nmodule.exports = Chart4;\n\nChart4.default = Chart4;\n","import styled from \"styled-components\"\nimport { pageMargins, remCalc } from \"./utils\"\nimport { typography, color } from \"../styles/variables\"\n\nconst StyledSustainStat = styled.div`\n  width: 100%;\n  display: grid;\n  grid-template-columns: repeat(12, 1fr);\n  gap: 1.25rem;\n  font-family: ${typography.type.primary};\n  ${pageMargins};\n  margin-bottom: ${remCalc(62)};\n  &.no-margin-b {\n    margin-bottom: 0;\n  }\n  & .social-stats_text {\n    grid-column: 1/5;\n    position: relative;\n    margin-top: 3rem;\n    & h2 {\n      @media only screen and (max-width: 1024px) and (min-width: 640px) {\n        font-size: 40px;\n      }\n      @media only screen and (max-width: 640px) {\n        font-size: 32px;\n      }\n      @media only screen and (min-width: 1024px) {\n        font-size: 3rem;\n      }\n      @media only screen and (min-width: 1440px) {\n        font-size: ${remCalc(60)};\n      }\n    }\n    & p {\n      font-size: 1.25rem;\n      line-height: ${remCalc(30)};\n    }\n    @media only screen and (max-width: 1024px) {\n      grid-column: 1/13;\n    }\n  }\n\n  & .social-stats_container {\n    grid-column: 5/13;\n    width: 100%;\n    position: relative;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: flex-start;\n    justify-content: space-between;\n    & .social_stats-row {\n      width: 100%;\n      display: flex;\n      flex-wrap: wrap;\n      align-items: flex-start;\n      justify-content: space-between;\n      position: relative;\n    }\n    & .social-stats_item {\n      width: 50%;\n      position: relative;\n      display: flex;\n      align-items: flex-start;\n      justify-content: space-between;\n      flex-direction: column;\n      margin: 3rem 0;\n      @media only screen and (max-width: 640px) {\n        align-items: center;\n      }\n      & .sustain_stat-title {\n        font-size: ${remCalc(72)};\n        line-height: ${remCalc(86)};\n        letter-spacing: 0.1px;\n        text-align: left;\n\n        &.orange {\n          color: ${color.header.social_value.color_3};\n        }\n        &.blue {\n          color: ${color.header.social_value.color_2};\n        }\n        &.red {\n          color: ${color.header.jobs.color_3}\n        }\n        @media only screen and (min-width: 1024px) {\n          width: ${remCalc(262)};\n          margin: 0 auto;\n        }\n      }\n      & svg {\n        @media only screen and (min-width: 1024px) {\n          width: 100%;\n          margin: 0 auto;\n        }\n      }\n      & p {\n        font-size: 1.25rem;\n        line-height: ${remCalc(30)};\n        width: 80%;\n\n        &:not(.large-para) {\n          margin-top: 1.5rem;\n        }\n        @media only screen and (min-width: 1024px) {\n          width: ${remCalc(262)};\n          margin: 0 auto;\n        }\n      }\n      & .large-para {\n        font-size: 1.5rem;\n        line-height: ${remCalc(33)};\n      }\n      @media only screen and (max-width: 640px) {\n        width: 100%;\n      }\n    }\n    @media only screen and (max-width: 1024px) {\n      grid-column: 1/13;\n    }\n  }\n`\n\nexport default StyledSustainStat\n","var React = require('react');\n\nfunction Chart3 (props) {\n    return React.createElement(\"svg\",props,[React.createElement(\"path\",{\"d\":\"M0.5 132C0.5 204.902 59.5984 264 132.5 264V6.10352e-05C59.5984 6.10352e-05 0.5 59.0985 0.5 132Z\",\"fill\":\"#EEF0F1\",\"key\":0}),React.createElement(\"path\",{\"d\":\"M264.23 131.96C264.23 59.0804 205.252 6.10352e-05 132.5 6.10352e-05V131.96L263.076 149.5C263.837 143.762 264.23 137.907 264.23 131.96Z\",\"fill\":\"#EEF0F1\",\"key\":1}),React.createElement(\"path\",{\"d\":\"M132.232 263.919C199.048 263.919 254.245 214.087 262.808 149.5L132.232 131.96L88.002 256.297C101.826 261.232 116.716 263.919 132.232 263.919Z\",\"fill\":\"#EEF0F1\",\"key\":2}),React.createElement(\"path\",{\"d\":\"M0.501953 131.96C0.501953 189.296 37.0056 238.091 88.002 256.297L132.232 131.96L1.39637 116.5C0.80566 121.571 0.501953 126.73 0.501953 131.96Z\",\"fill\":\"#E9D448\",\"key\":3}),React.createElement(\"ellipse\",{\"cx\":\"132.335\",\"cy\":\"130\",\"rx\":\"94.8347\",\"ry\":\"95\",\"fill\":\"#F4F5F5\",\"key\":4}),React.createElement(\"path\",{\"d\":\"M87.1669 130.577C86.4869 128.857 85.7269 127.297 85.7269 125.697C85.7269 123.257 87.7269 121.777 90.0869 121.777C92.0469 121.777 93.7269 122.857 94.8069 123.937L97.2869 121.457C95.8469 119.897 93.3669 118.177 89.8869 118.177C85.6469 118.177 81.9269 121.217 81.9269 125.617C81.9269 127.457 82.4869 129.017 83.1269 130.577H80.0869V133.977H84.3669C84.5669 134.737 84.7269 135.537 84.7269 136.377C84.7269 139.097 82.8469 142.817 79.2869 144.177V146.577H97.8869V142.977H86.2069C87.5669 141.417 88.5269 138.857 88.5269 136.377C88.5269 135.537 88.4469 134.737 88.2869 133.977H93.0869V130.577H87.1669ZM114.598 137.377C114.598 140.617 112.278 143.177 108.598 143.177C105.758 143.177 103.798 141.977 102.238 140.337L99.5979 142.977C101.918 145.577 104.998 146.977 108.598 146.977C114.718 146.977 118.598 142.497 118.598 137.377C118.598 132.737 115.598 128.857 110.838 128.177L117.798 121.177V118.577H100.998V122.377H111.758L104.478 129.737V132.337C105.118 132.057 106.798 131.577 108.598 131.577C112.278 131.577 114.598 134.137 114.598 137.377ZM128.455 133.057C129.455 132.097 131.055 131.577 132.855 131.577C136.135 131.577 138.495 134.297 138.495 137.457C138.495 140.577 136.135 143.177 132.775 143.177C129.535 143.177 127.055 140.697 127.055 137.377C127.055 135.777 127.495 134.537 128.455 133.057ZM137.815 118.577H133.295L126.655 128.657C125.535 130.337 124.575 131.937 124.015 133.217C123.295 134.857 123.095 136.177 123.095 137.497C123.095 142.737 127.135 146.977 132.775 146.977C138.375 146.977 142.495 142.737 142.495 137.377C142.495 131.977 138.335 127.897 133.215 127.897C132.735 127.897 132.215 127.897 131.695 127.977L137.815 118.577ZM146.847 125.257C148.127 123.737 149.927 121.977 152.807 121.977C156.127 121.977 158.207 124.297 158.207 127.377C158.207 130.497 156.327 132.617 154.007 135.017L145.207 143.977V146.577H162.407V142.777H151.567L156.367 137.817C159.727 134.337 162.207 131.457 162.207 127.377C162.207 122.337 158.687 118.177 152.807 118.177C148.727 118.177 145.767 120.577 144.207 122.617L146.847 125.257ZM184.488 127.777H179.528L171.888 135.417V118.177H168.088V146.577H171.888V137.857L180.608 146.577H185.688L175.608 136.577L184.488 127.777Z\",\"fill\":\"black\",\"key\":5})]);\n}\n\nChart3.defaultProps = {\"width\":\"265\",\"height\":\"264\",\"viewBox\":\"0 0 265 264\",\"fill\":\"none\"};\n\nmodule.exports = Chart3;\n\nChart3.default = Chart3;\n","var React = require('react');\n\nfunction Chart5 (props) {\n    return React.createElement(\"svg\",props,[React.createElement(\"path\",{\"d\":\"M131.5 263C204.125 263 263 204.125 263 131.5C263 108.588 257.141 87.0454 246.838 68.2877L131.5 130.577V0C58.8746 0 0 58.8746 0 131.5C0 204.125 58.8746 263 131.5 263Z\",\"fill\":\"#E9D448\",\"key\":0}),React.createElement(\"path\",{\"d\":\"M131.5 130.577V0C152.189 0 171.3 4.86844 188.714 13.3807L131.5 130.577Z\",\"fill\":\"#BFBFBF\",\"key\":1}),React.createElement(\"path\",{\"d\":\"M246.851 68.2878L131.5 130.577L188.714 13.3807C213.145 25.3229 233.8 44.5249 246.851 68.2878Z\",\"fill\":\"#27204A\",\"key\":2}),React.createElement(\"circle\",{\"cx\":\"132\",\"cy\":\"132\",\"r\":\"95\",\"fill\":\"#F4F5F5\",\"key\":3}),React.createElement(\"path\",{\"d\":\"M82.8811 129.761C82.2011 128.041 81.4411 126.481 81.4411 124.881C81.4411 122.441 83.4411 120.961 85.8011 120.961C87.7611 120.961 89.4411 122.041 90.5211 123.121L93.0011 120.641C91.5611 119.081 89.0811 117.361 85.6011 117.361C81.3611 117.361 77.6411 120.401 77.6411 124.801C77.6411 126.641 78.2011 128.201 78.8411 129.761H75.8011V133.161H80.0811C80.2811 133.921 80.4411 134.721 80.4411 135.561C80.4411 138.281 78.5611 142.001 75.0011 143.361V145.761H93.6011V142.161H81.9211C83.2811 140.601 84.2411 138.041 84.2411 135.561C84.2411 134.721 84.1611 133.921 84.0011 133.161H88.8011V129.761H82.8811ZM95.3121 138.961H108.512V145.761H112.512V138.961H116.912V135.161H112.512V117.761H109.712L95.3121 136.361V138.961ZM100.992 135.161L108.512 125.721V135.161H100.992ZM121.829 143.361C121.829 144.921 123.069 146.161 124.629 146.161C126.189 146.161 127.429 144.921 127.429 143.361C127.429 141.801 126.189 140.561 124.629 140.561C123.069 140.561 121.829 141.801 121.829 143.361ZM138.003 145.761L150.523 120.361V117.761H132.923V121.561H145.723L133.723 145.761H138.003ZM155.404 126.961V145.761H159.204V132.841C160.284 131.561 162.164 130.161 164.484 130.161C165.924 130.161 167.284 130.801 168.124 131.801C168.804 132.601 169.204 133.641 169.204 135.561V145.761H173.004V136.161C173.004 134.841 172.884 133.761 172.684 132.841C173.924 131.561 175.684 130.161 178.404 130.161C179.804 130.161 181.084 130.801 181.924 131.801C182.604 132.601 183.004 133.641 183.004 135.561V145.761H186.804V136.161C186.804 133.001 186.244 131.161 185.084 129.721C183.524 127.761 181.084 126.561 178.404 126.561C175.004 126.561 172.964 127.961 171.244 129.681C169.684 127.801 167.364 126.561 164.604 126.561C162.044 126.561 159.844 127.921 159.084 128.761V126.961H155.404Z\",\"fill\":\"black\",\"key\":4})]);\n}\n\nChart5.defaultProps = {\"width\":\"263\",\"height\":\"263\",\"viewBox\":\"0 0 263 263\",\"fill\":\"none\"};\n\nmodule.exports = Chart5;\n\nChart5.default = Chart5;\n","export default function _taggedTemplateLiteralLoose(strings, raw) {\n  if (!raw) {\n    raw = strings.slice(0);\n  }\n\n  strings.raw = raw;\n  return strings;\n}","import styled from \"styled-components\"\nimport { pageMargins, remCalc } from \"./utils\"\nimport { typography } from \"../styles/variables\"\nimport { respondTo } from \"../styles/respondTo\"\n\nconst StyledStats = styled.div`\n  width: 100%;\n  ${pageMargins};\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-column-gap: 5%;\n  //justify-content: space-between;\n  align-items: ${({ align }) => (align ? align : \"center\")};\n  margin-bottom: 0rem;\n  padding-bottom: 2rem;\n  padding-top: 2rem;\n  &.overview-stats {\n    flex-wrap: wrap;\n  }\n  @media only screen and (max-width: 1024px) and (min-width: 640px) {\n    grid-template-rows: 1fr;\n    grid-template-columns: 1fr 1fr;\n  }\n  &.headline-stats {\n    @media only screen and (min-width: 1024px) {\n      & .stat_item {\n        /* margin: 3rem 0; */\n      }\n    }\n  }\n  &.social-value {\n    @media only screen and (max-width: 640px) {\n      padding-bottom: 2rem;\n    }\n  }\n  &.no-padding-b-d {\n    @media only screen and (min-width: 1024px) {\n      padding-bottom: 0.5rem;\n    }\n    @media only screen and (max-width: 640px) {\n      padding-top: 0;\n      margin-top: 0;\n    }\n  }\n  &.single {\n\n    @media only screen and (max-width: 1024px) {\n      display: flex;\n\n      & .stat_item,\n      & .stat_item.item-circle_image {\n        margin-bottom: 2.25rem;\n      }\n    }\n    @media only screen and (max-width: 640px) {\n\n      //& .stat_item {\n      //  marign-left: auto;\n      //  marign-right: auto;\n      //}\n    }\n  }\n\n  @media only screen and (max-width: 1024px) and (min-width: 640px) {\n    margin-top: 2rem;\n    align-items: flex-start;\n    flex-direction: column;\n    display: grid;\n    grid-row-gap: 2.25rem;\n\n    grid-template-rows: auto;\n\n    &.covid-stats {\n      grid-gap: unset;\n      grid-row-gap: 2rem;\n    }\n    &.overview-stats {\n      display: flex;\n    }\n  }\n  @media only screen and (max-width: 640px) {\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    margin-top: 2rem;\n    padding-bottom: 0;\n  }\n\n  &.covid-stats {\n    @media only screen and (max-width: 640px) {\n      margin-top: 0;\n      padding-top: 0;\n    }\n  }\n  & .stat_title {\n    & h3 {\n      font-size: 56px;\n      font-family: ${typography.type.primary};\n      ${respondTo.l`\n    font-size: 72px;\n    `};\n    }\n    margin-bottom: 1rem;\n    display: flex;\n    @media only screen and (max-width: 1024px) {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n  & .large-para {\n    & p,\n    & h3 {\n      font-size: 1.5rem !important;\n      line-height: 33px !important;\n      @media only screen and (max-width: 1024px) {\n        font-size: 20px;\n        line-height: 27px;\n      }\n    }\n    & h3 {\n      font-family: ${typography.type.primary};\n      margin-bottom: 1em;\n    }\n\n    & a {\n      color: black !important;\n    }\n  }\n\n  & .stat_item {\n    //width: 30%;\n    position: relative;\n    /* padding-right: 5%; */\n    margin: 1rem 0;\n\n    & .svg-title_container {\n      display: flex;\n      align-items: center;\n      height: ${remCalc(37)};\n      @media only screen and (max-width: 640px) {\n        & > svg {\n          width: 80px;\n          height: 80px;\n        }\n      }\n    }\n    @media only screen and (max-width: 1024px) and (min-width: 640px) {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      margin: 0;\n      & .stat_para {\n        width: 100%;\n        p {\n          text-align: left;\n        }\n      }\n    }\n    @media only screen and (max-width: 640px) {\n      /* padding-bottom: 2rem; */\n    }\n    &.item-circle_image {\n      @media only screen and (max-width: 1024px) {\n        width: 242px;\n        height: 242px;\n        margin: 0 auto;\n        & .gatsby-image-wrapper {\n          width: 100%;\n          height: 100%;\n        }\n      }\n    }\n    & svg {\n      height: 4.5vw;\n      margin-bottom: 0.4rem;\n      margin-right: 0.7rem;\n      @media only screen and (max-width: 1024px) {\n        height: 60px;\n      }\n    }\n    p {\n      font-size: 1.25rem;\n      line-height: ${remCalc(30)};\n      @media only screen and (max-width: 640px) {\n        font-size: 18px;\n        line-height: 24px;\n      }\n    }\n    @media only screen and (max-width: 1024px) {\n      width: 100%;\n\n      padding-right: 0;\n      & p {\n        text-align: center;\n      }\n      &.m-w-100 {\n        & p {\n          text-align: left;\n        }\n      }\n      & svg {\n        float: left;\n      }\n    }\n    @media only screen and (max-width: 640px) {\n      max-width: 285px;\n    }\n  }\n  & .stats_image {\n    transform: translate(0, -10%);\n    @media only screen and (max-width: 1024px) {\n      height: 295px;\n      width: 295px !important;\n      grid-column: 1/2;\n      grid-row: 1/2;\n      & .gatsby-image-wrapper {\n        width: 100%;\n      }\n    }\n    @media only screen and (max-width: 640px) {\n      margin: 3.5rem 0 0 0;\n    }\n    &.no-transform {\n      transform: translate(0, 0);\n    }\n  }\n\n  &.sustainability {\n    width: 100%;\n    grid-template-columns: repeat(3, minmax(200px, 1fr));\n    display: grid;\n    grid-column-gap: 2rem;\n    padding-bottom: 2rem;\n    padding-top: 2rem;\n\n    & .row-second,\n    .row-third {\n      & p {\n        font-family: ${typography.type.secondary};\n      }\n    }\n    @media only screen and (max-width: 1024px) {\n      grid-row-gap: 1rem;\n\n      padding-bottom: 1.2rem;\n      padding-top: 0rem;\n    }\n    @media only screen and (max-width: 640px) {\n      margin-top: 0rem;\n      padding-bottom: 3rem;\n      & .title_container {\n        margin-top: 2rem;\n\n        & > svg {\n          width: 80px;\n          height: 80px;\n        }\n\n        &.first {\n          width: 100%;\n          grid-row: 1/2;\n        }\n        &.second {\n          grid-row: 2/3;\n        }\n        &.third {\n          grid-row: 5/6;\n        }\n      }\n      & .col-second {\n        &.row-first {\n          grid-row: 3/4;\n        }\n        &.row-second {\n          grid-row: 3/4;\n        }\n        &.row-third {\n          grid-row: 4/5;\n        }\n      }\n      & .col-third {\n        &.row-first {\n          grid-row: 6/7;\n        }\n        &.row-second {\n          grid-row: 7/8;\n        }\n        &.row-third {\n          grid-row: 8/9;\n        }\n      }\n    }\n\n    @media only screen and (max-width: 1024px) {\n      grid-template-columns: repeat(2, minmax(200px, 1fr));\n    }\n    @media only screen and (max-width: 640px) {\n      grid-template-columns: 1fr;\n    }\n    & p {\n      font-size: ${remCalc(18)};\n      line-height: ${remCalc(28)};\n    }\n    & .row-second,\n    .row-third {\n      & p {\n        font-size: ${remCalc(18)};\n        line-height: ${remCalc(28)};\n      }\n    }\n\n    & .row-second {\n      grid-row: 2/3;\n      @media only screen and (max-width: 1024px) and (min-width: 640px) {\n        grid-row: unset;\n      }\n    }\n    & .row-third {\n      grid-row: 3/4;\n      @media only screen and (max-width: 1024px) and (min-width: 640px) {\n        grid-row: unset;\n        &.col-second {\n          grid-row: 3/4;\n          margin-bottom: 3rem;\n        }\n      }\n    }\n    & .col-first {\n      grid-column: 1/2;\n    }\n    & .col-second {\n      grid-column: 2/3;\n      @media only screen and (max-width: 640px) {\n        grid-column: 1/2;\n      }\n    }\n    & .col-third {\n      grid-column: 3/4;\n      @media only screen and (max-width: 1024px) and (min-width: 640px) {\n        grid-column: 2/3;\n      }\n      @media only screen and (max-width: 640px) {\n        grid-column: 1/2;\n      }\n    }\n    @media only screen and (max-width: 1024px) and (min-width: 640px) {\n      & .row_second.col_third {\n        grid-row: 4/5;\n      }\n    }\n\n    & .title_container {\n      display: flex;\n      align-items: center;\n      grid-row: 1/2;\n      height: 100%;\n      @media only screen and (max-width: 1024px) and (min-width: 640px) {\n        &.third {\n          grid-row: 3/4;\n          grid-column: 2/3;\n          margin-top: 0rem;\n          margin-bottom: 1.5rem;\n        }\n        &.m-t-2 {\n          margin-top: 2rem;\n        }\n      }\n      @media only screen and (max-width: 640px) {\n        &.third {\n          grid-column: 1/2;\n        }\n      }\n    }\n    & .first {\n      & svg {\n        margin-right: 1rem;\n      }\n    }\n  }\n  & .stat_item {\n    grid-column: span 1;\n\n    @media only screen and (max-width: 640px) {\n      width: 100%;\n    }\n\n    @media only screen and (max-width: 1024px) and (min-width: 640px) {\n      display: flex;\n      justify-content: space-between;\n      flex-wrap: wrap;\n      align-items: center;\n\n      &:not(.stats_image) {\n        grid-column: 2/3;\n      }\n      & .stat_title {\n        justify-content: flex-start;\n      }\n\n      &.flex-tablet {\n        display: flex;\n        flex-direction: row;\n        & .stat_title,\n        .stat_para {\n          width: 50%;\n        }\n      }\n    }\n\n    &--aligned {\n      grid-column: span 2;\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      grid-column-gap: 5%;\n\n      .stat_item__inner {}\n\n      @media only screen and (max-width: 1024px) {\n        display: block;\n\n        .stat_item__inner {\n          margin-bottom: 2rem;\n        }\n      }\n    }\n  }\n  &.jobs_stats {\n    align-items: center;\n    &.community-employment,\n    &.job-creation {\n      & .stats_image {\n        transform: translate(0, 0);\n      }\n    }\n    @media only screen and (max-width: 1024px) and (min-width: 640px) {\n      &.community-employment,\n      &.job-creation {\n        align-items: flex-start;\n      }\n    }\n    @media only screen and (max-width: 640px) {\n      &.community-employment {\n        flex-direction: column-reverse;\n        padding-bottom: 2rem;\n      }\n    }\n  }\n  &.stats_two-part {\n    justify-content: space-around;\n\n    & .stats_image {\n      transform: translate(0, 0);\n    }\n    & .stat_item:nth-child(1) {\n      @media only screen and (min-width: 1024px) {\n        width: 40%;\n      }\n    }\n    @media only screen and (max-width: 640px) {\n      margin-top: 0;\n      padding-top: 0;\n      padding-bottom: 1rem;\n    }\n  }\n`\n\nexport default StyledStats\n","var React = require('react');\n\nfunction Chart2 (props) {\n    return React.createElement(\"svg\",props,[React.createElement(\"path\",{\"d\":\"M0 132C0 204.902 59.0984 264 132 264V6.10352e-05C59.0984 6.10352e-05 0 59.0985 0 132Z\",\"fill\":\"#EEF0F1\",\"key\":0}),React.createElement(\"path\",{\"d\":\"M263.73 131.96C263.73 59.0804 204.752 6.10352e-05 132 6.10352e-05V131.96L262.576 149.5C263.337 143.762 263.73 137.907 263.73 131.96Z\",\"fill\":\"#EEF0F1\",\"key\":1}),React.createElement(\"path\",{\"d\":\"M131.732 263.919C198.548 263.919 253.745 214.087 262.308 149.5L131.732 131.96L87.502 256.297C101.326 261.232 116.216 263.919 131.732 263.919Z\",\"fill\":\"#27204A\",\"key\":2}),React.createElement(\"path\",{\"d\":\"M0.00195312 131.96C0.00195312 189.296 36.5056 238.091 87.502 256.297L131.732 131.96L0.896371 116.5C0.30566 121.571 0.00195312 126.73 0.00195312 131.96Z\",\"fill\":\"#EEF0F1\",\"key\":3}),React.createElement(\"ellipse\",{\"cx\":\"131.835\",\"cy\":\"130\",\"rx\":\"94.8347\",\"ry\":\"95\",\"fill\":\"#F4F5F5\",\"key\":4}),React.createElement(\"path\",{\"d\":\"M87.2529 130.577C86.5729 128.857 85.8129 127.297 85.8129 125.697C85.8129 123.257 87.8129 121.777 90.1729 121.777C92.1329 121.777 93.8129 122.857 94.8929 123.937L97.3729 121.457C95.9329 119.897 93.4529 118.177 89.9729 118.177C85.7329 118.177 82.0129 121.217 82.0129 125.617C82.0129 127.457 82.5729 129.017 83.2129 130.577H80.1729V133.977H84.4529C84.6529 134.737 84.8129 135.537 84.8129 136.377C84.8129 139.097 82.9329 142.817 79.3729 144.177V146.577H97.9729V142.977H86.2929C87.6529 141.417 88.6129 138.857 88.6129 136.377C88.6129 135.537 88.5329 134.737 88.3729 133.977H93.1729V130.577H87.2529ZM99.6838 139.777H112.884V146.577H116.884V139.777H121.284V135.977H116.884V118.577H114.084L99.6838 137.177V139.777ZM105.364 135.977L112.884 126.537V135.977H105.364ZM128.095 146.577L140.615 121.177V118.577H123.015V122.377H135.815L123.815 146.577H128.095ZM147.664 133.057C148.664 132.097 150.264 131.577 152.064 131.577C155.344 131.577 157.704 134.297 157.704 137.457C157.704 140.577 155.344 143.177 151.984 143.177C148.744 143.177 146.264 140.697 146.264 137.377C146.264 135.777 146.704 134.537 147.664 133.057ZM157.024 118.577H152.504L145.864 128.657C144.744 130.337 143.784 131.937 143.224 133.217C142.504 134.857 142.304 136.177 142.304 137.497C142.304 142.737 146.344 146.977 151.984 146.977C157.584 146.977 161.704 142.737 161.704 137.377C161.704 131.977 157.544 127.897 152.424 127.897C151.944 127.897 151.424 127.897 150.904 127.977L157.024 118.577ZM183.403 127.777H178.443L170.803 135.417V118.177H167.003V146.577H170.803V137.857L179.523 146.577H184.603L174.523 136.577L183.403 127.777Z\",\"fill\":\"black\",\"key\":5})]);\n}\n\nChart2.defaultProps = {\"width\":\"264\",\"height\":\"264\",\"viewBox\":\"0 0 264 264\",\"fill\":\"none\"};\n\nmodule.exports = Chart2;\n\nChart2.default = Chart2;\n","import React from \"react\"\nimport styled from \"styled-components\"\nimport { pageMargins, remCalc } from \"../styles/utils\"\nimport { typography } from \"../styles/variables\"\nimport Img from \"gatsby-image\"\n\nconst StyledCircleAndText = styled.div`\n  width: 100%;\n  ${pageMargins};\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  padding-top: 5rem;\n  padding-bottom: 5rem;\n  min-height: 25rem;\n  position: relative;\n  @media only screen and (max-width: 1024px) and (min-width: 640px) {\n    flex-direction: row;\n    flex-wrap: wrap;\n  }\n\n  @media only screen and (max-width: 640px) {\n    flex-direction: column;\n    align-items: center;\n    padding-top: 1rem;\n    padding-bottom: 2rem;\n    & > * {\n      padding-bottom: 1.5rem;\n    }\n  }\n  & .candt_circle {\n    width: 30vw;\n    height: 30vw;\n    max-width: 30rem;\n    max-height: 30rem;\n    border-radius: 50%;\n    position: relative;\n\n    @media only screen and (max-width: 1024px) and (min-width: 640px) {\n      width: 296px;\n      height: 296px;\n      max-width: 296px;\n      max-height: 296px;\n    }\n    @media only screen and (max-width: 640px) {\n      width: 242px;\n      height: 242px;\n      max-width: 242px;\n      max-height: 242px;\n      margin-bottom: 2rem;\n    }\n  }\n  & p {\n    font-size: 1.25rem;\n    line-height: 2.1rem;\n    width: 50%;\n    font-family: ${typography.type.primary};\n    @media only screen and (max-width: 1024px) and (min-width: 640px) {\n      width: 50%;\n    }\n\n    @media only screen and (max-width: 640px) {\n      font-size: 18px;\n      line-height: 28px;\n      width: 100%;\n    }\n  }\n  .circle-text_container {\n    width: 50%;\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    & p,\n    .list {\n      width: 100%;\n      font-size: 1.25rem;\n    }\n    p {\n      margin-bottom: 1rem;\n\n      &:last-child,\n      &:only-child,\n      &:only-of-type {\n        margin-bottom: 0;\n      }\n    }\n    @media only screen and (max-width: 1024px) {\n      width: 50%;\n    }\n    @media only screen and (max-width: 640px) {\n      width: 100%;\n      p {\n        font-size: 1rem;\n      }\n    }\n  }\n`\n\nconst CircleAndText = ({ children, image }) => {\n  return (\n    <StyledCircleAndText className=\"full-width\">\n      <div className=\"candt_circle\">\n        <Img fluid={image.childImageSharp.fluid} />\n      </div>\n      {children}\n    </StyledCircleAndText>\n  )\n}\n\nexport default CircleAndText\n"],"sourceRoot":""}