{"version":3,"file":"component---src-pages-index-js-f56f8cec05b25a487166.js","mappings":"mPAkMA,MAhMwBA,EAAAA,QAAOC,QAAOC,WAAA,CAAAC,YAAA,oCAAAC,YAAA,eAAdJ,CAAc,sqF,gBCCtC,MAAMK,EAAWL,EAAAA,QAAOC,QAAOC,WAAA,CAAAC,YAAA,0BAAAC,YAAA,eAAdJ,CAAc,+8BAuElBM,EAAYN,EAAAA,QAAOO,IAAGL,WAAA,CAAAC,YAAA,2BAAAC,YAAA,eAAVJ,CAAU,6FAQTA,EAAAA,QAAOO,IAAGL,WAAA,CAAAC,YAAA,4BAAAC,YAAA,eAAVJ,CAAU,oNAkBpC,QCtEA,MAfyBQ,GAErBC,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAACJ,EAAQ,KACPI,EAAAA,cAACH,EAAS,KACRG,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAACC,EAAAA,EAAO,CAACC,GAAG,KAAKC,QAASJ,EAAOK,MAAMC,QACtCN,EAAOK,MAAME,gBCoC1B,MA/CiBC,KACf,MAAM,WAAEC,EAAU,KAAEC,GAASC,EAAAA,IACvB,UAAEC,EAAS,MAAEN,GAAUG,GAEvB,EAACI,EAAK,EAACC,IAAWC,EAAAA,EAAAA,WAAS,IAI3B,EAACC,EAAa,EAACC,IAAmBF,EAAAA,EAAAA,UAAS,IAOjD,OACEd,EAAAA,cAACiB,EAAe,CAACC,GAAG,YAClBlB,EAAAA,cAACH,EAAAA,EAAS,KACRG,EAAAA,cAACmB,EAAAA,EAAG,CAACC,UAAU,cACbpB,EAAAA,cAACC,EAAAA,EAAO,CAACC,GAAG,KAAKC,QAASQ,KAG5BX,EAAAA,cAACmB,EAAAA,EAAG,CAACC,UAAU,kBACZX,aAAI,EAAJA,EAAMY,KAAI,CAAAC,EAA+BC,KAAK,IAAnC,KAAEC,EAAI,MAAEnB,EAAK,YAAEC,GAAagB,EAAA,OACtCtB,EAAAA,cAAA,OAAKyB,MAAM,aACTzB,EAAAA,cAACmB,EAAAA,EAAG,CAACC,UAAU,OAAOM,IAAG,oBAAsBH,GAC7CvB,EAAAA,cAAA,OAAKoB,UAAU,qBACbpB,EAAAA,cAAA,OAAKoB,UAAU,2BACbpB,EAAAA,cAAA,OAAKoB,UAAU,gBAAgBO,IAAKH,EAAMI,IAAKvB,MAGnDL,EAAAA,cAAA,cACEA,EAAAA,cAACC,EAAAA,EAAO,CAACC,GAAG,KAAKC,QAASE,KAE5BL,EAAAA,cAAA,OAAKoB,UAAU,oBAAoBd,IAEjC,MAIZN,EAAAA,cAAC6B,EAAAA,EAAK,CAACjB,KAAMA,EAAMkB,QAlCFC,IAAMlB,GAAQ,GAkCWmB,QAAM,GAC9ChC,EAAAA,cAACiC,EAAe,CAAC7B,MAAOW,KAEV,C,mGCtDtB,G,QAAe,IAA0B,oE,oBCkLzC,MAjLuBxB,EAAAA,QAAOC,QAAOC,WAAA,CAAAC,YAAA,kCAAAC,YAAA,gBAAdJ,CAAc,kxEAmLlBA,EAAAA,QAAOO,IAAGL,WAAA,CAAAC,YAAA,uBAAAC,YAAA,gBAAVJ,CAAU,wWAwBVA,EAAAA,QAAOO,IAAGL,WAAA,CAAAC,YAAA,uBAAAC,YAAA,gBAAVJ,CAAU,+J,mDC5L7B,MAfc+B,IAAA,IAAC,YAAEY,EAAW,WAAEC,GAAsBb,GAAFc,EAAAA,EAAAA,GAAAd,EAAAe,GAAA,OAChDrC,EAAAA,cAAA,OAAKoB,UAAU,SACbpB,EAAAA,cAAA,UACE2B,IAAKO,EACL7B,MAAO8B,EACPG,MAAM,0EACNC,YAAY,IACZC,sBAAsB,OACtBC,mBAAmB,OACnBC,iBAAe,EACfC,MAAM,OACNC,OAAO,UAEL,ECgCR,MArCmBC,IAEf7C,EAAAA,cAAC8C,EAAc,CAAC5B,GAAG,kBACjBlB,EAAAA,cAACH,EAAAA,EAAS,KACRG,EAAAA,cAACmB,EAAAA,EAAG,CAACC,UAAU,cACbpB,EAAAA,cAACC,EAAAA,EAAO,CAACC,GAAG,KAAKC,QAAQ,qBAE3BH,EAAAA,cAACmB,EAAAA,EAAG,CAACC,UAAU,aACbpB,EAAAA,cAAC+C,EAAAA,EAAI,CACH7C,GAAG,IACHC,QAAQ,0OAGZH,EAAAA,cAACmB,EAAAA,EAAG,CAACC,UAAU,eACbpB,EAAAA,cAACgD,EAAK,CACJd,YAAY,gEACZC,WAAW,YAGfnC,EAAAA,cAACmB,EAAAA,EAAG,CAACC,UAAU,cACbpB,EAAAA,cAACC,EAAAA,EAAO,CAACC,GAAG,KAAKC,QAAQ,kBAE3BH,EAAAA,cAACmB,EAAAA,EAAG,CAACC,UAAU,aACbpB,EAAAA,cAAC+C,EAAAA,EAAI,CACH7C,GAAG,IACHC,QAAQ,mFAIZH,EAAAA,cAACmB,EAAAA,EAAG,CAACC,UAAU,eACbpB,EAAAA,cAAA,OAAK2B,IAAKsB,EAAYrB,IAAI,a,+HCrCpC,MAAMsB,EAAmB3D,EAAAA,QAAOC,QAAOC,WAAA,CAAAC,YAAA,sCAAAC,YAAA,eAAdJ,CAAc,y6FAgO1B4D,EAAM5D,EAAAA,QAAOO,IAAGL,WAAA,CAAAC,YAAA,yBAAAC,YAAA,eAAVJ,CAAU,kCAKhB6D,EAAM7D,EAAAA,QAAOO,IAAGL,WAAA,CAAAC,YAAA,yBAAAC,YAAA,eAAVJ,CAAU,wFAShB8D,EAAO9D,EAAAA,QAAO+D,KAAI7D,WAAA,CAAAC,YAAA,0BAAAC,YAAA,eAAXJ,CAAW,kIAU/B,Q,SCzNA,MAvBqBgE,KACnB,MAAM,WAAE/C,GAAegD,EAAAA,GACvB,OACExD,EAAAA,cAACkD,EAAgB,CAAChC,GAAG,iBACnBlB,EAAAA,cAACH,EAAAA,EAAS,KACRG,EAAAA,cAACqD,EAAI,KACHrD,EAAAA,cAACmD,EAAG,CAAC/B,UAAU,eACbpB,EAAAA,cAACoD,EAAG,CAAChC,UAAU,cACbpB,EAAAA,cAACmD,EAAG,KACFnD,EAAAA,cAACC,EAAAA,EAAO,CAACC,GAAG,KAAKC,QAASK,EAAWG,YACrCX,EAAAA,cAAC+C,EAAAA,EAAI,CAAC7C,GAAG,IAAIC,QAASK,EAAWiD,SAGrCzD,EAAAA,cAACoD,EAAG,CAAChC,UAAU,kBACbpB,EAAAA,cAAC0D,EAAAA,EAAQ,UAKA,C,6QCsMvB,MAhOmBnE,EAAAA,QAAOC,QAAOC,WAAA,CAAAC,YAAA,0BAAAC,YAAA,gBAAdJ,CAAc,yvGAkBLoE,EAAAA,EAOAA,EAAAA,EAQAA,EAAAA,GAiMrB,MAAMP,EAAM7D,EAAAA,QAAOO,IAAGL,WAAA,CAAAC,YAAA,mBAAAC,YAAA,gBAAVJ,CAAU,wFAShBqE,EAAoBrE,EAAAA,QAAOO,IAAGL,WAAA,CAAAC,YAAA,iCAAAC,YAAA,gBAAVJ,CAAU,+PChL3C,MA3CesE,KACb,MAAM,MAAExD,EAAK,KAAEoD,EAAI,OAAEK,EAAM,MAAEC,EAAK,QAAEC,GAAYC,EAAAA,IAC1C,EAACrD,EAAK,EAACC,IAAWC,EAAAA,EAAAA,WAAS,GAGjC,OACEd,EAAAA,cAACkE,EAAU,CAAChD,GAAG,kBACblB,EAAAA,cAACH,EAAAA,EAAS,CAACuB,UAAU,aACnBpB,EAAAA,cAACoD,EAAG,KAEFpD,EAAAA,cAAC4D,EAAiB,KAChB5D,EAAAA,cAACmE,IAAU,CACTC,QAAS,CACPC,QAAShE,EACTiE,WAAW,EACXC,MAAM,MAIZvE,EAAAA,cAAC+C,EAAAA,EAAI,CAAC7C,GAAG,IAAIC,QAASsD,IACtBzD,EAAAA,cAACmB,EAAAA,EAAG,CAACC,UAAU,cACbpB,EAAAA,cAACwE,EAAAA,GAAI,CAACpD,UAAU,SAASqD,GAAIX,EAAOY,MACjCZ,EAAOa,MACR3E,EAAAA,cAAC4E,EAAAA,GAAI,CAACC,KAAM,GAAIrD,KAAMsD,EAAAA,KAKxB9E,EAAAA,cAAC6B,EAAAA,EAAK,CAACjB,KAAMA,EAAMkB,QAxBRC,IAAMlB,GAAQ,GAwBiBmB,QAAM,GAC9ChC,EAAAA,cAAC+E,EAAAA,EAAgB,UAKzB/E,EAAAA,cAACmB,EAAAA,EAAG,CAACC,UAAU,eACZ2C,EAAM1C,KAAI,CAAAC,EAAUC,KAAK,IAAd,IAAEI,GAAKL,EAAA,OACjBtB,EAAAA,cAAA,OAAK2B,IAAKA,EAAKC,IAAI,GAAGF,IAAG,oBAAsBH,GAAW,KAGnD,E,wCC7BjB,MAlBeyD,IAEXhF,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAACiF,EAAAA,EAAM,CAACC,IAAK,EAAGC,OAAQ,KAAMC,YAAY,qBACxCpF,EAAAA,cAACqF,EAAAA,EAAc,KACbrF,EAAAA,cAACsF,EAAAA,EAAM,QAGXtF,EAAAA,cAACuF,EAAAA,EAAG,CAAClF,MAAM,SACXL,EAAAA,cAAC6D,EAAM,MACP7D,EAAAA,cAAC6C,EAAAA,EAAU,MACX7C,EAAAA,cAACwF,EAAAA,EAAW,MACZxF,EAAAA,cAACuD,EAAAA,EAAY,MACbvD,EAAAA,cAACyF,EAAAA,EAAM,M,qBCxBb,40B","sources":["webpack://x-rd-secdev-website/./src/containers/SecD3v/KeyBenefits/keyBenefits.style.js","webpack://x-rd-secdev-website/./src/containers/SecD3v/KeyBenefitsList/register.style.js","webpack://x-rd-secdev-website/./src/containers/SecD3v/KeyBenefitsList/index.js","webpack://x-rd-secdev-website/./src/containers/SecD3v/KeyBenefits/index.js","webpack://x-rd-secdev-website/./src/common/assets/image/secD3v/product-how-it-works.png","webpack://x-rd-secdev-website/./src/containers/SecD3v/OurProduct/ourProduct.style.js","webpack://x-rd-secdev-website/./src/components/video.js","webpack://x-rd-secdev-website/./src/containers/SecD3v/OurProduct/index.js","webpack://x-rd-secdev-website/./src/containers/SecD3v/RegisterForm/registerForm.style.js","webpack://x-rd-secdev-website/./src/containers/SecD3v/RegisterForm/index.js","webpack://x-rd-secdev-website/./src/containers/SecD3v/Banner/banner.style.js","webpack://x-rd-secdev-website/./src/containers/SecD3v/Banner/index.js","webpack://x-rd-secdev-website/./src/pages/index.js","webpack://x-rd-secdev-website/./src/common/assets/image/secD3v/banner-bg.svg"],"sourcesContent":["import styled from \"styled-components\";\n\nconst KeyBenefitsArea = styled.section`\n  background-image: linear-gradient(\n    50deg,\n    hsl(230deg 17% 28%) 72%,\n    hsl(252deg 8% 29%) 92%,\n    hsl(321deg 5% 31%) 98%,\n    hsl(8deg 8% 33%) 100%,\n    hsl(21deg 14% 35%) 101%,\n    hsl(26deg 19% 36%) 102%,\n    hsl(30deg 37% 43%) 102%,\n    hsl(32deg 48% 48%) 101%,\n    hsl(33deg 62% 53%) 101%,\n    hsl(34deg 80% 56%) 100%,\n    hsl(35deg 100% 59%) 100%\n  );\n\n  padding-bottom: 120px;\n  padding-top: 120px;\n  @media (max-width: 1600px) {\n  }\n  @media (max-width: 768px) {\n    padding-bottom: 0;\n    padding-top: 80px;\n  }\n  @media (max-width: 375px) {\n    padding-top: 40px;\n    padding-bottom: 255px;\n  }\n  .blockTitle {\n    text-align: center;\n    max-width: 577px;\n    margin-left: auto;\n    margin-right: auto;\n    margin-bottom: 70px;\n    @media (max-width: 1600px) {\n      margin-bottom: 40px;\n    }\n    h2 {\n      text-align: center;\n      font-weight: bold;\n      font-size: 36px;\n      line-height: 1.31;\n      letter-spacing: -0.5px;\n      color: #ff8030;\n      margin: 0;\n      margin-bottom: 15px;\n      @media (max-width: 1600px) {\n        font-size: 30px;\n        line-height: 1.3;\n        max-width: 468px;\n        margin-left: auto;\n        margin-right: auto;\n      }\n      @media (max-width: 768px) {\n        font-size: 28px;\n      }\n      @media (max-width: 375px) {\n        font-size: 22px;\n      }\n    }\n    p {\n      margin: 0;\n      font-weight: normal;\n      font-size: 16px;\n      line-height: 2;\n      color: #132636;\n      @media (max-width: 768px) {\n        font-size: 15px;\n      }\n    }\n  }\n  .postWrap {\n    display: flex;\n    flex-wrap: wrap;\n    margin-top: 65px;\n    @media (max-width: 768px) {\n      justify-content: center;\n    }\n  }\n\n  .grid-container {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));\n    gap: 20px;\n  }\n\n  .grid-item {\n    background-color: #ffffff;\n    border-radius: 12px;\n    border: 4px solid rgba(25, 177, 178, 0.25);\n    padding: 10px;\n    text-align: center;\n  }\n\n  /* Define styles for different screen sizes */\n  @media screen and (max-width: 768px) {\n    .grid-container {\n      grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    .grid-container {\n      grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));\n    }\n  }\n\n  .post {\n    flex: 0 0 25%;\n    text-align: center;\n    padding: 10px;\n    @media (max-width: 768px) {\n      flex: 0 0 28%;\n      margin-bottom: 50px;\n    }\n    @media (max-width: 425px) {\n      flex: 1 1 50%;\n    }\n    img {\n      margin-left: auto;\n      margin-right: auto;\n    }\n    h3 {\n      font-weight: bold;\n      font-size: 17px;\n      line-height: 1.8;\n      text-align: left;\n      color: #252525;\n      margin: 0;\n      margin-top: 15px;\n      @media (max-width: 1600px) {\n        font-size: 16px;\n        margin-bottom: 15px;\n      }\n    }\n    &:hover {\n      .feature-image-box-inner {\n        transform: translateY(-5px);\n        &:before {\n          opacity: 1;\n          transform: translateY(5px);\n        }\n      }\n    }\n  }\n  .feature-image-box {\n    text-align: left;\n  }\n  .feature-image-box-inner {\n    transition: all 0.4s ease;\n    display: inline-flex;\n    &:before {\n      pointer-events: none;\n      position: absolute;\n      z-index: -1;\n      content: \"\";\n      top: 100%;\n      left: 5%;\n      height: 10px;\n      width: 90%;\n      opacity: 0;\n      background: radial-gradient(\n        ellipse at center,\n        rgba(132, 159, 184, 0.35) 0%,\n        rgba(0, 0, 0, 0) 80%\n      );\n      transition-duration: 0.3s;\n      transition-property: transform, opacity;\n    }\n  }\n\n  .feature-text-box {\n    margin-bottom: 15px;\n    font-size: 14px;\n    color: #777777;\n    text-align: left;\n  }\n  .benefits-icon {\n    width: 70px;\n    margin-top: 15px;\n    text-align: left;\n  }\n  .customOverlay {\n    background: rgba(36, 123, 160, 0.7);\n  }\n  .customModal {\n    background: #b2dbbf;\n    max-width: 500px;\n    width: 100%;\n  }\n`;\n\nexport default KeyBenefitsArea;\n","import themeGet from \"@styled-system/theme-get\";\nimport styled from \"styled-components\";\n\nconst FormArea = styled.section`\n  height: 26vh;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 40px;\n  @media (max-width: 768px) {\n    height: 18vh;\n    padding: 30px;\n  }\n  .Button {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 30px;\n    margin-bottom: 50px;\n    margin-top: 30px;\n    font-weight: bold;\n    font-size: 16px;\n    text-align: center;\n    line-height: 1;\n    color: #ffffff;\n    padding: 21px 29px;\n    background-color: #132636;\n    cursor: pointer;\n    border: 0;\n    transition: all 500ms ease;\n    &:hover {\n      background-color: grey;\n      color: white;\n      i {\n        transform: translateX(2px);\n      }\n    }\n    i {\n      margin-left: 10px;\n      position: relative;\n      top: 1px;\n      transition: transform 0.4s ease;\n    }\n    @media (max-width: 1600px) {\n      font-size: 14px;\n      padding: 16px 23px;\n      margin-bottom: 0;\n    }\n    @media (max-width: 575px) {\n      width: 100%;\n    }\n  }\n  .labelForm {\n    display: inline-block;\n    width: 150px;\n    text-align: center;\n  }\n  .form-group {\n    margin-bottom: 10px;\n  }\n  .form-control {\n    border: none;\n    -webkit-appearance: none;\n    -ms-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    background: #f2f2f2;\n    padding: 12px;\n    border-radius: 3px;\n    width: 250px;\n    font-size: 14px;\n  }\n`;\n\nexport const Container = styled.div`\n  background-color: #fff;\n  border-radius: 10px;\n  position: relative;\n  overflow: hidden;\n  width: 300px;\n`;\n\nexport const TopHeading = styled.div`\n  text-align: center;\n  h2 {\n    font-weight: 600;\n    font-size: 28px;\n    text-align: center;\n    letter-spacing: -0.5px;\n    margin-bottom: 0;\n    color: #132636;\n    @media (max-width: 1600px) {\n      font-size: 24px;\n    }\n    @media (max-width: 575px) {\n      font-size: 22px;\n    }\n  }\n`;\n\nexport default FormArea;\n","import React, { useState } from \"react\";\nimport { Link } from \"gatsby\";\nimport Heading from \"../../../common/components/Heading\";\n\nimport FormArea, {\n  Container,\n  CardFooter,\n  CardTop,\n  Col,\n  PriceCard,\n  PricingAmount,\n  Row,\n  TopHeading,\n} from \"./register.style\";\n\nconst KeyBenefitsList = (object) => {\n  return (\n    <>\n      <FormArea>\n        <Container>\n          <>\n            <Heading as=\"h4\" content={object.value.title} />\n            {object.value.description}\n          </>\n        </Container>\n      </FormArea>\n    </>\n  );\n};\n\nexport default KeyBenefitsList;\n","import Box from \"../../../common/components/Box\";\nimport Heading from \"../../../common/components/Heading\";\nimport Text from \"../../../common/components/Text\";\nimport Container from \"../../../common/components/UI/Container\";\nimport { BENEFITS_DATA } from \"../../../common/data/SecD3v\";\nimport { Modal } from \"react-responsive-modal\";\nimport React, { useState } from \"react\";\nimport KeyBenefitsArea from \"./keyBenefits.style\";\n\nimport KeyBenefitsList from \"../../../containers/SecD3v/KeyBenefitsList\";\n\nconst Benefits = () => {\n  const { blockTitle, post } = BENEFITS_DATA;\n  const { MainTitle, title } = blockTitle;\n\n  const [open, setOpen] = useState(false);\n  const onOpenModal = () => functionA();\n  const onCloseModal = () => setOpen(false);\n\n  const [benefitValue, setBenefitValue] = useState(\"\");\n\n  const retrieveBenefits = (title, description) => {\n    setBenefitValue({ title, description });\n    setOpen(true);\n  };\n\n  return (\n    <KeyBenefitsArea id=\"benefits\">\n      <Container>\n        <Box className=\"blockTitle\">\n          <Heading as=\"h2\" content={MainTitle} />\n          {/* <Text as=\"p\" content={text} /> */}\n        </Box>\n        <Box className=\"grid-container\">\n          {post?.map(({ icon, title, description }, index) => (\n            <div class=\"grid-item\">\n              <Box className=\"post\" key={`feature-post-key-${index}`}>\n                <div className=\"feature-image-box\">\n                  <div className=\"feature-image-box-inner\">\n                    <img className=\"benefits-icon\" src={icon} alt={title} />\n                  </div>\n                </div>\n                <strong>\n                  <Heading as=\"h3\" content={title} />\n                </strong>\n                <div className=\"feature-text-box\">{description}</div>\n              </Box>\n            </div>\n          ))}\n        </Box>\n      </Container>\n      <Modal open={open} onClose={onCloseModal} center>\n        <KeyBenefitsList value={benefitValue} />\n      </Modal>\n    </KeyBenefitsArea>\n  );\n};\n\nexport default Benefits;\n","export default __webpack_public_path__ + \"static/product-how-it-works-8a56fa87330ea6a887933c7b43a5c567.png\";","import styled from \"styled-components\";\nconst OurProductArea = styled.section`\n  background-color: white;\n  padding-bottom: 80px;\n  padding-top: 80px;\n  @media (max-width: 768px) {\n    padding-top: 80px;\n  }\n  .container {\n    max-width: 1000px;\n    .blockTitle {\n      text-align: center;\n      max-width: 577px;\n      margin-left: auto;\n      margin-right: auto;\n      margin-bottom: 30px;\n      @media (max-width: 1600px) {\n        margin-bottom: 40px;\n      }\n      h2 {\n        font-weight: bold;\n        font-size: 36px;\n        line-height: 1.31;\n        letter-spacing: -0.5px;\n        color: #132636;\n        margin: 0;\n        margin-bottom: 15px;\n        @media (max-width: 1600px) {\n          font-size: 30px;\n          line-height: 1.3;\n          max-width: 468px;\n          margin-left: auto;\n          margin-right: auto;\n        }\n        @media (max-width: 768px) {\n          font-size: 28px;\n        }\n        @media (max-width: 375px) {\n          font-size: 22px;\n        }\n      }\n      p {\n        margin: 0;\n        font-weight: normal;\n        font-size: 16px;\n        line-height: 2;\n        color: #132636;\n        @media (max-width: 768px) {\n          font-size: 15px;\n        }\n      }\n    }\n    .bannerImage {\n      text-align: center;\n      margin-bottom: 70px;\n      img {\n        max-width: 100%;\n      }\n    }\n    .bannerVideo {\n      margin: auto;\n      text-align: center;\n      margin-bottom: 70px;\n      border-radius: 12px;\n      overflow: hidden;\n      z-index: 1;\n      height: 350px;\n      width: 860px;\n      box-shadow: 4px 11px 16px -5px rgba(125, 125, 125, 0.62);\n      -webkit-box-shadow: 4px 11px 16px -5px rgba(125, 125, 125, 0.62);\n      -moz-box-shadow: 4px 11px 16px -5px rgba(125, 125, 125, 0.62);\n      position: relative;\n    }\n\n    /* Responsive for 768px screens */\n    @media screen and (max-width: 768px) {\n      .bannerVideo {\n        width: 100%; /* Use full width for smaller screens */\n        margin-bottom: 50px; /* Adjust margin for smaller screens */\n      }\n    }\n\n    /* Responsive for 480px screens */\n    @media screen and (max-width: 480px) {\n      .bannerVideo {\n        width: 100%; /* Full width for mobile */\n        margin-bottom: 40px; /* Adjust bottom margin further */\n      }\n    }\n\n    .blockText {\n      max-width: 100%;\n      text-align: center;\n      margin-bottom: 30px;\n      @media (max-width: 1600px) {\n        margin-bottom: 40px;\n      }\n      h2 {\n        font-weight: bold;\n        font-size: 36px;\n        line-height: 1.31;\n        letter-spacing: -0.5px;\n        color: #132636;\n        margin: 0;\n        margin-bottom: 15px;\n        @media (max-width: 1600px) {\n          font-size: 30px;\n          line-height: 1.3;\n          max-width: 468px;\n          margin-left: auto;\n          margin-right: auto;\n        }\n        @media (max-width: 768px) {\n          font-size: 28px;\n        }\n        @media (max-width: 375px) {\n          font-size: 22px;\n        }\n      }\n      p {\n        margin: 0;\n        font-weight: normal;\n        font-size: 16px;\n        line-height: 2;\n        color: #132636;\n        @media (max-width: 768px) {\n          font-size: 15px;\n        }\n      }\n    }\n  }\n  .servicePost {\n    display: flex;\n    margin-top: 30px;\n    margin-bottom: 30px;\n    @media (max-width: 768px) {\n      margin-top: 40px;\n    }\n    > img {\n      flex-shrink: 0;\n      width: 70px;\n      height: 70px;\n    }\n    .content {\n      margin-left: 20px;\n      h3 {\n        margin: 0;\n        font-weight: bold;\n        font-size: 22px;\n        line-height: 1.27;\n        color: #132636;\n        margin-bottom: 10px;\n        @media (max-width: 425px) {\n          font-size: 16px;\n        }\n      }\n      p {\n        font-weight: normal;\n        font-size: 15px;\n        line-height: 1.87;\n        color: #132636;\n        margin: 0;\n      }\n    }\n    &:hover {\n      .container-icon {\n        animation: var(--shakeAnim);\n      }\n    }\n  }\n  .container-icon {\n    width: var(--width);\n    flex: 0 0 var(--width);\n  }\n  .product-icon {\n    width: 85px;\n  }\n`;\nexport default OurProductArea;\n\nexport const Row = styled.div`\n  margin-left: -75px;\n  margin-right: -75px;\n  display: flex;\n  flex-wrap: wrap;\n  @media (min-width: 1600px) {\n    margin-left: -185px;\n    margin-right: -185px;\n  }\n  @media (max-width: 1600px) {\n    padding-left: -95px;\n    padding-right: -95px;\n  }\n  @media (max-width: 768px) {\n    margin-left: -15px;\n    margin-right: -15px;\n    padding-left: 30px;\n    padding-right: 30px;\n  }\n  @media (max-width: 480px) {\n    padding-left: 0;\n    padding-right: 0;\n  }\n`;\nexport const Col = styled.div`\n  padding-left: 44px;\n  padding-right: 44px;\n  flex: 0 0 50%;\n  @media (max-width: 768px) {\n    padding-left: 15px;\n    padding-right: 15px;\n  }\n  @media (max-width: 575px) {\n    flex: 0 0 100%;\n  }\n`;\n","import React from \"react\";\nconst Video = ({ videoSrcURL, videoTitle, ...props }) => (\n  <div className=\"video\">\n    <iframe\n      src={videoSrcURL}\n      title={videoTitle}\n      allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n      frameBorder=\"0\"\n      webkitallowfullscreen=\"true\"\n      mozallowfullscreen=\"true\"\n      allowFullScreen\n      width=\"100%\"\n      height=\"350px\"\n    />\n  </div>\n);\nexport default Video;\n","import Box from \"../../../common/components/Box\";\nimport Heading from \"../../../common/components/Heading\";\nimport Text from \"../../../common/components/Text\";\nimport Container from \"../../../common/components/UI/Container\";\nimport { OURPRODUCT_DATA } from \"../../../common/data/SecD3v\";\nimport howitworks from \"../../../common/assets/image/secD3v/product-how-it-works.png\";\nimport React from \"react\";\nimport OurProductArea, { Col, Row } from \"./ourProduct.style\";\nimport Video from \"../../../components/video\";\nconst OurProduct = () => {\n  return (\n    <OurProductArea id=\"what-is-secd3v\">\n      <Container>\n        <Box className=\"blockTitle\">\n          <Heading as=\"h2\" content=\"What is secd3v?\" />\n        </Box>\n        <Box className=\"blockText\">\n          <Text\n            as=\"p\"\n            content=\"A cost-effective, sovereign, IRAP-assessed, isolated tenancy GitLab platform. This service integrates seamlessly into your corporate and enterprise networks, presenting a smarter financial alternative to DIY DevSecOps solutions.\"\n          />\n        </Box>\n        <Box className=\"bannerVideo\">\n          <Video\n            videoSrcURL=\"https://www.youtube.com/embed/moVPpNdgxx4?si=8VT1_x9PMjkyPxwi\"\n            videoTitle=\"secd3v\"\n          />\n        </Box>\n        <Box className=\"blockTitle\">\n          <Heading as=\"h2\" content=\"How it works\" />\n        </Box>\n        <Box className=\"blockText\">\n          <Text\n            as=\"p\"\n            content=\"secd3v offers a tenanted, software-as-a-service model on the GitLab platform.\"\n          />\n        </Box>\n\n        <Box className=\"bannerImage\">\n          <img src={howitworks} alt=\"SecD3v\" />\n        </Box>\n      </Container>\n    </OurProductArea>\n  );\n};\n\nexport default OurProduct;\n","import styled from \"styled-components\";\n\nconst RegisterFormArea = styled.section`\n  background-color: #3b3f53;\n\n  padding-bottom: 50px;\n  padding-top: 50px;\n  @media (max-width: 1600px) {\n  }\n  @media (max-width: 768px) {\n    padding-bottom: 0;\n    padding-top: 80px;\n  }\n  @media (max-width: 375px) {\n    padding-top: 40px;\n    padding-bottom: 255px;\n  }\n\n  .blockTitleForm {\n    max-width: 100%;\n    padding-left: 40px;\n    padding-right: 40px;\n    display: flex;\n    justify-content: center;\n    align-items: center; /* <---- NEW    */\n\n    @media (max-width: 1600px) {\n      // margin-bottom: 40px;\n    }\n    h2 {\n      text-align: center;\n      font-weight: bold;\n      font-size: 36px;\n      line-height: 1.31;\n      letter-spacing: -0.5px;\n      color: #252525;\n      text-align: left;\n      margin: 0;\n      margin-bottom: 19px;\n      @media (max-width: 1600px) {\n        font-size: 30px;\n        line-height: 1.3;\n        max-width: 468px;\n      }\n      @media (max-width: 768px) {\n        font-size: 28px;\n      }\n      @media (max-width: 375px) {\n        font-size: 22px;\n      }\n    }\n    p {\n      margin: 0;\n      font-weight: normal;\n      font-size: 16px;\n      line-height: 2;\n      color: #252525;\n      text-align: left;\n      @media (max-width: 768px) {\n        font-size: 15px;\n      }\n    }\n  }\n\n  .blockTitle {\n    max-width: 100%;\n    padding-top:20px\n    padding-bottom: 20px;\n    padding-left: 40px;\n    padding-right: 40px;\n    display: flex;\n    justify-content: center;\n    align-items: center; /* <---- NEW    */\n\n    @media (max-width: 1600px) {\n      // margin-bottom: 40px;\n    }\n    h2 {\n      text-align: center;\n      font-weight: bold;\n      font-size: 36px;\n      line-height: 1.31;\n      letter-spacing: -0.5px;\n      color: #252525;\n      text-align: left;\n      margin: 0;\n      margin-bottom: 19px;\n      @media (max-width: 1600px) {\n        font-size: 30px;\n        line-height: 1.3;\n        max-width: 468px;\n      }\n      @media (max-width: 768px) {\n        font-size: 28px;\n      }\n      @media (max-width: 375px) {\n        font-size: 22px;\n      }\n    }\n    p {\n      margin: 0;\n      font-weight: normal;\n      font-size: 16px;\n      line-height: 2;\n      color: #252525;\n      text-align: left;\n      @media (max-width: 768px) {\n        font-size: 15px;\n      }\n    }\n  }\n  .postWrap {\n    display: flex;\n    flex-wrap: wrap;\n    margin-top: 65px;\n    @media (max-width: 768px) {\n      justify-content: center;\n    }\n  }\n\n  .grid-container {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));\n    gap: 20px;\n  }\n\n  .grid-item {\n    background-color: #ffffff;\n    border-radius: 12px;\n    border: 4px solid rgba(25, 177, 178, 0.25);\n    padding: 10px;\n    text-align: center;\n  }\n\n  /* Define styles for different screen sizes */\n  @media screen and (max-width: 768px) {\n    .grid-container {\n      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    .grid-container {\n      grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n    }\n  }\n\n  .post {\n    flex: 0 0 25%;\n    text-align: center;\n    padding: 10px;\n    @media (max-width: 768px) {\n      flex: 0 0 28%;\n      margin-bottom: 50px;\n    }\n    @media (max-width: 425px) {\n      flex: 1 1 50%;\n    }\n    img {\n      margin-left: auto;\n      margin-right: auto;\n    }\n    h3 {\n      font-weight: bold;\n      font-size: 17px;\n      line-height: 1.8;\n      text-align: left;\n      color: #252525;\n      margin: 0;\n      margin-top: 30px;\n      @media (max-width: 1600px) {\n        font-size: 16px;\n        margin: 20px;\n      }\n    }\n    &:hover {\n      .feature-image-box-inner {\n        transform: translateY(-5px);\n        &:before {\n          opacity: 1;\n          transform: translateY(5px);\n        }\n      }\n    }\n  }\n  .feature-image-box {\n    text-align: left;\n  }\n  .feature-image-box-inner {\n    transition: all 0.4s ease;\n    display: inline-flex;\n    &:before {\n      pointer-events: none;\n      position: absolute;\n      z-index: -1;\n      content: \"\";\n      top: 100%;\n      left: 5%;\n      height: 10px;\n      width: 90%;\n      opacity: 0;\n      background: radial-gradient(\n        ellipse at center,\n        rgba(132, 159, 184, 0.35) 0%,\n        rgba(0, 0, 0, 0) 80%\n      );\n      transition-duration: 0.3s;\n      transition-property: transform, opacity;\n    }\n  }\n\n  .feature-text-box {\n    font-size: 14px;\n    color: #777777;\n    text-align: left;\n  }\n  .benefits-icon {\n    width: 70px;\n    margin-top: 15px;\n    text-align: left;\n  }\n  .customOverlay {\n    background: rgba(36, 123, 160, 0.7);\n  }\n`;\n\nexport const Row = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n`;\n\nexport const Col = styled.div`\n  flex: 0 0 50%;\n  max-width: 50%;\n  @media (max-width: 667px) {\n    flex: 0 0 100%;\n    max-width: 100%;\n  }\n`;\n\nexport const Form = styled.form`\n  background-color: #f3f3f3;\n  border-top-right-radius: 10px;\n  border-top-left-radius: 10px;\n  display: flex;\n  flex-wrap: wrap;\n  .rowContents {\n  }\n`;\n\nexport default RegisterFormArea;\n","import Box from \"../../../common/components/Box\";\nimport Heading from \"../../../common/components/Heading\";\nimport Text from \"../../../common/components/Text\";\nimport Container from \"../../../common/components/UI/Container\";\nimport { REGISTER_FORM_DATA } from \"../../../common/data/SecD3v\";\nimport React, { useState } from \"react\";\nimport RegisterFormArea from \"./registerForm.style\";\nimport { Row, Col, Form } from \"./registerForm.style\";\nimport Register from \"../Register\";\n\nconst RegisterForm = () => {\n  const { blockTitle } = REGISTER_FORM_DATA;\n  return (\n    <RegisterFormArea id=\"register-form\">\n      <Container>\n        <Form>\n          <Row className=\"rowContents\">\n            <Col className=\"blockTitle\">\n              <Row>\n                <Heading as=\"h2\" content={blockTitle.MainTitle} />\n                <Text as=\"p\" content={blockTitle.text} />\n              </Row>\n            </Col>\n            <Col className=\"blockTitleForm\">\n              <Register />\n            </Col>\n          </Row>\n        </Form>\n      </Container>\n    </RegisterFormArea>\n  );\n};\n\nexport default RegisterForm;\n","import themeGet from \"@styled-system/theme-get\";\nimport BannerBg from \"../../../common/assets/image/secD3v/banner-bg.svg\";\nimport styled from \"styled-components\";\nconst BannerArea = styled.section`\n  padding-top: 270px;\n  padding-bottom: 305px;\n  position: relative;\n  @media (max-width: 1600px) {\n    padding-top: 210px;\n    padding-bottom: 178px;\n  }\n  @media (max-width: 1024px) {\n    padding-top: 150px;\n    padding-bottom: 180px;\n    background-position: center center;\n  }\n  @media (max-width: 768px) {\n    padding-top: 110px;\n    padding-bottom: 140px;\n  }\n  @media (min-width: 768px) {\n    background-image: url(${BannerBg});\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: bottom center;\n  }\n  @media (max-width: 767px) {\n    padding-bottom: 0px;\n    background-image: url(${BannerBg});\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: bottom center;\n  }\n\n  @media (max-width: 574px) {\n    padding-bottom: 35px;\n    background-image: url(${BannerBg});\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: bottom center;\n  }\n\n  .Container {\n    display: flex;\n    position: relative;\n    z-index: 10;\n    @media (max-width: 768px) {\n      margin-top: 25px;\n    }\n  }\n  h2 {\n    font-weight: 500;\n    font-size: 62px;\n    line-height: 1.21;\n    letter-spacing: -2px;\n    color: #ffffff;\n    margin-bottom: 20px;\n    @media (max-width: 1600px) {\n      font-size: 40px;\n      max-width: 414px;\n    }\n    @media (max-width: 768px) {\n      font-size: 35px;\n      margin-left: auto;\n      margin-right: auto;\n      text-align: center;\n      max-width: 421px;\n    }\n    @media (max-width: 574px) {\n      font-size: 30px;\n      max-width: 100%;\n      line-height: 40px;\n      letter-spacing: normal;\n    }\n  }\n  p {\n    font-weight: normal;\n    font-size: 18px;\n    line-height: 2.11;\n    letter-spacing: -0.3px;\n    color: #ffffff;\n    margin-bottom: 50px;\n    max-width: 515px;\n    opacity: 0.8;\n    @media (max-width: 1600px) {\n      font-size: 16px;\n      max-width: 466px;\n    }\n    @media (max-width: 1024px) {\n      max-width: 400px;\n    }\n    @media (max-width: 768px) {\n      max-width: 440px;\n      margin-left: auto;\n      text-align: center;\n      margin-right: auto;\n    }\n  }\n  .ButtonWrap {\n    display: flex;\n    margin-top: 35px;\n    align-items: center;\n    @media (max-width: 1600px) {\n      margin-top: 20px;\n    }\n    @media (max-width: 768px) {\n      justify-content: center;\n    }\n    @media (max-width: 575px) {\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      text-align: center;\n    }\n    span {\n      font-weight: 500;\n      font-size: 15px;\n      color: #ffffff;\n      opacity: 0.6;\n      line-height: 1;\n      margin-bottom: 0;\n      margin-left: 25px;\n      @media (max-width: 1600px) {\n        font-size: 14px;\n      }\n      @media (max-width: 768px) {\n        margin-left: 15px;\n      }\n      @media (max-width: 575px) {\n        margin-left: 0;\n        margin-top: 10px;\n      }\n    }\n  }\n  .Button {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 8px;\n    margin-bottom: 50px;\n    font-weight: bold;\n    font-size: 16px;\n    text-align: center;\n    line-height: 1;\n    color: #ffffff;\n    padding: 21px 29px;\n    background-color: #3b3f53;\n    cursor: pointer;\n    border: 0;\n    transition: all 500ms ease;\n    &:hover {\n      background-color: #ffffff;\n      color: #23374d;\n      i {\n        transform: translateX(2px);\n      }\n    }\n    i {\n      margin-left: 10px;\n      position: relative;\n      top: 1px;\n      transition: transform 0.4s ease;\n    }\n    @media (max-width: 1600px) {\n      font-size: 14px;\n      padding: 16px 23px;\n      margin-bottom: 60px;\n    }\n    @media (max-width: 575px) {\n      width: 100%;\n    }\n  }\n  .bannerImage {\n    width: 70%;\n    position: absolute;\n    right: 0;\n    display: flex;\n    align-items: center;\n    @media (min-width: 2001px) {\n      margin-right: -80px;\n      max-width: 50%;\n      top: 150px;\n      img {\n        transform: scale(0.85);\n        transform-origin: right center;\n      }\n    }\n    @media (max-width: 2000px) {\n      margin-right: -280px;\n      max-width: 100%;\n      top: 150px;\n      img {\n        transform: scale(0.85);\n        transform-origin: right center;\n      }\n    }\n    @media (max-width: 1600px) {\n      margin-right: -90px;\n      max-width: 100%;\n      top: 150px;\n      img {\n        transform: scale(0.85);\n        transform-origin: right center;\n      }\n    }\n    @media (max-width: 1300px) {\n      margin-right: -110px;\n      top: 150px;\n      max-width: 100%;\n    }\n    @media (max-width: 1024px) {\n      top: 110px;\n      max-width: 85%;\n      img {\n        transform: scale(0.8);\n        transform-origin: right center;\n      }\n    }\n    @media (max-width: 768px) {\n      display: none;\n    }\n    @media (max-width: 575px) {\n      display: none;\n    }\n  }\n`;\n\nexport default BannerArea;\n\nexport const Col = styled.div`\n  flex: 0 0 50%;\n  max-width: 50%;\n  @media (max-width: 768px) {\n    flex: 0 0 100%;\n    max-width: 100%;\n  }\n`;\n\nexport const TypewriterWrapper = styled.div`\n  font-weight: 500;\n  font-size: 48px;\n  line-height: 1.21;\n  -webkit-letter-spacing: -2px;\n  -moz-letter-spacing: -2px;\n  -ms-letter-spacing: -2px;\n  letter-spacing: -2px;\n  color: #ffffff;\n  height: 80px;\n  margin-bottom: 100px;\n  @media (max-width: 1600px) {\n    font-size: 40px;\n    max-width: 414px;\n  }\n`;\n","import Box from \"../../../common/components/Box\";\nimport Heading from \"../../../common/components/Heading\";\nimport Text from \"../../../common/components/Text\";\nimport Container from \"../../../common/components/UI/Container\";\nimport { BANNER_DATA } from \"../../../common/data/SecD3v\";\nimport { Link } from \"gatsby\";\nimport React, { useState } from \"react\";\nimport { Icon } from \"react-icons-kit\";\nimport { androidArrowForward } from \"react-icons-kit/ionicons/androidArrowForward\";\nimport Typewriter from \"typewriter-effect\";\nimport \"react-responsive-modal/styles.css\";\nimport { Modal } from \"react-responsive-modal\";\nimport RegistrationForm from \"../../../containers/SecD3v/Register\";\nimport BannerArea, { Col, TypewriterWrapper } from \"./banner.style\";\n// import GlobalStyle, {\n//   AppWrapper,\n//   ContentWrapper,\n//   AppContentWrapper,\n// } from \"../../../containers/SecD3v/SecD3v.style\";\nconst Banner = () => {\n  const { title, text, button, image, tagline } = BANNER_DATA;\n  const [open, setOpen] = useState(false);\n  const onOpenModal = () => setOpen(true);\n  const onCloseModal = () => setOpen(false);\n  return (\n    <BannerArea id=\"banner_section\">\n      <Container className=\"Container\">\n        <Col>\n          {/* <Heading as=\"h2\" content={title} /> */}\n          <TypewriterWrapper>\n            <Typewriter\n              options={{\n                strings: title,\n                autoStart: true,\n                loop: false,\n              }}\n            />\n          </TypewriterWrapper>\n          <Text as=\"p\" content={text} />\n          <Box className=\"ButtonWrap\">\n            <Link className=\"Button\" to={button.link}>\n              {button.label}\n              <Icon size={18} icon={androidArrowForward} />\n            </Link>\n            {/* <button className=\"Button\" onClick={onOpenModal}>\n              {button.label}\n            </button> */}\n            <Modal open={open} onClose={onCloseModal} center>\n              <RegistrationForm />\n            </Modal>\n          </Box>\n        </Col>\n      </Container>\n      <Box className=\"bannerImage\">\n        {image.map(({ src }, index) => (\n          <img src={src} alt=\"\" key={`banner-image-key-${index}`} />\n        ))}\n      </Box>\n    </BannerArea>\n  );\n};\n\nexport default Banner;\n","import Sticky from \"react-stickynode\";\nimport Navbar from \"../containers/SecD3v/Navbar\";\nimport { DrawerProvider } from \"../common/contexts/DrawerContext\";\nimport SEO from \"../components/SEO\";\nimport Banner from \"../containers/SecD3v/Banner\";\nimport OurProduct from \"../containers/SecD3v/OurProduct\";\nimport KeyBenefits from \"../containers/SecD3v/KeyBenefits\";\nimport Footer from \"../containers/SecD3v/Footer\";\nimport React from \"react\";\nimport RegisterForm from \"../containers/SecD3v/RegisterForm\";\n\nconst SecD3v = () => {\n  return (\n    <>\n      <Sticky top={0} innerZ={9999} activeClass=\"sticky-nav-active\">\n        <DrawerProvider>\n          <Navbar />\n        </DrawerProvider>\n      </Sticky>\n      <SEO title=\"Home\" />\n      <Banner />\n      <OurProduct />\n      <KeyBenefits />\n      <RegisterForm />\n      <Footer />\n    </>\n  );\n};\n\nexport default SecD3v;\n","export default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTkyMCA5MTIiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDp1cmwoI2xpbmVhci1ncmFkaWVudCk7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLXdpZHRoOjBweDt9PC9zdHlsZT48bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9Ii01MTcuMSIgeTE9IjExNDYuNCIgeDI9IjYzOC42IiB5Mj0iNTAyLjkiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA3OSAxMzIyLjUpIHNjYWxlKDEgLTEpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIuMiIgc3RvcC1jb2xvcj0iI2ZmODczMCIvPjxzdG9wIG9mZnNldD0iLjciIHN0b3AtY29sb3I9IiNmZmE4MmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0wLDB2Nzk1LjVsOTM4LDExNWMxNi4xLDIsMzIuMywyLDQ4LjQsMGw5MzMuNS0xMTQuMlYwSDBaIi8+PC9zdmc+\""],"names":["styled","section","withConfig","displayName","componentId","FormArea","Container","div","object","React","Heading","as","content","value","title","description","Benefits","blockTitle","post","BENEFITS_DATA","MainTitle","open","setOpen","useState","benefitValue","setBenefitValue","KeyBenefitsArea","id","Box","className","map","_ref","index","icon","class","key","src","alt","Modal","onClose","onCloseModal","center","KeyBenefitsList","videoSrcURL","videoTitle","_objectWithoutPropertiesLoose","_excluded","allow","frameBorder","webkitallowfullscreen","mozallowfullscreen","allowFullScreen","width","height","OurProduct","OurProductArea","Text","Video","howitworks","RegisterFormArea","Row","Col","Form","form","RegisterForm","REGISTER_FORM_DATA","text","Register","BannerBg","TypewriterWrapper","Banner","button","image","tagline","BANNER_DATA","BannerArea","Typewriter","options","strings","autoStart","loop","Link","to","link","label","Icon","size","androidArrowForward","RegistrationForm","SecD3v","Sticky","top","innerZ","activeClass","DrawerProvider","Navbar","SEO","KeyBenefits","Footer"],"sourceRoot":""}