{"version":3,"file":"static/chunks/136.00c41a166c9878a9.js","mappings":"mIAkFA,IA/E+B,SAACA,GAC9B,IAAgCC,GAAAA,EAAAA,EAAAA,WAAS,GAAlCC,EAAyBD,EAAe,GAA9BE,EAAeF,EAAe,GACrBA,GAAAA,EAAAA,EAAAA,WAAS,GAA5BG,EAAmBH,EAAe,GAA3BI,EAAYJ,EAAe,GAEvCK,EAOEN,EAPFM,SACAC,EAMEP,EANFO,UACAC,EAKER,EALFQ,YACAC,EAIET,EAJFS,WACAC,EAGEV,EAHFU,MACAC,EAEEX,EAFFW,OACAC,EACEZ,EADFY,OAaF,OAXAC,EAAAA,EAAAA,YAAU,WACJC,OAAOC,WAAa,IACtBZ,GAAY,GACHW,OAAOC,WAAa,KAC7BV,GAAS,IAETF,GAAY,GACZE,GAAS,MAEV,KAEG,UACHW,MAAG,CACFC,MACEf,GAAYE,OACRc,EACA,CAAEC,WAAa,GAA8B,OAA5BT,EAAQ,EAAI,IAAMA,EAAQ,EAAE,O,oBAGlDM,MAAG,C,oBACDA,MAAG,CAACI,UAAU,yC,qBACZJ,MAAG,CAACI,UAAU,8G,oBACZC,KAAE,CAACD,UAAU,8E,mBACXE,OAAI,C,SAAEb,O,SAERc,IAAC,CAACH,UAAU,4C,mBACVE,OAAI,CAACE,wBAAyB,CAAEC,OAAQnB,WAG3CM,IAAM,sB,oBAEHI,MAAG,CAACI,UAAU,4N,mBACZM,EAAAA,QAAK,CACJC,IAAI,QACJC,OAAQ,GACRC,OAAO,QACPC,IAAK,6CACLC,MAAO,Q,UAGVf,MAAG,CAACI,UAAU,8G,oBACZC,KAAE,CAACD,UAAU,8E,mBACXE,OAAI,C,SAAEd,O,SAERe,IAAC,CAACH,UAAU,4C,mBACVE,OAAI,CAACE,wBAAyB,CAAEC,OAAQlB,kBAOpDI,IAAWD,EAAQ,IAAC,SAClBM,MAAG,CAACI,UAAU,wN,mBACZM,EAAAA,QAAK,CACJC,IAAI,QACJC,OAAQ,GACRC,OAAO,QACPC,IAAK,4CACLC,MAAO,Y,qLChDnB,UAvB2B,SAACC,GAC1B,IACEA,EAAAA,EAAKC,mBADCC,EACNF,EADME,uBAAwBC,EAC9BH,EAD8BG,MAAOC,EACrCJ,EADqCI,YAEvC,OAAM,UACHC,EAAAA,QAAS,CAACC,OAAK,EAAClB,UAAU,mB,oBACxBC,KAAE,CAACD,UAAU,6F,mBACXE,OAAI,C,SAAEa,O,SAERZ,IAAC,CAACH,UAAU,8D,mBACVE,OAAI,C,SAAEc,O,SAERpB,MAAG,CAACI,UAAU,uD,SACZc,EAAuBK,KAAI,SAACC,EAAQ9B,GACnC,OAAM,SAAL+B,EAAAA,E,uUAAsB,EAErB7B,OAAkB,IAAVF,GACC8B,EAAQ,CAAA9B,MAAAA,EAAOC,OAAQuB,EAAuBvB,SAFlD6B,EAAOlC","sources":["webpack://_N_E/./components/common/ProjectMaintenanceCard.jsx","webpack://_N_E/./components/services/custom-software-development/custom-software-inner-pages/DevelopmentProcess.jsx"],"sourcesContent":["import Image from \"next/image\";\nimport { useEffect, useState } from \"react\";\n\nconst ProjectMaintenanceCard = (properties) => {\n  const [isMobile, setIsMobile] = useState(false);\n  const [isTab, setIsTab] = useState(false);\n  const {\n    leftText,\n    rightText,\n    rightNumber,\n    leftNumber,\n    index,\n    length,\n    hidden,\n  } = properties;\n  useEffect(() => {\n    if (window.innerWidth < 767) {\n      setIsMobile(true);\n    } else if (window.innerWidth < 1080) {\n      setIsTab(true);\n    } else {\n      setIsMobile(false);\n      setIsTab(false);\n    }\n  }, []);\n\n  return (\n    <div\n      style={\n        isMobile || isTab\n          ? undefined\n          : { marginLeft: `${index > 0 ? 140 * index : 0}px` }\n      }\n    >\n      <div>\n        <div className=\"flex flex-col xl:flex-row items-center\">\n          <div className=\"rounded-2xl pt-5 pl-6 w-72 h-40 xl:w-72 xl:h-40 md:w-[26rem] md:h-52 border-2 border-dashed border-white/40\">\n            <h2 className=\"font-medium text-4xl md:text-7xl lg:text-4xl lg:leading-tight text-white/15\">\n              <span>{leftNumber}</span>\n            </h2>\n            <p className=\"text-lg md:text-xl font-medium text-white\">\n              <span dangerouslySetInnerHTML={{ __html: leftText }}></span>\n            </p>\n          </div>\n          {!hidden && (\n            <>\n              <div className=\"flex justify-center my-6 mx-auto xl:my-0 xl:mx-4 rotate-90 xl:rotate-0 [&_span]:!overflow-visible [&_span]:!w-auto [&_span]:!h-auto [&_span_img]:!w-9 [&_span_img]:!h-auto [&_span_img]:!max-w-fit [&_span_img]:!relative\">\n                <Image\n                  alt=\"arrow\"\n                  height={35}\n                  layout=\"fixed\"\n                  src={\"/assets/common/right-arrow-white-sort.webp\"}\n                  width={35}\n                />\n              </div>\n              <div className=\"rounded-2xl pt-5 pl-6 w-72 h-40 xl:w-72 xl:h-40 md:w-[26rem] md:h-52 border-2 border-dashed border-white/40\">\n                <h2 className=\"font-medium text-4xl md:text-7xl lg:text-4xl lg:leading-tight text-white/15\">\n                  <span>{rightNumber}</span>\n                </h2>\n                <p className=\"text-lg md:text-xl font-medium text-white\">\n                  <span dangerouslySetInnerHTML={{ __html: rightText }}></span>\n                </p>\n              </div>\n            </>\n          )}\n        </div>\n      </div>\n      {length !== index + 1 && (\n        <div className=\"my-4 mx-auto flex justify-center xl:justify-start xl:my-4 xl:ml-96 [&_span]:!overflow-visible [&_span]:!w-auto [&_span]:!h-auto [&_span_img]:!w-auto [&_span_img]:!h-9 [&_span_img]:!max-w-fit [&_span_img]:!relative\">\n          <Image\n            alt=\"arrow\"\n            height={35}\n            layout=\"fixed\"\n            src={\"/assets/common/down-arrow-white-sort.webp\"}\n            width={35}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default ProjectMaintenanceCard;\n","import Container from \"@/components/common/Container\";\nimport ProjectMaintenanceCard from \"@/components/common/ProjectMaintenanceCard\";\n\nconst DevelopmentProcess = (data) => {\n  const { developmentProcessData, title, description } =\n    data.developmentProcess;\n  return (\n    <Container large className=\"bg-primary-black\">\n      <h2 className=\"text-4xl leading-snug md:text-3xl lg:text-6xl mb-10 md:mb-0 md:pb-7 font-medium text-white\">\n        <span>{title}</span>\n      </h2>\n      <p className=\"text-base font-normal text-white text-justify mb-0 lg:w-3/4\">\n        <span>{description}</span>\n      </p>\n      <div className=\"pt-10 pb-36 md:pb-20 lg:pt-24 lg:pb-40 w-fit mx-auto\">\n        {developmentProcessData.map((values, index) => (\n          <ProjectMaintenanceCard\n            key={values.leftText}\n            hidden={index === 3}\n            {...{ ...values, index, length: developmentProcessData.length }}\n          />\n        ))}\n      </div>\n    </Container>\n  );\n};\nexport default DevelopmentProcess;\n"],"names":["properties","useState","isMobile","setIsMobile","isTab","setIsTab","leftText","rightText","rightNumber","leftNumber","index","length","hidden","useEffect","window","innerWidth","div","style","undefined","marginLeft","className","h2","span","p","dangerouslySetInnerHTML","__html","Image","alt","height","layout","src","width","data","developmentProcess","developmentProcessData","title","description","Container","large","map","values","ProjectMaintenanceCard"],"sourceRoot":""}