{"version":3,"sources":["webpack:///./src/components/Product.vue?eb7b","webpack:///src/components/Product.vue","webpack:///./src/components/Product.vue?093f","webpack:///./src/components/Product.vue","webpack:///./src/components/Product.vue?3700"],"names":["render","_vm","this","_c","_self","staticClass","_m","attrs","_l","item","img","_v","_s","title","staticStyle","gettype","subtitle","staticRenderFns","components","data","products","types","init","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,cAAc,CAACJ,EAAIK,GAAG,GAAGH,EAAG,MAAM,CAACE,YAAY,yBAAyBE,MAAM,CAAC,WAAW,UAAU,iBAAiB,QAAQN,EAAIO,GAAIP,EAAY,UAAE,SAASQ,GAAM,OAAON,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,iCAAiC,CAACF,EAAG,MAAM,CAACE,YAAY,cAAcE,MAAM,CAAC,IAAME,EAAKC,SAASP,EAAG,OAAO,CAACE,YAAY,iBAAiB,CAACJ,EAAIU,GAAGV,EAAIW,GAAGH,EAAKI,UAAUV,EAAG,MAAM,CAACE,YAAY,cAAcS,YAAY,CAAC,IAAM,MAAM,YAAY,SAASb,EAAIO,GAAIC,EAAU,OAAE,SAASM,GAAS,OAAOZ,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,OAAO,CAACF,EAAIU,GAAGV,EAAIW,GAAGG,WAAgB,GAAGZ,EAAG,OAAO,CAACE,YAAY,gBAAgB,CAACJ,EAAIU,GAAGV,EAAIW,GAAGH,EAAKO,kBAAiB,MAElwBC,EAAkB,CAAC,WAAY,IAAIhB,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,IAAI,CAACE,YAAY,wCAAwC,CAACJ,EAAIU,GAAG,qC,qBC4B9L,G,UAAA,CACbO,WAAY,GACZC,KAAM,KAAM,CACVC,SAAU,CACR,CACEV,IAAK,mBACLW,MAAO,CAAC,kBAAmB,mBAC3BR,MAAO,UACPG,SAAU,uLAEZ,CACEN,IAAK,sBACLW,MAAO,CAAC,gBAAiB,MAAO,OAChCR,MAAO,aACPG,SAAU,4OAEZ,CACEN,IAAK,mBACLW,MAAO,CACL,oBACA,aACA,sBACA,2BACA,uBACA,wBAEFR,MAAO,UACPG,SAAU,mIAEZ,CACEN,IAAK,kBACLW,MAAO,CAAC,sBAAuB,qBAAsB,mBACrDR,MAAO,qBACPG,SAAU,wLAEZ,CACEN,IAAK,eACLW,MAAO,CAAC,yBAA0B,8BAClCR,MAAO,0BACPG,SAAU,wLAEZ,CACEN,IAAK,eACLW,MAAO,CAAC,mBAAoB,0BAC5BR,MAAO,aACPG,SAAU,wOAKhB,UACE,IAAIM,UCjFwL,I,wBCQ5LC,EAAY,eACd,EACAvB,EACAiB,GACA,EACA,KACA,KACA,MAIa,aAAAM,E,2CCnBf,W","file":"js/chunk-49038f62.2aac2e06.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"product-bg\"},[_vm._m(0),_c('div',{staticClass:\"product-container mt-4\",attrs:{\"data-aos\":\"fade-up\",\"data-aos-delay\":\"100\"}},_vm._l((_vm.products),function(item){return _c('div',{staticClass:\"product-card\"},[_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('img',{staticClass:\"product-img\",attrs:{\"src\":item.img}})]),_c('span',{staticClass:\"product-title\"},[_vm._v(_vm._s(item.title))]),_c('div',{staticClass:\"d-flex my-2\",staticStyle:{\"gap\":\"5px\",\"flex-wrap\":\"wrap\"}},_vm._l((item.types),function(gettype){return _c('div',{staticClass:\"type-container\"},[_c('span',[_vm._v(_vm._s(gettype))])])}),0),_c('span',{staticClass:\"product-text\"},[_vm._v(_vm._s(item.subtitle))])])}),0)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('p',{staticClass:\"h1 product-bigTitle mt-2 text-center\"},[_vm._v(\" OUR PRODUCTS & SERVICES \")])])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"product-bg\">\n    <div class=\"row\">\n      <div class=\"col-md-12\">\n        <p class=\"h1 product-bigTitle mt-2 text-center\">\n          OUR PRODUCTS & SERVICES\n        </p>\n      </div>\n    </div>\n    <div class=\"product-container mt-4\"  data-aos=\"fade-up\"  data-aos-delay=\"100\">\n      <div class=\"product-card\" v-for=\"item in products\">\n        <div class=\"d-flex justify-content-center\">\n          <img :src=\"item.img\" class=\"product-img\" />\n        </div>\n\n        <span class=\"product-title\">{{ item.title }}</span>\n        <div class=\"d-flex my-2\" style=\"gap: 5px; flex-wrap: wrap\">\n          <div v-for=\"gettype in item.types\" class=\"type-container\">\n            <span>{{ gettype }}</span>\n          </div>\n        </div>\n\n        <span class=\"product-text\">{{ item.subtitle }}</span>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport AOS from \"aos\";\nimport \"aos/dist/aos.css\";\nexport default {\n  components: {},\n  data: () => ({\n    products: [\n      {\n        img: \"/img/fintech.svg\",\n        types: [\"Digital Payment\", \"Payment Gateway\"],\n        title: \"Fintech\",\n        subtitle: `We provide solution for digital payment solutions and other services which promote financial inclusion and provide personalized alternatives to traditional financial institutions.`,\n      },\n      {\n        img: \"/img/blockchain.svg\",\n        types: [\"Smart Connect\", \"ICO\", \"NFT\"],\n        title: \"Blockchain\",\n        subtitle: ` Blockchain is a technology that allows secure and transparent recording and verification of transactions or data. We provide solutions for peer-to-peer transactions, smart contracts, and decentralized applications using blockchain.`,\n      },\n      {\n        img: \"/img/martech.svg\",\n        types: [\n          \"Business Strategy\",\n          \"E-Commerce\",\n          \"Space & Environment\",\n          \"Market Access & Insights\",\n          \"Marketing & Branding\",\n          \"Licensed Merchandise\",\n        ],\n        title: \"Martech\",\n        subtitle: ` We provide software to help marketers understand customers better, personalize messaging, and measure marketing effectiveness.`,\n      },\n      {\n        img: \"/img/mobile.svg\",\n        types: [\"Design Mobile UI/UX\", \"Mobile Development\", \"API Integration\"],\n        title: \"Mobile Application\",\n        subtitle: ` Mobile apps are typically downloaded and installed from app stores or marketplaces specific to the device's operating system. We build customized application based on requirement.`,\n      },\n      {\n        img: \"/img/iot.svg\",\n        types: [\"Software Archictecture\", \"Web/Mobile Synchronization\"],\n        title: \"Internet of Thing (IoT)\",\n        subtitle: ` The Internet of Things (IoT) refers to the connected devices embedded with software, and connectivity capabilities that enable them to collect and exchange data over the internet.`,\n      },\n      {\n        img: \"/img/web.svg\",\n        types: [\"Customized UI/UX\", \"Branding & Copywriting\"],\n        title: \"Web Portal\",\n        subtitle: ` We create web pages hosted on the internet and accessible through a unique domain name and serve as an online presence for individuals, businesses that want to share information, provide services, or engage with an audience.`,\n      },\n    ],\n  }),\n\n  mounted() {\n    AOS.init();\n  },\n};\n</script>\n\n<style>\n/* .product-description{\n        font-size:10px; \n    } */\n\n.services-word {\n  border: solid 1px #182046;\n  padding: 3px 8px;\n  border-radius: 50px;\n  font-size: 12px;\n  margin-left: 5px;\n  margin-top: 5px;\n  color: #fff;\n  background-color: #182046;\n}\n.product-img {\n  width: 200px;\n}\n\n.product-bg {\n  background-image: url(/img/Background.png);\n  background-size: cover;\n  background-position: center center;\n  padding: 70px 15px 50px 15px;\n}\n\n.product-container {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(350px, 350px));\n  gap: 10px;\n  justify-content: center;\n  margin-bottom: 50px;\n}\n\n.product-card {\n  background-color: #fff;\n  display: flex;\n  flex-direction: column;\n  border-radius: 10px;\n  padding: 20px;\n}\n\n.product-text {\n  font-size: 15px;\n  font-weight: 400;\n  line-height: 23px;\n  color: #8c93a2;\n  margin-top: 5px;\n  font-family: Roboto;\n}\n\n.product-title {\n  font-style: normal;\n  font-weight: 700;\n  font-size: 24px;\n  color: #33495c;\n}\n\n.product-bigTitle {\n  font-style: normal;\n  font-weight: 800;\n  font-size: clamp(32px, 5vw, 50px);\n  line-height: clamp(40px, 5vw, 73px);\n  /* or 146% */\n\n  color: #33495c;\n  backdrop-filter: blur(1.62379px);\n}\n\n.product-description {\n  font-style: normal;\n  font-weight: 400;\n  font-size: 15px;\n  line-height: 26px;\n\n  color: #182046;\n}\n\n.service_btn {\n  padding: 15px;\n  background: linear-gradient(99.13deg, #1088d6 6.21%, #1256d3 91.79%),\n    linear-gradient(122.29deg, #13e3b1 14.46%, #0c94b1 78.74%),\n    linear-gradient(113.74deg, #f9ab7d 27.92%, #f95e70 69.53%);\n  box-shadow: inset -2px -4px 0px rgba(0, 0, 0, 0.25);\n  border-radius: 5px;\n  color: #fff;\n}\n\n.service-word {\n  color: #182046;\n}\n\n.type-container {\n  background-color: #1088d6;\n  padding: 3px 6px;\n  border-radius: 4px;\n  color: #fff;\n  width: auto;\n  font-weight: 400;\n  font-size: 12px;\n  font-family: Roboto;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Product.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Product.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Product.vue?vue&type=template&id=40e0b505&\"\nimport script from \"./Product.vue?vue&type=script&lang=js&\"\nexport * from \"./Product.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Product.vue?vue&type=style&index=0&id=40e0b505&prod&lang=css&\"\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","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Product.vue?vue&type=style&index=0&id=40e0b505&prod&lang=css&\""],"sourceRoot":""}