{"version":3,"sources":["webpack:///./src/@core/libs/i18n/utils.js","webpack:///./src/@core/libs/i18n/index.js","webpack:///./src/views/website/pages/about/index.vue?a6cc","webpack:///./src/views/website/pages/about/index.vue?adca","webpack:///src/views/website/pages/about/index.vue","webpack:///./src/views/website/pages/about/index.vue?93b4","webpack:///./src/views/website/pages/about/index.vue?3eb8","webpack:///./src/views/website/pages/about/components/main-section.vue?7061","webpack:///./src/views/website/pages/about/components/main-section.vue?57ae","webpack:///src/views/website/pages/about/components/main-section.vue","webpack:///./src/views/website/pages/about/components/main-section.vue?44d1","webpack:///./src/views/website/pages/about/components/main-section.vue?1398"],"names":["t","key","vm","getCurrentInstance","proxy","$t","_","useUtils","utils","render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","ourgoals","attrs","_l","goal","index","staticStyle","imageDto","path","replace","$store","getters","description","_m","ourvalues","value","managers","employee","firstName","lastName","position","staticRenderFns","component","aboutusWebsite","more"],"mappings":"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","file":"js/chunk-966fcfe2.ac7ff5d7.js","sourcesContent":["import { getCurrentInstance } from '@vue/composition-api'\r\n\r\n/**\r\n * Returns translated string if i18n package is available to Vue\r\n * If i18n is not configured then it will simply return what is being passed\r\n * Useful if you don't know if i18n is configured or not\r\n * Used in @core files to handle absence of i18n without errors\r\n * @param {String} key i18n key to use for translation\r\n */\r\nexport const t = key => {\r\n  const vm = getCurrentInstance().proxy\r\n  return vm.$t ? vm.$t(key) : key\r\n}\r\n\r\nexport const _ = null\r\n","import * as utils from './utils'\r\n\r\nexport const useUtils = () => ({\r\n  ...utils,\r\n})\r\n\r\nexport const _ = null\r\n","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!./index.vue?vue&type=style&index=0&id=cf2dfcc4&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('mainSection'),_c('section',{staticClass:\"goals overflow-hidden\"},[_c('div',{staticClass:\"goals-container-title first\"},[_c('h4',{staticClass:\"title mb-0 mr-5\"},[_vm._v(_vm._s(_vm.t(\"goals\").ourgoals))]),_c('span',{staticClass:\"title-border\"})]),_c('img',{staticClass:\"goals-content-musk\",attrs:{\"src\":\"/images/website/goals-musk-left.png\",\"width\":\"140\"}}),_c('div',{staticClass:\"goals-content py-5\"},[_c('b-col',[_c('b-row',{staticClass:\"py-5\"},_vm._l((_vm.goalsWebsite),function(goal,index){return _c('b-col',{key:index,staticClass:\"goals-content-images-container\",attrs:{\"cols\":\"12\",\"lg\":\"4\"}},[_c('div',{staticClass:\"goals-card\",attrs:{\"data-aos\":\"fade-up\",\"data-aos-duration\":\"5000\"}},[_c('h4',{staticClass:\"goals-card-title\"},[_vm._v(_vm._s(index + 1))]),_c('div',{staticClass:\"goals-card-image-desc-container\"},[_c('img',{staticClass:\"goals-card-image\",staticStyle:{\"object-fit\":\"cover\"},attrs:{\"src\":goal.imageDto.path\n                      ? goal.imageDto.path.replace(\n                          '~',\n                          _vm.$store.getters['app/domainHost']\n                        )\n                      : ''}}),_c('p',{staticClass:\"lead goals-card-desc\"},[_vm._v(_vm._s(goal.description))])])])])}),1)],1)],1),_vm._m(0)]),_c('section',{staticClass:\"our-values\"},[_c('div',{staticClass:\"section-title-contaner\"},[_c('h2',{staticClass:\"section-title left\"},[_vm._v(_vm._s(_vm.t(\"values\").ourvalues))])]),_c('div',{staticClass:\"our-values-card-container py-5\"},[_c('b-row',_vm._l((_vm.valuesWebsite),function(value,index){return _c('b-col',{key:index,staticClass:\"our-values-card-parent\",attrs:{\"cols\":\"12\",\"lg\":\"4\"}},[_c('div',{staticClass:\"our-values-card\",attrs:{\"data-aos\":'fade-' +\n                (index == 0\n                  ? 'left'\n                  : index == 1\n                  ? 'up'\n                  : index == 2\n                  ? 'right'\n                  : ''),\"data-aos-duration\":\"5000\"}},[_c('div',{staticClass:\"our-values-card-content\"},[_c('img',{staticClass:\"our-values-card-image\",staticStyle:{\"object-fit\":\"cover\"},attrs:{\"src\":value.imageDto.path\n                    ? value.imageDto.path.replace(\n                        '~',\n                        _vm.$store.getters['app/domainHost']\n                      )\n                    : '',\"height\":\"332\",\"width\":\"304\"}}),_c('p',{staticClass:\"our-values-card-text\"},[_vm._v(_vm._s(value.description))])])])])}),1)],1)]),_c('section',{staticClass:\"managers\"},[_c('div',{staticClass:\"section-title-contaner\"},[_c('h2',{staticClass:\"section-title right\"},[_vm._v(_vm._s(_vm.t(\"managers\").managers))])]),_c('div',{staticClass:\"managers-cards-container py-5\"},[_c('b-col',[_c('b-row',_vm._l((_vm.websiteEmployeeList),function(employee,index){return _c('b-col',{key:index,staticClass:\"managers-card-parent\",attrs:{\"cols\":\"12\",\"lg\":\"4\"}},[_c('div',{staticClass:\"managers-card\",attrs:{\"data-aos\":\"fade-up\",\"data-aos-duration\":\"5000\"}},[_c('div',{staticClass:\"managers-card-image-desc-container\"},[_c('img',{staticClass:\"managers-card-image\",attrs:{\"src\":employee.imageDto.path\n                      ? employee.imageDto.path.replace(\n                          '~',\n                          _vm.$store.getters['app/domainHost']\n                        )\n                      : '/images/website/employee.svg'}}),_c('div',{staticClass:\"managers-card-desc\"},[_c('h4',[_vm._v(\" \"+_vm._s(employee.firstName + \" \" + employee.lastName)+\" \")]),_c('span',[_vm._v(\" \"+_vm._s(employee.position)+\" \")])]),_c('span',{staticClass:\"prand\"},[_vm._v(\"ALFAISAL\")])])])])}),1)],1)],1)])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"goals-container-title last\"},[_c('span',{staticClass:\"title-border\"}),_c('span',[_vm._v(\"G\")]),_c('span',[_vm._v(\"N\")]),_c('span',[_vm._v(\"I\")]),_c('span',[_vm._v(\"N\")]),_c('span',[_vm._v(\"N\")]),_c('span',[_vm._v(\"I\")]),_c('span',[_vm._v(\"P\")]),_c('span',[_vm._v(\"S\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <mainSection />\r\n    <section class=\"goals overflow-hidden\">\r\n      <div class=\"goals-container-title first\">\r\n        <h4 class=\"title mb-0 mr-5\">{{ t(\"goals\").ourgoals }}</h4>\r\n        <span class=\"title-border\"></span>\r\n      </div>\r\n      <img\r\n        class=\"goals-content-musk\"\r\n        src=\"/images/website/goals-musk-left.png\"\r\n        width=\"140\"\r\n      />\r\n      <div class=\"goals-content py-5\">\r\n        <b-col>\r\n          <b-row class=\"py-5\">\r\n            <b-col\r\n              cols=\"12\"\r\n              lg=\"4\"\r\n              v-for=\"(goal, index) in goalsWebsite\"\r\n              :key=\"index\"\r\n              class=\"goals-content-images-container\"\r\n            >\r\n              <div\r\n                class=\"goals-card\"\r\n                data-aos=\"fade-up\"\r\n                data-aos-duration=\"5000\"\r\n              >\r\n                <h4 class=\"goals-card-title\">{{ index + 1 }}</h4>\r\n                <div class=\"goals-card-image-desc-container\">\r\n                  <img\r\n                    class=\"goals-card-image\"\r\n                    :src=\"\r\n                      goal.imageDto.path\r\n                        ? goal.imageDto.path.replace(\r\n                            '~',\r\n                            $store.getters['app/domainHost']\r\n                          )\r\n                        : ''\r\n                    \"\r\n                    style=\"object-fit: cover\"\r\n                  />\r\n                  <p class=\"lead goals-card-desc\">{{ goal.description }}</p>\r\n                </div>\r\n              </div>\r\n            </b-col>\r\n          </b-row>\r\n        </b-col>\r\n      </div>\r\n      <div class=\"goals-container-title last\">\r\n        <span class=\"title-border\"></span>\r\n        <span>G</span>\r\n        <span>N</span>\r\n        <span>I</span>\r\n        <span>N</span>\r\n        <span>N</span>\r\n        <span>I</span>\r\n        <span>P</span>\r\n        <span>S</span>\r\n      </div>\r\n    </section>\r\n    <section class=\"our-values\">\r\n      <div class=\"section-title-contaner\">\r\n        <h2 class=\"section-title left\">{{ t(\"values\").ourvalues }}</h2>\r\n      </div>\r\n      <div class=\"our-values-card-container py-5\">\r\n        <b-row>\r\n          <b-col\r\n            cols=\"12\"\r\n            lg=\"4\"\r\n            v-for=\"(value, index) in valuesWebsite\"\r\n            :key=\"index\"\r\n            class=\"our-values-card-parent\"\r\n          >\r\n            <div\r\n              class=\"our-values-card\"\r\n              :data-aos=\"\r\n                'fade-' +\r\n                  (index == 0\r\n                    ? 'left'\r\n                    : index == 1\r\n                    ? 'up'\r\n                    : index == 2\r\n                    ? 'right'\r\n                    : '')\r\n              \"\r\n              data-aos-duration=\"5000\"\r\n            >\r\n              <div class=\"our-values-card-content\">\r\n                <img\r\n                  class=\"our-values-card-image\"\r\n                  :src=\"\r\n                    value.imageDto.path\r\n                      ? value.imageDto.path.replace(\r\n                          '~',\r\n                          $store.getters['app/domainHost']\r\n                        )\r\n                      : ''\r\n                  \"\r\n                  height=\"332\"\r\n                  width=\"304\"\r\n                  style=\"object-fit: cover\"\r\n                />\r\n                <p class=\"our-values-card-text\">{{ value.description }}</p>\r\n              </div>\r\n            </div>\r\n          </b-col>\r\n        </b-row>\r\n      </div>\r\n    </section>\r\n    <section class=\"managers\">\r\n      <div class=\"section-title-contaner\">\r\n        <h2 class=\"section-title right\">{{ t(\"managers\").managers }}</h2>\r\n      </div>\r\n      <div class=\"managers-cards-container py-5\">\r\n        <b-col>\r\n          <b-row>\r\n            <b-col\r\n              cols=\"12\"\r\n              lg=\"4\"\r\n              class=\"managers-card-parent\"\r\n              v-for=\"(employee, index) in websiteEmployeeList\"\r\n              :key=\"index\"\r\n            >\r\n              <div\r\n                class=\"managers-card\"\r\n                data-aos=\"fade-up\"\r\n                data-aos-duration=\"5000\"\r\n              >\r\n                <div class=\"managers-card-image-desc-container\">\r\n                  <img\r\n                    class=\"managers-card-image\"\r\n                    :src=\"\r\n                      employee.imageDto.path\r\n                        ? employee.imageDto.path.replace(\r\n                            '~',\r\n                            $store.getters['app/domainHost']\r\n                          )\r\n                        : '/images/website/employee.svg'\r\n                    \"\r\n                  />\r\n                  <div class=\"managers-card-desc\">\r\n                    <h4>\r\n                      {{ employee.firstName + \" \" + employee.lastName }}\r\n                    </h4>\r\n                    <span> {{ employee.position }} </span>\r\n                  </div>\r\n                  <span class=\"prand\">ALFAISAL</span>\r\n                  <!-- <div class=\"name\">\r\n                    <span v-for=\"(letter, index) in 'MOSHAMAD'\" :key=\"index\">{{\r\n                      letter.toUpperCase()\r\n                    }}</span>\r\n                  </div> -->\r\n                </div>\r\n              </div>\r\n            </b-col>\r\n          </b-row>\r\n        </b-col>\r\n      </div>\r\n    </section>\r\n  </div>\r\n</template>\r\n<script>\r\n  import { useUtils as useI18nUtils } from \"@core/libs/i18n\";\r\n  import mainSection from \"@/views/website/pages/about/components/main-section.vue\";\r\n  import { handleLangChange } from \"@/libs/event-bus\";\r\n  import { mapGetters, mapActions } from \"vuex\";\r\n  export default {\r\n    components: {\r\n      mainSection,\r\n    },\r\n    computed: {\r\n      ...mapGetters([\"aboutusWebsite\", \"valuesWebsite\", \"goalsWebsite\", \"websiteEmployeeList\"]),\r\n    },\r\n    mounted() {\r\n      this.init();\r\n      handleLangChange(this.init);\r\n      addEventListener(\"resize\", this.setGoalSectionAngle);\r\n    },\r\n    metaInfo() {\r\n      return {\r\n        titleTemplate: \"Al Faisal - \" + this.$t(\"title.aboutus\"),\r\n        htmlAttrs: {\r\n          lang: this.$i18n.locale,\r\n        },\r\n        meta: [\r\n          {\r\n            name: \"description\",\r\n            content: this.aboutusWebsite.description,\r\n          },\r\n          {\r\n            name: \"keywords\",\r\n            content: \"keywords, keywords, keywords, ...\",\r\n          },\r\n        ],\r\n      };\r\n    },\r\n    methods: {\r\n      init() {\r\n        this.getAboutPageForWebsite();\r\n        this.setGoalSectionAngle();\r\n      },\r\n      ...mapActions([\"getAboutPageForWebsite\"]),\r\n      setGoalSectionAngle() {\r\n        let servicesContainerTitleFirst = document.querySelector(\r\n          \".goals-container-title.first\"\r\n        );\r\n        let servicesContainerTitleLast = document.querySelector(\r\n          \".goals-container-title.last\"\r\n        );\r\n        let goalsContainerTitleTitle = document.querySelector(\r\n          \".goals-container-title .title\"\r\n        );\r\n        let angle = (Math.atan(100 / innerWidth) * 180) / Math.PI;\r\n\r\n        if (document.querySelector(\"html\").dir == \"rtl\") {\r\n          servicesContainerTitleFirst.style.transform =\r\n            \"rotate(\" + -angle + \"deg)\";\r\n          servicesContainerTitleLast.style.transform =\r\n            \"rotate(\" + angle + \"deg)\";\r\n          goalsContainerTitleTitle.style.transform = \"rotate(\" + angle + \"deg)\";\r\n        } else {\r\n          servicesContainerTitleFirst.style.transform =\r\n            \"rotate(\" + angle + \"deg)\";\r\n          servicesContainerTitleLast.style.transform =\r\n            \"rotate(\" + -angle + \"deg)\";\r\n          goalsContainerTitleTitle.style.transform =\r\n            \"rotate(\" + -angle + \"deg)\";\r\n        }\r\n      },\r\n    },\r\n    setup() {\r\n      const { t } = useI18nUtils();\r\n      return { t };\r\n    },\r\n    beforeDestroy() {\r\n      this.$store.dispatch(\"app/setLoadingWebsite\", true);\r\n    },\r\n  };\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  @import \"src/assets/scss/variables/variables.scss\";\r\n  .goals {\r\n    position: relative;\r\n    .goals-container-title {\r\n      display: flex;\r\n      align-items: center;\r\n      color: $primary;\r\n      font-size: 12px;\r\n      transform-origin: 0 center;\r\n      .title {\r\n        z-index: 1;\r\n        background: $primary;\r\n        padding: 12px 100px;\r\n        color: #fff;\r\n        &:after {\r\n          content: \"\";\r\n          background: #621200;\r\n          position: absolute;\r\n          left: 0;\r\n          bottom: -12px;\r\n          width: 17px;\r\n          height: 12px;\r\n          clip-path: polygon(0 0, 100% 0, 0 100%);\r\n        }\r\n      }\r\n      .title-border {\r\n        flex-grow: 1;\r\n        background: $primary;\r\n        height: 3px;\r\n      }\r\n      span {\r\n        padding: 0 14px;\r\n      }\r\n    }\r\n    .goals-container-title.first {\r\n      position: relative;\r\n      top: 12px;\r\n      z-index: 1;\r\n    }\r\n    .goals-container-title.last {\r\n      .title-border {\r\n        margin-left: 24px;\r\n      }\r\n    }\r\n    .goals-content {\r\n      min-height: 300px;\r\n      z-index: 0;\r\n      display: flex;\r\n      position: relative;\r\n      background: #efefef;\r\n      margin-left: 24px;\r\n      clip-path: polygon(0 100px, 100% 0, 100% 100%, 0 calc(100% - 100px));\r\n      .goals-content-images-container {\r\n        margin-bottom: 2rem;\r\n        @media screen and (min-width: 992px) {\r\n          &:nth-of-type(2) {\r\n            margin-top: 80px;\r\n          }\r\n        }\r\n        .goals-card {\r\n          padding: 10px 0;\r\n          width: 300px;\r\n          margin: auto;\r\n          position: relative;\r\n          .goals-card-title {\r\n            transition: all 0.4s linear;\r\n            margin: 0;\r\n            position: absolute;\r\n            font-size: 40px;\r\n            font-weight: 600;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            z-index: 2;\r\n            color: #fff;\r\n          }\r\n          .goals-card-image-desc-container {\r\n            position: relative;\r\n            &:after {\r\n              content: \"\";\r\n              position: absolute;\r\n              left: 0;\r\n              top: 0;\r\n              width: 100%;\r\n              height: 100%;\r\n              background: rgba(0, 0, 0, 0.5);\r\n              z-index: 1;\r\n            }\r\n            .goals-card-image {\r\n              border-radius: 8px;\r\n              height: 360px;\r\n              width: 100%;\r\n              z-index: 0;\r\n            }\r\n            .goals-card-desc {\r\n              pointer-events: none;\r\n              transition: all 0.4s linear;\r\n              position: absolute;\r\n              left: -100%;\r\n              bottom: 40px;\r\n              z-index: -1;\r\n              width: calc(100% + 14px);\r\n              color: #fff;\r\n              background: $secondaryPrimary;\r\n              padding: 30px 1rem;\r\n              padding-right: calc(1rem + 15px);\r\n              text-align: center;\r\n              line-height: 2;\r\n              opacity: 0;\r\n              visibility: hidden;\r\n              &:after {\r\n                content: \"\";\r\n                position: absolute;\r\n                bottom: -15px;\r\n                width: 15px;\r\n                height: 15px;\r\n                right: 0;\r\n                background: #b68532;\r\n                clip-path: polygon(0 0, 100% 0, 100% 100%);\r\n              }\r\n            }\r\n          }\r\n          &:hover {\r\n            .goals-card-title {\r\n              top: 20%;\r\n            }\r\n            .goals-card-image-desc-container {\r\n              .goals-card-desc {\r\n                z-index: 2;\r\n                left: 0;\r\n                opacity: 1;\r\n                visibility: visible;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .goals-content-musk {\r\n      position: absolute;\r\n      z-index: 1;\r\n      left: 0;\r\n      bottom: 40px;\r\n    }\r\n  }\r\n  .our-values {\r\n    overflow-x: hidden;\r\n    .our-values-card-container {\r\n      .our-values-card-parent {\r\n        .our-values-card {\r\n          position: relative;\r\n          width: 360px;\r\n          margin: auto;\r\n          margin-bottom: 3rem;\r\n          .our-values-card-content {\r\n            overflow: hidden;\r\n            border-radius: 4px;\r\n            .our-values-card-image {\r\n              width: 100%;\r\n              border-radius: 4px;\r\n              position: relative;\r\n            }\r\n            .our-values-card-text {\r\n              z-index: 1;\r\n              position: absolute;\r\n              top: 0;\r\n              color: #fff;\r\n              margin: 0;\r\n              padding: 16px;\r\n              text-align: center;\r\n            }\r\n            &:after {\r\n              content: \"\";\r\n              position: absolute;\r\n              background: $primary;\r\n              top: 0;\r\n              left: 0;\r\n              width: 100%;\r\n              height: 100%;\r\n              background: rgba(0, 0, 0, 0.5);\r\n              border-radius: 4px;\r\n            }\r\n          }\r\n          &:after {\r\n            content: \"\";\r\n            position: absolute;\r\n            background: $primary;\r\n          }\r\n        }\r\n        @media screen and (min-width: 992px) {\r\n          .our-values-card {\r\n            .our-values-card-text {\r\n              width: 280px;\r\n            }\r\n          }\r\n          &:first-of-type {\r\n            .our-values-card {\r\n              &:after {\r\n                height: 100px;\r\n                width: 4px;\r\n                left: -4px;\r\n                top: 50%;\r\n                transform: translateY(-50%);\r\n              }\r\n              .our-values-card-content {\r\n                &:after,\r\n                .our-values-card-image {\r\n                  transform: skewX(-11deg) translateX(-56px);\r\n                }\r\n                &:after {\r\n                  clip-path: polygon(0 0, 93% 0, 76% 100%, 0 100%);\r\n                }\r\n                .our-values-card-text {\r\n                  left: 0;\r\n                }\r\n              }\r\n            }\r\n          }\r\n          &:nth-of-type(2) {\r\n            .our-values-card {\r\n              &:after {\r\n                width: 100px;\r\n                height: 4px;\r\n                bottom: -23px;\r\n                left: 50%;\r\n                transform: translateX(-50%);\r\n              }\r\n              .our-values-card-content {\r\n                perspective: 300px;\r\n                transform-style: preserve-3d;\r\n                overflow: visible;\r\n                &:after,\r\n                .our-values-card-image {\r\n                  transform: rotate3d(1, 0, 0, -16deg);\r\n                  margin-top: -20px;\r\n                }\r\n                &:after {\r\n                  height: calc(100% + 20px);\r\n                }\r\n              }\r\n              .our-values-card-text {\r\n                position: absolute;\r\n                top: 8px;\r\n                left: 50%;\r\n                padding: 15px;\r\n                transform: translateX(-50%);\r\n                color: #fff;\r\n              }\r\n            }\r\n          }\r\n          &:last-of-type {\r\n            .our-values-card {\r\n              &:after {\r\n                height: 100px;\r\n                width: 4px;\r\n                right: -4px;\r\n                top: 50%;\r\n                transform: translateY(-50%);\r\n              }\r\n              .our-values-card-content {\r\n                &:after,\r\n                .our-values-card-image {\r\n                  transform: skewX(11deg) translateX(56px);\r\n                }\r\n                &:after {\r\n                  clip-path: polygon(24px 0, 100% 0, 100% 100%, 88px 100%);\r\n                }\r\n                .our-values-card-text {\r\n                  left: 80px;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .managers {\r\n    .managers-cards-container {\r\n      position: relative;\r\n      .managers-card-parent {\r\n        margin-bottom: 3rem;\r\n        .managers-card {\r\n          padding: 10px 0;\r\n          width: 260px;\r\n          margin: auto;\r\n          position: relative;\r\n          &:after,\r\n          &:before {\r\n            content: \"\";\r\n            position: absolute;\r\n            left: 0;\r\n            height: 3px;\r\n            width: 100%;\r\n            background: $secondaryPrimary;\r\n          }\r\n          &:after {\r\n            top: 0;\r\n          }\r\n          &:before {\r\n            bottom: 0;\r\n          }\r\n          .managers-card-image-desc-container {\r\n            position: relative;\r\n            .managers-card-image {\r\n              height: 280px;\r\n              width: 100%;\r\n              z-index: 0;\r\n              object-fit: cover;\r\n            }\r\n            .managers-card-desc {\r\n              pointer-events: none;\r\n              transition: all 0.4s linear;\r\n              position: absolute;\r\n              left: -100%;\r\n              bottom: 40px;\r\n              z-index: -1;\r\n              width: calc(100% + 14px);\r\n              color: #fff;\r\n              background: $secondaryPrimary;\r\n              padding: 16px 1rem;\r\n              padding-right: calc(1rem + 15px);\r\n              text-align: center;\r\n              line-height: 2;\r\n              opacity: 0;\r\n              visibility: hidden;\r\n              &:after {\r\n                content: \"\";\r\n                position: absolute;\r\n                bottom: -15px;\r\n                width: 15px;\r\n                height: 15px;\r\n                right: 0;\r\n                background: #b68532;\r\n                clip-path: polygon(0 0, 100% 0, 100% 100%);\r\n              }\r\n            }\r\n            .prand {\r\n              position: absolute;\r\n              bottom: -30px;\r\n              left: 0;\r\n              letter-spacing: 8px;\r\n              font-size: 12px;\r\n            }\r\n            .name {\r\n              position: absolute;\r\n              bottom: 0;\r\n              height: 100%;\r\n              left: -16px;\r\n              font-size: 12px;\r\n              color: $secondaryPrimary;\r\n              display: flex;\r\n              flex-direction: column;\r\n              justify-content: space-between;\r\n              align-items: center;\r\n            }\r\n          }\r\n          &:hover {\r\n            .managers-card-image-desc-container {\r\n              .managers-card-desc {\r\n                left: 0;\r\n                z-index: 2;\r\n                opacity: 1;\r\n                visibility: visible;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .agent {\r\n    .sub-title-bottom {\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 50%;\r\n      transform: translate(-50%, 100%);\r\n      display: flex;\r\n      width: 100%;\r\n      padding: 0 16px;\r\n      justify-content: space-between;\r\n      color: $primary;\r\n      span {\r\n        padding: 10px;\r\n      }\r\n    }\r\n    .agent-logo-container {\r\n      height: 500px;\r\n      width: calc(100% + 80px);\r\n      position: relative;\r\n      left: -80px;\r\n      clip-path: polygon(0 0, 100% 0, calc(100% - 80px) 100%, 0 100%);\r\n      .left-border-style {\r\n        width: 40px;\r\n        height: 100%;\r\n        border-top: solid 96px $secondaryPrimary;\r\n        border-bottom: solid 96px $secondaryPrimary;\r\n        position: relative;\r\n      }\r\n      .agent-content-title {\r\n        display: flex;\r\n        h4 {\r\n          letter-spacing: 24px;\r\n          padding: 4px 24px 4px 0;\r\n          color: $primary;\r\n          margin: 0;\r\n        }\r\n        .title-border {\r\n          flex-grow: 1;\r\n          background: $secondaryPrimary;\r\n        }\r\n      }\r\n      .agent-content-image {\r\n        border-top: solid 4px $primary;\r\n        border-bottom: solid 4px $primary;\r\n        display: flex;\r\n        flex-direction: column;\r\n        .image {\r\n          background: $secondaryPrimary;\r\n          flex-grow: 1;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  [dir=\"ltr\"] {\r\n    .goals {\r\n      .goals-container-title {\r\n        .title {\r\n          &:after {\r\n            clip-path: polygon(0 0, 100% 0, 100% 100%);\r\n          }\r\n        }\r\n      }\r\n      .goals-content {\r\n        clip-path: polygon(0 0, 100% 100px, 100% calc(100% - 100px), 0 100%);\r\n        .goals-content-images-container {\r\n          .goals-card-image-desc-container {\r\n            .goals-card-desc {\r\n              &:after {\r\n                clip-path: polygon(0 0, 100% 0, 0 100%);\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .goals-content-musk {\r\n        transform: scaleX(-1);\r\n      }\r\n    }\r\n    .our-values {\r\n      .our-values-card-container {\r\n        .our-values-card-parent {\r\n          @media screen and (min-width: 992px) {\r\n            &:first-of-type {\r\n              .our-values-card {\r\n                .our-values-card-content {\r\n                  &:after {\r\n                    clip-path: polygon(24px 0, 100% 0, 100% 100%, 88px 100%);\r\n                  }\r\n                }\r\n              }\r\n            }\r\n            &:nth-of-type(2) {\r\n              .our-values-card {\r\n                .our-values-card-content {\r\n                  &:after,\r\n                  .our-values-card-image {\r\n                    transform: rotate3d(1, 0, 0, 16deg);\r\n                  }\r\n                }\r\n              }\r\n            }\r\n            &:last-of-type {\r\n              .our-values-card {\r\n                .our-values-card-content {\r\n                  &:after {\r\n                    clip-path: polygon(0 0, 93% 0, 76% 100%, 0 100%);\r\n                  }\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .managers {\r\n      .managers-cards-container {\r\n        .managers-card-parent {\r\n          .managers-card {\r\n            .managers-card-image-desc-container {\r\n              .managers-card-desc {\r\n                &:after {\r\n                  left: 0;\r\n                  right: auto;\r\n                }\r\n              }\r\n              .name {\r\n                left: auto;\r\n                right: -16px;\r\n              }\r\n            }\r\n            &:hover {\r\n              .managers-card-image-desc-container {\r\n                .managers-card-desc {\r\n                  left: -14px;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .agent {\r\n      .agent-logo-container {\r\n        clip-path: polygon(0 0, 100% 0, 100% 100%, 80px 100%);\r\n        .agent-content-title {\r\n          h4 {\r\n            padding: 4px 0 4px 24px;\r\n          }\r\n          .title-border {\r\n            flex-grow: 1;\r\n            background: $secondaryPrimary;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n</style>\r\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=cf2dfcc4&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=cf2dfcc4&lang=scss&scoped=true&\"\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  \"cf2dfcc4\",\n  null\n  \n)\n\nexport default component.exports","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!./main-section.vue?vue&type=style&index=0&id=113289db&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"about-header py-5 mt-3\"},[_c('b-container',[_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\",\"lg\":\"6\",\"order\":\"2\"}},[_c('div',{staticClass:\"about-text-container\",attrs:{\"data-aos\":\"fade-left\",\"data-aos-duration\":\"5000\"}},[_c('p',{staticClass:\"lead about-text\"},[_vm._v(_vm._s(_vm.aboutusWebsite.description))]),_c('b-button',{staticClass:\"mt-2\",attrs:{\"variant\":\"outline-primary\"}},[_vm._v(_vm._s(_vm.t(\"global\").more))])],1)]),_c('b-col',{attrs:{\"cols\":\"12\",\"lg\":\"6\",\"order\":\"1\",\"order-lg\":\"2\"}},[_c('div',{staticClass:\"about-roller mb-3\",attrs:{\"data-aos\":\"fade-up\",\"data-aos-duration\":\"5000\"}},[_c('div',{staticClass:\"top-piace\"}),_c('div',{staticClass:\"bottom-piace\"},[_vm._v(\"ALFAISAL\")]),_c('div',{staticClass:\"roller-container\"},[_c('img',{staticClass:\"roller-bg\",attrs:{\"src\":_vm.aboutusWebsite.imageDto.path\n                    ? _vm.aboutusWebsite.imageDto.path.replace(\n                        '~',\n                        _vm.$store.getters['app/domainHost']\n                      )\n                    : ''}})])])])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <section class=\"about-header py-5 mt-3\">\r\n    <b-container>\r\n      <b-row>\r\n        <b-col cols=\"12\" lg=\"6\" order=\"2\">\r\n          <div class=\"about-text-container\" data-aos=\"fade-left\" data-aos-duration=\"5000\">\r\n            <p class=\"lead about-text\">{{ aboutusWebsite.description }}</p>\r\n            <b-button variant=\"outline-primary\" class=\"mt-2\">{{\r\n              t(\"global\").more\r\n            }}</b-button>\r\n          </div>\r\n        </b-col>\r\n        <b-col cols=\"12\" lg=\"6\" order=\"1\" order-lg=\"2\">\r\n            <div class=\"about-roller mb-3\" data-aos=\"fade-up\" data-aos-duration=\"5000\">\r\n              <div class=\"top-piace\"></div>\r\n              <div class=\"bottom-piace\">ALFAISAL</div>\r\n              <div class=\"roller-container\">\r\n                <img\r\n                  class=\"roller-bg\"\r\n                  :src=\"\r\n                    aboutusWebsite.imageDto.path\r\n                      ? aboutusWebsite.imageDto.path.replace(\r\n                          '~',\r\n                          $store.getters['app/domainHost']\r\n                        )\r\n                      : ''\r\n                  \"\r\n                />\r\n              </div>\r\n            \r\n            </div>\r\n        </b-col>\r\n      </b-row>\r\n    </b-container>\r\n  </section>\r\n</template>\r\n<script>\r\n  import { useUtils as useI18nUtils } from \"@core/libs/i18n\";\r\n  import { mapGetters } from \"vuex\";\r\n  export default {\r\n    computed: {\r\n      ...mapGetters([\"aboutusWebsite\"]),\r\n    },\r\n    setup() {\r\n      const { t } = useI18nUtils();\r\n      return { t };\r\n    },\r\n  };\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n  @import \"src/assets/scss/variables/variables.scss\";\r\n  .about-text-container {\r\n    padding: 0 3rem;\r\n    .about-text {\r\n      line-height: 2;\r\n      font-weight: bold;\r\n      position: relative;\r\n      padding-bottom: 1.5rem;\r\n      &:after {\r\n        position: absolute;\r\n        content: \"\";\r\n        background: $secondaryPrimary;\r\n        height: 4px;\r\n        width: 200px;\r\n        bottom: 0;\r\n        left: 0;\r\n      }\r\n    }\r\n  }\r\n  .about-roller {\r\n    transform: none;\r\n                             \r\n    min-height: 356px;\r\n    margin: auto;\r\n    position: relative;\r\n    .top-piace {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      border-radius: 7px;\r\n      background: #000;\r\n      width: 100px;\r\n      height: 26px;\r\n      z-index: 0;\r\n    }\r\n    .bottom-piace {\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      border-radius: 7px;\r\n      border: solid 2px #000;\r\n      padding: 2px 18px 2px 0;\r\n      letter-spacing: 18px;\r\n      color: $primary;\r\n      z-index: 0;\r\n    }\r\n    .title {\r\n      background: $primary;\r\n      padding: 8px 50px;\r\n      display: inline-block;\r\n      border: solid 2px #fff;\r\n      color: #fff;\r\n      font-weight: bold;\r\n      position: absolute;\r\n      bottom: 60px;\r\n      left: -108px;\r\n      z-index: 2;\r\n    }\r\n    .roller-container {\r\n    \r\n      .roller-bg {\r\n       object-fit: cover;\r\n        transform-origin: top center;\r\n        width: 100%;\r\n        position: relative;\r\n        z-index: 1;\r\n        height: 328px;\r\n        border-radius: 20px;\r\n      }\r\n    }\r\n  }\r\n  [dir=\"ltr\"] {\r\n    .about-roller {\r\n      .bottom-piace {\r\n        padding: 2px 0 2px 18px;\r\n      }\r\n      .roller-container {\r\n        .roller-bg {\r\n          transform: rotate3d(1, 0, 0, 35deg);\r\n        }\r\n      }\r\n    }\r\n  }\r\n</style>\r\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!./main-section.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!./main-section.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./main-section.vue?vue&type=template&id=113289db&scoped=true&\"\nimport script from \"./main-section.vue?vue&type=script&lang=js&\"\nexport * from \"./main-section.vue?vue&type=script&lang=js&\"\nimport style0 from \"./main-section.vue?vue&type=style&index=0&id=113289db&lang=scss&scoped=true&\"\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  \"113289db\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}