{"version":3,"sources":["webpack:///./src/components/sell/TheSellpageHeader.vue","webpack:///src/components/sell/TheSellpageHeader.vue","webpack:///./src/components/sell/TheSellpageHeader.vue?93df","webpack:///./src/components/sell/TheSellpageHeader.vue?0f64","webpack:///./src/components/sell/TheSellpageHeader.vue?2ce5"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","$t","attrs","name","staticRenderFns","props","text","type","component"],"mappings":"kJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,wCAAwC,CAACF,EAAG,cAAc,CAACE,YAAY,gDAAgD,CAACF,EAAG,cAAc,CAACE,YAAY,qCAAqC,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,KAAK,CAACE,YAAY,qCAAqC,CAACJ,EAAIK,GAAG,IAAIL,EAAIM,GAAGN,EAAIO,GAAG,6BAA6B,OAAOL,EAAG,MAAM,CAACE,YAAY,uCAAuC,CAACJ,EAAIK,GAAG,IAAIL,EAAIM,GAAGN,EAAIO,GAAG,oCAAoC,OAAOL,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACF,EAAG,WAAW,CAACE,YAAY,kBAAkBI,MAAM,CAAC,KAAO,GAAG,QAAU,UAAU,GAAK,CAAEC,KAAM,mBAAoB,CAACT,EAAIK,GAAG,IAAIL,EAAIM,GAAGN,EAAIO,GAAG,0BAA0B,QAAQ,QAAQ,IAAI,IAE5xBG,EAAkB,GC8BP,GACfD,YACAE,OACAC,MACAC,cCpC+gB,I,wBCQ3gBC,EAAY,eACd,EACAf,EACAW,GACA,EACA,KACA,WACA,MAIa,aAAAI,E,2CCnBf","file":"assets/js/chunk-7d522616.c56e7796.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"dynamic-content container-fluid px-0\"},[_c('b-jumbotron',{staticClass:\"text-white headBanner headerBG side_distance\"},[_c('b-container',{staticClass:\"row align-items-end max-w mx-auto\"},[_c('div',{staticClass:\"sellHead\"},[_c('h1',{staticClass:\"headerH1 text-center text-lg-left\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"Sell.Header.SellCarsEasy\"))+\" \")]),_c('div',{staticClass:\"headerText text-center text-lg-left\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"Sell.Header.SetPricesInCurrency\"))+\" \")]),_c('div',{staticClass:\"text-center text-lg-left\"},[_c('b-button',{staticClass:\"sellButton mr-2\",attrs:{\"pill\":\"\",\"variant\":\"warning\",\"to\":{ name: 'listingOption' }}},[_vm._v(\" \"+_vm._s(_vm.$t(\"Sell.Header.SellMyCar\"))+\" \")])],1)])])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"dynamic-content container-fluid px-0\">\r\n    <b-jumbotron class=\"text-white headBanner headerBG side_distance\">\r\n      <b-container class=\"row align-items-end max-w mx-auto\">\r\n        <div class=\"sellHead\">\r\n          <h1 class=\"headerH1 text-center text-lg-left\">\r\n            {{ $t(\"Sell.Header.SellCarsEasy\") }}\r\n          </h1>\r\n          <div class=\"headerText text-center text-lg-left\">\r\n            {{ $t(\"Sell.Header.SetPricesInCurrency\") }}\r\n          </div>\r\n          <div class=\"text-center text-lg-left\">\r\n            <b-button\r\n              pill\r\n              class=\"sellButton mr-2\"\r\n              variant=\"warning\"\r\n              :to=\"{ name: 'listingOption' }\"\r\n            >\r\n              {{ $t(\"Sell.Header.SellMyCar\") }}\r\n            </b-button>\r\n\r\n            <!-- <b-button pill class=\"sellButton\" variant=\"outline-warning\">\r\n              {{ $t(\"Sell.Header.SeeTheAdvantages\") }}\r\n            </b-button> -->\r\n          </div>\r\n        </div>\r\n      </b-container>\r\n    </b-jumbotron>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"Sell\",\r\n  props: {\r\n    text: {\r\n      type: Array,\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.headerBG {\r\n  background: url(\"~@/assets/img/sell-header.png\") #d9e9f6;\r\n  background-size: 590px;\r\n  background-repeat: no-repeat;\r\n  background-position: 70% bottom;\r\n  padding-top: 155px !important;\r\n  @media (max-width: 1700px) {\r\n    background-position: 85% bottom;\r\n  }\r\n  @media (max-width: 1199px) {\r\n    background-position: 95% bottom;\r\n    background-size: 530px;\r\n  }\r\n  @media (max-width: 991px) {\r\n    background: #d9e9f6;\r\n  }\r\n  @media (max-width: 767px) {\r\n    padding-top: 80px !important;\r\n  }\r\n}\r\n.sellHead {\r\n  padding-bottom: 47px;\r\n}\r\n\r\n.side_distance {\r\n  padding: 100px 0 0 0;\r\n  border-radius: 0;\r\n  margin-bottom: 0;\r\n}\r\n.sellHead h1 {\r\n  max-width: 600px;\r\n  margin-top: 100px;\r\n  margin-bottom: 24px;\r\n  font-size: 48px;\r\n  color: #0051a5;\r\n  line-height: 68px;\r\n  @media (max-width: 991px) {\r\n    max-width: 100%;\r\n  }\r\n}\r\n\r\n.headerText {\r\n  max-width: 490px;\r\n  font-size: 20px;\r\n  line-height: 30px;\r\n  font-weight: 400;\r\n  color: #363636;\r\n  @media (max-width: 991px) {\r\n    max-width: 100%;\r\n  }\r\n}\r\n\r\n.max-w {\r\n  max-width: 1300px;\r\n}\r\n.sellButton {\r\n  padding: 0 16px;\r\n  font-weight: 600;\r\n  margin-top: 40px;\r\n  background: $yellow;\r\n  height: 64px;\r\n  min-width: 180px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #111111;\r\n  font-size: 20px;\r\n  border: none !important;\r\n  margin-bottom: 48px;\r\n  @media (max-width: 767px) {\r\n    margin-bottom: 0;\r\n  }\r\n  &:hover {\r\n    background-color: #d8be01;\r\n  }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n  .side_distance {\r\n    padding: 0px;\r\n    padding-top: 100px;\r\n  }\r\n  .sellHead h1 {\r\n    font-size: 26px;\r\n    line-height: 34px;\r\n    margin-bottom: 16px;\r\n  }\r\n  .headerText {\r\n    font-weight: 600;\r\n    font-size: 15px;\r\n    line-height: 22px;\r\n  }\r\n\r\n  .sellButton {\r\n    margin-top: 24px;\r\n    padding: 12px 24px;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheSellpageHeader.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheSellpageHeader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheSellpageHeader.vue?vue&type=template&id=037e23f6&scoped=true&\"\nimport script from \"./TheSellpageHeader.vue?vue&type=script&lang=js&\"\nexport * from \"./TheSellpageHeader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheSellpageHeader.vue?vue&type=style&index=0&id=037e23f6&prod&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"037e23f6\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/sass-loader/dist/cjs.js??ref--14-0!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheSellpageHeader.vue?vue&type=style&index=0&id=037e23f6&prod&scoped=true&lang=scss&\""],"sourceRoot":""}