{"version":3,"file":"component---src-pages-index-tsx-8835a0e0994030ec24e2.js","mappings":"oRASMA,GAAYC,EAAAA,EAAAA,IAAW,SAACC,GAAD,kBAC3BC,WAAY,CACVC,WACE,wEACFC,SAAU,KACVC,OAAQ,SACRC,QAAS,GACTC,QAAS,OACTC,eAAgB,gBAChB,OAAQ,CACNC,aAAc,KAGlBC,eAAgB,CACdC,UAAW,MACXC,YAAa,IAEfC,uBAAwB,CACtBF,UAAW,MACXJ,QAAS,OACTO,WAAY,SACZN,eAAgB,SAChBO,SAAU,YAEZC,sBAAuB,CACrBT,QAAS,QAEXU,uBAAwB,CACtBF,SAAU,WACVG,OAAQ,OACRC,MAAO,OACPZ,QAAS,OACTO,WAAY,SACZN,eAAgB,SAChB,QAAS,CACPO,SAAU,aAGdK,QAAS,CACPC,WAAY,UACZC,QAAS,EACTC,WAAY,uBAEdC,OAAQ,CACNH,WAAY,SACZC,QAAS,IACTC,WAAY,2CAEdE,iBAAkB,CAChBC,SAAU,GACVC,WAAY,OACZC,cAAe,UAEjBC,YAAa,CACXC,WAAY,SACZC,WAAY,IACZ,MAAO,CACLtB,aAAc,IAGlBuB,QAAS,CACPD,WAAY,IACZE,UAAW,GAEb,6BAA8B,CAC5BC,YAAa,CACX5B,QAAS,aAGZL,EAAMkC,YAAYC,KAAK,SArEG,GAsEzBlC,WAAY,CACVC,WACE,wEACFC,SAAU,KACVC,OAAQ,SACRC,QAAS,GACTC,QAAS,OACT8B,eAAgB,gBAChB,OAAQ,CACN5B,aAAc,KAGlBC,eAAgB,CACdC,UAAW,MACXC,YAAa,IAEfC,uBAAwB,CACtBF,UAAW,MACXJ,QAAS,OACTO,WAAY,SACZN,eAAgB,SAChBO,SAAU,YAEZC,sBAAuB,CACrBT,QAAS,QAEXU,uBAAwB,CACtBF,SAAU,WACVG,OAAQ,OACRC,MAAO,OACPZ,QAAS,OACTO,WAAY,SACZN,eAAgB,SAChB,QAAS,CACPO,SAAU,aAGdK,QAAS,CACPC,WAAY,UACZC,QAAS,EACTC,WAAY,uBAEdC,OAAQ,CACNH,WAAY,SACZC,QAAS,IACTC,WAAY,2CAEde,kBAAmB,CACjBC,gBAAiB,OAEnBd,iBAAkB,CAChBC,SAAU,GACVC,WAAY,OACZC,cAAe,UAEjBC,YAAa,CACX,MAAO,CACLpB,aAAc,MAGjBR,EAAMkC,YAAYC,KAAK,OAAQ,CAC9BlC,WAAY,CACVC,WAAY,wBACZG,QAAS,SACT,aAAc,CACZA,QAAS,UAEX,MAAO,CACLA,QAAS,WAGbI,eAAgB,CACdC,UAAW,OACXC,YAAa,EACb,MAAO,CACLmB,WAAY,MAGhBlB,uBAAwB,CACtBN,QAAS,QAEXS,sBAAuB,CACrBT,QAAS,gBAEXsB,YAAa,CACXvB,QAAS,QACTF,SAAU,uBA5JW,QAwKvBoC,EAA+B,SAAC,GAA0C,IAAxCC,EAAuC,EAAvCA,SAAUC,EAA6B,EAA7BA,MAAOC,EAAsB,EAAtBA,MAAOC,EAAe,EAAfA,SAC9D,OACE,uBACEC,KAAK,WACLrB,OAAQkB,IAAUC,EAClBG,GAAE,4BAA8BH,EAChC,yCAAwCA,EACxCI,MAAO,CACL5C,WAAY,QACZG,QAASsC,EAAW,GAAK,sBACzBb,WAAY,IACZH,cAAe,SACfoB,UAAW,MAGZN,IAAUC,GAASF,IASpBQ,EAA+B,SAAC,GAA6B,IAA3BC,EAA0B,EAA1BA,UAAWT,EAAe,EAAfA,SAC3CU,EAAUpD,IAEhB,OACE,uBAAKqD,UAAWF,EAAYC,EAAQ/B,QAAU+B,EAAQ3B,QACnDiB,IAKDY,EAAoB,CACxBC,MAAO,mBACPxB,WAAY,SACZJ,SAAU,GACVK,WAAY,IACZH,cAAe,MACfnB,aAAc,EACdwB,UAAW,GAmMb,EA5LoD,SAAC,GAAkB,IAAhBW,EAAe,EAAfA,SAC/CO,EAAUpD,IAEhB,EAAgCwD,EAAAA,SAAe,GAAxCC,EAAP,KAAiBC,EAAjB,KAKMC,GAAOC,EAAAA,EAAAA,gBAAe,cAuC5B,OACE,2BAASP,UAAWD,EAAQjD,YAC1B,uBAAKkD,UAAWD,EAAQzC,gBACtB,sBAAIqC,MAAO,CAAEpB,WAAY,UAAzB,4BAC2B,sCAD3B,yBAIA,sBAAIyB,UAAWD,EAAQS,UAAvB,8CAIA,saASA,uBAAKR,UAAWD,EAAQtB,aACtB,gBAACgC,EAAA,EAAD,CACEnB,MAAOc,EACPM,SAlEc,SAACC,EAAOC,GAC9BP,EAAYO,IAkEJC,eAAe,UACfC,UAAU,UACVC,QAAQ,aACRC,cAAexB,EAAW,KAAO,MACjC,aAAW,uCACXG,MAAO,CACL5C,WAAY,QACZkE,aAAc,OAEhBC,kBAAmB,CACjB7B,SACE,wBACEM,MAAO,CACL7B,OAAQ,EACRd,SAAU,IACVe,MAAO,OACPoB,gBAAiB,UACjB8B,aAAc,KAIpBtB,MAAO,CACL7B,OAAQ,EACRX,QAAS,OACTC,eAAgB,SAChB+B,gBAAiB,iBAKrB,gBAACgC,EAAA,EAAD,CAAKC,MAAM,4BAA4BzB,MAAOM,IAC9C,gBAACkB,EAAA,EAAD,CAAKC,MAAM,6BAA6BzB,MAAOM,IAC/C,gBAACkB,EAAA,EAAD,CAAKC,MAAM,yBAAyBzB,MAAOM,KAE7C,gBAACb,EAAD,CAAUE,MAAOc,EAAUb,MAAO,EAAGC,SAAUA,GAC5CA,GACC,gBAAC,UAAD,CACE6B,MAAOf,EAAKgB,qBAAqBC,gBAAgBF,MACjDG,IAAI,2CAGR,wBAAMxB,UAAWD,EAAQjB,aAAzB,yCAGA,qBAAGkB,UAAWD,EAAQnB,SAAtB,iVASF,gBAACQ,EAAD,CAAUE,MAAOc,EAAUb,MAAO,GAC/BC,GACC,gBAAC,UAAD,CACE6B,MAAOf,EAAKmB,sBAAsBF,gBAAgBF,MAClDG,IAAI,yCAGR,wBAAMxB,UAAWD,EAAQjB,aAAzB,0CAGA,qBAAGkB,UAAWD,EAAQnB,SAAtB,oTAQF,gBAACQ,EAAD,CAAUE,MAAOc,EAAUb,MAAO,GAC/BC,GACC,gBAAC,UAAD,CACE6B,MAAOf,EAAKoB,kBAAkBH,gBAAgBF,MAC9CG,IAAI,+CAGR,wBAAMxB,UAAWD,EAAQjB,aAAzB,sCAGA,qBAAGkB,UAAWD,EAAQnB,SAAtB,yTAUN,uBAAKoB,UAAWD,EAAQtC,wBACtB,uBAAKuC,UAAWD,EAAQlC,wBACtB,gBAACgC,EAAD,CAAUC,UAAwB,IAAbM,GACnB,gBAAC,UAAD,CACEuB,MAAOrB,EAAKgB,qBAAqBC,gBAAgBI,MACjDH,IAAI,4CAGR,gBAAC3B,EAAD,CAAUC,UAAwB,IAAbM,GACnB,gBAAC,UAAD,CACEuB,MAAOrB,EAAKmB,sBAAsBF,gBAAgBI,MAClDH,IAAI,0CAGR,gBAAC3B,EAAD,CAAUC,UAAwB,IAAbM,GACnB,gBAAC,UAAD,CACEuB,MAAOrB,EAAKoB,kBAAkBH,gBAAgBI,MAC9CH,IAAI,oD,qEC9XZ7E,GAAYC,EAAAA,EAAAA,GAAW,CAC3BgF,4BAA6B,CAC3B7D,MAAO,OACPD,OAAQ,OACRf,WACE,0EAEJ8E,iBAAkB,CAChBC,WAAY,IACZ9E,SAAU,IACVG,QAAS,OACT4E,cAAe,SACf3E,eAAgB,SAChBM,WAAY,aACZI,OAAQ,OAERoC,MAAO,qBACP1B,cAAe,UAEjBwD,WAAY,CACVtD,WAAY,SACZC,WAAY,IACZL,SAAU,GACVC,WAAY,QAEd0D,iBAAkB,CAChBvD,WAAY,SACZJ,SAAU,GACVK,WAAY,IACZJ,WAAY,QAEd2D,gBAAiB,CACf5D,SAAU,GACVC,WAAY,OACZC,cAAe,MACf2D,cAAe,YACfxD,WAAY,IACZtB,aAAc,IAEhB+E,aAAc,CACZC,UAAW,SACXrF,SAAU,IACVC,OAAQ,SACR,OAAQ,CACNI,aAAc,IAEhB,UAAW,CACTiF,UACE,2EACFrB,aAAc,IAGlBsB,iBAAkB,CAChBF,UAAW,SACXxD,UAAW,GACX7B,SAAU,IACVC,OAAQ,SACR,OAAQ,CACNI,aAAc,KAGlBmF,cAAe,CACbH,UAAW,OACXI,cAAe,OACfxF,OAAQ,EACRC,QAAS,EACTgD,MAAO,QACP,OAAQ,CACN/C,QAAS,OACTW,OAAQ,IACRd,SAAU,IACVsB,SAAU,GACVC,WAAY,OACZ,QAAS,CACPpB,QAAS,OACTO,WAAY,SACZI,OAAQ,OACR4E,YAAa,IAEf,SAAU,CACRpE,SAAU,GACVC,WAAY,OACZf,YAAa,MAInBmF,iBAAkB,CAChB5E,MAAO,MACPoB,gBAAiB,UACjByD,OAAQ,EACR,KAAM,CACJC,WAAY,UAEd,4BAA6B,CAC3BvE,SAAU,QAEZ,4BAA6B,CAC3BA,SAAU,OACVC,WAAY,SAGhBuE,kBAAmB,CACjB/E,MAAO,MACPoB,gBAAiB,UACjB,KAAM,CACJuD,YAAa,IAGjBK,kBAAmB,CACjBhF,MAAO,MACPoB,gBAAiB,UACjByD,OAAQ,EACR,KAAM,CACJC,WAAY,UAEd,4BAA6B,CAC3BvE,SAAU,QAEZ,4BAA6B,CAC3BA,SAAU,OACVC,WAAY,SAGhByE,mBAAoB,CAClBjF,MAAO,MACPoB,gBAAiB,UACjB,KAAM,CACJuD,YAAa,IAGjBO,SAAU,CACRlF,MAAO,OACPoB,gBAAiB,UACjB,KAAM,CACJ0D,WAAY,UAEd,4BAA6B,CAC3BvE,SAAU,QAEZ,4BAA6B,CAC3BA,SAAU,OACVC,WAAY,SAGhB2E,kBAAmB,CACjBnF,MAAO,KACPoB,gBAAiB,UACjB,KAAM,CACJuD,YAAa,IAGjBS,iBAAkB,CAChBpG,WAAY,QACZsF,UAAW,SACXrF,SAAU,IACVE,QAAS,YACTD,OAAQ,SACR,OAAQ,CACNI,aAAc,KAGlB+F,kBAAmB,CACjBnG,OAAQ,YACRD,SAAU,MAEZqG,eAAgB,CACdZ,cAAe,OACfvF,QAAS,EACTD,OAAQ,EAERoF,UAAW,SACXlF,QAAS,OACTC,eAAgB,SAChBkG,SAAU,OAEV,OAAQ,CACNvF,MAAO,IACPd,OAAQ,QACR,QAAS,CACPc,MAAO,GACPD,OAAQ,IAEV,SAAU,CACRQ,SAAU,GACVC,WAAY,OACZuD,WAAY,MAIlB,4BAA6B,CAC3BF,4BAA6B,CAC3B7E,WAAY,eAEd8E,iBAAkB,CAChBC,WAAY,EACZ5E,QAAS,WACTF,SAAU,OACVK,aAAc,GACd,OAAQ,CACNiB,SAAU,GACVC,WAAY,OACZI,WAAY,KAEd,MAAO,CACL1B,OAAQ,WAGZsF,iBAAkB,CAChB,OAAQ,CACNjE,SAAU,GACVC,WAAY,OACZI,WAAY,MAGhB6D,cAAe,CACb,OAAQ,CACNrF,QAAS,OACTW,OAAQ,GACRQ,SAAU,GACVC,WAAY,OACZC,cAAe,QACf,SAAU,CACRF,SAAU,GACVC,WAAY,OACZf,YAAa,GAEf,QAAS,CACPkF,YAAa,GACbG,WAAY,YAIlBM,iBAAkB,CAChBjG,QAAS,GACT,OAAQ,CACNmF,UAAW,OACX/D,SAAU,GACVC,WAAY,OACZI,WAAY,IACZtB,aAAc,IAEhB,MAAO,CACLgF,UAAW,OACX/D,SAAU,GACVC,WAAY,OACZC,cAAe,SACfG,WAAY,MAGhByE,kBAAmB,CACjB,OAAQ,CACN9E,SAAU,GACVC,WAAY,OACZC,cAAe,MACf2D,cAAe,YACfE,UAAW,SACX1D,WAAY,IACZ3B,SAAU,IACVC,OAAQ,WAGZoG,eAAgB,CACdC,SAAU,SACVlG,eAAgB,aAChBmG,UAAW,SACX1E,UAAW,GACX,OAAQ,CACN2E,WAAY,EACZ,QAAS,CACP3E,WAAY,GAEd,QAAS,CACP4E,UAAW,aACXjG,aAAc,EACdH,cAAe,GAEjB,SAAU,CACRiB,SAAU,GACVC,WAAY,OACZC,cAAe,SACfG,WAAY,UAiKtB,EA1JsB,WACpB,IAAM9B,GAAQ6G,EAAAA,EAAAA,KACR3D,EAAUpD,EAAUE,GACpB8G,GAAOC,EAAAA,EAAAA,KAEPpE,GAAWqE,EAAAA,EAAAA,GAAc,qBAEzBvD,GAAOC,EAAAA,EAAAA,gBAAe,cA4CtBuD,EAAqBC,EAAAA,GAAN,yBACfC,EAAoBD,EAAAA,GAAN,kCACdE,EAAkBF,EAAAA,GAAN,yBAElB,OACE,gBAACG,EAAA,EAAD,KACE,gBAACC,EAAA,EAAD,CAAKC,MAAM,SACX,gBAACC,EAAA,EAAD,MACA,gBAACC,EAAA,EAAD,CACEC,aACEjE,EAAKkE,iCAAiCjD,gBAAgBF,MAExDoD,YAAanE,EAAKoE,gCAAgCnD,gBAAgBF,MAClEG,IAAI,qCAEJ,uBAAKxB,UAAWD,EAAQ6B,6BACtB,2BAAS5B,UAAWD,EAAQ8B,kBAC1B,sBAAI7B,UAAW2D,EAAKgB,GAAIhF,MAAO,CAAEtC,aAAc,IAA/C,uBAGA,sBAAI2C,UAAW2D,EAAKiB,GAAIjF,MAAO,CAAEtC,aAAc,KAA/C,0EAIA,sBAAI2C,UAAW2D,EAAKiB,GAAIjF,MAAO,CAAEtC,aAAc,KAA/C,mGAIA,gBAACwH,EAAA,EAAD,CACE9D,QAAQ,SACR+D,KAAMC,EAAAA,GACNpF,MAAO,CAAEiD,OAAQ,IAHnB,oBAUN,2BAAS5C,UAAWD,EAAQqC,cACzB5C,GACC,0BACE,uBAAKQ,UAAWD,EAAQmC,iBAAxB,2BADF,0CAOA1C,GAAY,mEACd,gBAACwF,EAAA,EAAD,CACEC,WAAYnB,EACZoB,YAAalB,EACbC,aAAcA,KAGlB,2BAASjE,UAAWD,EAAQwC,kBAC1B,oFACA,sBAAIvC,UAAWD,EAAQyC,eACrB,0BACE,uBAAKxC,UAAWD,EAAQ4C,kBACtB,mCADF,qHAIA,uBAAK3C,UAAWD,EAAQ+C,qBAE1B,0BACE,uBAAK9C,UAAWD,EAAQgD,mBACtB,mCADF,+HAKA,uBAAK/C,UAAWD,EAAQiD,sBAE1B,0BACE,uBAAKhD,UAAWD,EAAQkD,UACtB,mCADF,iIAKA,uBAAKjD,UAAWD,EAAQmD,uBAI9B,2BAASlD,UAAWD,EAAQoD,kBAC1B,iEACA,kkBAWA,gBAACgC,EAAA,EAAD,CAAYL,KAAK,YAAjB,kBAEF,gBAAC,EAAD,CAAwBtF,SAAUA,IAClC,gBAAC4F,EAAA,EAAD","sources":["webpack://marketing/./src/components/index/IndexCoreValuesSection.tsx","webpack://marketing/./src/pages/index.tsx"],"sourcesContent":["import React, { FC } from \"react\";\r\nimport { useStaticQuery, graphql } from \"gatsby\";\r\nimport Img from \"gatsby-image\";\r\n\r\nimport Tabs from \"@material-ui/core/Tabs\";\r\nimport Tab from \"@material-ui/core/Tab\";\r\nimport { makeStyles } from \"@material-ui/styles\";\r\nimport { Theme } from \"@material-ui/core\";\r\n\r\nconst useStyles = makeStyles((theme: Theme) => ({\r\n  workForYou: {\r\n    background:\r\n      \"linear-gradient(90deg, rgba(101, 78, 163, 0.08) 77%, transparent 77%)\",\r\n    maxWidth: 1200,\r\n    margin: \"0 auto\",\r\n    padding: 32,\r\n    display: \"flex\",\r\n    justifyContent: \"space-between\",\r\n    \"& h2\": {\r\n      marginBottom: 32,\r\n    },\r\n  },\r\n  workForYouText: {\r\n    flexBasis: \"65%\",\r\n    marginRight: 40,\r\n  },\r\n  workForYouImageDesktop: {\r\n    flexBasis: \"35%\",\r\n    display: \"flex\",\r\n    alignItems: \"center\",\r\n    justifyContent: \"center\",\r\n    position: \"relative\",\r\n  },\r\n  workForYouImageMobile: {\r\n    display: \"none\",\r\n  },\r\n  workForYouImageWrapper: {\r\n    position: \"relative\",\r\n    height: \"100%\",\r\n    width: \"100%\",\r\n    display: \"flex\",\r\n    alignItems: \"center\",\r\n    justifyContent: \"center\",\r\n    \"& div\": {\r\n      position: \"absolute\",\r\n    },\r\n  },\r\n  visible: {\r\n    visibility: \"visible\",\r\n    opacity: 1,\r\n    transition: \"opacity 0.3s linear\",\r\n  },\r\n  hidden: {\r\n    visibility: \"hidden\",\r\n    opacity: \"0\",\r\n    transition: \"visibility 0s 0.3s, opacity 0.3s linear\",\r\n  },\r\n  mobileSubheading: {\r\n    fontSize: 20,\r\n    lineHeight: \"24px\",\r\n    letterSpacing: \"0.25px\",\r\n  },\r\n  tabsWrapper: {\r\n    fontFamily: \"Ubuntu\",\r\n    fontWeight: 500,\r\n    \"& p\": {\r\n      marginBottom: 0,\r\n    },\r\n  },\r\n  tabText: {\r\n    fontWeight: 400,\r\n    marginTop: 8,\r\n  },\r\n  \"@media (max-width: 1200px)\": {\r\n    tabSubtitle: {\r\n      padding: \"0 32px\",\r\n    },\r\n  },\r\n  [theme.breakpoints.down(\"md\")]: {\r\n    workForYou: {\r\n      background:\r\n        \"linear-gradient(90deg, rgba(101, 78, 163, 0.08) 77%, transparent 77%)\",\r\n      maxWidth: 1200,\r\n      margin: \"0 auto\",\r\n      padding: 32,\r\n      display: \"flex\",\r\n      jusitfyContent: \"space-between\",\r\n      \"& h2\": {\r\n        marginBottom: 32,\r\n      },\r\n    },\r\n    workForYouText: {\r\n      flexBasis: \"65%\",\r\n      marginRight: 40,\r\n    },\r\n    workForYouImageDesktop: {\r\n      flexBasis: \"35%\",\r\n      display: \"flex\",\r\n      alignItems: \"center\",\r\n      justifyContent: \"center\",\r\n      position: \"relative\",\r\n    },\r\n    workForYouImageMobile: {\r\n      display: \"none\",\r\n    },\r\n    workForYouImageWrapper: {\r\n      position: \"relative\",\r\n      height: \"100%\",\r\n      width: \"100%\",\r\n      display: \"flex\",\r\n      alignItems: \"center\",\r\n      justifyContent: \"center\",\r\n      \"& div\": {\r\n        position: \"absolute\",\r\n      },\r\n    },\r\n    visible: {\r\n      visibility: \"visible\",\r\n      opacity: 1,\r\n      transition: \"opacity 0.3s linear\",\r\n    },\r\n    hidden: {\r\n      visibility: \"hidden\",\r\n      opacity: \"0\",\r\n      transition: \"visibility 0s 0.3s, opacity 0.3s linear\",\r\n    },\r\n    indicatorOverride: {\r\n      backgroundColor: \"red\",\r\n    },\r\n    mobileSubheading: {\r\n      fontSize: 20,\r\n      lineHeight: \"24px\",\r\n      letterSpacing: \"0.25px\",\r\n    },\r\n    tabsWrapper: {\r\n      \"& p\": {\r\n        marginBottom: 0,\r\n      },\r\n    },\r\n    [theme.breakpoints.down(\"md\")]: {\r\n      workForYou: {\r\n        background: \"rgba(101,78,163,0.08)\",\r\n        padding: \"16px 0\",\r\n        \"& h2, & h3\": {\r\n          padding: \"0 32px\",\r\n        },\r\n        \"& p\": {\r\n          padding: \"0 32px\",\r\n        },\r\n      },\r\n      workForYouText: {\r\n        flexBasis: \"100%\",\r\n        marginRight: 0,\r\n        \"& p\": {\r\n          fontWeight: 400,\r\n        },\r\n      },\r\n      workForYouImageDesktop: {\r\n        display: \"none\",\r\n      },\r\n      workForYouImageMobile: {\r\n        display: \"inline-block\",\r\n      },\r\n      tabsWrapper: {\r\n        padding: \"0 9px\",\r\n        maxWidth: \"calc(100vw - 18px)\",\r\n      },\r\n    },\r\n  },\r\n}));\r\n\r\ninterface IPropsTabPanel {\r\n  value: number;\r\n  index: number;\r\n  isMobile?: boolean;\r\n}\r\n\r\nconst TabPanel: FC<IPropsTabPanel> = ({ children, value, index, isMobile }) => {\r\n  return (\r\n    <div\r\n      role=\"tabpanel\"\r\n      hidden={value !== index}\r\n      id={`scrollable-auto-tabpanel-${index}`}\r\n      aria-labelledby={`scrollable-auto-tab-${index}`}\r\n      style={{\r\n        background: \"white\",\r\n        padding: isMobile ? 16 : \"16px 25px 24px 25px\",\r\n        fontWeight: 500,\r\n        letterSpacing: \"0.15px\",\r\n        minHeight: 112,\r\n      }}\r\n    >\r\n      {value === index && children}\r\n    </div>\r\n  );\r\n};\r\n\r\ninterface IPropsAnimated {\r\n  isVisible: boolean;\r\n}\r\n\r\nconst Animated: FC<IPropsAnimated> = ({ isVisible, children }) => {\r\n  const classes = useStyles();\r\n\r\n  return (\r\n    <div className={isVisible ? classes.visible : classes.hidden}>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n\r\nconst tabStyleOverrides = {\r\n  color: \"rgba(0,0,0,0.64)\",\r\n  fontFamily: \"Ubuntu\",\r\n  fontSize: 12,\r\n  fontWeight: 500,\r\n  letterSpacing: \"1px\",\r\n  marginBottom: 6,\r\n  marginTop: 1,\r\n};\r\n\r\ninterface IPropsIndexCore {\r\n  isMobile?: boolean;\r\n}\r\n\r\nconst IndexCoreValuesSection: FC<IPropsIndexCore> = ({ isMobile }) => {\r\n  const classes = useStyles();\r\n\r\n  const [tabValue, setTabValue] = React.useState(0);\r\n  const handleTabChange = (event, newValue) => {\r\n    setTabValue(newValue);\r\n  };\r\n\r\n  const data = useStaticQuery(graphql`\r\n    query {\r\n      measureEvaluateImage: file(\r\n        relativePath: { eq: \"index/measure-evaluate.png\" }\r\n      ) {\r\n        childImageSharp {\r\n          fixed(width: 410, pngQuality: 80) {\r\n            ...GatsbyImageSharpFixed\r\n          }\r\n          fluid(maxWidth: 959, pngQuality: 80) {\r\n            ...GatsbyImageSharpFluid\r\n          }\r\n        }\r\n      }\r\n      personalizeGuideImage: file(\r\n        relativePath: { eq: \"index/personalize-guide.png\" }\r\n      ) {\r\n        childImageSharp {\r\n          fixed(width: 369, pngQuality: 80) {\r\n            ...GatsbyImageSharpFixed\r\n          }\r\n          fluid(maxWidth: 959, pngQuality: 80) {\r\n            ...GatsbyImageSharpFluid\r\n          }\r\n        }\r\n      }\r\n      engageRewardImage: file(relativePath: { eq: \"index/engage-reward.png\" }) {\r\n        childImageSharp {\r\n          fixed(width: 382, pngQuality: 80) {\r\n            ...GatsbyImageSharpFixed\r\n          }\r\n          fluid(maxWidth: 959, pngQuality: 80) {\r\n            ...GatsbyImageSharpFluid\r\n          }\r\n        }\r\n      }\r\n    }\r\n  `);\r\n\r\n  return (\r\n    <section className={classes.workForYou}>\r\n      <div className={classes.workForYouText}>\r\n        <h2 style={{ lineHeight: \"1.5em\" }}>\r\n          Change as a Service is a <i>Must Have</i> for your Bottom-Line\r\n        </h2>\r\n\r\n        <h3 className={classes.subtitle}>\r\n          Providing up to a 11x Return on Investment\r\n        </h3>\r\n\r\n        <p>\r\n          A Change as a Service solution saves organizations money as Microsoft\r\n          365 & Copilot adoption eliminates the need for duplicate IT apps,\r\n          expensive Microsoft 365 training, and high-cost help desk support.\r\n          Change as a Service is a highly scalable solution, powered by the\r\n          Nulia Works platform, which cost effectively drives Microsoft 365\r\n          adoption and change in an employee’s natural flow of work.\r\n        </p>\r\n\r\n        <div className={classes.tabsWrapper}>\r\n          <Tabs\r\n            value={tabValue}\r\n            onChange={handleTabChange}\r\n            indicatorColor=\"primary\"\r\n            textColor=\"primary\"\r\n            variant=\"scrollable\"\r\n            scrollButtons={isMobile ? \"on\" : \"off\"}\r\n            aria-label=\"The three core values of Nulia Works\"\r\n            style={{\r\n              background: \"white\",\r\n              borderRadius: \"4px\",\r\n            }}\r\n            TabIndicatorProps={{\r\n              children: (\r\n                <span\r\n                  style={{\r\n                    height: 4,\r\n                    maxWidth: 138,\r\n                    width: \"100%\",\r\n                    backgroundColor: \"#654EA3\",\r\n                    borderRadius: 4,\r\n                  }}\r\n                />\r\n              ),\r\n              style: {\r\n                height: 4,\r\n                display: \"flex\",\r\n                justifyContent: \"center\",\r\n                backgroundColor: \"transparent\",\r\n              },\r\n            }}\r\n          >\r\n            {/* TODO: A11y Props for tabs */}\r\n            <Tab label=\"MEASURE & EVALUATE PILLAR\" style={tabStyleOverrides} />\r\n            <Tab label=\"PERSONALIZE & GUIDE PILLAR\" style={tabStyleOverrides} />\r\n            <Tab label=\"ENGAGE & REWARD PILLAR\" style={tabStyleOverrides} />\r\n          </Tabs>\r\n          <TabPanel value={tabValue} index={0} isMobile={isMobile}>\r\n            {isMobile && (\r\n              <Img\r\n                fluid={data.measureEvaluateImage.childImageSharp.fluid}\r\n                alt=\"A woman smiling while using her laptop\"\r\n              />\r\n            )}\r\n            <span className={classes.tabSubtitle}>\r\n              Nulia Works Measure & Evaluate Pillar\r\n            </span>\r\n            <p className={classes.tabText}>\r\n              A Change as a Service solution powered by Nulia Works continuously\r\n              measures Microsoft 365 usage to determine employee progress in\r\n              developing skills toward Microsoft 365 adoption. Nulia Works\r\n              evaluates progress toward achieving organizational Outcomes which\r\n              sustains change and unlocks business value from a Microsoft 365\r\n              investment.\r\n            </p>\r\n          </TabPanel>\r\n          <TabPanel value={tabValue} index={1}>\r\n            {isMobile && (\r\n              <Img\r\n                fluid={data.personalizeGuideImage.childImageSharp.fluid}\r\n                alt=\"A man smiling while using his laptop\"\r\n              />\r\n            )}\r\n            <span className={classes.tabSubtitle}>\r\n              Nulia Works Personalize & Guide Pillar\r\n            </span>\r\n            <p className={classes.tabText}>\r\n              A Change as a Service solution powered by Nulia Works personalizes\r\n              a Microsoft 365 Skill development and Outcome attainment plan for\r\n              each organization and individual employee. Nulia Works\r\n              continuously guides employees to complete the activities required\r\n              to develop and maintain Skills & attain Outcomes.\r\n            </p>\r\n          </TabPanel>\r\n          <TabPanel value={tabValue} index={2}>\r\n            {isMobile && (\r\n              <Img\r\n                fluid={data.engageRewardImage.childImageSharp.fluid}\r\n                alt=\"Another man smiling while using his laptop\"\r\n              />\r\n            )}\r\n            <span className={classes.tabSubtitle}>\r\n              Nulia Works Engage & Reward Pillar\r\n            </span>\r\n            <p className={classes.tabText}>\r\n              A Change as a Service solution powered by Nulia Works provides\r\n              achievements, engagement points, and badges to recognize and\r\n              reward progress in developing skills and reaching Outcomes. Nulia\r\n              Works makes the Microsoft 365 adoption and change process fun,\r\n              exciting, and personally rewarding for each employee.\r\n            </p>\r\n          </TabPanel>\r\n        </div>\r\n      </div>\r\n      <div className={classes.workForYouImageDesktop}>\r\n        <div className={classes.workForYouImageWrapper}>\r\n          <Animated isVisible={tabValue === 0}>\r\n            <Img\r\n              fixed={data.measureEvaluateImage.childImageSharp.fixed}\r\n              alt=\"A woman smiling while using her laptop\"\r\n            />\r\n          </Animated>\r\n          <Animated isVisible={tabValue === 1}>\r\n            <Img\r\n              fixed={data.personalizeGuideImage.childImageSharp.fixed}\r\n              alt=\"A man smiling while using his laptop\"\r\n            />\r\n          </Animated>\r\n          <Animated isVisible={tabValue === 2}>\r\n            <Img\r\n              fixed={data.engageRewardImage.childImageSharp.fixed}\r\n              alt=\"Another man smiling while using his laptop\"\r\n            />\r\n          </Animated>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  );\r\n};\r\n\r\nexport default IndexCoreValuesSection;\r\n","import React, { FC } from \"react\";\r\nimport { useStaticQuery, graphql } from \"gatsby\";\r\nimport Img from \"gatsby-image\";\r\nimport useMediaQuery from \"@material-ui/core/useMediaQuery\";\r\n\r\nimport Layout from \"../components/Layout\";\r\nimport SEO from \"../components/SEO\";\r\nimport ButtonLink from \"../components/ButtonLink\";\r\nimport PurpleAccentHero from \"../components/PurpleAccentHero\";\r\nimport ResponsiveVideo from \"../components/ResponsiveVideo\";\r\nimport IndexCoreValuesSection from \"../components/index/IndexCoreValuesSection\";\r\n\r\nimport InternalButtonLink from \"../components/InternalButtonLink\";\r\nimport { IMAGES_PATH } from \"../utils/constants\";\r\nimport CookiesSnackbar from \"../components/CookiesSnackbar\";\r\nimport { useTypography } from \"../styles/Typography\";\r\nimport { makeStyles } from \"@material-ui/styles\";\r\nimport TrendUpIcon from \"../components/icons/TrendUpIcon\";\r\nimport { useTheme } from \"@material-ui/core\";\r\nimport { WORKSHOP } from \"../utils/routes\";\r\nimport DiscoverMoreBanner from \"../components/DiscoverMoreBanner\";\r\n\r\nconst useStyles = makeStyles({\r\n  titleHeadingGradientWrapper: {\r\n    width: \"100%\",\r\n    height: \"100%\",\r\n    background:\r\n      \"linear-gradient(110.11deg, #FFFFFF 38%, rgba(255, 255, 255, 0) 67.89%)\",\r\n  },\r\n  titleHeadingText: {\r\n    marginLeft: 100,\r\n    maxWidth: 360,\r\n    display: \"flex\",\r\n    flexDirection: \"column\",\r\n    justifyContent: \"center\",\r\n    alignItems: \"flex-start\",\r\n    height: \"100%\",\r\n\r\n    color: \"rgba(0, 0, 0, 0.8)\",\r\n    letterSpacing: \"0.25px\",\r\n  },\r\n  subHeading: {\r\n    fontFamily: \"Ubuntu\",\r\n    fontWeight: 400,\r\n    fontSize: 20,\r\n    lineHeight: \"32px\",\r\n  },\r\n  titleDescription: {\r\n    fontFamily: \"Ubuntu\",\r\n    fontSize: 16,\r\n    fontWeight: 400,\r\n    lineHeight: \"24px\",\r\n  },\r\n  introducingText: {\r\n    fontSize: 12,\r\n    lineHeight: \"16px\",\r\n    letterSpacing: \"2px\",\r\n    textTransform: \"uppercase\",\r\n    fontWeight: 400,\r\n    marginBottom: 24,\r\n  },\r\n  videoSection: {\r\n    textAlign: \"center\",\r\n    maxWidth: 890,\r\n    margin: \"0 auto\",\r\n    \"& h2\": {\r\n      marginBottom: 24,\r\n    },\r\n    \"& video\": {\r\n      boxShadow:\r\n        \"0 4px 2px -2px rgba(0, 0, 0, 0.08), 0px 12.5px 128px rgba(0, 0, 0, 0.08)\",\r\n      borderRadius: 4,\r\n    },\r\n  },\r\n  challengeSection: {\r\n    textAlign: \"center\",\r\n    marginTop: 40,\r\n    maxWidth: 990,\r\n    margin: \"0 auto\",\r\n    \"& h2\": {\r\n      marginBottom: 24,\r\n    },\r\n  },\r\n  challengeBars: {\r\n    textAlign: \"left\",\r\n    listStyleType: \"none\",\r\n    margin: 0,\r\n    padding: 0,\r\n    color: \"white\",\r\n    \"& li\": {\r\n      display: \"flex\",\r\n      height: 104,\r\n      maxWidth: 990,\r\n      fontSize: 24,\r\n      lineHeight: \"28px\",\r\n      \"& div\": {\r\n        display: \"flex\",\r\n        alignItems: \"center\",\r\n        height: \"100%\",\r\n        paddingLeft: 32,\r\n      },\r\n      \"& span\": {\r\n        fontSize: 48,\r\n        lineHeight: \"56px\",\r\n        marginRight: 16,\r\n      },\r\n    },\r\n  },\r\n  firstBarLeftSide: {\r\n    width: \"80%\",\r\n    backgroundColor: \"#8a79b9\",\r\n    zIndex: 1,\r\n    \"&&\": {\r\n      whiteSpace: \"normal\",\r\n    },\r\n    \"@media (max-width: 542px)\": {\r\n      fontSize: \"12px\",\r\n    },\r\n    \"@media (max-width: 453px)\": {\r\n      fontSize: \"11px\",\r\n      lineHeight: \"16px\",\r\n    },\r\n  },\r\n  firstBarRightSide: {\r\n    width: \"20%\",\r\n    backgroundColor: \"#ada4cf\",\r\n    \"&&\": {\r\n      paddingLeft: 0,\r\n    },\r\n  },\r\n  secondBarLeftSide: {\r\n    width: \"90%\",\r\n    backgroundColor: \"#6d57a8\",\r\n    zIndex: 1,\r\n    \"&&\": {\r\n      whiteSpace: \"normal\",\r\n    },\r\n    \"@media (max-width: 542px)\": {\r\n      fontSize: \"12px\",\r\n    },\r\n    \"@media (max-width: 453px)\": {\r\n      fontSize: \"11px\",\r\n      lineHeight: \"16px\",\r\n    },\r\n  },\r\n  secondBarRightSide: {\r\n    width: \"10%\",\r\n    backgroundColor: \"#ada4cf\",\r\n    \"&&\": {\r\n      paddingLeft: 0,\r\n    },\r\n  },\r\n  thirdBar: {\r\n    width: \"100%\",\r\n    backgroundColor: \"#654EA3\",\r\n    \"&&\": {\r\n      whiteSpace: \"normal\",\r\n    },\r\n    \"@media (max-width: 542px)\": {\r\n      fontSize: \"12px\",\r\n    },\r\n    \"@media (max-width: 453px)\": {\r\n      fontSize: \"11px\",\r\n      lineHeight: \"16px\",\r\n    },\r\n  },\r\n  thirdBarRightSide: {\r\n    width: \"0%\",\r\n    backgroundColor: \"#ada4cf\",\r\n    \"&&\": {\r\n      paddingLeft: 0,\r\n    },\r\n  },\r\n  betterWaySection: {\r\n    background: \"white\",\r\n    textAlign: \"center\",\r\n    maxWidth: 690,\r\n    padding: \"60px 55px\",\r\n    margin: \"0 auto\",\r\n    \"& h2\": {\r\n      marginBottom: 24,\r\n    },\r\n  },\r\n  statisticsSection: {\r\n    margin: \"40px auto\",\r\n    maxWidth: 1200,\r\n  },\r\n  statisticsList: {\r\n    listStyleType: \"none\",\r\n    padding: 0,\r\n    margin: 0,\r\n\r\n    textAlign: \"center\",\r\n    display: \"flex\",\r\n    justifyContent: \"center\",\r\n    flexWrap: \"wrap\",\r\n\r\n    \"& li\": {\r\n      width: 224,\r\n      margin: \"0 8px\",\r\n      \"& svg\": {\r\n        width: 32,\r\n        height: 33,\r\n      },\r\n      \"& span\": {\r\n        fontSize: 48,\r\n        lineHeight: \"56px\",\r\n        marginLeft: 10,\r\n      },\r\n    },\r\n  },\r\n  \"@media (max-width: 959px)\": {\r\n    titleHeadingGradientWrapper: {\r\n      background: \"transparent\",\r\n    },\r\n    titleHeadingText: {\r\n      marginLeft: 0,\r\n      padding: \"4px 24px\",\r\n      maxWidth: \"100%\",\r\n      marginBottom: 20,\r\n      \"& h1\": {\r\n        fontSize: 20,\r\n        lineHeight: \"24px\",\r\n        fontWeight: 400,\r\n      },\r\n      \"& a\": {\r\n        margin: \"0 auto\",\r\n      },\r\n    },\r\n    challengeSection: {\r\n      \"& h2\": {\r\n        fontSize: 20,\r\n        lineHeight: \"24px\",\r\n        fontWeight: 400,\r\n      },\r\n    },\r\n    challengeBars: {\r\n      \"& li\": {\r\n        display: \"flex\",\r\n        height: 56,\r\n        fontSize: 14,\r\n        lineHeight: \"24px\",\r\n        letterSpacing: \"0.1px\",\r\n        \"& span\": {\r\n          fontSize: 20,\r\n          lineHeight: \"24px\",\r\n          marginRight: 8,\r\n        },\r\n        \"& div\": {\r\n          paddingLeft: 16,\r\n          whiteSpace: \"nowrap\",\r\n        },\r\n      },\r\n    },\r\n    betterWaySection: {\r\n      padding: 16,\r\n      \"& h2\": {\r\n        textAlign: \"left\",\r\n        fontSize: 20,\r\n        lineHeight: \"24px\",\r\n        fontWeight: 400,\r\n        marginBottom: 16,\r\n      },\r\n      \"& p\": {\r\n        textAlign: \"left\",\r\n        fontSize: 14,\r\n        lineHeight: \"21px\",\r\n        letterSpacing: \"0.25px\",\r\n        fontWeight: 400,\r\n      },\r\n    },\r\n    statisticsSection: {\r\n      \"& h2\": {\r\n        fontSize: 12,\r\n        lineHeight: \"16px\",\r\n        letterSpacing: \"2px\",\r\n        textTransform: \"uppercase\",\r\n        textAlign: \"center\",\r\n        fontWeight: 400,\r\n        maxWidth: 225,\r\n        margin: \"0 auto\",\r\n      },\r\n    },\r\n    statisticsList: {\r\n      flexWrap: \"nowrap\",\r\n      justifyContent: \"flex-start\",\r\n      overflowX: \"scroll\",\r\n      marginTop: 16,\r\n      \"& li\": {\r\n        flexShrink: 0,\r\n        \"& div\": {\r\n          marginTop: -8,\r\n        },\r\n        \"& svg\": {\r\n          transform: \"scale(0.5)\",\r\n          marginRight: -8,\r\n          marginBottom: -8,\r\n        },\r\n        \"& span\": {\r\n          fontSize: 32,\r\n          lineHeight: \"40px\",\r\n          letterSpacing: \"0.25px\",\r\n          fontWeight: 500,\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nconst IndexPage: FC = () => {\r\n  const theme = useTheme();\r\n  const classes = useStyles(theme);\r\n  const typo = useTypography();\r\n\r\n  const isMobile = useMediaQuery(\"(max-width:959px)\");\r\n\r\n  const data = useStaticQuery(graphql`\r\n    query {\r\n      desktopHomePeopleWorkingTopImage: file(\r\n        relativePath: { eq: \"index/home-people-working-top-desktop.jpeg\" }\r\n      ) {\r\n        childImageSharp {\r\n          fluid(quality: 75, maxWidth: 2160) {\r\n            ...GatsbyImageSharpFluid_withWebp\r\n          }\r\n        }\r\n      }\r\n      mobileHomePeopleWorkingTopImage: file(\r\n        relativePath: { eq: \"index/home-people-working-top-mobile.jpeg\" }\r\n      ) {\r\n        childImageSharp {\r\n          fluid(quality: 75, maxWidth: 960) {\r\n            ...GatsbyImageSharpFluid_withWebp\r\n          }\r\n        }\r\n      }\r\n      teamsIcon: file(relativePath: { eq: \"officeIcons/teams.png\" }) {\r\n        childImageSharp {\r\n          fixed(width: 94) {\r\n            ...GatsbyImageSharpFixed\r\n          }\r\n        }\r\n      }\r\n      sharepointIcon: file(relativePath: { eq: \"officeIcons/sharepoint.png\" }) {\r\n        childImageSharp {\r\n          fixed(width: 94) {\r\n            ...GatsbyImageSharpFixed\r\n          }\r\n        }\r\n      }\r\n      oneDriveIcon: file(relativePath: { eq: \"officeIcons/one-drive.png\" }) {\r\n        childImageSharp {\r\n          fixed(width: 94) {\r\n            ...GatsbyImageSharpFixed\r\n          }\r\n        }\r\n      }\r\n    }\r\n  `);\r\n\r\n  const desktopVideoUrl = `${IMAGES_PATH}videos/nuliaVideo1.mp4`;\r\n  const posterImageUrl = `${IMAGES_PATH}videos/nuliaVideo-keyframe1.jpg`;\r\n  const captionsFile = `${IMAGES_PATH}videos/nuliaVideo1.vtt`;\r\n\r\n  return (\r\n    <Layout>\r\n      <SEO title=\"Home\" />\r\n      <DiscoverMoreBanner />\r\n      <PurpleAccentHero\r\n        desktopImage={\r\n          data.desktopHomePeopleWorkingTopImage.childImageSharp.fluid\r\n        }\r\n        mobileImage={data.mobileHomePeopleWorkingTopImage.childImageSharp.fluid}\r\n        alt=\"People working together in office\"\r\n      >\r\n        <div className={classes.titleHeadingGradientWrapper}>\r\n          <section className={classes.titleHeadingText}>\r\n            <h1 className={typo.h4} style={{ marginBottom: 8 }}>\r\n              Change as a Service\r\n            </h1>\r\n            <h2 className={typo.h6} style={{ marginBottom: 32 }}>\r\n              Driving organizational change through Copilot & Microsoft 365\r\n              adoption\r\n            </h2>\r\n            <h2 className={typo.h6} style={{ marginBottom: 32 }}>\r\n              Maximizing employee productivity and unlocking the full value of\r\n              Copilot & ALL of Microsoft 365\r\n            </h2>\r\n            <InternalButtonLink\r\n              variant=\"orange\"\r\n              href={WORKSHOP}\r\n              style={{ zIndex: 1 }}\r\n            >\r\n              Free Workshop\r\n            </InternalButtonLink>\r\n          </section>\r\n        </div>\r\n      </PurpleAccentHero>\r\n      <section className={classes.videoSection}>\r\n        {isMobile && (\r\n          <h2>\r\n            <div className={classes.introducingText}>\r\n              INTRODUCING NULIA WORKS\r\n            </div>\r\n            Change as a Service for Microsoft 365\r\n          </h2>\r\n        )}\r\n        {!isMobile && <h2>Change as a Service for Microsoft 365</h2>}\r\n        <ResponsiveVideo\r\n          desktopSrc={desktopVideoUrl}\r\n          posterImage={posterImageUrl}\r\n          captionsFile={captionsFile}\r\n        />\r\n      </section>\r\n      <section className={classes.challengeSection}>\r\n        <h2>Microsoft 365 Adoption is Stuck in the Pre-Digital Era</h2>\r\n        <ul className={classes.challengeBars}>\r\n          <li>\r\n            <div className={classes.firstBarLeftSide}>\r\n              <span>60%</span> of Microsoft 365 productivity benefits are at\r\n              risk if the chosen adoption solution fails to drive lasting change\r\n            </div>\r\n            <div className={classes.firstBarRightSide} />\r\n          </li>\r\n          <li>\r\n            <div className={classes.secondBarLeftSide}>\r\n              <span>70%</span> of traditional adoption solutions fail, including\r\n              training, so the productivity benefits of Microsoft 365 are not\r\n              realized\r\n            </div>\r\n            <div className={classes.secondBarRightSide} />\r\n          </li>\r\n          <li>\r\n            <div className={classes.thirdBar}>\r\n              <span>80%</span> of employees continue to use duplicate, shadow IT\r\n              apps because the adoption solution failed to get them using\r\n              Microsoft 365​\r\n            </div>\r\n            <div className={classes.thirdBarRightSide} />\r\n          </li>\r\n        </ul>\r\n      </section>\r\n      <section className={classes.betterWaySection}>\r\n        <h2>Change as a Service is a Better Way</h2>\r\n        <p>\r\n          Change as a Service is a data-driven solution that proves real\r\n          Microsoft 365 adoption is happening and organizational change is being\r\n          realized and sustained. Powered by the Nulia Works platform and led by\r\n          change management experts using our Circle of Nulia methodology,\r\n          Change as a Service provides a brand-new way for organizations to\r\n          unlock the full value of their Microsoft 365 investment, including\r\n          Copilot & ALL of the apps included in the suite, while guiding their\r\n          employees to develop the digital skills they need to realize their\r\n          potential.\r\n        </p>\r\n        <ButtonLink href=\"/product\">DISCOVER MORE</ButtonLink>\r\n      </section>\r\n      <IndexCoreValuesSection isMobile={isMobile} />\r\n      <CookiesSnackbar />\r\n    </Layout>\r\n  );\r\n};\r\n\r\nexport default IndexPage;\r\n"],"names":["useStyles","makeStyles","theme","workForYou","background","maxWidth","margin","padding","display","justifyContent","marginBottom","workForYouText","flexBasis","marginRight","workForYouImageDesktop","alignItems","position","workForYouImageMobile","workForYouImageWrapper","height","width","visible","visibility","opacity","transition","hidden","mobileSubheading","fontSize","lineHeight","letterSpacing","tabsWrapper","fontFamily","fontWeight","tabText","marginTop","tabSubtitle","breakpoints","down","jusitfyContent","indicatorOverride","backgroundColor","TabPanel","children","value","index","isMobile","role","id","style","minHeight","Animated","isVisible","classes","className","tabStyleOverrides","color","React","tabValue","setTabValue","data","useStaticQuery","subtitle","Tabs","onChange","event","newValue","indicatorColor","textColor","variant","scrollButtons","borderRadius","TabIndicatorProps","Tab","label","fluid","measureEvaluateImage","childImageSharp","alt","personalizeGuideImage","engageRewardImage","fixed","titleHeadingGradientWrapper","titleHeadingText","marginLeft","flexDirection","subHeading","titleDescription","introducingText","textTransform","videoSection","textAlign","boxShadow","challengeSection","challengeBars","listStyleType","paddingLeft","firstBarLeftSide","zIndex","whiteSpace","firstBarRightSide","secondBarLeftSide","secondBarRightSide","thirdBar","thirdBarRightSide","betterWaySection","statisticsSection","statisticsList","flexWrap","overflowX","flexShrink","transform","useTheme","typo","useTypography","useMediaQuery","desktopVideoUrl","IMAGES_PATH","posterImageUrl","captionsFile","Layout","SEO","title","DiscoverMoreBanner","PurpleAccentHero","desktopImage","desktopHomePeopleWorkingTopImage","mobileImage","mobileHomePeopleWorkingTopImage","h4","h6","InternalButtonLink","href","WORKSHOP","ResponsiveVideo","desktopSrc","posterImage","ButtonLink","CookiesSnackbar"],"sourceRoot":""}