{"version":3,"file":"static/chunks/8365.2ae4e7568c08c7dc.js","mappings":"2IAsEA,UAnEqB,SAACA,GACpB,IACEA,EAAAA,EAAWC,eADLC,EACNF,EADME,SAAUC,EAChBH,EADgBG,mBAAoBC,EACpCJ,EADoCI,YAAaC,EACjDL,EADiDK,SAAUC,EAC3DN,EAD2DM,MAE7D,OAAM,SACHC,EAAAA,QAAS,CACRC,OAAK,EACLC,UAAU,oD,oBAETC,MAAG,CAACD,UAAU,4B,oBACZC,MAAG,CAACD,UAAU,mB,oBACZC,MAAG,CAACD,UAAU,+B,oBACZC,MAAG,CAACD,UAAU,8B,mBACZE,EAAAA,QAAK,CACJC,IAAKR,EACLS,IAAKR,EACLS,MAAOV,EACPW,MAAO,IACPC,OAAQ,IACRC,UAAU,e,SAGbP,MAAG,C,mBACDQ,KAAE,CACDT,UAAU,mHACVU,MAAO,CAAEC,WAAYjB,G,mBAEpBkB,OAAI,C,SAAEnB,c,SAKdQ,MAAG,CAACD,UAAU,mB,mBACZC,MAAG,C,SACDJ,EAAMgB,KAAI,SAACC,GACV,OAAM,SAALb,MAAG,C,oBACDA,MAAG,CAACD,UAAU,qB,oBACZC,MAAG,CAACD,UAAU,O,mBACZE,EAAAA,QAAK,CACJC,IAAKW,EAAOC,QACZC,QAAQ,OACRZ,IAAKU,EAAOG,KACZZ,MAAOS,EAAOC,QACdT,MAAO,GACPC,OAAQ,GACRW,OAAO,QACPlB,UAAU,mB,UAGbC,MAAG,C,oBACDkB,KAAE,CAACnB,UAAU,oD,mBACXY,OAAI,C,SAAEE,EAAOT,W,SAEfJ,MAAG,CACFmB,wBAAyB,CAAEC,OAAQP,EAAOQ,aAC1CtB,UAAU,wDApBRc,EAAOT","sources":["webpack://_N_E/./components/hire-page/ServicesList.jsx"],"sourcesContent":["import Image from \"next/image\";\nimport Container from \"../common/Container\";\n\nconst ServicesList = (properties) => {\n  const { headLine, headingButtonColor, techLogoAlt, techLogo, steps } =\n    properties.serviceSection;\n  return (\n    <Container\n      large\n      className=\"bg-primary-black pt-32 md:py-20 lg:pt-40 lg:pb-24\"\n    >\n      <div className=\"flex flex-col md:flex-row\">\n        <div className=\"w-full md:w-6/12\">\n          <div className=\"relative md:sticky md:top-28\">\n            <div className=\"pb-8 md:pb-4 lg:pb-14 w-1/4\">\n              <Image\n                alt={techLogoAlt}\n                src={techLogo}\n                title={techLogoAlt}\n                width={131}\n                height={137}\n                objectFit=\"contain\"\n              />\n            </div>\n            <div>\n              <h2\n                className=\"text-5xl mb-16 md:mb-0 md:text-4xl lg:text-6xl leading-tight font-medium !bg-clip-text text-transparent lg:w-4/5\"\n                style={{ background: headingButtonColor }}\n              >\n                <span>{headLine}</span>\n              </h2>\n            </div>\n          </div>\n        </div>\n        <div className=\"w-full md:w-6/12\">\n          <div>\n            {steps.map((values) => (\n              <div key={values.title}>\n                <div className=\"flex pb-4 lg:pb-20\">\n                  <div className=\"mr-8\">\n                    <Image\n                      alt={values.iconAlt}\n                      loading=\"lazy\"\n                      src={values.icon}\n                      title={values.iconAlt}\n                      width={48}\n                      height={48}\n                      layout=\"fixed\"\n                      className=\"w-8 md:w-12\"\n                    />\n                  </div>\n                  <div>\n                    <h3 className=\"text-white font-semibold text-xl mb-2 lg:text-3xl\">\n                      <span>{values.title}</span>\n                    </h3>\n                    <div\n                      dangerouslySetInnerHTML={{ __html: values.description }}\n                      className=\"text-justify text-white text-base [&>p]:mb-4\"\n                    ></div>\n                  </div>\n                </div>\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    </Container>\n  );\n};\n\nexport default ServicesList;\n"],"names":["properties","serviceSection","headLine","headingButtonColor","techLogoAlt","techLogo","steps","Container","large","className","div","Image","alt","src","title","width","height","objectFit","h2","style","background","span","map","values","iconAlt","loading","icon","layout","h3","dangerouslySetInnerHTML","__html","description"],"sourceRoot":""}