{"version":3,"sources":["webpack:///./src/@core/libs/i18n/utils.js","webpack:///./src/@core/libs/i18n/index.js","webpack:///./src/views/website/pages/aboutus/index.vue?de42","webpack:///./src/libs/event-bus.js","webpack:///./src/views/website/pages/aboutus/index.vue?2b87","webpack:///src/views/website/pages/aboutus/index.vue","webpack:///./src/views/website/pages/aboutus/index.vue?f289","webpack:///./src/views/website/pages/aboutus/index.vue"],"names":["t","key","vm","getCurrentInstance","proxy","$t","_","useUtils","utils","EventBus","Vue","handleLangChange","action","$on","id","handleDashLangChange","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","staticStyle","_l","path","i","$store","getters","aboutDto","goalsImage","goals","visionImage","vision","employee","imageDto","name","positionName","client","directives","rawName","modifiers","image","staticRenderFns","component"],"mappings":"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","file":"js/chunk-6de9ef4a.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=2c6de974&scoped=true&lang=scss&\"","import Vue from 'vue';\r\nexport const EventBus = new Vue();\r\n\r\nexport function handleLangChange(action) {\r\n    EventBus.$on('onLangChange', (id)=>{ \r\n        action(id);      \r\n    });\r\n    \r\n}\r\nexport function handleDashLangChange(action) {\r\n    EventBus.$on('onDashLangChange', (id)=>{ \r\n        action(id);      \r\n    });\r\n    \r\n}\r\nexport function handleChangeUserInfo(action) {\r\n    EventBus.$on('onChangeUserInfo', ()=>{ \r\n        action();      \r\n    });\r\n}\r\nexport function handleLoadReequest(action) {\r\n    EventBus.$on('onLoadReequest', ()=>{ \r\n        action();\r\n    });\r\n}","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-container',{staticClass:\"pt-lg-5 pb-5\"},[_c('section',{staticClass:\"main-section rounded d-flex p-5 align-items-center flex-column mb-5\"},[_c('svg',{staticClass:\"corner corner-1\",attrs:{\"width\":\"400\",\"height\":\"400\"}},[_c('defs',[_c('linearGradient',{attrs:{\"id\":\"Gradient1\"}},[_c('stop',{staticClass:\"stop1\",attrs:{\"offset\":\"0%\"}}),_c('stop',{staticClass:\"stop1\",attrs:{\"offset\":\"25%\"}}),_c('stop',{staticClass:\"stop5\",attrs:{\"offset\":\"100%\"}})],1),_c('linearGradient',{attrs:{\"id\":\"Gradient2\"}},[_c('stop',{staticClass:\"stop5\",attrs:{\"offset\":\"0%\"}}),_c('stop',{staticClass:\"stop1\",attrs:{\"offset\":\"75%\"}}),_c('stop',{staticClass:\"stop1\",attrs:{\"offset\":\"100%\"}})],1)],1),_c('path',{attrs:{\"d\":\"M70,20 h300 a10,10 0 0 1 10,10 v300 a10,0 10 0 0 1 -10\",\"fill\":\"none\",\"stroke\":\"url(#Gradient1)\",\"stroke-width\":\"3\"}})]),_c('svg',{staticClass:\"corner corner-2\",attrs:{\"width\":\"400\",\"height\":\"400\"}},[_c('path',{attrs:{\"d\":\"M20, 70 v300 a10,10 1 0 0 10,10 h300 a10,10 0 0 1 -10 0\",\"fill\":\"none\",\"stroke\":\"url(#Gradient2)\",\"stroke-width\":\"3\"}})]),_c('h1',{staticClass:\"text-white text-center m-auto py-5\",attrs:{\"data-aos\":\"fade-in\",\"data-aos-duration\":\"2000\"}},[_vm._v(\" \"+_vm._s(_vm.t(\"website.aboutheadtitle\"))+\" \")]),_c('b-row',{staticClass:\"w-100 mt-2\",staticStyle:{\"margin-bottom\":\"-130px\"}},_vm._l((_vm.aboutImages),function(path,i){return _c('b-col',{key:i,attrs:{\"cols\":\"12\",\"lg\":\"4\"}},[_c('div',{staticClass:\"text-center about-images\",attrs:{\"data-aos\":\"fade-up\",\"data-aos-duration\":1000 * (i + 1)}},[_c('img',{staticClass:\"w-100 rounded\",staticStyle:{\"max-width\":\"300px\"},attrs:{\"src\":_vm.$store.getters['app/domainHost'] + '/' + path}})])])}),1)],1),_c('section',{staticClass:\"aboutus-section pt-5 overflow-hidden\"},[_c('b-row',{staticClass:\"pt-5\"},[_c('b-col',{staticClass:\"order-0 order-lg-1 d-flex align-items-center justify-content-center\",attrs:{\"cols\":\"12\",\"lg\":\"6\"}},[_c('div',{staticClass:\"aboutus-images-container w-100 mx-auto\",staticStyle:{\"max-width\":\"500px\"},attrs:{\"data-aos\":\"fade-left\",\"data-aos-duration\":\"3500\"}},[_c('div',{staticClass:\"image-1\"},[_c('div',{staticClass:\"aboutus-image-card-border rounded\"},[_c('div',{staticClass:\"aboutus-image-card rounded\"})])]),_c('div',{staticClass:\"image-2\"},[_c('div',{staticClass:\"aboutus-image-card-border rounded\"},[_c('div',{staticClass:\"aboutus-image-card rounded\"},[_c('img',{staticClass:\"w-100 rounded\",attrs:{\"src\":_vm.$store.getters['app/domainHost'] +\n                                            '/' + _vm.aboutDto.goalsImage}})])])])])]),_c('b-col',{staticClass:\"order-1 order-lg-0\",attrs:{\"cols\":\"12\",\"lg\":\"6\"}},[_c('div',{staticClass:\"aboutus-description-container w-100 rounded mx-auto pt-5 pr-lg-2\",staticStyle:{\"max-width\":\"500px\"}},[_c('h3',{staticClass:\"mb-1\",attrs:{\"data-aos\":\"fade-right\",\"data-aos-duration\":\"3000\"}},[_vm._v(_vm._s(_vm.t(\"website.ourgoals\")))]),_c('p',{staticClass:\"m-0\",attrs:{\"data-aos\":\"fade-right\",\"data-aos-duration\":\"2000\"}},[_vm._v(_vm._s(_vm.aboutDto.goals))])])])],1)],1),_c('section',{staticClass:\"vision-section py-5 overflow-hidden\"},[_c('b-row',[_c('b-col',{staticClass:\"d-flex align-items-center justify-content-center\",attrs:{\"cols\":\"12\",\"lg\":\"6\"}},[_c('div',{staticClass:\"vision-images-container w-100 mx-auto\",staticStyle:{\"max-width\":\"500px\"},attrs:{\"data-aos\":\"fade-right\",\"data-aos-duration\":\"3500\"}},[_c('div',{staticClass:\"image-2\"},[_c('div',{staticClass:\"vision-image-card-border rounded\"},[_c('div',{staticClass:\"vision-image-card rounded\"},[_c('img',{staticClass:\"w-100 rounded\",attrs:{\"src\":_vm.$store.getters['app/domainHost'] +\n                                            '/' +\n                                            _vm.aboutDto.visionImage}})])])])])]),_c('b-col',{attrs:{\"cols\":\"12\",\"lg\":\"6\"}},[_c('div',{staticClass:\"vision-description-container text-center text-lg-left w-100 rounded mx-auto py-5\",staticStyle:{\"max-width\":\"500px\"}},[_c('h3',{staticClass:\"mb-1\",attrs:{\"data-aos\":\"fade-left\",\"data-aos-duration\":\"3000\"}},[_vm._v(_vm._s(_vm.t(\"website.ourvision\")))]),_c('p',{staticClass:\"m-0\",attrs:{\"data-aos\":\"fade-left\",\"data-aos-duration\":\"2000\"}},[_vm._v(\" \"+_vm._s(_vm.aboutDto.vision)+\" \")])])])],1)],1),_c('section',{staticClass:\"employees-section py-5 conatiner\"},[_c('h2',{staticClass:\"my-3 text-center text-light\"},[_vm._v(_vm._s(_vm.t(\"website.employees\")))]),_c('b-row',{staticClass:\"text-center\"},_vm._l((_vm.employees),function(employee,i){return _c('b-col',{key:i,staticClass:\"mx-auto py-5\",attrs:{\"cols\":\"12\",\"lg\":\"4\"}},[_c('div',{staticClass:\"w-100 employee-card\",attrs:{\"data-aos\":\"fade-up\",\"data-aos-duration\":1000 * ((i % 3) + 1)}},[_c('div',{staticClass:\"gradient-background\"},[_c('div',{staticClass:\"inner-background\"},[_c('img',{staticClass:\"img-fluid employee-img\",attrs:{\"src\":employee.imageDto.path\n                                        ? _vm.$store.getters['app/domainHost'] +\n                                          '/' +\n                                          employee.imageDto.path\n                                        : '/media/images/site-images/employee.jpg'}}),_c('div',{staticClass:\"d-flex flex-column\"},[_c('h5',{staticClass:\"employee-name p-0 mt-1\"},[_vm._v(_vm._s(employee.name))]),_c('h5',{staticClass:\"employee-name p-0\"},[_vm._v(_vm._s(employee.positionName))])])])])])])}),1)],1),_c('section',{staticClass:\"clients-section py-5 conatiner\"},[_c('h2',{staticClass:\"my-3 text-center text-light\"},[_vm._v(_vm._s(_vm.t(\"website.clients\")))]),_c('b-row',{staticClass:\"text-center\"},_vm._l((_vm.clients),function(client,i){return _c('b-col',{key:i,staticClass:\"mb-2\",attrs:{\"cols\":\"12\",\"lg\":\"3\"}},[_c('div',{directives:[{name:\"b-popover\",rawName:\"v-b-popover.hover.top\",modifiers:{\"hover\":true,\"top\":true}}],staticClass:\"client-card\",attrs:{\"data-aos\":\"fade-up\",\"data-aos-duration\":750 * ((i % 4) + 1),\"variant\":\"flat-secondary\",\"title\":client.name}},[_c('img',{staticClass:\"h-100\",attrs:{\"src\":_vm.$store.getters['app/domainHost'] +\n                                '/' +\n                                client.image}})])])}),1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <b-container class=\"pt-lg-5 pb-5\">\r\n        <section\r\n            class=\"main-section rounded d-flex p-5 align-items-center flex-column mb-5\"\r\n        >\r\n            <svg class=\"corner corner-1\" width=\"400\" height=\"400\">\r\n                <defs>\r\n                    <linearGradient id=\"Gradient1\">\r\n                        <stop class=\"stop1\" offset=\"0%\"/>\r\n                        <stop class=\"stop1\" offset=\"25%\"/>\r\n                        <stop class=\"stop5\" offset=\"100%\"/>\r\n                    </linearGradient>\r\n                    <linearGradient id=\"Gradient2\">\r\n                        <stop class=\"stop5\" offset=\"0%\"/>\r\n                        <stop class=\"stop1\" offset=\"75%\"/>\r\n                        <stop class=\"stop1\" offset=\"100%\"/>\r\n                    </linearGradient>\r\n                </defs>\r\n                <path\r\n                    d=\"M70,20 h300 a10,10 0 0 1 10,10 v300 a10,0 10 0 0 1 -10\"\r\n                    fill=\"none\"\r\n                    stroke=\"url(#Gradient1)\"\r\n                    stroke-width=\"3\"\r\n                />\r\n            </svg>\r\n            <svg class=\"corner corner-2\" width=\"400\" height=\"400\">\r\n                <path\r\n                    d=\"M20, 70 v300 a10,10 1 0 0 10,10 h300 a10,10 0 0 1 -10 0\"\r\n                    fill=\"none\"\r\n                    stroke=\"url(#Gradient2)\"\r\n                    stroke-width=\"3\"\r\n                />\r\n            </svg>\r\n            <h1 class=\"text-white text-center m-auto py-5\"\r\n                data-aos=\"fade-in\"\r\n                data-aos-duration=\"2000\"\r\n            >\r\n                {{ t(\"website.aboutheadtitle\") }} \r\n            </h1>\r\n            <b-row class=\"w-100 mt-2\" style=\"margin-bottom: -130px\">\r\n                <b-col\r\n                    cols=\"12\"\r\n                    lg=\"4\"\r\n                    v-for=\"(path, i) in aboutImages\"\r\n                    :key=\"i\"\r\n                >\r\n                    <div class=\"text-center about-images\"\r\n                        data-aos=\"fade-up\"\r\n                        :data-aos-duration=\"1000 * (i + 1)\"\r\n                    >\r\n                        <img\r\n                            :src=\"$store.getters['app/domainHost'] + '/' + path\"\r\n                            class=\"w-100 rounded\"\r\n                            style=\"max-width: 300px\"\r\n                        />\r\n                    </div>\r\n                </b-col>\r\n            </b-row>\r\n        </section>\r\n        <section class=\"aboutus-section pt-5 overflow-hidden\">\r\n            <b-row class=\"pt-5\">\r\n                <b-col\r\n                    cols=\"12\"\r\n                    lg=\"6\"\r\n                    class=\"order-0 order-lg-1 d-flex align-items-center justify-content-center\"\r\n                >\r\n                    <div\r\n                        class=\"aboutus-images-container w-100 mx-auto\"\r\n                        style=\"max-width: 500px\"\r\n                        data-aos=\"fade-left\"\r\n                        data-aos-duration=\"3500\"\r\n                    >\r\n                        <div class=\"image-1\">\r\n                            <div class=\"aboutus-image-card-border rounded\">\r\n                                <div class=\"aboutus-image-card rounded\"></div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"image-2\">\r\n                            <div class=\"aboutus-image-card-border rounded\">\r\n                                <div class=\"aboutus-image-card rounded\">\r\n                                    <img\r\n                                        :src=\"\r\n                                            $store.getters['app/domainHost'] +\r\n                                                '/' + aboutDto.goalsImage\r\n                                        \"\r\n                                        class=\"w-100 rounded\"\r\n                                    />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </b-col>\r\n                <b-col cols=\"12\" lg=\"6\" class=\"order-1 order-lg-0\">\r\n                    <div\r\n                        class=\"aboutus-description-container w-100 rounded mx-auto pt-5 pr-lg-2\"\r\n                        style=\"max-width: 500px\"\r\n                    >\r\n                        <h3 class=\"mb-1\"    \r\n                            data-aos=\"fade-right\"\r\n                            data-aos-duration=\"3000\"\r\n                        >{{ t(\"website.ourgoals\") }}</h3>\r\n                        <p class=\"m-0\"\r\n                            data-aos=\"fade-right\"\r\n                            data-aos-duration=\"2000\"\r\n                        >{{ aboutDto.goals }}</p>\r\n                    </div>\r\n                </b-col>\r\n            </b-row>\r\n        </section>\r\n        <section class=\"vision-section py-5 overflow-hidden\">\r\n            <b-row>\r\n                <b-col\r\n                    cols=\"12\"\r\n                    lg=\"6\"\r\n                    class=\"d-flex align-items-center justify-content-center\"\r\n                >\r\n                    <div\r\n                        class=\"vision-images-container w-100 mx-auto\"\r\n                        style=\"max-width: 500px\"\r\n                        data-aos=\"fade-right\"\r\n                        data-aos-duration=\"3500\"\r\n                    >\r\n                        <div class=\"image-2\">\r\n                            <div class=\"vision-image-card-border rounded\">\r\n                                <div class=\"vision-image-card rounded\">\r\n                                    <img\r\n                                        :src=\"\r\n                                            $store.getters['app/domainHost'] +\r\n                                                '/' +\r\n                                                aboutDto.visionImage\r\n                                        \"\r\n                                        class=\"w-100 rounded\"\r\n                                    />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </b-col>\r\n                <b-col cols=\"12\" lg=\"6\">\r\n                    <div\r\n                        class=\"vision-description-container text-center text-lg-left w-100 rounded mx-auto py-5\"\r\n                        style=\"max-width: 500px\"\r\n                    >\r\n                        <h3 class=\"mb-1\"\r\n                            data-aos=\"fade-left\"\r\n                            data-aos-duration=\"3000\"\r\n                        >{{ t(\"website.ourvision\") }}</h3>\r\n                        <p class=\"m-0\"\r\n                            data-aos=\"fade-left\"\r\n                            data-aos-duration=\"2000\"\r\n                        >\r\n                            {{ aboutDto.vision }}\r\n                        </p>\r\n                    </div>\r\n                </b-col>\r\n            </b-row>\r\n        </section>\r\n        <section class=\"employees-section py-5 conatiner\">\r\n            <h2 class=\"my-3 text-center text-light\">{{t(\"website.employees\")}}</h2>\r\n            <b-row class=\"text-center\">\r\n                <b-col\r\n                    cols=\"12\"\r\n                    lg=\"4\"\r\n                    class=\"mx-auto py-5\"\r\n                    v-for=\"(employee, i) in employees\"\r\n                    :key=\"i\"\r\n                >\r\n                    <div class=\"w-100 employee-card\"\r\n                        data-aos=\"fade-up\"\r\n                        :data-aos-duration=\"1000 * ((i % 3) + 1)\"\r\n                    >\r\n                        <div class=\"gradient-background\">\r\n                            <div class=\"inner-background\">\r\n                                <img\r\n                                    :src=\"\r\n                                        employee.imageDto.path\r\n                                            ? $store.getters['app/domainHost'] +\r\n                                              '/' +\r\n                                              employee.imageDto.path\r\n                                            : '/media/images/site-images/employee.jpg'\r\n                                    \"\r\n                                    class=\"img-fluid employee-img\"\r\n                                />\r\n                               <div class=\"d-flex flex-column\">\r\n                                    <h5 class=\"employee-name p-0 mt-1\">{{ employee.name }}</h5>\r\n                                    <h5 class=\"employee-name p-0\">{{ employee.positionName }}</h5>\r\n                               </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </b-col>\r\n            </b-row>\r\n        </section>\r\n        <section class=\"clients-section py-5 conatiner\">\r\n            <h2 class=\"my-3 text-center text-light\">{{t(\"website.clients\")}}</h2>\r\n            <b-row class=\"text-center\">\r\n                <b-col\r\n                    cols=\"12\"\r\n                    lg=\"3\"\r\n                    class=\"mb-2\"\r\n                    v-for=\"(client, i) in clients\"\r\n                    :key=\"i\"\r\n                >\r\n                    <div class=\"client-card\"\r\n                        data-aos=\"fade-up\"\r\n                        :data-aos-duration=\"750 * ((i % 4) + 1)\"\r\n                        v-b-popover.hover.top variant=\"flat-secondary\" :title=\"client.name\"\r\n                    >\r\n                        <img\r\n                            :src=\"\r\n                                $store.getters['app/domainHost'] +\r\n                                    '/' +\r\n                                    client.image\r\n                            \"\r\n                            class=\"h-100\"\r\n                        />\r\n                    </div>\r\n                </b-col>\r\n            </b-row>\r\n        </section>\r\n    </b-container>\r\n</template>\r\n\r\n<script>\r\nimport { useUtils as useI18nUtils } from \"@core/libs/i18n\";\r\nimport { mapActions, mapState } from \"vuex\";\r\nimport { handleLangChange } from '@/libs/event-bus';\r\nexport default {\r\n    setup() {\r\n        const { t } = useI18nUtils();\r\n        return { t };\r\n    },\r\n    created() {\r\n        this.getWebsiteAbout();\r\n        handleLangChange(this.getWebsiteAbout);\r\n    },\r\n    metaInfo() {\r\n        return {\r\n            titleTemplate: \"Awija - \" + this.$t(\"website.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.$t(\"website.aboutheadtitle\") + ' ' + this.$t(\"website.bucket\") + ' ' + this.$t(\"website.metal\")\r\n                },\r\n                {\r\n                    name: \"keywords\",\r\n                    content: \"keywords, keywords, keywords, ...\"\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    computed: {\r\n        ...mapState({\r\n            aboutImages: state => state.global.aboutImages,\r\n            aboutDto: state => state.global.aboutDto,\r\n            employees: state => state.global.employees,\r\n            clients: state => state.global.clients\r\n        })\r\n    },\r\n    methods: {\r\n        ...mapActions([\"getWebsiteAbout\"])\r\n    }\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.main-section {\r\n    min-height: 400px;\r\n    margin: auto;\r\n    background: url(\"/media/images/site-images/section-bg.png\") center center\r\n        no-repeat;\r\n    background-size: cover;\r\n    position: relative;\r\n    .corner {\r\n        position: absolute;\r\n        &.corner-1 {\r\n            top: 0;\r\n            left: 0;\r\n        }\r\n        &.corner-2 {\r\n            bottom: 0;\r\n            right: 0;\r\n        }\r\n    }\r\n    h1 {\r\n        line-height: 2;\r\n    }\r\n    .about-images {\r\n        margin: auto;\r\n        height: 300px;\r\n        max-width: 300px;\r\n        margin-bottom: 1rem;\r\n        img {\r\n            height: 100%;\r\n            width: 100%;\r\n            object-fit: cover;\r\n        }\r\n    }\r\n}\r\n.aboutus-section {\r\n    color: #fff;\r\n    .aboutus-images-container {\r\n        height: 400px;\r\n        position: relative;\r\n        .image-1,\r\n        .image-2 {\r\n            position: absolute;\r\n            height: 100%;\r\n            width: 100%;\r\n            .aboutus-image-card-border {\r\n                height: 100%;\r\n                width: 100%;\r\n                padding-top: 3px;\r\n                padding-right: 2px;\r\n                .aboutus-image-card {\r\n                    height: 100%;\r\n                    width: 100%;\r\n                }\r\n            }\r\n            img {\r\n                height: 100%;\r\n                width: 100%;\r\n                object-fit: cover;\r\n            }\r\n        }\r\n        .image-1 {\r\n            top: 0;\r\n            .aboutus-image-card-border {\r\n                border: solid 1px #fff;\r\n            }\r\n        }\r\n        .image-2 {\r\n            top: 26px;\r\n            right: 26px;\r\n        }\r\n    }\r\n    .aboutus-description-container {\r\n        h3 {\r\n            color: #fff;\r\n            margin: 0;\r\n        }\r\n        p {\r\n            padding: 0 0 2em;\r\n            text-align: justify;\r\n        }\r\n    }\r\n    @media screen and (max-width: 992px) {\r\n        .aboutus-images-container {\r\n            .image-1 {\r\n                .aboutus-image-card-border {\r\n                    border: none;\r\n                }\r\n            }\r\n            .image-2 {\r\n                top: 0;\r\n                right: 0;\r\n            }\r\n        }\r\n    }\r\n}\r\n.vision-section {\r\n    color: #fff;\r\n    .vision-images-container {\r\n        height: 400px;\r\n        position: relative;\r\n        .image-2 {\r\n            perspective: 500px;\r\n            transform-style: preserve-3d;\r\n            position: absolute;\r\n            height: 100%;\r\n            width: 100%;\r\n            .vision-image-card-border {\r\n                transform-origin: left center;\r\n                transform: scale(0.9) rotate3d(-22, 6, 0, 10deg)\r\n                    skew(8deg, 0deg);\r\n                height: 100%;\r\n                width: 100%;\r\n                padding-top: 3px;\r\n                padding-right: 2px;\r\n                .vision-image-card {\r\n                    height: 100%;\r\n                    width: 100%;\r\n                }\r\n                .vision-section .vision-images-container .image-2 img{\r\n                    position:absolute\r\n                }\r\n            }\r\n            img {\r\n                height: 100%;\r\n                width: 100%;\r\n                object-fit: cover;\r\n            }\r\n        }\r\n    }\r\n    .vision-description-container {\r\n        h3 {\r\n            color: #fff;\r\n            margin: 0;\r\n        }\r\n        p {\r\n            padding: 0 0 2em;\r\n            text-align: justify;\r\n        }\r\n    }\r\n    @media screen and (max-width: 992px) {\r\n        .vision-images-container {\r\n            .image-2 {\r\n                transform: translateY(0);\r\n                top: 0;\r\n                .vision-image-card-border {\r\n                    transform: rotate(0deg) !important;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n.employee-card {\r\n    max-width: 275px;\r\n    height: 222px;\r\n    position: relative;\r\n    border-radius: 10px;\r\n    .gradient-background {\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(-37deg, #fff, #595959, #fff, #595959);\r\n        border-radius: 10px;\r\n        padding: 5px;\r\n        transition: height 0.5s;\r\n        &:hover {\r\n            height: 115%;\r\n            .employee-name {\r\n                opacity: 1;\r\n            }\r\n        }\r\n        .inner-background {\r\n            height: 100%;\r\n            width: 100%;\r\n            background: #47494a;\r\n            border-radius: 6px;\r\n            display: flex;\r\n            align-items: flex-end;\r\n            justify-content: center;\r\n            h5 {\r\n                opacity: 0;\r\n                color: white;\r\n                padding: 10px 0;\r\n                transition: height 1.5s;\r\n            }\r\n            .employee-img {\r\n                border-radius: 10px;\r\n                position: absolute;\r\n                left: 26px;\r\n                bottom: 26px;\r\n                width: 275px;\r\n                height: 227px;\r\n                object-fit: cover;\r\n            }\r\n        }\r\n    }\r\n}\r\n.client-card {\r\n    height: 100px;\r\n    border: solid 1px #fff;\r\n    border-radius: 4px;\r\n    padding: 1rem;\r\n}\r\n\r\n[dir=\"ltr\"] {\r\n    .main-section {\r\n        .corner {\r\n            &.corner-1 {\r\n                right: 0;\r\n                left: auto;\r\n            }\r\n            &.corner-2 {\r\n                left: 0;\r\n                right: auto;\r\n            }\r\n        }\r\n    }\r\n    .aboutus-section {\r\n        .aboutus-images-container {\r\n            .image-2 {\r\n                left: auto;\r\n                right: 26px;\r\n            }\r\n        }\r\n        @media screen and (max-width: 992px) {\r\n            .aboutus-images-container {\r\n                .image-2 {\r\n                    right: auto;\r\n                    left: 0;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .vision-section {\r\n        .vision-images-container {\r\n            .image-2 {\r\n                .vision-image-card-border {\r\n                    transform: scale(0.9) rotate3d(-22, 6, 0, -10deg)\r\n                        skew(8deg, 0deg);\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .employee-card {\r\n        max-width: 275px;\r\n        height: 222px;\r\n        position: relative;\r\n        border-radius: 10px;\r\n        .gradient-background {\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(-37deg, #fff, #595959, #fff, #595959);\r\n            border-radius: 10px;\r\n            padding: 5px;\r\n            transition: height 0.5s;\r\n            &:hover {\r\n                height: 115%;\r\n                .employee-name {\r\n                    opacity: 1;\r\n                }\r\n            }\r\n            .inner-background {\r\n                height: 100%;\r\n                width: 100%;\r\n                background: #47494a;\r\n                border-radius: 6px;\r\n                display: flex;\r\n                align-items: flex-end;\r\n                justify-content: center;\r\n                h3 {\r\n                    opacity: 0;\r\n                    color: white;\r\n                    padding: 10px 0;\r\n                    transition: height 1.5s;\r\n                }\r\n                .employee-img {\r\n                    border-radius: 10px;\r\n                    position: absolute;\r\n                    left: 26px;\r\n                    bottom: 26px;\r\n                    width: 275px;\r\n                    height: 227px;\r\n                    object-fit: cover;\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=2c6de974&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=2c6de974&scoped=true&lang=scss&\"\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  \"2c6de974\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}