{"id":45,"date":"2026-04-12T01:35:48","date_gmt":"2026-04-12T01:35:48","guid":{"rendered":"https:\/\/seenat.co\/about\/"},"modified":"2026-04-12T05:16:30","modified_gmt":"2026-04-12T05:16:30","slug":"about","status":"publish","type":"page","link":"https:\/\/seenat.co\/ar\/about\/","title":{"rendered":"\u0645\u0646 \u0646\u062d\u0646"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"45\" class=\"elementor elementor-45\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1fd9c59 e-flex e-con-boxed e-con e-parent\" data-id=\"1fd9c59\" 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-569efc2 elementor-widget elementor-widget-html\" data-id=\"569efc2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<style>\r\n    .seenat-section {\r\n        --orange: #FF6B00;\r\n        --glass: rgba(255, 255, 255, 0.9);\r\n        box-sizing: border-box;\r\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        padding: 10px;\r\n        max-width: 100%;\r\n        overflow-x: hidden; \/* \u064a\u0645\u0646\u0639 \u0627\u0644\u062e\u0631\u0648\u062c \u0639\u0646 \u0627\u0644\u0634\u0627\u0634\u0629 *\/\r\n    }\r\n\r\n    \/* --- \u0633\u0644\u0627\u064a\u062f\u0631 \u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u0630\u0643\u064a --- *\/\r\n    .img-grid {\r\n        display: grid;\r\n        grid-template-columns: 2fr 1fr 1fr; \/* \u062b\u0644\u0627\u062b \u0623\u0639\u0645\u062f\u0629 \u0641\u064a \u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 *\/\r\n        gap: 10px;\r\n        height: 350px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .img-item {\r\n        width: 100%;\r\n        height: 100%;\r\n        background-size: cover;\r\n        background-position: center;\r\n        border-radius: 15px;\r\n        transition: 0.5s ease;\r\n        cursor: pointer;\r\n    }\r\n\r\n    \/* \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0633\u0644\u0627\u064a\u062f\u0631 \u0641\u064a \u0627\u0644\u062c\u0648\u0627\u0644 *\/\r\n    @media (max-width: 768px) {\r\n        .img-grid {\r\n            grid-template-columns: 1fr; \/* \u0639\u0645\u0648\u062f \u0648\u0627\u062d\u062f \u0641\u0642\u0637 *\/\r\n            height: auto;\r\n            gap: 15px;\r\n        }\r\n        .img-item {\r\n            height: 200px; \/* \u0637\u0648\u0644 \u062b\u0627\u0628\u062a \u0644\u0644\u0635\u0648\u0631 \u0641\u064a \u0627\u0644\u062c\u0648\u0627\u0644 *\/\r\n        }\r\n        .img-item:not(.active-mobile) {\r\n            display: none; \/* \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u0623\u062e\u0631\u0649 \u0641\u064a \u0627\u0644\u062c\u0648\u0627\u0644 \u0644\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0623\u0648 \u0625\u0638\u0647\u0627\u0631\u0647\u0627 \u0645\u0631\u062a\u0628\u0629 *\/\r\n        }\r\n        .img-item { display: block !important; } \/* \u062a\u0641\u0639\u064a\u0644 \u0647\u0630\u0627 \u0644\u0625\u0638\u0647\u0627\u0631 \u0627\u0644\u0635\u0648\u0631 \u062a\u062d\u062a \u0628\u0639\u0636\u0647\u0627 *\/\r\n    }\r\n\r\n    \/* --- \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u0632\u062c\u0627\u062c\u064a\u0629 --- *\/\r\n    .glass-box {\r\n        background: var(--glass);\r\n        backdrop-filter: blur(10px);\r\n        -webkit-backdrop-filter: blur(10px);\r\n        border-radius: 20px;\r\n        padding: 20px;\r\n        border: 1px solid rgba(255,255,255,0.5);\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n    }\r\n\r\n    .main-title {\r\n        color: var(--orange);\r\n        font-size: 24px;\r\n        font-weight: bold;\r\n        text-align: center;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .sub-title {\r\n        text-align: center;\r\n        color: #666;\r\n        font-size: 14px;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    \/* --- \u0627\u0644\u062a\u0628\u0648\u064a\u0628\u0627\u062a (\u0627\u0644\u0623\u0632\u0631\u0627\u0631) --- *\/\r\n    .tab-list {\r\n        display: flex;\r\n        flex-wrap: wrap; \/* \u064a\u0633\u0645\u062d \u0628\u0646\u0632\u0648\u0644 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0644\u0644\u0633\u0637\u0631 \u0627\u0644\u062a\u0627\u0644\u064a \u0641\u064a \u0627\u0644\u062c\u0648\u0627\u0644 *\/\r\n        gap: 8px;\r\n        justify-content: center;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .tab-trigger {\r\n        padding: 10px 15px;\r\n        background: #eee;\r\n        border: none;\r\n        border-radius: 10px;\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        transition: 0.3s;\r\n        flex: 1 1 calc(45% - 10px); \/* \u0632\u0631\u064a\u0646 \u0641\u064a \u0643\u0644 \u0633\u0637\u0631 \u0641\u064a \u0627\u0644\u062c\u0648\u0627\u0644 *\/\r\n        max-width: 150px;\r\n    }\r\n\r\n    .tab-trigger.active {\r\n        background: var(--orange);\r\n        color: white;\r\n    }\r\n\r\n    \/* --- \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0646\u0635\u0648\u0635 --- *\/\r\n    .tab-pane {\r\n        display: none;\r\n        animation: fadeIn 0.4s ease;\r\n        text-align: left;\r\n    }\r\n\r\n    .tab-pane.active {\r\n        display: block;\r\n    }\r\n\r\n    .tab-pane h3 {\r\n        color: #333;\r\n        font-size: 18px;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .tab-pane p {\r\n        color: #555;\r\n        line-height: 1.6;\r\n        font-size: 14px;\r\n    }\r\n\r\n    \/* \u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 *\/\r\n    .mini-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 10px;\r\n        margin-top: 15px;\r\n    }\r\n\r\n    .mini-item {\r\n        background: #fff;\r\n        padding: 10px;\r\n        border-radius: 8px;\r\n        font-size: 12px;\r\n        border-left: 3px solid var(--orange);\r\n        box-shadow: 0 2px 5px rgba(0,0,0,0.02);\r\n    }\r\n\r\n    @keyframes fadeIn {\r\n        from { opacity: 0; transform: translateY(5px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"seenat-section\">\r\n    <div class=\"img-grid\">\r\n        <div class=\"img-item\" style=\"background-image: url('https:\/\/seenat.co\/wp-content\/uploads\/2026\/04\/so2-scaled.jpeg');\"><\/div>\r\n        <div class=\"img-item\" style=\"background-image: url('https:\/\/seenat.co\/wp-content\/uploads\/2026\/04\/so1-1-scaled.jpeg');\"><\/div>\r\n        <div class=\"img-item\" style=\"background-image: url('https:\/\/seenat.co\/wp-content\/uploads\/2026\/04\/so3-scaled.jpeg');\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"glass-box\">\r\n        <div class=\"main-title\">Who We Are<\/div>\r\n        <div class=\"sub-title\">20 Years of Engineering Excellence<\/div>\r\n\r\n        <div class=\"tab-list\">\r\n            <button class=\"tab-trigger active\" onclick=\"openTab(event, 't1')\">Vision<\/button>\r\n            <button class=\"tab-trigger\" onclick=\"openTab(event, 't2')\">Mission<\/button>\r\n            <button class=\"tab-trigger\" onclick=\"openTab(event, 't3')\">Values<\/button>\r\n            <button class=\"tab-trigger\" onclick=\"openTab(event, 't4')\">Features<\/button>\r\n        <\/div>\r\n\r\n        <div id=\"t1\" class=\"tab-pane active\">\r\n            <h3>Our Vision<\/h3>\r\n            <p>To be the premier partner in contracting and creative sectors in KSA, contributing to Saudi Vision 2030 by creating a sustainable urban future.<\/p>\r\n        <\/div>\r\n\r\n        <div id=\"t2\" class=\"tab-pane\">\r\n            <h3>Our Mission<\/h3>\r\n            <p>Executing major construction projects and events according to international standards, ensuring excellence and sustainable growth for our partners.<\/p>\r\n        <\/div>\r\n\r\n        <div id=\"t3\" class=\"tab-pane\">\r\n            <h3>Our Values<\/h3>\r\n            <div class=\"mini-grid\">\r\n                <div class=\"mini-item\"><b>Quality<\/b><\/div>\r\n                <div class=\"mini-item\"><b>Commitment<\/b><\/div>\r\n                <div class=\"mini-item\"><b>Integrity<\/b><\/div>\r\n                <div class=\"mini-item\"><b>Innovation<\/b><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div id=\"t4\" class=\"tab-pane\">\r\n            <h3>Why Us?<\/h3>\r\n            <p>Strict adherence to timelines, professional workforce, and competitive pricing without compromising work quality.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    function openTab(evt, tabId) {\r\n        var i, tabcontent, tablinks;\r\n        tabcontent = document.getElementsByClassName(\"tab-pane\");\r\n        for (i = 0; i < tabcontent.length; i++) {\r\n            tabcontent[i].style.display = \"none\";\r\n        }\r\n        tablinks = document.getElementsByClassName(\"tab-trigger\");\r\n        for (i = 0; i < tablinks.length; i++) {\r\n            tablinks[i].classList.remove(\"active\");\r\n        }\r\n        document.getElementById(tabId).style.display = \"block\";\r\n        evt.currentTarget.classList.add(\"active\");\r\n    }\r\n<\/script>\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>Who We Are 20 Years of Engineering Excellence Vision Mission Values Features Our Vision To be the premier partner in contracting and creative sectors in KSA, contributing to Saudi Vision 2030 by creating a sustainable urban future. Our Mission Executing major construction projects and events according to international standards, ensuring excellence and sustainable growth for<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"solace_meta_sidebar":"","solace_meta_container":"","solace_meta_enable_content_width":"","solace_meta_content_width":0,"solace_meta_title_alignment":"","solace_meta_author_avatar":"","solace_post_elements_order":"","solace_meta_disable_header":"","solace_meta_disable_footer":"","solace_meta_disable_title":"","footnotes":""},"class_list":["post-45","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/seenat.co\/ar\/wp-json\/wp\/v2\/pages\/45","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seenat.co\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seenat.co\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/seenat.co\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/seenat.co\/ar\/wp-json\/wp\/v2\/comments?post=45"}],"version-history":[{"count":10,"href":"https:\/\/seenat.co\/ar\/wp-json\/wp\/v2\/pages\/45\/revisions"}],"predecessor-version":[{"id":249,"href":"https:\/\/seenat.co\/ar\/wp-json\/wp\/v2\/pages\/45\/revisions\/249"}],"wp:attachment":[{"href":"https:\/\/seenat.co\/ar\/wp-json\/wp\/v2\/media?parent=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}