{"id":710,"date":"2024-09-12T09:25:28","date_gmt":"2024-09-12T09:25:28","guid":{"rendered":"https:\/\/wotech-eg.com\/?page_id=710"},"modified":"2026-10-23T19:22:32","modified_gmt":"2026-10-23T19:22:32","slug":"overview","status":"publish","type":"page","link":"https:\/\/wotech-eg.com\/en\/overview\/","title":{"rendered":"Overview"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"710\" class=\"elementor elementor-710\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a2ba55 e-flex e-con-boxed e-con e-parent\" data-id=\"1a2ba55\" 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-633d739 elementor-widget elementor-widget-html\" data-id=\"633d739\" 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-overview-section\" aria-labelledby=\"overview-heading\">\r\n    <div class=\"wotech-overview-container\">\r\n        \r\n        <!-- Left Column: Visual with Overlapping Frames & Badge -->\r\n        <div class=\"wotech-overview-visual\">\r\n            <!-- Decorative Accent Elements -->\r\n            <div class=\"wotech-frame-outline\" aria-hidden=\"true\"><\/div>\r\n            <div class=\"wotech-frame-square\" aria-hidden=\"true\"><\/div>\r\n\r\n            <!-- Main Image Card -->\r\n            <div class=\"wotech-overview-img-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_0169-1536x863.jpg\"\r\n                    alt=\"WOTECH facility overview\"\r\n                    class=\"wotech-overview-img\"\r\n                >\r\n                <div class=\"wotech-overview-img-tint\" aria-hidden=\"true\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating 2019 Established Badge -->\r\n            <div class=\"wotech-floating-badge\" aria-hidden=\"true\">\r\n                <p class=\"badge-year\">2019<\/p>\r\n                <p class=\"badge-text\">Established<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Right Column: Description Card -->\r\n        <div class=\"wotech-overview-content\">\r\n            <div class=\"wotech-desc-card\">\r\n                <!-- Top Accent Line -->\r\n                <div class=\"wotech-card-top-line\" aria-hidden=\"true\"><\/div>\r\n\r\n                <span class=\"wotech-badge\">Who We Are<\/span>\r\n\r\n                <p class=\"wotech-overview-lead\">\r\n                    Founded in September 2019, Wotech has established itself as a key factor in the production \r\n                    of medium density fiberboard (MDF) through a full partnership with the petroleum sector. \r\n                    Our annual production capacity is approximately about 205,000 m<sup>3<\/sup> of MDF, with a total investment \r\n                    cost of 351 million euro. Wotech is a pioneering industry leader in the production of MDF \r\n                    (medium-density fiberboard) and is considered one of the most eco-friendly products for both homes and businesses.\r\n                <\/p>\r\n\r\n                <p class=\"wotech-overview-body\">\r\n                    Being global is a result of our industry-leading commitment to sustainability and innovation. \r\n                    Our unique features and technologies set Wotech apart in the MDF industry. \r\n                    We strive to deliver top-notch products that not only satisfy industry \r\n                    requirements but also foster a demanding and competitive environment.\r\n                <\/p>\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-overview-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-overview-section {\r\n        padding: 90px 48px;\r\n    }\r\n}\r\n\r\n.wotech-overview-container {\r\n    position: relative;\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 56px;\r\n    align-items: center;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .wotech-overview-container {\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 64px;\r\n    }\r\n}\r\n\r\n\/* ========================================================\r\n   LEFT: Visual Side\r\n   ======================================================== *\/\r\n.wotech-overview-visual {\r\n    position: relative;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n\/* 1. Behind bottom-left green line frame *\/\r\n.wotech-overview-visual .wotech-frame-outline {\r\n    position: absolute;\r\n    bottom: -16px;\r\n    left: -16px;\r\n    width: 100%;\r\n    height: 100%;\r\n    border: 2px solid rgba(156, 175, 136, 0.4);\r\n    z-index: 1;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* 2. Top-right brown accent square *\/\r\n.wotech-overview-visual .wotech-frame-square {\r\n    position: absolute;\r\n    top: -12px;\r\n    right: -12px;\r\n    width: 80px;\r\n    height: 80px;\r\n    background-color: rgba(95, 61, 32, 0.1);\r\n    z-index: 1;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* 3. Image Container *\/\r\n.wotech-overview-img-card {\r\n    position: relative;\r\n    z-index: 2;\r\n    overflow: hidden;\r\n    box-shadow: 0 20px 40px rgba(95, 61, 32, 0.12);\r\n}\r\n\r\n.wotech-overview-img {\r\n    width: 100%;\r\n    height: auto;\r\n    aspect-ratio: 4 \/ 5;\r\n    object-fit: cover;\r\n    display: block;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n    .wotech-overview-img {\r\n        aspect-ratio: 5 \/ 4;\r\n    }\r\n}\r\n\r\n.wotech-overview-img-tint {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(to top, rgba(95, 61, 32, 0.3), transparent 60%);\r\n    pointer-events: none;\r\n}\r\n\r\n\/* 4. Floating 2019 Established Badge *\/\r\n.wotech-floating-badge {\r\n    display: none;\r\n    position: absolute;\r\n    bottom: -24px;\r\n    right: 24px;\r\n    z-index: 3;\r\n    background-color: #5F3D20;\r\n    color: #FFFFFF;\r\n    padding: 12px 22px;\r\n    box-shadow: 0 10px 25px rgba(95, 61, 32, 0.25);\r\n}\r\n\r\n@media (min-width: 640px) {\r\n    .wotech-floating-badge {\r\n        display: block;\r\n    }\r\n}\r\n\r\n.badge-year {\r\n    font-size: 24px !important;\r\n    font-weight: 800 !important;\r\n    line-height: 1 !important;\r\n    margin: 0 !important;\r\n    color: #FFFFFF !important;\r\n}\r\n\r\n.badge-text {\r\n    margin: 4px 0 0 0 !important;\r\n    font-size: 11px !important;\r\n    font-weight: 600 !important;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.12em;\r\n    opacity: 0.9;\r\n    color: #FFFFFF !important;\r\n}\r\n\r\n\/* ========================================================\r\n   RIGHT: Description Card\r\n   ======================================================== *\/\r\n.wotech-overview-content {\r\n    position: relative;\r\n}\r\n\r\n.wotech-desc-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}\r\n\r\n@media (min-width: 640px) {\r\n    .wotech-desc-card {\r\n        padding: 40px;\r\n    }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .wotech-desc-card {\r\n        padding: 48px;\r\n    }\r\n}\r\n\r\n\/* Top Accent Green Line *\/\r\n.wotech-card-top-line {\r\n    position: absolute;\r\n    top: -2px;\r\n    left: 32px;\r\n    height: 4px;\r\n    width: 80px;\r\n    background-color: #9CAF88;\r\n}\r\n\r\n\/* Badge *\/\r\n.wotech-badge {\r\n    display: inline-block;\r\n    background-color: rgba(156, 175, 136, 0.18);\r\n    color: #5F3D20;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.2em;\r\n    padding: 4px 12px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n\/* Paragraphs *\/\r\n.wotech-overview-lead {\r\n    font-size: 16px !important;\r\n    line-height: 1.75 !important;\r\n    color: #4A5568 !important;\r\n    margin: 0 0 16px 0 !important;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n    .wotech-overview-lead {\r\n        font-size: 17px !important;\r\n    }\r\n}\r\n\r\n.wotech-overview-body {\r\n    font-size: 15px !important;\r\n    line-height: 1.75 !important;\r\n    color: rgba(74, 85, 104, 0.9) !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<div class=\"elementor-element elementor-element-4000305 elementor-widget elementor-widget-html\" data-id=\"4000305\" 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-video-section\" aria-labelledby=\"overview-video-heading\">\r\n    <div class=\"wotech-video-container\">\r\n\r\n        <!-- Video Player with Decorative Framing -->\r\n        <div class=\"wotech-video-frame-wrapper\">\r\n            <!-- 1. Green Outer Wireframe Border -->\r\n            <div class=\"wotech-video-outline\" aria-hidden=\"true\"><\/div>\r\n\r\n            <!-- 2. Bottom-Right Brown Solid Square Accent -->\r\n            <div class=\"wotech-video-accent-square\" aria-hidden=\"true\"><\/div>\r\n\r\n            <!-- 3. Video Box -->\r\n            <div class=\"wotech-video-card\">\r\n                <video\r\n                    id=\"overview-video\"\r\n                    class=\"wotech-video-element\"\r\n                    controls\r\n                    playsinline\r\n                    preload=\"metadata\"\r\n                >\r\n                    <source src=\"https:\/\/wotech-eg.com\/wp-content\/uploads\/2025\/05\/2025_03_G.mp4\">\r\n                    Your browser does not support the video tag.\r\n                <\/video>\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-video-section {\r\n    position: relative;\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-video-section {\r\n        padding: 90px 48px 110px;\r\n    }\r\n}\r\n\r\n.wotech-video-container {\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* Header *\/\r\n.wotech-video-header {\r\n    max-width: 640px;\r\n    margin: 0 auto 40px auto;\r\n    text-align: center;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .wotech-video-header {\r\n        margin-bottom: 56px;\r\n    }\r\n}\r\n\r\n.wotech-video-title {\r\n    font-size: clamp(26px, 3.5vw, 36px) !important;\r\n    font-weight: 700 !important;\r\n    color: #9CAF88 !important;\r\n    margin: 0 !important;\r\n    line-height: 1.2 !important;\r\n}\r\n\r\n.wotech-video-divider {\r\n    height: 3px;\r\n    width: 48px;\r\n    background-color: #5F3D20;\r\n    margin: 14px auto 16px auto;\r\n}\r\n\r\n.wotech-video-subtitle {\r\n    font-size: 16px !important;\r\n    line-height: 1.65 !important;\r\n    color: #4A5568 !important;\r\n    margin: 0 !important;\r\n}\r\n\r\n\/* Video Frame Wrapper *\/\r\n.wotech-video-frame-wrapper {\r\n    position: relative;\r\n    max-width: 1024px;\r\n    margin: 0 auto;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* 1. Offset Outer Green Frame *\/\r\n.wotech-video-outline {\r\n    position: absolute;\r\n    inset: -12px;\r\n    border: 1px solid rgba(156, 175, 136, 0.4);\r\n    z-index: 1;\r\n    pointer-events: none;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n    .wotech-video-outline {\r\n        inset: -16px;\r\n    }\r\n}\r\n\r\n\/* 2. Bottom-Right Brown Solid Square *\/\r\n.wotech-video-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-video-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 Video Player *\/\r\n.wotech-video-card {\r\n    position: relative;\r\n    z-index: 2;\r\n    overflow: hidden;\r\n    background-color: #5F3D20;\r\n    box-shadow: 0 25px 50px -12px rgba(95, 61, 32, 0.25);\r\n    line-height: 0;\r\n}\r\n\r\n.wotech-video-element {\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 9;\r\n    object-fit: cover;\r\n    display: block;\r\n    border: none;\r\n    outline: none;\r\n    background-color: #000000;\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-5afc56d e-flex e-con-boxed e-con e-parent\" data-id=\"5afc56d\" 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-29e77a8 elementor-widget elementor-widget-spacer\" data-id=\"29e77a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\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>2019 Established Who We Are Founded in September 2019, Wotech has established itself as a key factor in the production of medium density fiberboard (MDF) through a full partnership with the petroleum sector. Our annual production capacity is approximately about 205,000 m3 of MDF, with a total investment cost of 351 million euro. Wotech is&#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-710","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wotech-eg.com\/en\/wp-json\/wp\/v2\/pages\/710","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=710"}],"version-history":[{"count":116,"href":"https:\/\/wotech-eg.com\/en\/wp-json\/wp\/v2\/pages\/710\/revisions"}],"predecessor-version":[{"id":2201,"href":"https:\/\/wotech-eg.com\/en\/wp-json\/wp\/v2\/pages\/710\/revisions\/2201"}],"wp:attachment":[{"href":"https:\/\/wotech-eg.com\/en\/wp-json\/wp\/v2\/media?parent=710"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}