{"version":3,"sources":["webpack:///./src/assets/images/easy-steps/Contacts.svg.png","webpack:///./src/components/customer-detail/HowItWorks.vue?2aa9","webpack:///src/components/customer-detail/HowItWorks.vue","webpack:///./src/components/customer-detail/HowItWorks.vue?4d39","webpack:///./src/components/customer-detail/HowItWorks.vue","webpack:///./src/assets/images/easy-steps/Laptop.svg.png","webpack:///./src/assets/images/easy-steps/News.svg.png","webpack:///./src/assets/images/easy-steps/Login.svg.png","webpack:///./src/assets/images/easy-steps/Car.svg.png","webpack:///./src/components/customer-detail/HowItWorks.vue?8708","webpack:///./src/assets/images/easy-steps sync ^\\.\\/.*\\.svg\\.png$"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_l","item","index","key","id","attrs","_s","title","domProps","subTitle","staticRenderFns","name","props","items","type","Array","default","component","map","webpackContext","req","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve"],"mappings":"qGAAAA,EAAOC,QAAU,IAA0B,iC,2CCA3C,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAG,mBAAmBH,EAAG,MAAM,CAACE,YAAY,QAAQN,EAAIQ,GAAIR,EAAS,OAAE,SAASS,EAAKC,GAAO,OAAON,EAAG,MAAM,CAACO,IAAIF,EAAKG,GAAGN,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACS,MAAM,CAAC,IAAM,UAAS,KAAiCJ,EAAS,KAAI,eAAgBL,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,OAAO,CAACE,YAAY,aAAa,CAACN,EAAIO,GAAGP,EAAIc,GAAGJ,EAAQ,QAAQN,EAAG,IAAI,CAACE,YAAY,0BAA0B,CAACN,EAAIO,GAAGP,EAAIc,GAAGL,EAAKM,UAAUX,EAAG,IAAI,CAACE,YAAY,6BAA6BU,SAAS,CAAC,UAAYhB,EAAIc,GAAGL,EAAKQ,kBAAiB,MACxrBC,EAAkB,GCsBtB,GACEC,KAAM,aACNC,MAAO,CACLC,MAAO,CACLC,KAAMC,MACNC,QAAS,WAAf,aC5BmW,I,wBCQ/VC,EAAY,eACd,EACA1B,EACAmB,GACA,EACA,KACA,KACA,MAIa,aAAAO,E,gCCnBf5B,EAAOC,QAAU,IAA0B,+B,uBCA3CD,EAAOC,QAAU,IAA0B,6B,gDCA3CD,EAAOC,QAAU,IAA0B,8B,qBCA3CD,EAAOC,QAAU,IAA0B,4B,kCCA3C,W,qBCAA,IAAI4B,EAAM,CACT,gBAAiB,OACjB,qBAAsB,OACtB,mBAAoB,OACpB,kBAAmB,OACnB,iBAAkB,QAInB,SAASC,EAAeC,GACvB,IAAIhB,EAAKiB,EAAsBD,GAC/B,OAAOE,EAAoBlB,GAE5B,SAASiB,EAAsBD,GAC9B,IAAIE,EAAoBC,EAAEL,EAAKE,GAAM,CACpC,IAAII,EAAI,IAAIC,MAAM,uBAAyBL,EAAM,KAEjD,MADAI,EAAEE,KAAO,mBACHF,EAEP,OAAON,EAAIE,GAEZD,EAAeQ,KAAO,WACrB,OAAOC,OAAOD,KAAKT,IAEpBC,EAAeU,QAAUR,EACzBhC,EAAOC,QAAU6B,EACjBA,EAAef,GAAK","file":"js/chunk-33e99a49.621a5306.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/Contacts.svg.0e25422d.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"how-it-works\"},[_c('h3',{staticClass:\"head\"},[_vm._v(\"How it works?\")]),_c('div',{staticClass:\"body\"},_vm._l((_vm.items),function(item,index){return _c('div',{key:item.id,staticClass:\"how-it-works-item\"},[_c('img',{attrs:{\"src\":require((\"@/assets/images/easy-steps/\" + (item.path) + \".svg.png\"))}}),_c('div',{staticClass:\"step-section\"},[_c('span',{staticClass:\"step-item\"},[_vm._v(_vm._s(index + 1))])]),_c('p',{staticClass:\"title font-weight-bold\"},[_vm._v(_vm._s(item.title))]),_c('p',{staticClass:\"sub-title font-weight-thin\",domProps:{\"innerHTML\":_vm._s(item.subTitle)}})])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"how-it-works\">\n    <h3 class=\"head\">How it works?</h3>\n    <div class=\"body\">\n      <div\n        v-for=\"(item, index) of items\"\n        :key=\"item.id\"\n        class=\"how-it-works-item\"\n      >\n        <img\n          :src=\"require(`@/assets/images/easy-steps/${item.path}.svg.png`)\"\n        />\n        <div class=\"step-section\">\n          <span class=\"step-item\">{{ index + 1 }}</span>\n        </div>\n        <p class=\"title font-weight-bold\">{{ item.title }}</p>\n        <p class=\"sub-title font-weight-thin\" v-html=\"item.subTitle\"></p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"HowItWorks\",\n  props: {\n    items: {\n      type: Array,\n      default: () => [],\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.how-it-works {\n  padding: 20px;\n  background-color: #f9fafb;\n  .head {\n    text-align: center;\n    font-size: 22px;\n  }\n  .how-it-works-item {\n    width: 100%;\n    min-width: 100px;\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    text-align: center;\n    padding: 0 40px;\n    .step-section {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background: var(--primary-color);\n      border-radius: 9999px;\n      margin-top: 10px;\n      .step-item {\n        font-family: \"Avenir Next LT W05 Regular\";\n        font-style: normal;\n        font-weight: 400;\n        font-size: 16px;\n        line-height: 24px;\n        color: #ffffff;\n      }\n    }\n    img {\n      display: none;\n    }\n    .title {\n      font-size: 17px;\n      margin-top: 10px;\n    }\n    .sub-title {\n      font-size: 15px;\n      a {\n        color: var(--primary-color) !important;\n        text-decoration: underline !important;\n      }\n    }\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .how-it-works {\n    .body {\n      display: flex;\n    }\n    .how-it-works-item {\n      padding: 0 20px;\n      img {\n        display: block;\n      }\n    }\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .how-it-works-item {\n    padding: 0 40px;\n  }\n}\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HowItWorks.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HowItWorks.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HowItWorks.vue?vue&type=template&id=04ba22ea&\"\nimport script from \"./HowItWorks.vue?vue&type=script&lang=js&\"\nexport * from \"./HowItWorks.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HowItWorks.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/Laptop.svg.c3800cc4.png\";","module.exports = __webpack_public_path__ + \"img/News.svg.370c735d.png\";","module.exports = __webpack_public_path__ + \"img/Login.svg.9cad3cac.png\";","module.exports = __webpack_public_path__ + \"img/Car.svg.63d53fa7.png\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HowItWorks.vue?vue&type=style&index=0&lang=scss&\"","var map = {\n\t\"./Car.svg.png\": \"b838\",\n\t\"./Contacts.svg.png\": \"03a3\",\n\t\"./Laptop.svg.png\": \"1a01\",\n\t\"./Login.svg.png\": \"870d\",\n\t\"./News.svg.png\": \"27c8\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"dcaa\";"],"sourceRoot":""}