{"id":1106,"date":"2025-01-22T13:28:13","date_gmt":"2025-01-22T13:28:13","guid":{"rendered":"https:\/\/wotech-eg.com\/?page_id=1106"},"modified":"2026-10-23T19:35:06","modified_gmt":"2026-10-23T19:35:06","slug":"vm","status":"publish","type":"page","link":"https:\/\/wotech-eg.com\/en\/vm\/","title":{"rendered":"Vision, Mission"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1106\" class=\"elementor elementor-1106\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b9b57b e-flex e-con-boxed e-con e-parent\" data-id=\"6b9b57b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f95d42a elementor-widget elementor-widget-html\" data-id=\"f95d42a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"wotech-mv-section\" aria-labelledby=\"mission-vision-heading\">\r\n    <div class=\"wotech-mv-container\">\r\n        \r\n        <!-- Top Row: Mission & Vision Cards -->\r\n        <div class=\"wotech-mv-grid\">\r\n            \r\n            <!-- Card 1: Mission -->\r\n            <article class=\"wotech-mv-card card-mission\">\r\n                <!-- Top Accent Line (Brown) -->\r\n                <div class=\"wotech-mv-topline topline-brown\" aria-hidden=\"true\"><\/div>\r\n                \r\n                <!-- Circular Icon -->\r\n                <div class=\"wotech-mv-icon-circle icon-bg-brown\">\r\n                    <svg class=\"wotech-mv-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" aria-hidden=\"true\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M2.036 12.322a1 1 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z\" \/>\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <h2 class=\"wotech-mv-title\">Mission<\/h2>\r\n                <div class=\"wotech-mv-divider\" aria-hidden=\"true\"><\/div>\r\n\r\n                <p class=\"wotech-mv-text\">\r\n                    Our mission is leading quality standards in the medium- and high-density \r\n                    fiberboards industry by providing exceptional products that exceed customer \r\n                    needs and are among the most eco-friendly products.\r\n                <\/p>\r\n            <\/article>\r\n\r\n            <!-- Card 2: Vision -->\r\n            <article class=\"wotech-mv-card card-vision\">\r\n                <!-- Top Accent Line (Green) -->\r\n                <div class=\"wotech-mv-topline topline-green\" aria-hidden=\"true\"><\/div>\r\n                \r\n                <!-- Circular Icon -->\r\n                <div class=\"wotech-mv-icon-circle icon-bg-green\">\r\n                    <svg class=\"wotech-mv-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" aria-hidden=\"true\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15.59 14.37a6 6 0 01-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 006.16-12.12A14.98 14.98 0 009.631 8.41m5.96 5.96a14.926 14.926 0 01-5.841 2.58m-.119-8.54a6 6 0 00-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 00-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 01-2.448-2.448 14.9 14.9 0 01.06-.312m-2.24 2.39a4.493 4.493 0 00-1.757 4.306 4.493 4.493 0 004.306-1.758M16.5 9a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <h2 class=\"wotech-mv-title\">Vision<\/h2>\r\n                <div class=\"wotech-mv-divider\" aria-hidden=\"true\"><\/div>\r\n\r\n                <p class=\"wotech-mv-text\">\r\n                    Our vision is to be the unique producers of medium- and high-density \r\n                    fiberboards by adhering to international quality standards, \r\n                    ensuring customer satisfaction, and committing to eco-friendly \r\n                    solutions\u2014driving innovation, promoting sustainability, \r\n                    and setting new benchmarks of excellence across all operations.\r\n                <\/p>\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n        <!-- Bottom Row: Industrial Facility Showcase Photo with Framing -->\r\n        <div class=\"wotech-mv-showcase\">\r\n            <div class=\"wotech-mv-frame-wrapper\">\r\n                <!-- 1. Outer Green Wireframe Border -->\r\n                <div class=\"wotech-mv-outline\" aria-hidden=\"true\"><\/div>\r\n\r\n                <!-- 2. Bottom-Right Brown Solid Square Accent -->\r\n                <div class=\"wotech-mv-accent-square\" aria-hidden=\"true\"><\/div>\r\n\r\n                <!-- 3. Photo Card -->\r\n                <div class=\"wotech-mv-photo-card\">\r\n                    <!-- Replace with your facility photo URL -->\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/wotech-eg.com\/wp-content\/uploads\/2025\/01\/DJI_0189-1536x863.jpg\"\r\n                        class=\"wotech-mv-photo\"\r\n                    >\r\n                    <div class=\"wotech-mv-photo-tint\" aria-hidden=\"true\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Scoped Styles for Elementor -->\r\n<style>\r\n.wotech-mv-section {\r\n    position: relative;\r\n    overflow: hidden;\r\n    background-color: #FFFFFF;\r\n    padding: 70px 24px 90px;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    font-family: inherit;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .wotech-mv-section {\r\n        padding: 90px 48px 110px;\r\n    }\r\n}\r\n\r\n.wotech-mv-container {\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* ========================================================\r\n   TOP ROW: Mission & Vision Cards Grid\r\n   ======================================================== *\/\r\n.wotech-mv-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 32px;\r\n    margin-bottom: 60px;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .wotech-mv-grid {\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 40px;\r\n        margin-bottom: 80px;\r\n    }\r\n}\r\n\r\n.wotech-mv-card {\r\n    position: relative;\r\n    border: 1px solid rgba(95, 61, 32, 0.1);\r\n    background-color: #FFFFFF;\r\n    padding: 32px 24px;\r\n    box-shadow: 0 20px 50px rgba(95, 61, 32, 0.08);\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n\r\n.wotech-mv-card:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 24px 60px rgba(95, 61, 32, 0.12);\r\n}\r\n\r\n@media (min-width: 640px) {\r\n    .wotech-mv-card {\r\n        padding: 40px;\r\n    }\r\n}\r\n\r\n\/* Top Accent Line *\/\r\n.wotech-mv-topline {\r\n    position: absolute;\r\n    top: -2px;\r\n    left: 32px;\r\n    height: 4px;\r\n    width: 64px;\r\n}\r\n.topline-brown { background-color: #5F3D20; }\r\n.topline-green { background-color: #9CAF88; }\r\n\r\n\/* Circular Icon Badge *\/\r\n.wotech-mv-icon-circle {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 56px;\r\n    height: 56px;\r\n    border-radius: 9999px;\r\n    margin-bottom: 24px;\r\n}\r\n.icon-bg-brown {\r\n    background-color: rgba(95, 61, 32, 0.1);\r\n    color: #5F3D20;\r\n}\r\n.icon-bg-green {\r\n    background-color: rgba(156, 175, 136, 0.22);\r\n    color: #5F3D20;\r\n}\r\n\r\n.wotech-mv-icon {\r\n    width: 28px;\r\n    height: 28px;\r\n}\r\n\r\n\/* Typography *\/\r\n.wotech-mv-title {\r\n    font-size: clamp(24px, 3vw, 30px) !important;\r\n    font-weight: 700 !important;\r\n    color: #9CAF88 !important;\r\n    line-height: 1.2 !important;\r\n    margin: 0 0 10px 0  !important;\r\n}\r\n\r\n.wotech-mv-divider {\r\n    height: 3px;\r\n    width: 40px;\r\n    background-color: #5F3D20;\r\n    margin: 16px 0 20px 0;\r\n}\r\n\r\n.wotech-mv-text {\r\n    font-size: 16px !important;\r\n    line-height: 1.75 !important;\r\n    color: #4A5568 !important;\r\n    margin: 0 !important;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n    .wotech-mv-text {\r\n        font-size: 17px !important;\r\n    }\r\n}\r\n\r\n\/* ========================================================\r\n   BOTTOM ROW: Facility Showcase Image with Framing\r\n   ======================================================== *\/\r\n.wotech-mv-showcase {\r\n    max-width: 1024px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.wotech-mv-frame-wrapper {\r\n    position: relative;\r\n}\r\n\r\n\/* 1. Offset Outer Green Frame *\/\r\n.wotech-mv-outline {\r\n    position: absolute;\r\n    inset: -12px;\r\n    border: 1px solid rgba(156, 175, 136, 0.35);\r\n    z-index: 1;\r\n    pointer-events: none;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n    .wotech-mv-outline {\r\n        inset: -16px;\r\n    }\r\n}\r\n\r\n\/* 2. Bottom-Right Brown Solid Square *\/\r\n.wotech-mv-accent-square {\r\n    position: absolute;\r\n    bottom: -12px;\r\n    right: -12px;\r\n    width: 64px;\r\n    height: 64px;\r\n    background-color: #5F3D20;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n    .wotech-mv-accent-square {\r\n        bottom: -16px;\r\n        right: -16px;\r\n        width: 80px;\r\n        height: 80px;\r\n    }\r\n}\r\n\r\n\/* 3. Main Photo Container *\/\r\n.wotech-mv-photo-card {\r\n    position: relative;\r\n    z-index: 2;\r\n    overflow: hidden;\r\n    box-shadow: 0 25px 50px -12px rgba(95, 61, 32, 0.2);\r\n    line-height: 0;\r\n}\r\n\r\n.wotech-mv-photo {\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 9;\r\n    object-fit: cover;\r\n    display: block;\r\n}\r\n\r\n.wotech-mv-photo-tint {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(to top, rgba(95, 61, 32, 0.25), transparent 60%);\r\n    pointer-events: none;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9891134 e-flex e-con-boxed e-con e-parent\" data-id=\"9891134\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1bc56d elementor-widget elementor-widget-html\" data-id=\"d1bc56d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"wotech-values-section\" aria-labelledby=\"values-heading\">\r\n    <div class=\"wotech-values-container\">\r\n        \r\n        <!-- Main Card Wrapper -->\r\n        <article class=\"wotech-values-card\">\r\n            <!-- Centered Top Accent Line -->\r\n            <div class=\"wotech-values-top-line\" aria-hidden=\"true\"><\/div>\r\n\r\n            <!-- Header (Centered) -->\r\n            <div class=\"wotech-values-header\">\r\n                <h2 id=\"values-heading\" class=\"wotech-values-title\">Values<\/h2>\r\n                <div class=\"wotech-values-divider\" aria-hidden=\"true\"><\/div>\r\n                <p class=\"wotech-values-subtitle\">\r\n                    Our values guide every decision we make \u2014 from the forest to the factory floor,\r\n                    and from our team to our partners and customers.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- 4 Numbered Cards Grid -->\r\n            <div class=\"wotech-values-grid\">\r\n                \r\n                <!-- Value 01 -->\r\n                <div class=\"wotech-val-item\">\r\n                    <div class=\"val-num num-brown\">01<\/div>\r\n                    <h3 class=\"val-title\">Eco-Friendly Materials<\/h3>\r\n                    <p class=\"val-desc\">\r\n                        Our boards are produced from sustainable rice straw, making it an environmentally responsible choice for your projects.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Value 02 -->\r\n                <div class=\"wotech-val-item\">\r\n                    <div class=\"val-num num-green\">02<\/div>\r\n                    <h3 class=\"val-title\">Versatile Thickness<\/h3>\r\n                    <p class=\"val-desc\">\r\n                        From 3 mm to 40 mm, our boards come in various thicknesses, providing the perfect fit for any application.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Value 03 -->\r\n                <div class=\"wotech-val-item\">\r\n                    <div class=\"val-num num-gold\">03<\/div>\r\n                    <h3 class=\"val-title\">Custom Sizes<\/h3>\r\n                    <p class=\"val-desc\">\r\n                        We offer boards in a range of sizes, ensuring you have the flexibility to choose what works best for you.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Value 04 -->\r\n                <div class=\"wotech-val-item\">\r\n                    <div class=\"val-num num-brown\">04<\/div>\r\n                    <h3 class=\"val-title\">Quality<\/h3>\r\n                    <p class=\"val-desc\">\r\n                        Our boards meet the European specifications EN 5-622, guaranteeing superior performance and reliability.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/article>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Scoped Styles for Elementor -->\r\n<style>\r\n.wotech-values-section {\r\n    position: relative;\r\n    background-color: #FFFFFF;\r\n    padding: 70px 24px;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    font-family: inherit;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .wotech-values-section {\r\n        padding: 90px 48px;\r\n    }\r\n}\r\n\r\n.wotech-values-container {\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* Outer Enclosing Card *\/\r\n.wotech-values-card {\r\n    position: relative;\r\n    border: 1px solid rgba(95, 61, 32, 0.1);\r\n    background-color: #FFFFFF;\r\n    padding: 40px 24px;\r\n    box-shadow: 0 20px 50px rgba(95, 61, 32, 0.08);\r\n    box-sizing: border-box;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n    .wotech-values-card {\r\n        padding: 50px 36px;\r\n    }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .wotech-values-card {\r\n        padding: 60px 48px;\r\n    }\r\n}\r\n\r\n\/* Top Centered Green Accent Line *\/\r\n.wotech-values-top-line {\r\n    position: absolute;\r\n    top: -2px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    height: 4px;\r\n    width: 96px;\r\n    background-color: #9CAF88;\r\n}\r\n\r\n\/* Header *\/\r\n.wotech-values-header {\r\n    max-width: 720px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n}\r\n\r\n.wotech-values-title {\r\n    font-size: clamp(28px, 3.5vw, 40px) !important;\r\n    font-weight: 700 !important;\r\n    color: #9CAF88 !important;\r\n    line-height: 1.2 !important;\r\n    margin: 0 !important;\r\n}\r\n\r\n.wotech-values-divider {\r\n    height: 3px;\r\n    width: 48px;\r\n    background-color: #5F3D20;\r\n    margin: 14px auto 20px auto;\r\n}\r\n\r\n.wotech-values-subtitle {\r\n    font-size: 16px !important;\r\n    line-height: 1.7 !important;\r\n    color: #4A5568 !important;\r\n    margin: 0 !important;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n    .wotech-values-subtitle {\r\n        font-size: 17px !important;\r\n    }\r\n}\r\n\r\n\/* ========================================================\r\n   4 Numbered Cards Grid\r\n   ======================================================== *\/\r\n.wotech-values-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 24px;\r\n    margin-top: 48px;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n    .wotech-values-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 24px;\r\n    }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .wotech-values-grid {\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 28px;\r\n    }\r\n}\r\n\r\n\/* Single Item *\/\r\n.wotech-val-item {\r\n    border: 1px solid rgba(95, 61, 32, 0.1);\r\n    background-color: rgba(248, 246, 242, 0.6);\r\n    padding: 28px 20px;\r\n    text-align: center;\r\n    transition: all 0.3s ease;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.wotech-val-item:hover {\r\n    border-color: rgba(156, 175, 136, 0.45);\r\n    background-color: rgba(156, 175, 136, 0.08);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 10px 25px rgba(95, 61, 32, 0.06);\r\n}\r\n\r\n\/* Number Badges *\/\r\n.val-num {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 9999px;\r\n    margin: 0 auto 16px auto;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    line-height: 1;\r\n}\r\n\r\n.num-brown {\r\n    background-color: #5F3D20;\r\n    color: #FFFFFF;\r\n}\r\n\r\n.num-green {\r\n    background-color: #9CAF88;\r\n    color: #FFFFFF;\r\n}\r\n\r\n.num-gold {\r\n    background-color: #C4A574;\r\n    color: #5F3D20;\r\n}\r\n\r\n\/* Title & Description *\/\r\n.val-title {\r\n    font-size: 18px !important;\r\n    font-weight: 700 !important;\r\n    color: #5F3D20 !important;\r\n    line-height: 1.3 !important;\r\n    margin: 0 0 10px 0 !important;\r\n}\r\n\r\n.val-desc {\r\n    font-size: 14px !important;\r\n    line-height: 1.6 !important;\r\n    color: #4A5568 !important;\r\n    margin: 0 !important;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f5a96df e-flex e-con-boxed e-con e-parent\" data-id=\"f5a96df\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-106f6df elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"106f6df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Mission Our mission is leading quality standards in the medium- and high-density fiberboards industry by providing exceptional products that exceed customer needs and are among the most eco-friendly products. Vision Our vision is to be the unique producers of medium- and high-density fiberboards by adhering to international quality standards, ensuring customer satisfaction, and committing to&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-1106","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wotech-eg.com\/en\/wp-json\/wp\/v2\/pages\/1106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wotech-eg.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wotech-eg.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wotech-eg.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wotech-eg.com\/en\/wp-json\/wp\/v2\/comments?post=1106"}],"version-history":[{"count":92,"href":"https:\/\/wotech-eg.com\/en\/wp-json\/wp\/v2\/pages\/1106\/revisions"}],"predecessor-version":[{"id":2215,"href":"https:\/\/wotech-eg.com\/en\/wp-json\/wp\/v2\/pages\/1106\/revisions\/2215"}],"wp:attachment":[{"href":"https:\/\/wotech-eg.com\/en\/wp-json\/wp\/v2\/media?parent=1106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}