{"version":3,"sources":["webpack:///./src/views/PremiumVideo.vue?3d27","webpack:///src/views/PremiumVideo.vue","webpack:///./src/views/PremiumVideo.vue?fec4","webpack:///./src/views/PremiumVideo.vue","webpack:///./src/assets/banner_library.jpg","webpack:///./src/assets/expert.png","webpack:///./src/views/PremiumVideo.vue?73c4","webpack:///./src/assets/endless.png","webpack:///./src/assets/tablet.png"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","heroData","image","title","body","mobile","scopedSlots","_u","key","fn","access","staticStyle","_v","canPromo","_s","code","_e","nativeOn","$event","preventDefault","startMyFreeTrial","proxy","staticClass","navItems","on","filter","model","value","callback","$$v","navItem","expression","searchCourse","search","_m","_l","c","id","name","category","GotoBlogByID","courses","slice","staticRenderFns","payModal","showCourses","searched","methods","$router","push","result","forEach","categories","course","split","includes","$upskill","then","res","data","pending","window","localStorage","getItem","removeItem","$mix","getCourses","Loaded","component","module","exports"],"mappings":"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","file":"js/chunk-71aea3e7.0b00e040.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('uhero',{attrs:{\"image\":_vm.heroData.image,\"title\":_vm.heroData.title,\"body\":_vm.heroData.body,\"mobile\":_vm.heroData.mobile,\"color\":\"white\"},scopedSlots:_vm._u([{key:\"btn\",fn:function(){return [(!_vm.access)?_c('div',{staticStyle:{\"background-color\":\"#FFDD00\",\"padding\":\"10px\",\"font-size\":\"20px\",\"letter-spacing\":\"-0.6px\",\"font-family\":\"Montserrat, sans-serif\",\"color\":\"black\"}},[_vm._v(\" Now you pay only \"),_c('strong',[_vm._v(\"Tk 250\")]),_vm._v(\" monthly to access \"),_c('strong',[_vm._v(\"130+\")]),_vm._v(\" hours of video lessons. \"),(_vm.canPromo.promo)?_c('span',{staticStyle:{\"padding-left\":\"5px\",\"padding-top\":\"20px\"}},[_vm._v(\"You are eligible for a Tk. 500 discount. \"),_c('strong',[_vm._v(\"Use code: \"+_vm._s(_vm.canPromo.code))])]):_vm._e()]):_c('div',{staticStyle:{\"background-color\":\"#FFDD00\",\"padding\":\"10px\",\"font-size\":\"20px\",\"letter-spacing\":\"-0.6px\",\"font-family\":\"Montserrat, sans-serif\",\"color\":\"black\"}},[_vm._v(\" You are enjoying \"),_c('strong',[_vm._v(\"Premium\")]),_vm._v(\" access to \"),_c('strong',[_vm._v(\"Upskill Video Library\")])]),(!_vm.access)?_c('u-btn-outlined',{nativeOn:{\"click\":function($event){$event.preventDefault();return _vm.startMyFreeTrial($event)}}},[_vm._v(\"Start My Yearly Access\")]):_c('u-btn-outlined',{attrs:{\"color\":\"#28a745\"},nativeOn:{\"click\":function($event){$event.preventDefault();}}},[_vm._v(\"You have access to all library videos\")]),_c('br')]},proxy:true}])},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"course-hero-mobile\"},[_c('div',{staticClass:\"workshop_hero_content_mobile\"},[_c('h3',{staticClass:\"workshop__text_mobile\"},[_vm._v(\" \"+_vm._s(_vm.heroData.title)+\" \")]),(!_vm.access)?_c('div',{staticStyle:{\"background-color\":\"#FFDD00\",\"padding\":\"10px\",\"font-size\":\"20px\",\"letter-spacing\":\"-0.6px\",\"font-family\":\"Montserrat, sans-serif\",\"color\":\"black\"}},[_vm._v(\" Now you pay only \"),_c('strong',[_vm._v(\"Tk 250\")]),_vm._v(\" monthly to access \"),_c('strong',[_vm._v(\"130+\")]),_vm._v(\" hours of video lessons. \"),(_vm.canPromo.promo)?_c('span',{staticStyle:{\"padding-left\":\"5px\",\"padding-top\":\"20px\"}},[_vm._v(\"You are eligible for a Tk. 500 discount. \"),_c('strong',[_vm._v(\"Use code: \"+_vm._s(_vm.canPromo.code))])]):_vm._e()]):_c('div',{staticStyle:{\"background-color\":\"#FFDD00\",\"padding\":\"10px\",\"font-size\":\"20px\",\"letter-spacing\":\"-0.6px\",\"font-family\":\"Montserrat, sans-serif\",\"color\":\"black\"}},[_vm._v(\" Now you pay only \"),_c('strong',[_vm._v(\"Tk 250\")]),_vm._v(\" monthly to access \")]),(!_vm.access)?_c('u-btn-outlined',{nativeOn:{\"click\":function($event){$event.preventDefault();return _vm.startMyFreeTrial($event)}}},[_vm._v(\"Start My Yearly Access\")]):_c('u-btn-outlined',{attrs:{\"color\":\"brown\"},nativeOn:{\"click\":function($event){$event.preventDefault();}}},[_vm._v(\"You are enjoying Video Library Premium\")])],1)])])]),_c('u-nav-wrap',[_c('unav',{attrs:{\"items\":_vm.navItems},on:{\"input\":_vm.filter},model:{value:(_vm.navItem),callback:function ($$v) {_vm.navItem=$$v},expression:\"navItem\"}}),_c('usearch',{attrs:{\"placeholder\":\"Search by Name or Category\"},on:{\"input\":_vm.searchCourse},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1),_vm._m(0),_c('u-card-list',_vm._l((_vm.showCourses),function(c){return _c('u-course-card',{key:c.id,attrs:{\"image\":c.image,\"title\":c.name,\"lessons\":c.category,\"duration\":\"Unknown\"},on:{\"click\":function($event){return _vm.GotoBlogByID(c.id)}}})}),1),_vm._m(1),_c('u-card-list',_vm._l((_vm.courses.slice(0, 5)),function(c){return _c('u-course-card',{key:c.id,attrs:{\"image\":c.image,\"title\":c.name,\"lessons\":c.category,\"duration\":\"Unkownn\"},on:{\"click\":function($event){return _vm.GotoBlogByID(c.id)}}})}),1),_vm._m(2),_vm._m(3),_c('u-card-list',_vm._l((_vm.courses.slice(6, 11)),function(c){return _c('u-course-card',{key:c.id,attrs:{\"image\":c.image,\"title\":c.name,\"lessons\":c.category,\"duration\":\"Unkownn\"},on:{\"click\":function($event){return _vm.GotoBlogByID(c.id)}}})}),1),_c('div',{staticClass:\"container infoBox\",staticStyle:{\"margin-bottom\":\"100px\"}},[_c('div',{staticClass:\"infoBoxContainer\"},[(!_vm.access)?_c('div',{staticClass:\"infoBoxHeader1\"},[_vm._v(\" Get Unlimited Access to \")]):_c('div',{staticClass:\"infoBoxHeader1\"},[_vm._v(\" You have Unlimited Access to \")]),_c('div',{staticClass:\"infoBoxHeader2\"},[_vm._v(\" Over 130+ Premium Videos \")]),_c('div',{staticClass:\"infoBoxHeaderP\",staticStyle:{\"color\":\"yellow\",\"margin-bottom\":\"1.5em\"}},[_vm._v(\" New videos are added every month so you can always learn new skills \")]),_c('div',{staticClass:\"infoBoxHeaderP bottomSpace\",staticStyle:{\"padding-bottom\":\"5px\"}},[_vm._v(\" Now you pay only Tk 250 monthly to access 130+ hours of video lessons. \")]),(!_vm.access)?_c('ubtn',{staticStyle:{\"margin-bottom\":\"90px\",\"margin-left\":\"0\"},nativeOn:{\"click\":function($event){$event.preventDefault();return _vm.startMyFreeTrial($event)}}},[_vm._v(\"Start My Yearly Access\")]):_vm._e()],1)])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('div',{staticStyle:{\"font-size\":\"25px\",\"font-family\":\"Montserrat, sans-serif\",\"margin-left\":\"2px\",\"margin-bottom\":\"25px\"}},[_vm._v(\" Video Courses \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('div',{staticStyle:{\"font-size\":\"25px\",\"font-family\":\"Montserrat, sans-serif\",\"margin-left\":\"2px\",\"margin-bottom\":\"25px\"}},[_vm._v(\" Recently Added \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"section\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"nrb_process_section\"},[_c('div',{staticClass:\"container-1350\"},[_c('div',{staticClass:\"nrb_steps\"},[_c('div',{staticClass:\"nrb_step\",staticStyle:{\"border\":\"none\"}},[_c('img',{staticStyle:{\"filter\":\"brightness(0) invert(1)\",\"max-height\":\"74px\"},attrs:{\"src\":require(\"../assets/endless.png\"),\"alt\":\"\"}}),_c('h4',{staticClass:\"nrb_phase\"},[_vm._v(\"Unlimited Access\")]),_c('p',[_vm._v(\" Choose what you'd like to learn from our extensive subscription library. \")])]),_c('div',{staticClass:\"nrb_step\",staticStyle:{\"border\":\"none\"}},[_c('img',{staticStyle:{\"filter\":\"brightness(0) invert(1)\",\"max-height\":\"74px\"},attrs:{\"src\":require(\"../assets/expert.png\"),\"alt\":\"\"}}),_c('h4',{staticClass:\"nrb_phase\"},[_vm._v(\"Expert Teachers\")]),_c('p',[_vm._v(\" Learn from industry experts who are passionate about teaching. \")])]),_c('div',{staticClass:\"nrb_step\",staticStyle:{\"border\":\"none\"}},[_c('img',{staticStyle:{\"filter\":\"brightness(0) invert(1)\",\"max-height\":\"74px\"},attrs:{\"src\":require(\"../assets/tablet.png\"),\"alt\":\"\"}}),_c('h4',{staticClass:\"nrb_phase\"},[_vm._v(\"Learn Anywhere\")]),_c('p',[_vm._v(\" Switch between your computer, tablet or mobile device. \")])])])])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('div',{staticStyle:{\"font-size\":\"25px\",\"font-family\":\"Montserrat, sans-serif\",\"margin-left\":\"2px\",\"margin-bottom\":\"25px\"}},[_vm._v(\" Most Popular \")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <uhero\n      :image=\"heroData.image\"\n      :title=\"heroData.title\"\n      :body=\"heroData.body\"\n      :mobile=\"heroData.mobile\"\n      color=\"white\"\n    >\n      <template v-slot:btn>\n        <div\n          style=\"background-color: #FFDD00; padding: 10px; font-size: 20px; letter-spacing: -0.6px; font-family: Montserrat, sans-serif; color:black;\"\n          v-if=\"!access\"\n        >\n          Now you pay only <strong>Tk 250</strong> monthly to access\n          <strong>130+</strong> hours of video lessons.\n          <span\n            v-if=\"canPromo.promo\"\n            style=\"padding-left: 5px; padding-top: 20px;\"\n            >You are eligible for a Tk. 500 discount.\n            <strong>Use code: {{ canPromo.code }}</strong></span\n          >\n        </div>\n        <div\n          style=\"background-color: #FFDD00; padding: 10px; font-size: 20px; letter-spacing: -0.6px; font-family: Montserrat, sans-serif; color:black;\"\n          v-else\n        >\n          You are enjoying <strong>Premium</strong> access to\n          <strong>Upskill Video Library</strong>\n        </div>\n        <u-btn-outlined @click.native.prevent=\"startMyFreeTrial\" v-if=\"!access\"\n          >Start My Yearly Access</u-btn-outlined\n        >\n        <u-btn-outlined @click.native.prevent=\"\" color=\"#28a745\" v-else\n          >You have access to all library videos</u-btn-outlined\n        >\n        <br />\n      </template>\n      <div class=\"container\">\n        <div class=\"course-hero-mobile\">\n          <div class=\"workshop_hero_content_mobile\">\n            <h3 class=\"workshop__text_mobile\">\n              {{ heroData.title }}\n            </h3>\n            <div\n              style=\"background-color: #FFDD00; padding: 10px; font-size: 20px; letter-spacing: -0.6px; font-family: Montserrat, sans-serif; color:black;\"\n              v-if=\"!access\"\n            >\n              Now you pay only <strong>Tk 250</strong> monthly to access\n              <strong>130+</strong> hours of video lessons.\n              <span\n                v-if=\"canPromo.promo\"\n                style=\"padding-left: 5px; padding-top: 20px;\"\n                >You are eligible for a Tk. 500 discount.\n                <strong>Use code: {{ canPromo.code }}</strong></span\n              >\n            </div>\n            <div\n              style=\"background-color: #FFDD00; padding: 10px; font-size: 20px; letter-spacing: -0.6px; font-family: Montserrat, sans-serif; color:black;\"\n              v-else\n            >\n              Now you pay only <strong>Tk 250</strong> monthly to access\n            </div>\n            <u-btn-outlined\n              @click.native.prevent=\"startMyFreeTrial\"\n              v-if=\"!access\"\n              >Start My Yearly Access</u-btn-outlined\n            >\n            <u-btn-outlined @click.native.prevent=\"\" color=\"brown\" v-else\n              >You are enjoying Video Library Premium</u-btn-outlined\n            >\n          </div>\n        </div>\n      </div>\n    </uhero>\n    <u-nav-wrap>\n      <unav :items=\"navItems\" v-model=\"navItem\" @input=\"filter\"></unav>\n      <usearch\n        v-model=\"search\"\n        @input=\"searchCourse\"\n        placeholder=\"Search by Name or Category\"\n      ></usearch>\n    </u-nav-wrap>\n    <div class=\"container\">\n      <div\n        style=\"font-size: 25px; font-family: Montserrat, sans-serif; margin-left: 2px; margin-bottom: 25px;\"\n      >\n        <!--        Most popular-->\n        Video Courses\n      </div>\n    </div>\n    <u-card-list>\n      <u-course-card\n        :image=\"c.image\"\n        :title=\"c.name\"\n        :lessons=\"c.category\"\n        duration=\"Unknown\"\n        v-for=\"c in showCourses\"\n        :key=\"c.id\"\n        @click=\"GotoBlogByID(c.id)\"\n      ></u-course-card>\n    </u-card-list>\n\n    <div class=\"container\">\n      <div\n        style=\"font-size: 25px; font-family: Montserrat, sans-serif; margin-left: 2px; margin-bottom: 25px;\"\n      >\n        Recently Added\n      </div>\n    </div>\n    <u-card-list>\n      <u-course-card\n        :image=\"c.image\"\n        :title=\"c.name\"\n        :lessons=\"c.category\"\n        duration=\"Unkownn\"\n        v-for=\"c in courses.slice(0, 5)\"\n        :key=\"c.id\"\n        @click=\"GotoBlogByID(c.id)\"\n      ></u-course-card>\n    </u-card-list>\n\n    <section class=\"section\">\n      <div class=\"container\">\n        <div class=\"nrb_process_section\">\n          <div class=\"container-1350\">\n            <div class=\"nrb_steps\">\n              <div class=\"nrb_step\" style=\"border: none\">\n                <img\n                  src=\"../assets/endless.png\"\n                  alt\n                  style=\"filter: brightness(0) invert(1); max-height: 74px\"\n                />\n                <h4 class=\"nrb_phase\">Unlimited Access</h4>\n                <p>\n                  Choose what you'd like to learn from our extensive\n                  subscription library.\n                </p>\n              </div>\n              <div class=\"nrb_step\" style=\"border: none\">\n                <img\n                  src=\"../assets/expert.png\"\n                  alt\n                  style=\"filter: brightness(0) invert(1); max-height: 74px\"\n                />\n                <h4 class=\"nrb_phase\">Expert Teachers</h4>\n                <p>\n                  Learn from industry experts who are passionate about teaching.\n                </p>\n              </div>\n\n              <div class=\"nrb_step\" style=\"border: none\">\n                <img\n                  src=\"../assets/tablet.png\"\n                  alt\n                  style=\"filter: brightness(0) invert(1); max-height: 74px\"\n                />\n                <h4 class=\"nrb_phase\">Learn Anywhere</h4>\n                <p>\n                  Switch between your computer, tablet or mobile device.\n                </p>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n\n    <div class=\"container\">\n      <div\n        style=\"font-size: 25px; font-family: Montserrat, sans-serif; margin-left: 2px; margin-bottom: 25px;\"\n      >\n        Most Popular\n      </div>\n    </div>\n    <u-card-list>\n      <u-course-card\n        :image=\"c.image\"\n        :title=\"c.name\"\n        :lessons=\"c.category\"\n        duration=\"Unkownn\"\n        v-for=\"c in courses.slice(6, 11)\"\n        :key=\"c.id\"\n        @click=\"GotoBlogByID(c.id)\"\n      ></u-course-card>\n    </u-card-list>\n\n    <div class=\"container infoBox\" style=\"margin-bottom: 100px;\">\n      <div class=\"infoBoxContainer\">\n        <div class=\"infoBoxHeader1\" v-if=\"!access\">\n          Get Unlimited Access to\n        </div>\n        <div class=\"infoBoxHeader1\" v-else>\n          You have Unlimited Access to\n        </div>\n        <div class=\"infoBoxHeader2\">\n          Over 130+ Premium Videos\n        </div>\n        <div class=\"infoBoxHeaderP\" style=\"color: yellow; margin-bottom: 1.5em\">\n          New videos are added every month so you can always learn new skills\n        </div>\n        <div class=\"infoBoxHeaderP bottomSpace\" style=\"padding-bottom: 5px;\">\n          Now you pay only Tk 250 monthly to access 130+ hours of video lessons.\n        </div>\n        <ubtn\n          style=\"margin-bottom: 90px; margin-left: 0\"\n          v-if=\"!access\"\n          @click.native.prevent=\"startMyFreeTrial\"\n          >Start My Yearly Access</ubtn\n        >\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      payModal: true,\n      search: \"\",\n      canPromo: {},\n      heroData: {\n        mobile: \"course-hero-mobile\",\n        image: require(\"../assets/banner_library.jpg\"),\n        title: \"Learn from our recorded videos\",\n        body:\n          \"We now offer real value for really low price with recorded video of our live sessions.\",\n      },\n      navItem: \"\",\n      navItems: [],\n      courses: [],\n      showCourses: [],\n      searched: \"\", //unnecessary,\n      access: false,\n    };\n  },\n  methods: {\n    popular() {\n      return this.showCourses.slice(0, 5);\n    },\n    startMyFreeTrial() {\n      this.$router.push({ name: \"invoice\" });\n    },\n    searchCourse(value) {\n      // console.log(value)\n      let result = [];\n      result = this.courses.filter(\n        (ws) => ws.name.includes(value) || ws.description.includes(value)\n      );\n      this.showCourses = result;\n    },\n    filter(category) {\n      // console.log(category)\n      if (category === \"All\") {\n        this.showCourses = this.courses;\n      } else {\n        let result = [];\n        this.courses.forEach((course) => {\n          let categories = course.category.split(\",\");\n          if (categories.includes(category)) {\n            result.push(course);\n          }\n        });\n        this.showCourses = result;\n      }\n    },\n  },\n  created() {\n    this.$upskill.canPromo().then((res) => {\n      this.canPromo = res.data;\n    });\n    // this.courses = this.$courses.getAllCourses();\n    // this.navItems = this.$courses.getCategories();\n    let pending = window.localStorage.getItem(\"pendingTransaction\");\n    if (pending) {\n      this.$upskill\n        .validatePurchase(pending)\n        .then((res) => {\n          if (res.data.status == \"ACCEPTED\") {\n            this.$router.push({ name: \"thanks\" });\n            this.access = true;\n          } else {\n            this.ErrorAlert(\n              \"Payment declined. Could not complete the purchase!\"\n            );\n          }\n        })\n        .catch(() => {\n          this.ErrorAlert(\"Payment failed. Could not complete the purchase!\");\n        });\n      window.localStorage.removeItem(\"pendingTransaction\");\n    }\n    this.$mix.getCourses().then((res) => {\n      // console.log(res);\n      this.courses = res.courses;\n      this.showCourses = [...this.courses];\n      this.navItems = res.categories;\n      this.access = res.access;\n      this.Loaded();\n    });\n  },\n};\n</script>\n\n<style>\n.floating-img {\n  /*width: 464px;*/\n  top: -150px;\n  height: 465px;\n  position: absolute;\n}\n\n.ulogo {\n  max-width: 224px;\n  padding-left: 92px;\n  margin-right: 92px;\n}\n.ulogo-container {\n  margin: 0 auto;\n}\n.centered {\n  text-align: center;\n  font: Bold 32px/40px Montserrat;\n  max-width: 524px;\n  margin: auto;\n  padding-bottom: 80px;\n  padding-top: 40px;\n}\n.scentered {\n  max-width: 900px;\n  margin: auto;\n}\n.optionbox {\n  background: #728391 0% 0% no-repeat padding-box;\n  opacity: 1;\n  padding-left: 195px;\n  padding-top: 95px;\n  padding-bottom: 95px;\n}\n.optionstyle {\n  font: Bold 24px/29px Open Sans;\n  letter-spacing: 0px;\n  color: #ffffff;\n}\n.optionpara {\n  font: Regular 18px/29px Open Sans;\n  letter-spacing: 0px;\n  color: #ffffff;\n}\n\n.sectionheader {\n  text-align: center;\n  font: Bold 32px/40px Montserrat;\n  letter-spacing: -0.8px;\n  color: #000000;\n  text-transform: capitalize;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: 50px;\n}\n.subh {\n  font: Bold 24px/29px Open Sans;\n  letter-spacing: 0px;\n  color: #000000;\n}\n.subp {\n  font: Regular 18px/29px Open Sans;\n  letter-spacing: 0px;\n  color: #000000;\n  padding-bottom: 57px;\n}\n.subc {\n  max-width: 890px;\n  margin-left: auto;\n  margin-right: auto;\n}\n.steph {\n  font: Bold 24px/40px Montserrat;\n  letter-spacing: 4.8px;\n  color: #ffffff;\n  text-transform: uppercase;\n}\n.stepp {\n  font: 24px/32px Open Sans;\n  font-weight: 200;\n  color: white;\n  letter-spacing: 0px;\n}\n.gap100 {\n  margin-top: 100px;\n  margin-bottom: 100px;\n}\n.infoBox {\n  max-width: 900px;\n  border-radius: 20px;\n  background: transparent linear-gradient(257deg, #00ffa8 0%, #6700b5 100%) 0%\n    0% no-repeat padding-box;\n}\n.infoBoxContainer {\n  /* max-width: 515px; */\n  margin: 0 6em 0;\n}\n.infoBoxHeader1 {\n  text-align: left;\n  font: 20px/60px Montserrat;\n  letter-spacing: 1.2px;\n  color: #ffffff;\n  text-transform: uppercase;\n  padding-top: 80px;\n}\n.infoBoxHeader2 {\n  text-align: left;\n  font-family: \"Monrserrat\", sans-serif;\n  font-size: 48px;\n  letter-spacing: -1.2px;\n  font-weight: 600;\n  color: #ffffff;\n  font-weight: 400;\n  margin-bottom: 6px;\n}\n.infoBoxHeaderP {\n  font-family: \"Open Sans\", sans-serif;\n  text-align: left;\n  font-size: 20px;\n  letter-spacing: -0.6px;\n  line-height: 40px;\n  color: #ffffff;\n  font-weight: 400;\n}\n\n@media screen and (max-width: 600px) {\n  .infoBoxContainer {\n    padding: 20px;\n    margin: auto;\n  }\n  .infoBox {\n    margin: 0;\n    border-radius: 0;\n  }\n  .floating-img {\n    /*width: 464px;*/\n    height: 465px;\n    position: unset;\n  }\n  .optionbox {\n    padding: 20px 10px;\n  }\n\n  .bottomSpace {\n    margin-bottom: 1.5em;\n  }\n  .infoBoxHeader1 {\n    font-size: 18px;\n  }\n  .infoBoxHeader2 {\n    padding-top: 0px;\n    padding-bottom: 15px;\n  }\n  .infoBoxHeaderP {\n    letter-spacing: -0.4px;\n  }\n}\n</style>\n","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!./PremiumVideo.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!./PremiumVideo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PremiumVideo.vue?vue&type=template&id=4caedb57&\"\nimport script from \"./PremiumVideo.vue?vue&type=script&lang=js&\"\nexport * from \"./PremiumVideo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PremiumVideo.vue?vue&type=style&index=0&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","module.exports = __webpack_public_path__ + \"img/banner_library.09cde462.jpg\";","module.exports = __webpack_public_path__ + \"img/expert.590fc43a.png\";","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PremiumVideo.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PremiumVideo.vue?vue&type=style&index=0&lang=css&\"","module.exports = __webpack_public_path__ + \"img/endless.d9224b6c.png\";","module.exports = __webpack_public_path__ + \"img/tablet.e779a595.png\";"],"sourceRoot":""}