{"id":309,"date":"2019-07-25T13:32:03","date_gmt":"2019-07-25T13:32:03","guid":{"rendered":"https:\/\/cepixel.com\/en\/?page_id=309"},"modified":"2025-11-28T07:43:20","modified_gmt":"2025-11-28T07:43:20","slug":"estimate","status":"publish","type":"page","link":"https:\/\/cepixel.com\/en\/estimate\/","title":{"rendered":"Estimate"},"content":{"rendered":"<div id=\"pl-gb309-69e8668683f72\"  class=\"panel-layout\" ><div id=\"pg-gb309-69e8668683f72-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-gb309-69e8668683f72-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-gb309-69e8668683f72-0-0-0\" class=\"so-panel widget widget_cp_estimate panel-first-child panel-last-child\" data-index=\"0\" ><div class=\"so-widget-cp_estimate so-widget-cp_estimate-base\">\n<div class=\"top-bg\" style=\"background-image: url('https:\/\/cepixel.com\/en\/wp-content\/themes\/cepixel\/assets\/images\/top-bg.jpg')\">\n<\/div>\n<div class=\"estimate\">\n\t<div class=\"form-loader\" v-if=\"formLoader\">\n\t\t<div class=\"form-loader__content\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" decoding=\"async\" src=\"https:\/\/cepixel.com\/wp-content\/themes\/cepixel\/assets\/images\/loader.gif\">\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"estimate-header\">\n\t\t<h2 v-if=\"estimate.current === 1\"> <p>Contact <b>details<\/b>:<\/p>\n <\/h2>\n\t\t<h2 v-if=\"estimate.current === 2\"> <p>Choose <b>products &amp; services<\/b>:<\/p>\n <\/h2>\n\t\t<h2 v-if=\"estimate.current === 3\"> <p>Your <b>business &amp; budget<\/b>:<\/p>\n <\/h2>\n\t\t<h2 v-if=\"estimate.current === 4\"> <p>Additional <b>information<\/b>:<\/p>\n <\/h2>\n\t\t<h2 v-if=\"estimate.current === 5\"> Inquiry<b> sent<\/b> <\/h2>\n\n\t\t<div class=\"progress\">\n\t\t\t<div class=\"progress__bar\">\n\t\t\t\t<div class=\"progress__line\" :style=\"{ width: estimate.current <= 4 ? ((100 * estimate.current) \/ estimate.steps) + '%' : '100%' }\"><\/div>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"progress__steps\" v-if=\"estimate.current <= 4\">\n\t\t\t\t<span>{{ estimate.current }}<\/span>\n\n\t\t\t\t<span>{{ estimate.steps }}<\/span>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"progress__label\" v-else>\n\t\t\t\t<span>Thank you {{ getName }} for sending a message. We will contact you when we get acquainted with your brief. It usually does not last more than a few days.<\/span>\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"estimate-content\">\n\t\t<div class=\"estimate-content__step\"\n\t\t\t :class=\"[ estimate.current === 1 ? 'current' : ((estimate.current < 1) ? 'next' : 'prev') ]\" id=\"step-1\">\n\t\t\t<form autocomplete=\"off\" class=\"estimate-form\">\n\t\t\t\t<h3>Hello dear human! How are you?<\/h3>\n\t\t\t\t<div class=\"estimate-form__row\">\n\t\t\t\t\t<span>We want to get to know you a little better \u2013 what\u2019s your Name?<\/span>\n\t\t\t\t\t<div class=\"form-field\">\n\t\t\t\t\t\t<input type=\"text\" name=\"097vh41089237j41x82374c127x40\" @keydown=\"showInput($event)\" v-model=\"name\" autocomplete=\"nope\" ref=\"eInput\" :class=\"{'is-dirty' : estimate.step_1.name}\">\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<span>.<\/span>\n\t\t\t\t<\/div>\n\n\n\t\t\t\t<transition name=\"fade\">\n\t\t\t\t\t<div class=\"estimate-form__row\" v-show=\"estimate.step_1.name\">\n\t\t\t\t\t\t<span>{{ getName }}, for the future contact, we need your Email address: <\/span>\n\t\t\t\t\t\t<div class=\"form-field\" :class=\"{'form-field--invalid' : invalidEmail}\">\n\t\t\t\t\t\t\t<input type=\"text\" v-model=\"estimate.step_1.email\" @keyup=\"validateEmail\" @keydown.enter=\"focusInput('s1i3')\" autocomplete=\"nope\" ref=\"s1i2\" class=\"email-input\" :class=\"{'is-dirty' : estimate.step_1.email}\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<span>and Phone number: <\/span>\n\t\t\t\t\t\t<div class=\"form-field\">\n\t\t\t\t\t\t\t<input type=\"text\" v-model=\"estimate.step_1.phone\" @keydown.enter=\"estimate.step_1.email &#038;&#038; estimate.step_1.name ? nextStep() : false\"autocomplete=\"nope\" ref=\"s1i3\" :class=\"{'is-dirty' : estimate.step_1.phone}\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<span>.<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/transition>\n\t\t\t<\/form>\n\t\t<\/div>\n\n\t\t<div class=\"estimate-content__step\"\n\t\t\t :class=\"[ estimate.current === 2 ? 'current' : ((estimate.current < 2) ? 'next' : 'prev') ]\" id=\"step-2\">\n\t\t\t<div class=\"estimate-form\">\n\n\t\t\t\t<div class=\"products-interest\">\n\t\t\t\t\t<h3>Dear {{ getName }}, what products are you interested in?<\/h3>\n\n\t\t\t\t\t<div class=\"selection-boxes\">\n\n                        \n\t\t\t\t\t\t\t\t<div class=\"selection-boxes__item\" @click=\"selectProduct('Web Application')\"\n\t\t\t\t\t\t\t\t\t :class=\"{'is-active' : estimate.products.includes('Web Application')}\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__border\">\n\t\t\t\t\t\t\t\t\t\t<svg width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t\t\t\t\t<linearGradient id=\"grad1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/linearGradient>\n\t\t\t\t\t\t\t\t\t\t\t<\/defs>\n\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\".5\" y=\"1.5\" rx=\"20\" fill=\"none\" stroke=\"#A68D5E\" width=\"99.5%\"\n\t\t\t\t\t\t\t\t\t\t\t\t  height=\"98%\"><\/rect>\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__icon\">\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" decoding=\"async\" src=\"https:\/\/cepixel.com\/en\/wp-content\/uploads\/sites\/5\/2019\/07\/web-app.png\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__text\">\n                                        Web Application\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__checkbox\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t :class=\"{'is-checked' : estimate.products.includes('Web Application')}\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n                                \n\t\t\t\t\t\t\t\t<div class=\"selection-boxes__item\" @click=\"selectProduct('Mobile App')\"\n\t\t\t\t\t\t\t\t\t :class=\"{'is-active' : estimate.products.includes('Mobile App')}\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__border\">\n\t\t\t\t\t\t\t\t\t\t<svg width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t\t\t\t\t<linearGradient id=\"grad1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/linearGradient>\n\t\t\t\t\t\t\t\t\t\t\t<\/defs>\n\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\".5\" y=\"1.5\" rx=\"20\" fill=\"none\" stroke=\"#A68D5E\" width=\"99.5%\"\n\t\t\t\t\t\t\t\t\t\t\t\t  height=\"98%\"><\/rect>\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__icon\">\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" decoding=\"async\" src=\"https:\/\/cepixel.com\/en\/wp-content\/uploads\/sites\/5\/2019\/07\/mobile.png\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__text\">\n                                        Mobile App\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__checkbox\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t :class=\"{'is-checked' : estimate.products.includes('Mobile App')}\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n                                \n\t\t\t\t\t\t\t\t<div class=\"selection-boxes__item\" @click=\"selectProduct('Website')\"\n\t\t\t\t\t\t\t\t\t :class=\"{'is-active' : estimate.products.includes('Website')}\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__border\">\n\t\t\t\t\t\t\t\t\t\t<svg width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t\t\t\t\t<linearGradient id=\"grad1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/linearGradient>\n\t\t\t\t\t\t\t\t\t\t\t<\/defs>\n\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\".5\" y=\"1.5\" rx=\"20\" fill=\"none\" stroke=\"#A68D5E\" width=\"99.5%\"\n\t\t\t\t\t\t\t\t\t\t\t\t  height=\"98%\"><\/rect>\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__icon\">\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" decoding=\"async\" src=\"https:\/\/cepixel.com\/en\/wp-content\/uploads\/sites\/5\/2019\/07\/web.png\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__text\">\n                                        Website\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__checkbox\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t :class=\"{'is-checked' : estimate.products.includes('Website')}\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n                                \n\t\t\t\t\t\t\t\t<div class=\"selection-boxes__item\" @click=\"selectProduct('E-commerce')\"\n\t\t\t\t\t\t\t\t\t :class=\"{'is-active' : estimate.products.includes('E-commerce')}\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__border\">\n\t\t\t\t\t\t\t\t\t\t<svg width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t\t\t\t\t<linearGradient id=\"grad1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/linearGradient>\n\t\t\t\t\t\t\t\t\t\t\t<\/defs>\n\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\".5\" y=\"1.5\" rx=\"20\" fill=\"none\" stroke=\"#A68D5E\" width=\"99.5%\"\n\t\t\t\t\t\t\t\t\t\t\t\t  height=\"98%\"><\/rect>\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__icon\">\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" decoding=\"async\" src=\"https:\/\/cepixel.com\/en\/wp-content\/uploads\/sites\/5\/2019\/07\/e-commerce.png\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__text\">\n                                        E-commerce\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__checkbox\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t :class=\"{'is-checked' : estimate.products.includes('E-commerce')}\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n                                \n\t\t\t\t\t\t\t\t<div class=\"selection-boxes__item\" @click=\"selectProduct('News Platform')\"\n\t\t\t\t\t\t\t\t\t :class=\"{'is-active' : estimate.products.includes('News Platform')}\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__border\">\n\t\t\t\t\t\t\t\t\t\t<svg width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t\t\t\t\t<linearGradient id=\"grad1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/linearGradient>\n\t\t\t\t\t\t\t\t\t\t\t<\/defs>\n\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\".5\" y=\"1.5\" rx=\"20\" fill=\"none\" stroke=\"#A68D5E\" width=\"99.5%\"\n\t\t\t\t\t\t\t\t\t\t\t\t  height=\"98%\"><\/rect>\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__icon\">\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" decoding=\"async\" src=\"https:\/\/cepixel.com\/en\/wp-content\/uploads\/sites\/5\/2019\/07\/serwisy.png\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__text\">\n                                        News Platform\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__checkbox\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t :class=\"{'is-checked' : estimate.products.includes('News Platform')}\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n                                \n\t\t\t\t\t\t\t\t<div class=\"selection-boxes__item\" @click=\"selectProduct('B2B Platform')\"\n\t\t\t\t\t\t\t\t\t :class=\"{'is-active' : estimate.products.includes('B2B Platform')}\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__border\">\n\t\t\t\t\t\t\t\t\t\t<svg width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t\t\t\t\t<linearGradient id=\"grad1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/linearGradient>\n\t\t\t\t\t\t\t\t\t\t\t<\/defs>\n\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\".5\" y=\"1.5\" rx=\"20\" fill=\"none\" stroke=\"#A68D5E\" width=\"99.5%\"\n\t\t\t\t\t\t\t\t\t\t\t\t  height=\"98%\"><\/rect>\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__icon\">\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" decoding=\"async\" src=\"https:\/\/cepixel.com\/en\/wp-content\/uploads\/sites\/5\/2019\/07\/b2b.png\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__text\">\n                                        B2B Platform\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__checkbox\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t :class=\"{'is-checked' : estimate.products.includes('B2B Platform')}\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n                                \n\t\t\t\t\t\t\t\t<div class=\"selection-boxes__item\" @click=\"selectProduct('Landing Page')\"\n\t\t\t\t\t\t\t\t\t :class=\"{'is-active' : estimate.products.includes('Landing Page')}\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__border\">\n\t\t\t\t\t\t\t\t\t\t<svg width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t\t\t\t\t<linearGradient id=\"grad1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/linearGradient>\n\t\t\t\t\t\t\t\t\t\t\t<\/defs>\n\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\".5\" y=\"1.5\" rx=\"20\" fill=\"none\" stroke=\"#A68D5E\" width=\"99.5%\"\n\t\t\t\t\t\t\t\t\t\t\t\t  height=\"98%\"><\/rect>\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__icon\">\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" decoding=\"async\" src=\"https:\/\/cepixel.com\/en\/wp-content\/uploads\/sites\/5\/2019\/07\/landing.png\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__text\">\n                                        Landing Page\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__checkbox\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t :class=\"{'is-checked' : estimate.products.includes('Landing Page')}\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n                                \n\t\t\t\t\t\t\t\t<div class=\"selection-boxes__item\" @click=\"selectProduct('Product Page')\"\n\t\t\t\t\t\t\t\t\t :class=\"{'is-active' : estimate.products.includes('Product Page')}\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__border\">\n\t\t\t\t\t\t\t\t\t\t<svg width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t\t\t\t\t<linearGradient id=\"grad1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/linearGradient>\n\t\t\t\t\t\t\t\t\t\t\t<\/defs>\n\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\".5\" y=\"1.5\" rx=\"20\" fill=\"none\" stroke=\"#A68D5E\" width=\"99.5%\"\n\t\t\t\t\t\t\t\t\t\t\t\t  height=\"98%\"><\/rect>\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__icon\">\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" decoding=\"async\" src=\"https:\/\/cepixel.com\/en\/wp-content\/uploads\/sites\/5\/2019\/07\/product.png\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__text\">\n                                        Product Page\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__checkbox\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t :class=\"{'is-checked' : estimate.products.includes('Product Page')}\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n                                \n\t\t\t\t\t\t\t\t<div class=\"selection-boxes__item\" @click=\"selectProduct('Other')\"\n\t\t\t\t\t\t\t\t\t :class=\"{'is-active' : estimate.products.includes('Other')}\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__border\">\n\t\t\t\t\t\t\t\t\t\t<svg width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t\t\t\t\t<linearGradient id=\"grad1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/linearGradient>\n\t\t\t\t\t\t\t\t\t\t\t<\/defs>\n\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\".5\" y=\"1.5\" rx=\"20\" fill=\"none\" stroke=\"#A68D5E\" width=\"99.5%\"\n\t\t\t\t\t\t\t\t\t\t\t\t  height=\"98%\"><\/rect>\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__icon\">\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" decoding=\"async\" src=\"https:\/\/cepixel.com\/en\/wp-content\/uploads\/sites\/5\/2019\/07\/others.png\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__text\">\n                                        Other\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__checkbox\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t :class=\"{'is-checked' : estimate.products.includes('Other')}\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n                                \t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"services-interest\">\n\t\t\t\t\t<h3>Choose the services you need:<\/h3>\n\n\t\t\t\t\t<div class=\"selection-boxes\">\n\n                        \n\t\t\t\t\t\t\t\t<div class=\"selection-boxes__item\" @click=\"selectService('UX\/UI prototyping')\"\n\t\t\t\t\t\t\t\t\t :class=\"{'is-active' : estimate.services.includes('UX\/UI prototyping')}\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__border\">\n\t\t\t\t\t\t\t\t\t\t<svg width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t\t\t\t\t<linearGradient id=\"grad1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/linearGradient>\n\t\t\t\t\t\t\t\t\t\t\t<\/defs>\n\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\".5\" y=\"1.5\" rx=\"20\" fill=\"none\" stroke=\"#A68D5E\" width=\"99.5%\"\n\t\t\t\t\t\t\t\t\t\t\t\t  height=\"98%\"><\/rect>\n\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__text\">\n                                        UX\/UI prototyping\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__checkbox\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t :class=\"{'is-checked' : estimate.services.includes('UX\/UI prototyping')}\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n                                \n\t\t\t\t\t\t\t\t<div class=\"selection-boxes__item\" @click=\"selectService('Product design')\"\n\t\t\t\t\t\t\t\t\t :class=\"{'is-active' : estimate.services.includes('Product design')}\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__border\">\n\t\t\t\t\t\t\t\t\t\t<svg width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t\t\t\t\t<linearGradient id=\"grad1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/linearGradient>\n\t\t\t\t\t\t\t\t\t\t\t<\/defs>\n\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\".5\" y=\"1.5\" rx=\"20\" fill=\"none\" stroke=\"#A68D5E\" width=\"99.5%\"\n\t\t\t\t\t\t\t\t\t\t\t\t  height=\"98%\"><\/rect>\n\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__text\">\n                                        Product design\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__checkbox\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t :class=\"{'is-checked' : estimate.services.includes('Product design')}\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n                                \n\t\t\t\t\t\t\t\t<div class=\"selection-boxes__item\" @click=\"selectService('Front-end coding')\"\n\t\t\t\t\t\t\t\t\t :class=\"{'is-active' : estimate.services.includes('Front-end coding')}\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__border\">\n\t\t\t\t\t\t\t\t\t\t<svg width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t\t\t\t\t<linearGradient id=\"grad1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/linearGradient>\n\t\t\t\t\t\t\t\t\t\t\t<\/defs>\n\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\".5\" y=\"1.5\" rx=\"20\" fill=\"none\" stroke=\"#A68D5E\" width=\"99.5%\"\n\t\t\t\t\t\t\t\t\t\t\t\t  height=\"98%\"><\/rect>\n\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__text\">\n                                        Front-end coding\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__checkbox\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t :class=\"{'is-checked' : estimate.services.includes('Front-end coding')}\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n                                \n\t\t\t\t\t\t\t\t<div class=\"selection-boxes__item\" @click=\"selectService('Back-end development')\"\n\t\t\t\t\t\t\t\t\t :class=\"{'is-active' : estimate.services.includes('Back-end development')}\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__border\">\n\t\t\t\t\t\t\t\t\t\t<svg width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t\t\t\t\t<linearGradient id=\"grad1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/linearGradient>\n\t\t\t\t\t\t\t\t\t\t\t<\/defs>\n\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\".5\" y=\"1.5\" rx=\"20\" fill=\"none\" stroke=\"#A68D5E\" width=\"99.5%\"\n\t\t\t\t\t\t\t\t\t\t\t\t  height=\"98%\"><\/rect>\n\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__text\">\n                                        Back-end development\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__checkbox\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t :class=\"{'is-checked' : estimate.services.includes('Back-end development')}\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n                                \n\t\t\t\t\t\t\t\t<div class=\"selection-boxes__item\" @click=\"selectService('API integration')\"\n\t\t\t\t\t\t\t\t\t :class=\"{'is-active' : estimate.services.includes('API integration')}\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__border\">\n\t\t\t\t\t\t\t\t\t\t<svg width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t\t\t\t\t<linearGradient id=\"grad1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/linearGradient>\n\t\t\t\t\t\t\t\t\t\t\t<\/defs>\n\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\".5\" y=\"1.5\" rx=\"20\" fill=\"none\" stroke=\"#A68D5E\" width=\"99.5%\"\n\t\t\t\t\t\t\t\t\t\t\t\t  height=\"98%\"><\/rect>\n\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__text\">\n                                        API integration\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__checkbox\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t :class=\"{'is-checked' : estimate.services.includes('API integration')}\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n                                \t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<div class=\"estimate-content__step\"\n\t\t\t :class=\"[ estimate.current === 3 ? 'current' : ((estimate.current < 3) ? 'next' : 'prev') ]\" id=\"step-3\">\n\t\t\t<div class=\"estimate-form\">\n\t\t\t\t<h3>We are almost done {{ getName }}!<\/h3>\n\n\n\t\t\t\t<div class=\"estimate-form__row\">\n\t\t\t\t\t<span>What kind of business do we deal with?<\/span>\n\t\t\t\t\t<div class=\"form-field\">\n\t\t\t\t\t\t\t<div class=\"cp-select\" id=\"select-business\" @click.stop=\"openSelect($event)\" :class=\"{'is-active' : select === 'select-business'}\">\n\t\t\t\t\t\t\t\t<input type=\"text\" readonly v-model=\"estimate.step_3.business\" ref=\"s3i1\" @keydown=\"onSelectPress($event)\">\n\n\t\t\t\t\t\t\t\t<div class=\"cp-list\">\n\n                                    \n\t\t\t\t\t\t\t\t\t\t\t<div class=\"cp-list__item\" @click=\"estimate.step_3.business = 'Startup'\" :class=\"{'is-active' : selectIndex === 0, 'is-selected' : estimate.step_3.business === 'Startup'}\" @mouseover=\"selectIndex = 0\">\n\t\t\t\t\t\t\t\t\t\t\t\t<p>Startup<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"label\">I want to launch completely new product.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n                                            \n\t\t\t\t\t\t\t\t\t\t\t<div class=\"cp-list__item\" @click=\"estimate.step_3.business = 'New product'\" :class=\"{'is-active' : selectIndex === 1, 'is-selected' : estimate.step_3.business === 'New product'}\" @mouseover=\"selectIndex = 1\">\n\t\t\t\t\t\t\t\t\t\t\t\t<p>New product<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"label\">I am up to extend my business with new product.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n                                            \n\t\t\t\t\t\t\t\t\t\t\t<div class=\"cp-list__item\" @click=\"estimate.step_3.business = 'Existing product'\" :class=\"{'is-active' : selectIndex === 2, 'is-selected' : estimate.step_3.business === 'Existing product'}\" @mouseover=\"selectIndex = 2\">\n\t\t\t\t\t\t\t\t\t\t\t\t<p>Existing product<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"label\">I need a change for my existing business.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n                                            <!--\t\t\t\t\t\t\t\t\t<div class=\"cp-list__item\" @click=\"estimate.step_3.business = 'Startup'\" :class=\"{'is-active' : selectIndex === 0, 'is-selected' : estimate.step_3.business === 'Startup'}\" @mouseover=\"selectIndex = 0\">-->\n<!--\t\t\t\t\t\t\t\t\t\t<p>Startup<\/p>-->\n<!--\t\t\t\t\t\t\t\t\t\t<p class=\"label\">I want to create a project for a completely new company<\/p>-->\n<!--\t\t\t\t\t\t\t\t\t<\/div>-->\n<!---->\n<!--\t\t\t\t\t\t\t\t\t<div class=\"cp-list__item\" @click=\"estimate.step_3.business = 'New product'\" :class=\"{'is-active' : selectIndex === 1, 'is-selected' : estimate.step_3.business === 'New product'}\" @mouseover=\"selectIndex = 1\">-->\n<!--\t\t\t\t\t\t\t\t\t\t<p>New product<\/p>-->\n<!--\t\t\t\t\t\t\t\t\t\t<p class=\"label\">I want to create a project for a  new product<\/p>-->\n<!--\t\t\t\t\t\t\t\t\t<\/div>-->\n<!---->\n<!--\t\t\t\t\t\t\t\t\t<div class=\"cp-list__item\" @click=\"estimate.step_3.business = 'Existing product'\" :class=\"{'is-active' : selectIndex === 2, 'is-selected' : estimate.step_3.business === 'Existing product'}\" @mouseover=\"selectIndex = 2\">-->\n<!--\t\t\t\t\t\t\t\t\t\t<p>Existing product<\/p>-->\n<!--\t\t\t\t\t\t\t\t\t\t<p class=\"label\">I want to create a project for a  existing product<\/p>-->\n<!--\t\t\t\t\t\t\t\t\t<\/div>-->\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<span>.<\/span>\n\t\t\t\t<\/div>\n\n\n\t\t\t\t<transition name=\"fade\">\n\t\t\t\t\t<div class=\"estimate-form__row\" v-show=\"estimate.step_3.business\">\n\t\t\t\t\t\t<span>Your preferred billing model is: <\/span>\n\t\t\t\t\t\t<div class=\"form-field\">\n\t\t\t\t\t\t\t<div class=\"cp-select\" id=\"select-billing\" @click.stop=\"openSelect($event)\" :class=\"{'is-active' : select === 'select-billing'}\">\n\t\t\t\t\t\t\t\t<input type=\"text\" readonly v-model=\"estimate.step_3.billing\" @keydown=\"onSelectPress($event)\">\n\n\t\t\t\t\t\t\t\t<div class=\"cp-list\">\n                                    \n\t\t\t\t\t\t\t\t\t\t\t<div class=\"cp-list__item\" @click=\"estimate.step_3.billing = 'Hourly settlement'\" :class=\"{'is-active' : selectIndex === 0, 'is-selected' : estimate.step_3.billing === 'Hourly settlement'}\" @mouseover=\"selectIndex = 0\">\n\t\t\t\t\t\t\t\t\t\t\t\t<p>Hourly settlement<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"label\">We settle the accounts basing on the time report<\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n                                            \n\t\t\t\t\t\t\t\t\t\t\t<div class=\"cp-list__item\" @click=\"estimate.step_3.billing = 'Initial valuation'\" :class=\"{'is-active' : selectIndex === 1, 'is-selected' : estimate.step_3.billing === 'Initial valuation'}\" @mouseover=\"selectIndex = 1\">\n\t\t\t\t\t\t\t\t\t\t\t\t<p>Initial valuation<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"label\">We settle the accounts for each stage of the project<\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n                                            \n\n\t\t\t\t\t\t\t\t\t<div class=\"cp-list__footer\">\n\t\t\t\t\t\t\t\t\t\t<a @click=\"open('billing')\">Learn more about billing models<\/a>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<span>. After reviewing the details, we will suggest best billing model for your Project.<\/span>\n\t\t\t\t\t\t<a @click=\"open('billing')\">Learn more about billing models<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/transition>\n\n\t\t\t\t<transition name=\"fade\">\n\t\t\t\t\t<div class=\"estimate-form__row\" v-if=\"estimate.step_3.billing\">\n\t\t\t\t\t<span>What budget do you intend to spend on your project?<\/span>\n\t\t\t\t\t<div class=\"form-field\">\n\t\t\t\t\t\t<div class=\"cp-select\" id=\"select-budget\" @click.stop=\"openSelect($event)\" :class=\"{'is-active' : select === 'select-budget'}\">\n\t\t\t\t\t\t\t<input type=\"text\" readonly v-model=\"estimate.step_3.budget\" @keydown=\"onSelectPress($event)\">\n\n\t\t\t\t\t\t\t<div class=\"cp-list\">\n                                \n\t\t\t\t\t\t\t\t\t\t<div class=\"cp-list__item\" @click=\"estimate.step_3.budget = '5 000$ or less'\" :class=\"{'is-active' : selectIndex === 0, 'is-selected' : estimate.step_3.budget === '5 000$ or less'}\" @mouseover=\"selectIndex = 0\">\n\t\t\t\t\t\t\t\t\t\t\t<p>5 000$ or less<\/p>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\n                                        \n\t\t\t\t\t\t\t\t\t\t<div class=\"cp-list__item\" @click=\"estimate.step_3.budget = '5 000$ - 10 000$'\" :class=\"{'is-active' : selectIndex === 1, 'is-selected' : estimate.step_3.budget === '5 000$ - 10 000$'}\" @mouseover=\"selectIndex = 1\">\n\t\t\t\t\t\t\t\t\t\t\t<p>5 000$ &#8211; 10 000$<\/p>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\n                                        \n\t\t\t\t\t\t\t\t\t\t<div class=\"cp-list__item\" @click=\"estimate.step_3.budget = '10 000$ - 25 000$'\" :class=\"{'is-active' : selectIndex === 2, 'is-selected' : estimate.step_3.budget === '10 000$ - 25 000$'}\" @mouseover=\"selectIndex = 2\">\n\t\t\t\t\t\t\t\t\t\t\t<p>10 000$ &#8211; 25 000$<\/p>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\n                                        \n\t\t\t\t\t\t\t\t\t\t<div class=\"cp-list__item\" @click=\"estimate.step_3.budget = '25 000$ - 50 000$'\" :class=\"{'is-active' : selectIndex === 3, 'is-selected' : estimate.step_3.budget === '25 000$ - 50 000$'}\" @mouseover=\"selectIndex = 3\">\n\t\t\t\t\t\t\t\t\t\t\t<p>25 000$ &#8211; 50 000$<\/p>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\n                                        \n\t\t\t\t\t\t\t\t\t\t<div class=\"cp-list__item\" @click=\"estimate.step_3.budget = '50 000$ - 75 000$'\" :class=\"{'is-active' : selectIndex === 4, 'is-selected' : estimate.step_3.budget === '50 000$ - 75 000$'}\" @mouseover=\"selectIndex = 4\">\n\t\t\t\t\t\t\t\t\t\t\t<p>50 000$ &#8211; 75 000$<\/p>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\n                                        \n\t\t\t\t\t\t\t\t\t\t<div class=\"cp-list__item\" @click=\"estimate.step_3.budget = '75 000$ - 100 000$'\" :class=\"{'is-active' : selectIndex === 5, 'is-selected' : estimate.step_3.budget === '75 000$ - 100 000$'}\" @mouseover=\"selectIndex = 5\">\n\t\t\t\t\t\t\t\t\t\t\t<p>75 000$ &#8211; 100 000$<\/p>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\n                                        \n\t\t\t\t\t\t\t\t\t\t<div class=\"cp-list__item\" @click=\"estimate.step_3.budget = '+ 100 000$'\" :class=\"{'is-active' : selectIndex === 6, 'is-selected' : estimate.step_3.budget === '+ 100 000$'}\" @mouseover=\"selectIndex = 6\">\n\t\t\t\t\t\t\t\t\t\t\t<p>+ 100 000$<\/p>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\n                                        \n\n\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<span>.<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<\/transition>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<div class=\"estimate-content__step\" :class=\"[ estimate.current === 4 ? 'current' : ((estimate.current < 4) ? 'next' : 'prev') ]\" id=\"step-4\">\n\t\t\t<form autocomplete=\"off\" class=\"estimate-form\">\n\t\t\t\t<div class=\"estimate-form__row\">\n\t\t\t\t\t<div class=\"form-field form-field--textarea\">\n\t\t\t\t\t\t<textarea name=\"your-message\" v-model=\"estimate.step_4.description\" placeholder=\"Tell us something about your needs, project, competitors, etc.\" @keyup=\"resizeTextarea\" ref=\"eTextarea\" :class=\"{'is-dirty' : estimate.step_4.description}\"><\/textarea>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"estimate-form__row\">\n\t\t\t\t\t<div class=\"form-field form-field--checkbox\">\n\t\t\t\t\t\t<div class=\"checkbox\" @click=\"estimate.step_4.policy = !estimate.step_4.policy\" :class=\"{'is-checked' : estimate.step_4.policy}\"><\/div>\n\t\t\t\t\t\t<span class=\"label\">I want to receive offers from CePixel, and I agree to the processing of my personal data for this case only.<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/form>\n\t\t<\/div>\n\n\n\t\t<div class=\"estimate-content__step\" :class=\"[ estimate.current === 5 ? 'current' : ((estimate.current < 5) ? 'next' : 'prev') ]\" id=\"step-5\">\n\t\t\t<form autocomplete=\"off\" class=\"estimate-form\">\n\t\t\t\t<div class=\"summary\">\n\t\t\t\t\t<div class=\"summary__row\">\n\t\t\t\t\t\t<div class=\"summary__label\">Full name:<\/div>\n\t\t\t\t\t\t<div class=\"summary__value\"> {{ estimate.step_1.name }}<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"summary__row\">\n\t\t\t\t\t\t<div class=\"summary__label\">E-mail Address:<\/div>\n\t\t\t\t\t\t<div class=\"summary__value\"> {{ estimate.step_1.email }}<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"summary__row\">\n\t\t\t\t\t\t<div class=\"summary__label\">Phone number:<\/div>\n\t\t\t\t\t\t<div class=\"summary__value\"> {{ estimate.step_1.phone }}<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"summary__divider\"><\/div>\n\n\t\t\t\t\t<div class=\"summary__row\">\n\t\t\t\t\t\t<div class=\"summary__label\">Products:<\/div>\n\t\t\t\t\t\t<div class=\"summary__value\">\n\t\t\t\t\t\t\t<span v-for=\"(product, i) in estimate.products\" :key=\"i\"> {{product}}\n\t\t\t\t\t\t\t\t<span v-if=\"i < estimate.products.length - 1\">, <\/span>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"summary__row\">\n\t\t\t\t\t\t<div class=\"summary__label\">Services:<\/div>\n\t\t\t\t\t\t<div class=\"summary__value\">\n\t\t\t\t\t\t\t<span v-for=\"(service, i) in estimate.services\" :key=\"i\"> {{service}}\n\t\t\t\t\t\t\t\t<span v-if=\"i < estimate.services.length - 1\">, <\/span>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"summary__divider\"><\/div>\n\n\n\t\t\t\t\t<div class=\"summary__row\">\n\t\t\t\t\t\t<div class=\"summary__label\">Business type:<\/div>\n\t\t\t\t\t\t<div class=\"summary__value\"> {{ estimate.step_3.business }}<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"summary__row\">\n\t\t\t\t\t\t<div class=\"summary__label\">Billing model:<\/div>\n\t\t\t\t\t\t<div class=\"summary__value\"> {{ estimate.step_3.billing }}<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"summary__row\">\n\t\t\t\t\t\t<div class=\"summary__label\">Budget:<\/div>\n\t\t\t\t\t\t<div class=\"summary__value\"> {{ estimate.step_3.budget }}<\/div>\n\t\t\t\t\t<\/div>\n\n\n\t\t\t\t\t<div class=\"summary__divider\"><\/div>\n\n\n\t\t\t\t\t<div class=\"summary__row\">\n\t\t\t\t\t\t<div class=\"summary__label\">Message:<\/div>\n\t\t\t\t\t\t<div class=\"summary__value\"> {{ estimate.step_4.description }}<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/form>\n\t\t<\/div>\n\n\t<\/div>\n\n\t<div class=\"estimate-footer\">\n\t\t<div class=\"estimate-footer__lines\" id=\"next-step\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" decoding=\"async\" src=\"https:\/\/cepixel.com\/en\/wp-content\/themes\/cepixel\/assets\/images\/large-lines.svg\" data-depth=\"1.15\">\n\t\t<\/div>\n\n\t\t<div class=\"estimate-footer__logo\">\n\t\t\t<div class=\"icon icon--4\">logo<\/div>\n\t\t<\/div>\n\t\t<div class=\"btn btn--outline btn--large\" @click=\"prevStep\" :class=\"{'hide' : (estimate.current === 1 || estimate.current === 5)}\">\n\t\t\t<div class=\"btn__content\">\n\t\t\t\t<span>Previous step<\/span>\n\t\t\t<\/div>\n\n\t\t\t<span class=\"btn__svg\">\n\t\t\t\t\t<svg width=\"100%\" height=\"41\">\n\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t<linearGradient id=\"grad1\">\n\t\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#fff\"><\/stop>\n\t\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#fff\"><\/stop>\n\t\t\t\t\t\t\t<\/linearGradient>\n\t\t\t\t\t\t<\/defs>\n\n\t\t\t\t\t\t<rect x=\".5\" y=\"1.5\" rx=\"20\" fill=\"none\" stroke=\"url(#grad1)\" width=\"99.5%\" height=\"38\"><\/rect>\n\t\t\t\t\t<\/svg>\n\t\t\t<\/span>\n\t\t<\/div>\n\n\t\t<div class=\"btn btn--large\" @click=\"estimate.current !== 4 ? nextStep() : sendEstimate()\" :class=\"{'disabled' : (estimate.current === 1 &#038;&#038; (!estimate.step_1.name || !estimate.step_1.email || !estimate.step_1.phone || invalidEmail) || (estimate.current === 2 &#038;&#038; (estimate.products.length === 0 || estimate.services.length === 0)) || (estimate.current === 3 &#038;&#038; (!estimate.step_3.business || !estimate.step_3.billing || !estimate.step_3.budget)) || (estimate.current === 4 &#038;&#038; (!estimate.step_4.description || !estimate.step_4.policy))) }\">\n\t\t\t<div class=\"btn__content\">\n\t\t\t\t<span v-if=\"estimate.current < 4\">Next step<\/span>\n\t\t\t\t<span v-if=\"estimate.current === 4\">Send enquiry<\/span>\n\t\t\t\t<span v-if=\"estimate.current === 5\">Back to homepage<\/span>\n\t\t\t\t<div class=\"icon icon--4\">arrow_right_s<\/div>\n\t\t\t<\/div>\n\t\t\t<span class=\"btn__svg\">\n\t\t\t\t\t\t<svg width=\"100%\" height=\"41\">\n\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t<linearGradient id=\"grad1\">\n\t\t\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#fff\"><\/stop>\n\t\t\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#fff\"><\/stop>\n\t\t\t\t\t\t\t\t<\/linearGradient>\n\t\t\t\t\t\t\t<\/defs>\n\t\t\t\t\t\t\t<rect x=\".5\" y=\"1.5\" rx=\"20\" fill=\"none\" stroke=\"url(#grad1)\" width=\"99.5%\" :height=\"38\"><\/rect>\n\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":1101,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/cepixel.com\/en\/wp-json\/wp\/v2\/pages\/309"}],"collection":[{"href":"https:\/\/cepixel.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cepixel.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cepixel.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cepixel.com\/en\/wp-json\/wp\/v2\/comments?post=309"}],"version-history":[{"count":27,"href":"https:\/\/cepixel.com\/en\/wp-json\/wp\/v2\/pages\/309\/revisions"}],"predecessor-version":[{"id":1201,"href":"https:\/\/cepixel.com\/en\/wp-json\/wp\/v2\/pages\/309\/revisions\/1201"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cepixel.com\/en\/wp-json\/wp\/v2\/media\/1101"}],"wp:attachment":[{"href":"https:\/\/cepixel.com\/en\/wp-json\/wp\/v2\/media?parent=309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}